/* Events calendar (contract item 20). Only what ui.css lacks. */
.alj-ui .alj-cal-ico{flex:none;vertical-align:-3px}
.alj-ui .alj-cal-filters{display:grid;gap:12px;grid-template-columns:minmax(0,3fr) minmax(0,1fr) auto;align-items:end;margin-bottom:20px}
.alj-ui .alj-cal-filters .alj-field{margin:0}
.alj-ui .alj-cal-filters .alj-area .alj-field{margin:0}
.alj-ui .alj-cal-filters-go{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:900px){.alj-ui .alj-cal-filters{grid-template-columns:1fr}}

.alj-ui .alj-cal-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.alj-ui .alj-cal-month{display:grid;justify-items:center;gap:2px;text-align:center;font-size:clamp(20px,2.6vw,26px)}
.alj-ui .alj-cal-hijri-month{font-size:14px;font-weight:500;color:var(--muted)}
.alj-ui .alj-cal-scope{color:var(--muted);font-size:14px;margin:-4px 0 14px;text-align:center}
.alj-ui .alj-cal-hijri{color:var(--muted);font-weight:500;font-size:14px}

/* grid */
.alj-ui .alj-cal-grid{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.alj-ui .alj-cal-week,.alj-ui .alj-cal-cells{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.alj-ui .alj-cal-wd{padding:10px 8px;font-size:13px;font-weight:700;color:var(--muted);text-align:center;border-bottom:1px solid var(--line)}
.alj-ui .alj-cal-cell{position:relative;min-height:118px;padding:6px;border-bottom:1px solid var(--line);border-inline-start:1px solid var(--line);display:flex;flex-direction:column;gap:4px;min-width:0}
.alj-ui .alj-cal-cell:nth-child(7n+1){border-inline-start:0}
.alj-ui .alj-cal-cells>.alj-cal-cell:nth-last-child(-n+7){border-bottom:0}
.alj-ui .alj-cal-cell.is-out{background:#faf9fd}
.alj-ui .alj-cal-num{display:flex;align-items:baseline;justify-content:space-between;gap:6px;color:var(--ink);padding:2px 4px;border-radius:8px}
.alj-ui .alj-cal-num b{font-size:15px}
.alj-ui .alj-cal-num:hover{background:var(--v-soft)}
.alj-ui .alj-cal-hday{font-size:11.5px;color:var(--muted)}
.alj-ui .alj-cal-cell.is-today .alj-cal-num b{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:var(--v);color:#fff}
.alj-ui .alj-cal-cell.is-picked{background:var(--v-soft)}

.alj-ui .alj-cal-chip{position:relative;min-width:0}
.alj-ui .alj-cal-chip>summary{list-style:none;display:block;cursor:pointer;font-size:13px;font-weight:700;line-height:1.35;padding:5px 8px;border-radius:8px;background:var(--v-soft);color:var(--deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.alj-ui .alj-cal-chip>summary::-webkit-details-marker{display:none}
.alj-ui .alj-cal-chip>summary:hover,.alj-ui .alj-cal-chip[open]>summary{background:var(--v);color:#fff}
.alj-ui .alj-cal-pop{position:absolute;z-index:30;top:calc(100% + 6px);inset-inline-start:0;width:270px;max-width:80vw;display:grid;gap:8px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 40px -18px rgba(36,17,82,.45)}
.alj-ui .alj-cal-chip.is-edge .alj-cal-pop{inset-inline-start:auto;inset-inline-end:0}
.alj-ui .alj-cal-pop-label{font-size:12.5px;font-weight:700;color:var(--muted);margin-top:4px}
.alj-ui .alj-cal-more{font-size:13px;font-weight:700;padding:2px 8px}

/* event card (phone list, day panel) */
.alj-ui .alj-cal-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:14px}
.alj-ui .alj-cal-card-main{display:grid;gap:4px;min-width:0;flex:1 1 220px}
.alj-ui .alj-cal-card-title{font-weight:700;font-size:16px;color:var(--ink)!important;overflow-wrap:anywhere}
.alj-ui .alj-cal-card-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.alj-ui .alj-cal-dayhead{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:18px;margin-bottom:10px}
.alj-ui .alj-cal-daypanel{margin-bottom:20px}
.alj-ui .alj-cal-none{color:var(--muted)}

/* «ذكرني» */
.alj-ui .alj-cal-remind{position:relative}
.alj-ui .alj-cal-remind>summary{list-style:none}
.alj-ui .alj-cal-remind>summary::-webkit-details-marker{display:none}
.alj-ui .alj-cal-remind-menu{position:absolute;z-index:30;top:calc(100% + 6px);inset-inline-end:0;width:280px;max-width:calc(100vw - 32px);display:grid;gap:6px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 40px -18px rgba(36,17,82,.45)}
.alj-ui .alj-cal-remind-opt{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:10px;color:var(--ink)!important}
.alj-ui .alj-cal-remind-opt:hover{background:var(--v-soft)}
.alj-ui .alj-cal-remind-opt .alj-cal-ico{color:var(--v);margin-top:2px}
.alj-ui .alj-cal-remind-opt span{display:grid;gap:2px}
.alj-ui .alj-cal-remind-opt b{font-size:14.5px}
.alj-ui .alj-cal-remind-opt small{font-size:12.5px;color:var(--muted)}
.alj-ui.alj-cal-remind-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#fff;border:1px solid #e7e1f5;border-radius:16px}
.alj-ui .alj-cal-remind-when{display:grid;gap:2px}

/* phones: a day-by-day list instead of the grid; menus open in the flow, never off-screen */
.alj-ui .alj-cal-list{display:none}
.alj-ui .alj-cal-listday{margin-bottom:22px}
.alj-ui .alj-cal-listday.is-today .alj-cal-dayhead>span:first-child{color:var(--v)}
@media (max-width:760px){
  .alj-ui .alj-cal-grid{display:none}
  .alj-ui .alj-cal-list{display:block}
  .alj-ui .alj-cal-nav .alj-btn{padding:0 10px;font-size:13px}
  .alj-ui .alj-cal-remind{flex-basis:100%}
  .alj-ui .alj-cal-remind-menu{position:static;width:auto;max-width:none;margin-top:8px;box-shadow:none}
  .alj-ui .alj-cal-card-actions{width:100%}
}
@media (max-width:420px){.alj-ui .alj-cal-nav{flex-wrap:wrap;justify-content:center}.alj-ui .alj-cal-month{order:-1;flex-basis:100%}}