/* AGNES Family Calendar — family-first responsive experience */
#agnes-family-os[data-view="calendar"]{
  --afc-bg:#f8f5ff;--afc-surface:rgba(255,255,255,.82);--afc-surface-strong:#ffffff;
  --afc-line:rgba(98,72,158,.13);--afc-text:#34274f;--afc-muted:#827697;
  --afc-purple:#7252d7;--afc-purple-2:#9b7cf0;--afc-lilac:#eee7ff;--afc-pink:#fff0f5;
  --afc-blue:#edf5ff;--afc-green:#eff9ef;--afc-orange:#fff4e7;
  color:var(--afc-text);background:var(--afc-bg);
}
#agnes-family-os[data-view="calendar"] #agnes-family-calendar-root{
  display:block;min-height:100%;color:var(--afc-text);
  background:
    radial-gradient(circle at 78% 8%,rgba(204,187,255,.55),transparent 28%),
    radial-gradient(circle at 12% 76%,rgba(255,221,232,.5),transparent 25%),
    linear-gradient(145deg,#fbf9ff,#f6f1ff 58%,#fbf7ff);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
#agnes-family-os[data-view="calendar"] #agnes-family-calendar-root *{box-sizing:border-box}
#agnes-family-os[data-view="calendar"] .afc-title h1{color:#34274f!important;}
#agnes-family-os[data-view="calendar"] .afc-section-head h2{color:#34274f!important;}
#agnes-family-os[data-view="calendar"] .afc-preview-head h2{color:#34274f!important;}
#agnes-family-os[data-view="calendar"] .afc-opportunity h3{color:#34274f!important;}
#agnes-family-os[data-view="calendar"] .afc-today h2,#agnes-family-os[data-view="calendar"] .afc-event b,#agnes-family-os[data-view="calendar"] .afc-month-day>b{color:#34274f!important;}
#agnes-family-os[data-view="calendar"] .afc-nav strong{color:#34274f!important;}
#agnes-family-os[data-view="calendar"] .afc-empty b{color:#34274f!important;}

.agnes-inline-calendar{display:none;min-height:0;overflow:auto}
#agnes-family-os[data-view="calendar"] .agnes-inline-calendar{display:block;height:100%}
#agnes-family-os[data-view="calendar"] .agnes-screen{display:block;min-height:0;overflow:auto;padding-top:0}
#agnes-family-os[data-view="calendar"] .agnes-caption{display:none!important}
#agnes-family-os[data-view="calendar"] .agnes-inline-calendar .afc-shell{min-height:0}

.afc-shell{min-height:100%;padding:24px clamp(14px,2.6vw,38px) 34px}
.afc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:1540px;margin:0 auto 16px}
.afc-title small,.afc-section-head small,.afc-preview-head small{font-size:10px;letter-spacing:.15em;color:#7656d4;font-weight:800}
.afc-title h1{margin:4px 0 7px;font:600 clamp(30px,3.8vw,52px)/1.02 Georgia,serif}
.afc-title p{margin:0;color:var(--afc-muted);font-size:13px}
.afc-actions{display:flex;gap:10px}
.afc-upload,.afc-preview-actions .primary{border:0;border-radius:16px;padding:12px 17px;background:linear-gradient(145deg,#8b69eb,#6949cd);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 13px 30px rgba(105,73,205,.22)}
.afc-upload:disabled{opacity:.5;cursor:wait}

.afc-controls{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:15px;max-width:1540px;margin:0 auto 14px;padding:10px;border:1px solid var(--afc-line);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 12px 34px rgba(84,58,129,.07);backdrop-filter:blur(22px)}
.afc-view-tabs,.afc-nav,.afc-members{display:flex;align-items:center;gap:6px}
.afc-view-tabs button,.afc-nav button,.afc-members button{min-height:38px;border:1px solid transparent;border-radius:12px;background:#f6f2ff;color:#695d7b;padding:8px 12px;font-size:10px;font-weight:700;cursor:pointer}
.afc-view-tabs button.active,.afc-members button.active{border-color:rgba(114,82,215,.24);background:linear-gradient(145deg,#ede4ff,#f7f2ff);color:#5f42c2;box-shadow:0 6px 18px rgba(104,72,196,.08)}
.afc-nav strong{min-width:185px;text-align:center;font-size:12px}
.afc-members{justify-self:end;flex-wrap:wrap}
.afc-members button{display:flex;align-items:center;gap:7px}
.afc-members i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-style:normal;font-size:10px;color:#fff}
.m-agni{background:#d58ca2}.m-elias{background:#6f8fb8}.m-vasilis{background:#7689db}.m-elenios{background:#72b48d}.m-family{background:#8d70c9}
.afc-person{display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border-radius:50%;overflow:hidden;color:#fff;font-size:11px;border:2px solid rgba(255,255,255,.9);box-shadow:0 3px 9px rgba(71,49,110,.14)}
.afc-person img{display:block;width:100%;height:100%;object-fit:cover}

.afc-message{max-width:1540px;margin:0 auto 12px;padding:11px 14px;border-radius:14px;border:1px solid var(--afc-line);background:rgba(255,255,255,.8);font-size:11px}
.afc-message.ok{border-color:rgba(72,163,103,.24);color:#397e50}.afc-message.error{border-color:rgba(211,88,110,.24);color:#b33f55}
.afc-main-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(295px,.55fr);gap:14px;max-width:1540px;margin:0 auto}
.afc-calendar-card,.afc-opportunities,.afc-preview{border:1px solid var(--afc-line);border-radius:26px;background:rgba(255,255,255,.74);box-shadow:0 22px 55px rgba(74,51,111,.09),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(22px)}
.afc-calendar-card{min-height:540px;padding:12px;overflow:hidden}
.afc-opportunities{padding:16px}
.afc-section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.afc-section-head h2{margin:4px 0 0;font:600 19px/1.15 Georgia,serif}
.afc-section-head>span{padding:6px 9px;border-radius:999px;background:#eee7ff;color:#6d50c7;font-size:8px;font-weight:800}
.afc-opportunity-list{display:grid;gap:10px}
.afc-opportunity{position:relative;padding:14px;border:1px solid rgba(114,82,215,.11);border-radius:19px;background:linear-gradient(145deg,#fff,#faf7ff)}
.afc-opportunity>small{font-size:8px;letter-spacing:.08em;color:#775ad0;font-weight:800}.afc-opportunity h3{display:flex;align-items:center;gap:8px;margin:7px 50px 7px 0;font-size:17px}.afc-opportunity h3 span{font-size:22px}
.afc-op-score{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(114,82,215,.2);border-radius:50%;background:#f4efff;color:#5f42c2;font-size:13px;font-weight:800}.afc-op-score small{font-size:6px;color:var(--afc-muted)}
.afc-op-meta{display:grid;gap:2px;font-size:9px}.afc-op-meta span,.afc-opportunity p{color:var(--afc-muted)}.afc-opportunity p{font-size:10px;line-height:1.45}
.afc-op-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.afc-op-actions button{border:1px solid var(--afc-line);border-radius:10px;padding:8px;background:#fff;color:#6b607c;font-size:8px;font-weight:750;cursor:pointer}.afc-op-actions button.primary{border-color:rgba(114,82,215,.25);background:#ede5ff;color:#6042c3}

/* Family-first week: one row per person, seven day columns. */
.afc-family-week{min-width:760px;display:grid;gap:5px}
.afc-family-week-head,.afc-family-row{display:grid;grid-template-columns:150px repeat(7,minmax(78px,1fr));gap:5px;align-items:stretch}
.afc-family-week-head{position:sticky;top:0;z-index:3;padding-bottom:4px;background:rgba(255,255,255,.93);backdrop-filter:blur(12px)}
.afc-family-week-head>span{display:flex;align-items:center;padding:0 10px;color:#8b7b9f;font-size:9px;font-weight:800;letter-spacing:.12em}
.afc-family-week-head>b{display:grid;place-items:center;min-height:48px;border-radius:12px;background:#faf8ff;color:#5d4b75;font-size:18px}
.afc-family-week-head>b small{display:block;color:#9486a5;font-size:8px;text-transform:uppercase}.afc-family-week-head>b.today{background:#ece3ff;color:#6847cd;box-shadow:inset 0 0 0 1px rgba(114,82,215,.16)}
.afc-family-row>header{display:flex;align-items:center;gap:8px;min-height:82px;padding:9px;border-radius:14px;background:linear-gradient(145deg,#f9f6ff,#fff)}
.afc-family-row>header span:last-child{min-width:0}.afc-family-row>header b{display:block;color:#3f3158;font-size:11px}.afc-family-row>header small{display:block;margin-top:2px;color:#9a8ba9;font-size:8px}
.afc-family-cell{min-height:82px;padding:5px;border-radius:13px;background:#fbfaff;border:1px solid rgba(114,82,215,.07);overflow:hidden}.afc-family-cell.today{background:#f1ebff;border-color:rgba(114,82,215,.13)}.afc-family-cell>span{display:grid;place-items:center;height:100%;color:#d0c6dc}
.afc-mini-event{display:grid;gap:2px;margin-bottom:4px;padding:7px;border:1px solid rgba(114,82,215,.12);border-radius:10px;background:#fff;box-shadow:0 5px 13px rgba(76,52,115,.05)}.afc-mini-event:last-child{margin-bottom:0}.afc-mini-event time{color:#775ad0;font-size:8px;font-weight:850}.afc-mini-event b{color:#44365a;font-size:8px;line-height:1.25;overflow:hidden;text-overflow:ellipsis}.afc-mini-event.type-off,.afc-mini-event.type-leave{background:#eef9f0;border-color:rgba(76,156,93,.15)}

.afc-event{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;align-items:center;margin-top:8px;padding:12px;border:1px solid rgba(114,82,215,.1);border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(72,49,110,.05)}
.afc-event-time{color:#6d4fd0;font-size:11px;font-weight:850;white-space:nowrap}.afc-event-copy>b{display:block;font-size:13px;line-height:1.25}.afc-event-copy small{display:flex;align-items:center;gap:7px;margin-top:6px;color:#8a7d99;font-size:9px}.afc-event.type-off,.afc-event.type-leave{background:#f0f8f0;border-color:rgba(76,156,93,.16)}
.afc-today{padding:8px}.afc-today>header{display:flex;align-items:end;justify-content:space-between;margin:2px 2px 12px;padding:4px 4px 12px;border-bottom:1px solid var(--afc-line)}.afc-today>header small{color:#7657d1;font-size:9px;font-weight:800;letter-spacing:.14em}.afc-today h2{margin:3px 0 0;font:600 25px Georgia,serif}
.afc-month-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;padding:2px 2px 7px}.afc-month-weekdays span{text-align:center;font-size:8px;color:var(--afc-muted)}
.afc-month-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(92px,1fr);gap:5px}.afc-month-day{padding:8px;border:1px solid rgba(114,82,215,.08);border-radius:12px;background:#fdfcff;min-width:0}.afc-month-day.blank{opacity:.3}.afc-month-day.today{border-color:rgba(114,82,215,.25);background:#f0eaff}.afc-month-day>b{font-size:11px}.afc-month-day>div{display:grid;gap:3px;margin-top:5px}.afc-month-day .mini{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 5px;border-radius:6px;background:#f4efff;color:#655877;font-size:7px}.afc-month-day small{font-size:7px;color:var(--afc-muted)}
.afc-empty,.afc-calendar-loading{min-height:250px;display:grid;place-items:center;align-content:center;gap:6px;text-align:center;color:var(--afc-muted);padding:25px}.afc-empty span{max-width:420px;font-size:10px}.afc-empty.compact{min-height:160px}.afc-calendar-loading{font-size:11px}

.afc-preview{max-width:1540px;margin:14px auto 0;padding:16px}.afc-preview[hidden]{display:none!important}.afc-preview-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:12px}.afc-preview-head h2{margin:4px 0}.afc-preview-head p{margin:0;max-width:760px;color:var(--afc-muted);font-size:10px}.afc-preview-head button,.afc-preview-actions button{border:1px solid var(--afc-line);border-radius:11px;padding:9px 12px;background:#fff;color:#695c78;cursor:pointer}.afc-preview-table{overflow:auto}.afc-preview-row{display:grid;grid-template-columns:36px 130px 135px 92px 92px minmax(180px,1fr) 150px;gap:6px;align-items:center;min-width:900px;padding:6px;border-top:1px solid var(--afc-line)}.afc-preview-row.header{position:sticky;top:0;background:#f2ecff;color:var(--afc-muted);font-size:7px;z-index:2}.afc-preview-row.warning{background:#fff5ec}.afc-preview-row input,.afc-preview-row select{width:100%;border:1px solid var(--afc-line);border-radius:8px;padding:7px;background:#fff;color:#3d3151;font-size:8px}.afc-confidence{display:grid;gap:2px;font-size:8px}.afc-confidence small{color:var(--afc-muted);overflow:hidden;text-overflow:ellipsis}.afc-preview-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}

/* Tablet: app-like shell, no desktop sidebar, calendar remains two-panel. */
@media(min-width:721px) and (max-width:1100px){
  #agnes-family-os[data-view="calendar"]{display:block;min-height:0;height:100dvh}
  #agnes-family-os[data-view="calendar"]>.agnes-menu{display:none}
  #agnes-family-os[data-view="calendar"]>.agnes-workspace{height:100dvh;display:grid;grid-template-rows:68px minmax(0,1fr) calc(82px + env(safe-area-inset-bottom));padding:0 14px}
  #agnes-family-os[data-view="calendar"] .agnes-header{gap:10px}
  #agnes-family-os[data-view="calendar"] .agnes-burger{display:grid}
  #agnes-family-os[data-view="calendar"] .agnes-family span{width:32px;height:32px}
  #agnes-family-os[data-view="calendar"] .agnes-family small{display:none}
  #agnes-family-os[data-view="calendar"] .agnes-mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;margin:5px -14px 0;padding:4px 12px 5px;border-top:1px solid rgba(114,82,215,.12);background:rgba(255,255,255,.94);box-shadow:0 -8px 24px rgba(74,51,111,.06)}
  #agnes-family-os[data-view="calendar"] .agnes-mobile-nav a,#agnes-family-os[data-view="calendar"] .agnes-mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:50px;border:0;background:transparent;color:#665878;text-decoration:none;font-size:19px}
  #agnes-family-os[data-view="calendar"] .agnes-mobile-nav small{font-size:8px}
  .afc-shell{padding:14px 4px 22px}.afc-head{margin-bottom:12px}.afc-title h1{font-size:34px}.afc-title p{font-size:11px}.afc-controls{grid-template-columns:auto 1fr}.afc-members{grid-column:1/-1;justify-self:start;flex-wrap:nowrap;overflow:auto;max-width:100%;padding-bottom:2px}.afc-main-grid{grid-template-columns:minmax(0,1fr) 280px;gap:10px}.afc-calendar-card{min-height:500px;overflow:auto}.afc-opportunities{padding:12px}.afc-opportunity-list{display:grid;grid-template-columns:1fr}.afc-family-week{min-width:720px}.afc-family-week-head,.afc-family-row{grid-template-columns:130px repeat(7,minmax(74px,1fr))}
}

/* Mobile: today-first timeline, large touch controls, bottom navigation. */
@media(max-width:720px){
  #agnes-family-os[data-view="calendar"]{background:#f8f5ff;color:#34274f}
  #agnes-family-os[data-view="calendar"] .agnes-workspace{background:#f8f5ff;padding-inline:9px}
  #agnes-family-os[data-view="calendar"] .agnes-header{border-bottom-color:rgba(114,82,215,.12);color:#3b2e50}
  #agnes-family-os[data-view="calendar"] .agnes-title small{color:#7657d1}
  #agnes-family-os[data-view="calendar"] .agnes-mic,#agnes-family-os[data-view="calendar"] .agnes-burger{border-color:rgba(114,82,215,.22);background:#f0eaff;color:#6748ca}
  #agnes-family-os[data-view="calendar"] .agnes-weather{color:#5d506f}
  #agnes-family-os[data-view="calendar"] .agnes-mobile-nav{border-top-color:rgba(114,82,215,.12);background:rgba(255,255,255,.96)}
  #agnes-family-os[data-view="calendar"] .agnes-mobile-nav a,#agnes-family-os[data-view="calendar"] .agnes-mobile-nav button{color:#665878}
  .afc-shell{padding:8px 0 16px}.afc-head{align-items:flex-start;flex-direction:row;margin-bottom:10px}.afc-title small{font-size:8px}.afc-title h1{font-size:25px;margin-top:2px}.afc-title p{display:none}.afc-actions{margin-left:auto}.afc-upload{width:42px;height:42px;overflow:hidden;padding:0;font-size:0;border-radius:14px}.afc-upload:before{content:"＋";font-size:22px}.afc-controls{grid-template-columns:1fr;gap:8px;padding:8px;border-radius:18px}.afc-view-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.afc-view-tabs button{min-height:42px;font-size:10px}.afc-nav{justify-content:space-between}.afc-nav strong{min-width:0;font-size:11px}.afc-nav button{min-height:38px;padding-inline:10px}.afc-members{grid-column:auto;justify-self:stretch;flex-wrap:nowrap;overflow:auto;padding-bottom:2px}.afc-members button{flex:0 0 auto;min-height:40px}.afc-members button:not(.active){font-size:0}.afc-members button:not(.active) i{margin:0}.afc-main-grid{grid-template-columns:1fr;gap:10px}.afc-calendar-card{order:1;min-height:0;padding:7px;border-radius:20px}.afc-opportunities{order:2;padding:13px;border-radius:20px}.afc-section-head h2{font-size:17px}.afc-opportunity-list{grid-template-columns:1fr}.afc-today{padding:4px}.afc-today>header{margin-bottom:7px}.afc-today h2{font-size:21px}.afc-event{grid-template-columns:72px minmax(0,1fr);gap:8px;min-height:70px;padding:10px;border-radius:14px}.afc-event-time{font-size:10px}.afc-event-copy>b{font-size:13px}.afc-event-copy small{font-size:9px}.afc-person{width:28px;height:28px}.afc-month-grid{grid-auto-rows:70px;gap:3px}.afc-month-day{padding:5px}.afc-month-day .mini:nth-child(n+2){display:none}.afc-family-week{min-width:700px}.afc-calendar-card:has(.afc-family-week){overflow:auto}.afc-preview{padding:10px;border-radius:18px}.afc-preview-head{flex-direction:column}.afc-preview-actions{position:sticky;bottom:0;padding:8px;background:rgba(248,245,255,.95)}
}

@media(prefers-reduced-motion:reduce){#agnes-family-calendar-root *{scroll-behavior:auto!important;transition:none!important}}

/* 13.16.6 Calendar outer-shell horizontal lock; week grid remains horizontally scrollable inside its card. */
@media(max-width:720px){
  #agnes-family-os[data-view="calendar"] .agnes-screen,#agnes-family-os[data-view="calendar"] .agnes-inline-calendar,#agnes-family-os[data-view="calendar"] #agnes-family-calendar-root{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
  #agnes-family-os[data-view="calendar"] .afc-calendar-card:has(.afc-family-week){overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
}