/* CEREARK Executive Office — Executive Glass visual system
   Inspired by contemporary layered interfaces while retaining CEREARK identity.
   Glass is reserved primarily for navigation and transient controls; content
   surfaces remain calm and legible. */
:root{
 --ce-bg:#f4f6f3;
 --ce-bg-warm:#faf9f5;
 --ce-panel:rgba(255,255,255,.88);
 --ce-panel-solid:#fff;
 --ce-glass:rgba(255,255,255,.66);
 --ce-glass-strong:rgba(255,255,255,.80);
 --ce-border:rgba(30,54,44,.10);
 --ce-border-strong:rgba(30,54,44,.16);
 --ce-ink:#17231e;
 --ce-muted:#66736c;
 --ce-subtle:#8b9690;
 --ce-green:#0b4d3a;
 --ce-green-soft:rgba(11,77,58,.09);
 --ce-gold:#bd8618;
 --ce-red:#b5342a;
 --ce-red-soft:#fff1ef;
 --ce-amber:#a56d08;
 --ce-amber-soft:#fff7e8;
 --ce-blue:#356a86;
 --ce-blue-soft:#edf6fa;
 --ce-shadow:0 18px 50px rgba(25,45,36,.08);
 --ce-shadow-soft:0 8px 28px rgba(25,45,36,.055);
 --ce-radius:20px;
 --ce-radius-sm:14px;
 --ce-control:44px;
}

html{background:var(--ce-bg)}
body{
 color:var(--ce-ink);
 background:
  radial-gradient(circle at 18% 0%,rgba(198,219,207,.32),transparent 32rem),
  radial-gradient(circle at 88% 12%,rgba(233,216,174,.19),transparent 28rem),
  linear-gradient(180deg,var(--ce-bg-warm),var(--ce-bg));
 font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Inter,ui-sans-serif,system-ui,sans-serif;
 font-size:15px;
 letter-spacing:-.008em;
 -webkit-font-smoothing:antialiased;
 text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,.top h1,.hero h2{
 font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Inter,ui-sans-serif,system-ui,sans-serif;
 letter-spacing:-.025em;
 color:var(--ce-ink);
}
h1,.top h1{font-size:30px;font-weight:680;line-height:1.08}
h2{font-size:21px;font-weight:660;line-height:1.18}
h3{font-size:16px;font-weight:650}
h4{font-size:15px;font-weight:650}
p{line-height:1.52}
.meta{font-size:12.5px;color:var(--ce-muted);line-height:1.45}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:.11em;color:var(--ce-gold)}

/* Glass belongs to navigation and controls, not every content panel. */
.shell{grid-template-columns:208px minmax(0,1fr) 282px;background:transparent}
.side,.right{
 position:sticky;top:0;height:100vh;
 background:var(--ce-glass);
 border-color:var(--ce-border);
 backdrop-filter:blur(28px) saturate(125%);
 -webkit-backdrop-filter:blur(28px) saturate(125%);
}
.side{padding:22px 14px 18px}
.right{padding:24px 18px}
.brand{font-size:12px;font-weight:760;letter-spacing:.13em;color:var(--ce-green)}
.brand .meta{font-size:9px;letter-spacing:.17em;color:#74837b}
.nav{gap:3px;margin-top:22px}
.nav button{
 min-height:40px;padding:9px 11px;border-radius:12px;
 font-size:13.5px;font-weight:510;color:#39463f;
 transition:background .16s ease,transform .16s ease,color .16s ease;
}
.nav button:hover{background:rgba(255,255,255,.62);color:var(--ce-ink);transform:translateX(1px)}
.nav .active{background:rgba(255,255,255,.84);box-shadow:0 1px 0 rgba(255,255,255,.8),0 6px 20px rgba(22,45,35,.07);color:var(--ce-green);font-weight:650}
.nav-section{display:block;padding:17px 10px 5px;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#94a099}

.main{padding:28px 28px 44px}
.top{min-height:48px;margin-bottom:8px}
.top>div:first-child>.meta{margin-top:5px;color:#87918c}
.top>div:last-child{display:flex;gap:7px}

button,.primary,.secondary,.choice,.button-link{
 min-height:var(--ce-control);border-radius:13px;padding:10px 15px;
 font-weight:620;letter-spacing:-.01em;
 transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,opacity .15s ease;
}
button:hover:not(:disabled),.button-link:hover{transform:translateY(-1px)}
.primary{background:var(--ce-green);border:1px solid var(--ce-green);color:#fff;box-shadow:0 7px 18px rgba(11,77,58,.15)}
.primary:hover:not(:disabled){background:#083f30;box-shadow:0 9px 22px rgba(11,77,58,.19)}
.secondary,.choice,.button-link{background:rgba(255,255,255,.62);border:1px solid var(--ce-border-strong);color:var(--ce-ink);box-shadow:0 1px 0 rgba(255,255,255,.72)}
.secondary:hover:not(:disabled),.choice:hover{background:rgba(255,255,255,.92);border-color:rgba(11,77,58,.20)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(55,122,91,.24);outline-offset:2px}

.hero{
 background:linear-gradient(138deg,#0b4938,#155f49 72%,#1f6b53);
 border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:28px 30px;
 box-shadow:var(--ce-shadow-soft);overflow:hidden;position:relative;
}
.hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-150px;background:rgba(255,255,255,.08);filter:blur(2px)}
.hero h2,.hero p{color:#fff}.hero .eyebrow{color:#efc66d}.hero .primary,.hero .secondary{position:relative;z-index:1;background:rgba(255,255,255,.88);color:var(--ce-green);border-color:rgba(255,255,255,.8)}

.card,.decision-brief,.decision-work,.agenda,.meeting-work,.mode,.kpi,.area{
 background:var(--ce-panel);border:1px solid var(--ce-border);border-radius:var(--ce-radius);
 box-shadow:var(--ce-shadow-soft);
}
.card{padding:20px}
.mode{padding:17px;box-shadow:none}.mode:hover{border-color:rgba(11,77,58,.16);box-shadow:var(--ce-shadow-soft);transform:translateY(-2px)}
.kpi{padding:17px;border-radius:17px}.kpi b{font-size:27px;font-weight:650;color:var(--ce-green)}
.record{border:0;border-bottom:1px solid rgba(30,54,44,.08);border-radius:14px;padding:14px 13px;margin:3px 0;background:transparent;transition:background .15s ease,transform .15s ease}
.record:hover{background:rgba(255,255,255,.62);border-color:rgba(30,54,44,.08);transform:translateX(1px)}
.record:last-child{border-bottom-color:transparent}
.badge,.ux-state-badge{border:0;background:#eef3f0;color:#536159;font-weight:620;padding:4px 8px}

/* Forms: less bureaucracy, more natural progression. */
.modalwrap{
 background:rgba(28,39,34,.30);
 backdrop-filter:blur(12px) saturate(110%);
 -webkit-backdrop-filter:blur(12px) saturate(110%);
 padding:22px;
}
.modal{
 background:rgba(251,252,250,.94);border:1px solid rgba(255,255,255,.72);border-radius:26px;
 box-shadow:0 26px 80px rgba(18,34,27,.20);padding:28px 30px;max-height:min(90vh,900px);
 backdrop-filter:blur(30px) saturate(120%);-webkit-backdrop-filter:blur(30px) saturate(120%);
}
.modal-x{top:16px;right:18px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:25px;color:#718078;background:rgba(255,255,255,.48)}
.modal-x:hover{background:rgba(255,255,255,.90);color:var(--ce-ink)}
.modal h2{font-size:27px;font-weight:680;margin:4px 48px 24px 0}
.modal label{font-size:13px;font-weight:590;color:#4c5952;letter-spacing:-.005em}
.login input,.modal input,.modal textarea,.modal select,textarea,input{
 min-height:48px;margin:7px 0 17px;padding:12px 14px;
 background:rgba(255,255,255,.76);border:1px solid rgba(39,63,52,.14);border-radius:14px;
 color:var(--ce-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}
.modal textarea{line-height:1.45;resize:vertical}
.modal input:hover,.modal textarea:hover,.modal select:hover{border-color:rgba(11,77,58,.22)}
.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:rgba(11,77,58,.38);box-shadow:0 0 0 4px rgba(11,77,58,.07);outline:0}
.check{font-size:13px!important;font-weight:520!important;color:var(--ce-muted)!important;gap:9px}
.check input{accent-color:var(--ce-green);width:18px!important;height:18px!important;margin:0!important;min-height:0!important}

/* Calendar editor hierarchy */
.ce-calendar-editor{max-width:860px}
.ce-time-panel,.ce-reminders,.ce-guest-updates{
 margin:20px 0;padding:18px 20px;border:1px solid rgba(34,59,48,.09);border-radius:20px;
 background:rgba(255,255,255,.50);box-shadow:inset 0 1px 0 rgba(255,255,255,.60);
}
.ce-time-heading,.ce-control-heading{margin-bottom:13px;align-items:center;gap:9px}
.ce-time-heading b,.ce-control-heading b{font-size:15px;font-weight:660;letter-spacing:-.015em;color:var(--ce-ink)}
.ce-time-heading span,.ce-control-heading span{font-size:12px;color:var(--ce-subtle);font-weight:450}
.ce-control-heading>div{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.ce-start-grid,.ce-end-grid{gap:11px}
.ce-start-grid label>span,.ce-end-grid label>span{font-size:11.5px;font-weight:560;color:#7b8781}
.ce-start-grid input,.ce-start-grid select,.ce-end-grid input,.ce-end-grid select{margin-bottom:3px;background:rgba(255,255,255,.86)}
.ce-end-heading{margin-top:19px}
.ce-location-suggestions{border-color:var(--ce-border);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(25,45,36,.14);backdrop-filter:blur(18px)}
.ce-location-choice{border-radius:11px;padding:11px 13px;background:transparent}.ce-location-choice:hover,.ce-location-choice:focus{background:var(--ce-green-soft)}
.ce-map-link,.ce-event-link{font-size:12.5px;font-weight:620;text-decoration:none;color:var(--ce-green)}
.ce-reminder-row{grid-template-columns:1fr 1.55fr 42px;gap:9px;margin:5px 0 9px}
.ce-reminder-row select{margin:0;min-height:46px}
.ce-icon-button{min-height:46px!important;width:42px!important;padding:0!important;border-radius:13px!important;color:#68756e;font-size:19px!important}
.ce-reminders [data-add-reminder]{margin-top:8px;background:rgba(255,255,255,.68)}
.ce-guest-updates select{margin-bottom:13px}
.ce-guest-updates textarea{margin-bottom:4px}
.ux-all-day-toggle{margin:4px 0 18px}

/* RSVP intelligence */
.cr-rsvp-summary{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.cr-rsvp-chip{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:650;letter-spacing:-.005em}
.cr-rsvp-chip.accepted{background:#eaf6ef;color:#226847}
.cr-rsvp-chip.declined{background:var(--ce-red-soft);color:#a22d26}
.cr-rsvp-chip.tentative{background:var(--ce-amber-soft);color:#8d610d}
.cr-rsvp-chip.pending{background:#eef2f4;color:#66737a}
.cr-guest-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid rgba(30,54,44,.07)}
.cr-guest-row:last-child{border-bottom:0}
.cr-response-attention{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:14px 16px;background:rgba(255,248,234,.86);border:1px solid rgba(189,134,24,.18);border-radius:16px;box-shadow:var(--ce-shadow-soft)}
.cr-response-attention>div{display:flex;align-items:center;gap:12px}.cr-response-attention>div>div{display:grid;gap:2px}.cr-response-attention span{font-size:12.5px;color:#715d35}.cr-response-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff0cb;color:#93640b!important;font-weight:750;font-size:15px!important}
.google-event-row{padding:15px 13px}.google-event-row .actions{opacity:.68;transition:opacity .15s ease}.google-event-row:hover .actions,.google-event-row:focus-within .actions{opacity:1}

/* Notifications and information states should feel informative, not alarming. */
.ux-notice{border-radius:16px;box-shadow:var(--ce-shadow-soft);border-width:1px}.ux-notice.success{background:rgba(239,249,243,.92)}.ux-notice.warning{background:rgba(255,249,235,.94)}.ux-notice.error{background:rgba(255,243,241,.94)}
.notification{border:0;border-bottom:1px solid var(--ce-border);border-radius:14px;background:rgba(255,255,255,.42);padding:16px}.notification.unread{border-left:0;box-shadow:inset 3px 0 0 var(--ce-gold)}.notification.urgent{box-shadow:inset 3px 0 0 var(--ce-red)}

/* Trevor / system inspector */
.right h3{font-size:14px}.right p{font-size:12.5px;color:#526159}.right hr{border:0;border-top:1px solid var(--ce-border);margin:20px 0}.health{border-color:var(--ce-border);font-size:11.5px}

/* Mobile: glass navigation, edge-to-edge content. */
.mobile{background:rgba(255,255,255,.76);border-top:1px solid var(--ce-border);backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}
.mobile button{background:transparent;color:#54625b;font-weight:550}

@media(max-width:1100px){.shell{grid-template-columns:188px 1fr}.main{padding:24px 20px 40px}}
@media(max-width:760px){
 .main{padding:18px 12px 88px}.top h1{font-size:26px}.hero{border-radius:20px;padding:22px}.modalwrap{padding:10px}.modal{width:100%;border-radius:22px;padding:24px 18px}.modal h2{font-size:24px}.ce-time-panel,.ce-reminders,.ce-guest-updates{padding:16px}.cr-response-attention{align-items:flex-start;flex-direction:column}.google-event-row .actions{opacity:1}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(prefers-contrast:more){.side,.right,.modal{background:#fff}.card,.mode,.kpi,.area{background:#fff;border-color:#9ca8a2}.secondary,.choice{background:#fff;border-color:#7c8982}.meta{color:#4e5d55}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.side,.right,.modal,.mobile{background:rgba(255,255,255,.96)}}