:root {
  --bg: #f7f6f5;
  --ink: #2f1d16;
  --brand: #8a280b;
  --soft: #e8e3df;
  --white: rgba(255,255,255,.6);
  --glass: rgba(255,255,255,.56);
  --border: rgba(138,40,11,.14);
  --shadow: 0 18px 45px rgba(79,43,31,.08);
  --radius: 24px;
}
* { box-sizing: border-box; }
main,section,.card,.item,.glass-card,.modal-card { min-width:0; }
body { margin:0; font-family:Inter,sans-serif; background: radial-gradient(circle at top left, rgba(232,227,223,.75), transparent 38%), var(--bg); color:var(--ink); }
body.theme-clean-light { --bg:#fbfaf8; --ink:#2a201c; --soft:#efe8e2; --glass:rgba(255,255,255,.82); --border:rgba(108,76,63,.1); --shadow:0 16px 32px rgba(76,51,38,.06); background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(251,250,248,.98)); }
body.theme-dark { --bg:#1f1917; --ink:#f7f1ed; --soft:#3f2e28; --glass:rgba(48,35,31,.7); --border:rgba(255,255,255,.08); --shadow:0 18px 45px rgba(0,0,0,.25); background: radial-gradient(circle at top left, rgba(138,40,11,.22), transparent 30%), #1f1917; }
body.theme-goofy-chicken { --bg:#fff6b8; --ink:#39220d; --brand:#e64621; --soft:#ffe46b; --glass:rgba(255,255,255,.8); --border:rgba(230,70,33,.24); --shadow:0 16px 32px rgba(230,70,33,.12); background: radial-gradient(circle at top left, rgba(255,220,125,.55), transparent 28%), radial-gradient(circle at bottom right, rgba(53,181,149,.2), transparent 24%), linear-gradient(135deg, #fff7c9, #ffd8a8 46%, #c9f3df); }
a { color:inherit; text-decoration:none; }
button,.button-link { border:none; border-radius:16px; background:var(--brand); color:#fff; padding:.9rem 1.1rem; font-weight:700; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; }
button.danger { background:#6d1b04; }
button.ghost { background:rgba(255,255,255,.4); color:var(--ink); border:1px solid var(--border); }
.ghost:not(button), a.ghost { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:.75rem 1rem; min-height:42px; border-radius:16px; background:rgba(255,255,255,.4); color:var(--ink); border:1px solid var(--border); font-weight:700; }
.pseudo-btn { min-height:38px; padding:.55rem .85rem; align-self:center; }
input,select,textarea { width:100%; padding:.9rem 1rem; border-radius:16px; border:1px solid var(--border); background:rgba(255,255,255,.55); font:inherit; color:var(--ink); }
textarea { min-height:110px; resize:vertical; }
label { display:block; font-size:.92rem; font-weight:600; }
img.inline-image,.profile-photo-large,.avatar-img { object-fit:cover; }
img.inline-image { width:100%; max-width:240px; border-radius:18px; margin-top:.75rem; border:1px solid var(--border); }
.confetti-canvas { position:fixed; inset:0; pointer-events:none; z-index:999; }
.page-shell { max-width:1500px; margin:0 auto; padding:20px; }
.topbar,.card,.glass-card,.flash { background:var(--glass); border:1px solid var(--border); box-shadow:var(--shadow); }
.card,.glass-card,.flash { backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.topbar { display:flex; gap:18px; align-items:center; justify-content:space-between; padding:18px 20px; border-radius:30px; position:sticky; top:12px; z-index:30; }
.brand { display:flex; align-items:center; gap:14px; min-width:220px; }
.brand-mark { width:64px; height:64px; border-radius:22px; background:var(--brand); color:#fff; display:grid; place-items:center; font-weight:800; letter-spacing:.02em; padding-right:2px; transform:translateX(-2px); }
.login-mark { width:88px; height:88px; font-size:1.5rem; transform:none; }
.brand-copy h1 { margin:0; font-size:1.05rem; }
.brand-copy p { margin:.2rem 0 0; color:#7b6256; font-size:.85rem; }
.topnav { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; }
.topnav a { padding:.7rem .95rem; border-radius:14px; font-weight:600; }
.topnav a.active, .topnav a:hover { background:rgba(138,40,11,.12); color:var(--brand); }
.notification-link { position:relative; }
.dot { background:var(--brand); color:#fff; border-radius:999px; padding:.1rem .45rem; font-size:.75rem; margin-left:.35rem; }
.topbar-actions { display:flex; gap:12px; align-items:center; }
.profile-chip { display:flex; align-items:center; gap:10px; padding:8px 12px; border-radius:18px; background:rgba(255,255,255,.45); border:1px solid var(--border); }
.profile-chip.buttonish:hover { transform:translateY(-1px); }
.avatar-wrap { display:grid; place-items:center; }
.avatar,.staff-avatar,.avatar-img { width:42px; height:42px; border-radius:14px; background:var(--soft); color:var(--brand); display:grid; place-items:center; font-weight:800; }
.profile-meta { display:flex; flex-direction:column; }
.profile-meta span,.muted,.meta,small { color:#7b6256; font-size:.88rem; }
.main { padding:18px 0 32px; }
.main.centered { min-height:100vh; display:grid; place-items:center; }
.section-head { display:flex; justify-content:space-between; align-items:end; gap:16px; margin:8px 0 18px; flex-wrap:wrap; }
.section-head h2 { margin:0; font-size:2rem; }
.section-head p { margin:.35rem 0 0; color:#7b6256; }
.cards { display:grid; gap:18px; margin:0 0 18px; }
.cards.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.cards.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.cards.four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.card,.glass-card { border-radius:var(--radius); padding:20px; }
.metric-card .metric-kicker { color:#7b6256; font-weight:700; text-transform:uppercase; font-size:.8rem; }
.metric-card .metric-value { font-size:2.2rem; font-weight:800; margin-top:.4rem; }
.chart-card canvas { width:100% !important; height:280px !important; }
.grid { display:grid; gap:14px; }
.grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.grid.four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.grid.one { grid-template-columns:1fr; }
.span-2 { grid-column:1 / -1; }
.stack { display:grid; gap:12px; }
.item, details.item, details.collapsible { padding:14px; border-radius:18px; border:1px solid var(--border); background:rgba(255,255,255,.45); }
.item.deleted { opacity:.8; }
.collapsible summary, details summary { cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.collapsible summary::-webkit-details-marker, details summary::-webkit-details-marker { display:none; }
.info-chips { display:flex; flex-wrap:wrap; gap:8px; margin:.5rem 0; }
.chip,.pill { padding:.35rem .7rem; border-radius:999px; background:var(--soft); font-size:.82rem; font-weight:700; }
.pill.positive { background:rgba(81,146,95,.18); }
.pill.neutral { background:rgba(104,112,129,.15); }
.pill.negative { background:rgba(164,70,55,.18); }
.inline-form { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.permission-grid { display:grid; gap:10px; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); }
.check-pill { display:flex; align-items:center; gap:8px; padding:10px 12px; border-radius:16px; background:rgba(255,255,255,.45); border:1px solid var(--border); }
.check-pill input { width:auto; }
.login-shell { width:min(460px, 100%); padding:34px; text-align:center; }
.login-brand { margin-bottom:20px; display:grid; place-items:center; gap:10px; }
.flash { padding:14px 16px; border-radius:16px; margin-bottom:16px; }
.flash.error { border-color:rgba(164,70,55,.25); }
.type-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.type-option { border:1px solid var(--border); border-radius:18px; padding:12px; background:rgba(255,255,255,.45); cursor:pointer; text-align:center; }
.type-option input { display:none; }
.type-option.selected { border:2px solid #8a280b; box-shadow: inset 0 0 0 1px rgba(138,40,11,.18); }
.followup-box { border-left:3px solid var(--brand); padding-left:12px; margin-top:10px; }
.table-shell { overflow:auto; }
.table { width:100%; border-collapse:collapse; }
.table th,.table td { text-align:left; padding:12px; border-bottom:1px solid var(--border); }
.calendar { display:grid; gap:8px; }
.calendar-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:6px; }
.calendar-grid.labels > span { min-height:auto; background:transparent; border:none; font-weight:700; color:#7b6256; display:grid; place-items:center; }
.calendar-grid .blank { background:transparent; border:none; }
.pad-top { margin-top:10px; }
.profile-card .profile-hero { display:flex; gap:16px; align-items:center; }
.profile-photo-large { width:88px; height:88px; border-radius:24px; border:1px solid var(--border); }
.mini-line { display:flex; justify-content:space-between; gap:12px; font-size:.88rem; padding:.5rem 0; border-bottom:1px dashed var(--border); }
@media (max-width: 1100px) {
  .topbar { flex-direction:column; align-items:stretch; }
  .topbar-actions { justify-content:space-between; }
  .cards.four,.cards.three,.cards.two,.grid.four,.grid.three,.grid.two { grid-template-columns:1fr 1fr; }
}
@media (max-width: 720px) {
  .page-shell { padding:12px; }
  .topbar { padding:14px; border-radius:24px; }
  .brand { min-width:0; }
  .brand-mark { width:58px; height:58px; }
  .cards.four,.cards.three,.cards.two,.grid.four,.grid.three,.grid.two { grid-template-columns:1fr; }
  .topbar-actions,.profile-chip,.inline-form { width:100%; }
  .topbar-actions { flex-direction:column; }
  .profile-chip { justify-content:center; }
  .type-row { grid-template-columns:1fr; }
  .section-head h2 { font-size:1.5rem; }
  .profile-card .profile-hero { flex-direction:column; text-align:center; }
}

.between{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;min-width:0;}
.nav-menu{position:relative;}
.nav-menu summary{list-style:none;cursor:pointer;padding:.7rem .95rem;border-radius:14px;background:rgba(255,255,255,.35);border:1px solid var(--border);font-weight:600;}
.nav-menu[open] summary{background:rgba(138,40,11,.12);color:var(--brand);}
.nav-menu-list{position:absolute;right:0;top:calc(100% + 8px);display:grid;gap:6px;min-width:220px;padding:12px;border-radius:18px;background:var(--glass);border:1px solid var(--border);box-shadow:var(--shadow);z-index:20;}
.nav-menu-list a{padding:.6rem .8rem;border-radius:12px;}
.nav-menu-list a:hover{background:rgba(138,40,11,.08);}
.marker-dot{padding:0;border:none;background:none;color:#c82b2b;font-size:.95rem;line-height:1;}
.modal{position:fixed;inset:0;background:rgba(32,18,13,.28);display:grid;place-items:center;padding:18px;z-index:60;}
.modal.hidden{display:none;}
.modal-card{width:min(760px,100%);max-height:88vh;overflow:auto;border-radius:26px;padding:20px;background:var(--glass);border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter: blur(18px);}
.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;}
.modal-search{margin-bottom:12px;}
.popup-stack{position:fixed;right:16px;top:86px;display:grid;gap:10px;z-index:80;max-width:340px;}
.notify-popup{padding:14px 16px;border-radius:18px;background:var(--glass);border:1px solid var(--border);box-shadow:var(--shadow);}
.notify-popup p{margin:.35rem 0;}
.notify-popup small{display:block;color:#7b6256;}
.samsung-calendar .calendar-grid{gap:10px;}
.samsung-calendar .day{min-height:74px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:10px;border-radius:18px;border:1px solid var(--border);background:rgba(255,255,255,.45);}
.samsung-calendar .day.blank{background:transparent;border:none;}
.samsung-calendar .day-markers{display:flex;gap:4px;flex-wrap:wrap;}
.samsung-calendar .day-markers i{font-style:normal;font-size:.9rem;background:transparent !important;width:auto;height:auto;position:static;}
.samsung-calendar .day.has-event{border-color:rgba(138,40,11,.35);box-shadow:inset 0 0 0 1px rgba(138,40,11,.07);}
.hidden{display:none !important;}


html { scroll-behavior:smooth; }
body, button, input, select, textarea, a { transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease, opacity .18s ease; }
button:hover,.button-link:hover,.type-option:hover,.topnav a:hover,.nav-menu summary:hover,.profile-chip.buttonish:hover,.day:hover{ transform:translateY(-1px); }
.hero-card h3{ margin:.2rem 0 .45rem; font-size:1.45rem; }
.eyebrow{ color:var(--brand); font-size:.82rem; text-transform:uppercase; letter-spacing:.08em; font-weight:800; }
.activity-feed .item{ background:linear-gradient(180deg, rgba(255,255,255,.48), rgba(255,255,255,.34)); padding:12px 14px; }
.activity-title{ font-weight:700; text-transform:capitalize; margin:.2rem 0; }
.color-chip{ background: color-mix(in srgb, var(--chip) 14%, white); border:1px solid color-mix(in srgb, var(--chip) 28%, white); color:var(--ink); }
.notify-popup{ animation:slideIn .22s ease; border-radius:22px; }
.notify-popup strong{ display:block; color:var(--brand); }
.notify-popup .inline-form button{ flex:1; }
.samsung-calendar .day{ min-height:92px; }
.samsung-calendar .day:hover{ border-color:rgba(138,40,11,.45); box-shadow:0 8px 20px rgba(79,43,31,.08); }
.samsung-calendar .day span{ font-weight:700; }
.samsung-calendar .day.today{ box-shadow: inset 0 0 0 2px rgba(138,40,11,.22); }
.nav-toggle{ display:none; }
@keyframes slideIn { from { opacity:0; transform:translateY(-8px) scale(.98);} to { opacity:1; transform:translateY(0) scale(1);} }
@media (max-width: 720px) {
  .nav-toggle{ display:inline-flex; width:100%; justify-content:center; margin-top:8px; }
  .topnav{ display:none; width:100%; flex-direction:column; }
  .topnav.mobile-open{ display:flex; }
  .topnav a, .topnav details, .nav-menu summary{ width:100%; }
  .nav-menu-list{ position:static; min-width:unset; }
  .popup-stack{ left:12px; right:12px; top:auto; bottom:14px; max-width:none; }
  .hero-card h3{ font-size:1.2rem; }
}


.card-primary{background:rgba(255,255,255,.68);box-shadow:0 24px 52px rgba(79,43,31,.11);border-color:rgba(138,40,11,.18);}
.card-soft{background:rgba(255,255,255,.34);box-shadow:none;}
.feed-item{border-left:4px solid transparent;padding-left:16px;}
.feed-created{border-left-color:#4c8ffb;}
.feed-updated{border-left-color:#d9862b;}
.feed-viewed{border-left-color:#a59d96;}
.feed-icon{margin-right:.35rem;}
.status-pending{background:rgba(104,112,129,.15);} .status-delivered{background:rgba(81,146,95,.18);} .status-denied{background:rgba(164,70,55,.18);} .status-approved{background:rgba(76,143,251,.16);} .status-ordered{background:rgba(194,131,37,.16);} .status-deactivated{background:rgba(69,61,58,.18);}
.profile-chip{padding:7px 10px;gap:8px;} .profile-meta.compact span{font-size:.8rem;} .profile-meta.compact strong{font-size:1rem;}
.avatar,.staff-avatar,.avatar-img{border-radius:999px;}
.samsung-calendar .day{position:relative;align-items:stretch;}
.samsung-calendar .day-number{position:absolute;top:8px;right:10px;font-size:.8rem;font-weight:800;opacity:.68;}
.samsung-calendar .day-markers{position:absolute;left:10px;bottom:8px;display:flex;gap:5px;}
.samsung-calendar .day-markers i{display:inline-flex;align-items:center;justify-content:center;min-width:14px;min-height:14px;border-radius:999px;padding:0 .1rem;background:transparent !important;font-size:.78rem;line-height:1;}
.topbar.compact{padding:10px 12px;gap:10px;} .topbar.compact .brand-copy p{display:none;} .topbar.compact .brand-mark{width:46px;height:46px;border-radius:16px;font-size:.95rem;} .topbar.compact .profile-chip{padding:6px 8px;} .topbar.compact .profile-meta{display:none;} .topbar.compact .topnav{display:none;} .topbar.compact .nav-toggle{display:inline-flex;width:auto;margin:0 0 0 auto;} .topbar.compact .topbar-actions{width:auto;flex-direction:row;}
.topbar.compact .brand{gap:10px;min-width:0;} .topbar.compact .brand-copy h1{font-size:.95rem;}
@media (max-width: 720px) { .topbar{position:sticky;top:8px;} .topbar .brand-copy h1{font-size:1rem;} .topbar .brand-copy p{font-size:.78rem;} .topbar .profile-chip{justify-content:flex-start;} .topbar.compact .brand-copy{display:none;} .topbar.compact{flex-direction:row;align-items:center;} .topbar.compact .topbar-actions form{display:none;} .topbar.compact .topbar-actions{width:auto;margin-left:auto;} .topbar.compact .nav-toggle{order:3;} .topbar.compact .topnav.mobile-open{display:flex;position:absolute;left:12px;right:12px;top:calc(100% + 8px);padding:12px;border-radius:18px;background:var(--glass);border:1px solid var(--border);box-shadow:var(--shadow);} }


/* v9.1 patch */
.samsung-calendar .calendar-head{padding:2px 2px 0;}
.samsung-calendar .calendar-grid{gap:8px;}
.samsung-calendar .day{min-height:78px;padding:10px 10px 12px;align-items:stretch;justify-content:flex-start;}
.samsung-calendar .day-number{position:absolute;top:8px;left:10px;right:auto;font-size:.92rem;font-weight:800;opacity:.86;color:var(--ink);line-height:1;display:block;min-height:auto;border:none;background:transparent;z-index:2;}
.samsung-calendar .day.blank .day-number{display:none;}
.samsung-calendar .day-markers{position:absolute;left:10px;bottom:8px;display:flex;gap:5px;flex-wrap:wrap;}
.samsung-calendar .day-markers i{display:inline-flex;align-items:center;justify-content:center;min-width:16px;min-height:16px;border-radius:999px;padding:0;border:none;background:transparent !important;font-size:.82rem;line-height:1;}
.samsung-calendar .day.has-event{border-color:rgba(138,40,11,.35);box-shadow:inset 0 0 0 1px rgba(138,40,11,.07);}
.samsung-calendar .day.today{box-shadow:inset 0 0 0 2px rgba(138,40,11,.24), 0 8px 18px rgba(79,43,31,.06);}
.topbar{padding:16px 18px;gap:16px;}
.topnav{gap:10px;}
.topnav a{padding:.55rem .8rem;}
.profile-chip{padding:6px 10px;min-width:auto;}
.profile-meta.compact strong{font-size:.95rem;}
.mini-line{padding:.35rem 0;}
@media (max-width: 720px) {
  .topbar{position:sticky;top:8px;padding:12px 14px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;z-index:60;background:rgba(255,255,255,.92);}
  .brand{gap:10px;}
  .brand-mark{width:54px;height:54px;border-radius:18px;font-size:1rem;}
  .brand-copy h1{font-size:.98rem;}
  .brand-copy p{font-size:.76rem;line-height:1.15;}
  .topbar-actions{margin-left:auto;width:auto;flex-direction:row;gap:8px;}
  .topbar.compact{grid-template-columns:auto 1fr auto;padding:9px 10px;border-radius:20px;}
  .topbar.compact .brand-copy{display:none;}
  .topbar.compact .brand-mark{width:44px;height:44px;border-radius:14px;}
  .topbar.compact .topbar-actions{display:none;}
  .topbar.compact .nav-toggle{display:inline-flex;width:auto;justify-self:end;margin:0;}
  .topnav.mobile-open{display:flex;position:absolute;left:10px;right:10px;top:calc(100% + 8px);padding:12px;border-radius:18px;background:rgba(255,255,255,.96);border:1px solid var(--border);box-shadow:var(--shadow);max-height:70vh;overflow:auto;}
  .mobile-profile-link,.mobile-logout{display:flex !important;}
}
.mobile-profile-link,.mobile-logout{display:none !important;}


/* v10 activity system */
.activity-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px;max-width:100%;min-width:0;}
.activity-filter.active{background:rgba(138,40,11,.12);color:var(--brand);border-color:rgba(138,40,11,.22);}
.activity-group-label{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7b6256;padding:.2rem .2rem 0;}
.activity-feed .item{display:grid;gap:6px;}
.activity-meta-row{display:flex;gap:8px;flex-wrap:wrap;}
.soft-chip{background:rgba(255,255,255,.55);border:1px solid var(--border);}
.feed-request{border-left-color:#4c8ffb;}
.feed-logs{border-left-color:#8a280b;}
.feed-cashier{border-left-color:#d9862b;}
.feed-system{border-left-color:#8d69d6;}
.feed-notifications{border-left-color:#d04b8b;}
.feed-updates{border-left-color:#4db6ac;}
.feed-payments{border-left-color:#21a179;}
.feed-calendar{border-left-color:#6e93c9;}
.priority-high{box-shadow:inset 0 0 0 1px rgba(138,40,11,.08), 0 10px 22px rgba(79,43,31,.08);}
.priority-low{opacity:.92;}
@media (max-width: 720px){
  .activity-toolbar{overflow:auto;flex-wrap:nowrap;padding-bottom:4px;}
  .activity-toolbar{scrollbar-width:none;}
  .activity-toolbar::-webkit-scrollbar{display:none;}
  .activity-toolbar .activity-filter{white-space:nowrap;}
}

/* v10.1 activity controls */
.cards.one{grid-template-columns:1fr;}
.compact-activity-card .activity-feed .item{padding:10px 12px;}
.compact-activity-card .activity-feed{gap:10px;}
.compact-feed .item p{margin:.1rem 0 0;}
.compact-activity-card .between h3{margin:0;}
#activityModal .modal-card{width:min(860px,100%);}


/* v10.2 calendar refinement */
.samsung-calendar{gap:12px;}
.calendar-subhead{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
.samsung-calendar .calendar-grid{gap:10px;}
.samsung-calendar .day{min-height:96px;padding:12px;border-radius:20px;background:rgba(255,255,255,.52);}
.samsung-calendar .day.blank{min-height:96px;}
.samsung-calendar .day-number{top:10px;left:12px;font-size:1rem;font-weight:800;opacity:.94;}
.samsung-calendar .day.today .day-number{color:var(--brand);}
.samsung-calendar .day-event-preview{display:grid;gap:6px;margin-top:26px;padding-right:6px;}
.samsung-calendar .event-pill{display:flex;align-items:center;gap:6px;max-width:100%;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(138,40,11,.12);font-size:.72rem;line-height:1.1;overflow:hidden;box-shadow:0 2px 8px rgba(79,43,31,.04);}
.samsung-calendar .event-pill b{font-size:.8rem;line-height:1;}
.samsung-calendar .event-pill em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.samsung-calendar .event-more,.samsung-calendar .day-empty-note{font-size:.72rem;color:#7b6256;padding-left:2px;}
.samsung-calendar .day-empty-note{margin-top:auto;opacity:.65;}
.samsung-calendar .day-markers{top:10px;right:10px;left:auto;bottom:auto;gap:4px;max-width:40%;justify-content:flex-end;}
.samsung-calendar .day-markers i{min-width:18px;min-height:18px;font-size:.88rem;}
.samsung-calendar .day.has-event{background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.52));}
.samsung-calendar .day:hover{transform:translateY(-2px);}
.calendar-modal-item{display:grid;gap:8px;padding:16px 16px 14px;}
.calendar-modal-top{align-items:flex-start;}
.calendar-modal-top strong{font-size:1.08rem;}
.calendar-empty-state{padding:14px 4px 4px;display:grid;gap:4px;}
#dayModal .modal-card{width:min(860px,100%);}
#dayModalBody{gap:14px;}
@media (max-width: 720px){
  .samsung-calendar .day{min-height:88px;padding:10px;}
  .samsung-calendar .calendar-grid{gap:8px;}
  .samsung-calendar .day-event-preview{margin-top:24px;gap:4px;}
  .samsung-calendar .event-pill{padding:3px 7px;font-size:.68rem;}
  .samsung-calendar .day-markers{right:8px;top:8px;}
}

/* v10.3 calendar title preview + auto date UX */
.samsung-calendar .day-event-preview{display:grid;gap:5px;margin-top:30px;padding-right:0;max-width:100%;}
.samsung-calendar .event-pill{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;width:100%;max-width:100%;padding:4px 8px;border-radius:12px;background:rgba(255,255,255,.82);border:1px solid rgba(138,40,11,.14);font-size:.72rem;line-height:1.1;overflow:hidden;box-shadow:0 2px 8px rgba(79,43,31,.04);}
.samsung-calendar .event-pill.primary-preview{background:rgba(255,255,255,.95);border-color:rgba(138,40,11,.2);}
.samsung-calendar .event-pill b{font-size:.8rem;line-height:1;display:block;}
.samsung-calendar .event-pill em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;min-width:0;max-width:100%;color:var(--ink);}
.samsung-calendar .day.has-event .day-empty-note{display:none;}
.samsung-calendar .day-markers{top:8px;right:8px;left:auto;bottom:auto;gap:3px;max-width:36%;justify-content:flex-end;}
.samsung-calendar .day-markers i{font-size:.8rem;opacity:.9;}
@media (max-width: 900px){
  .samsung-calendar .day{min-height:102px;padding:10px 9px 12px;}
  .samsung-calendar .day-event-preview{margin-top:28px;gap:4px;}
  .samsung-calendar .event-pill{padding:3px 7px;font-size:.68rem;}
}

/* v10.4 calendar title visibility + global date defaults */
.samsung-calendar .day{min-height:108px;}
.samsung-calendar .day-event-preview{margin-top:28px;gap:4px;max-width:100%;}
.samsung-calendar .event-pill.title-preview{grid-template-columns:auto 1fr;align-items:center;min-height:24px;padding:4px 8px;border-radius:10px;}
.samsung-calendar .event-pill.title-preview em{font-size:.76rem;font-weight:700;letter-spacing:-.01em;}
.samsung-calendar .event-pill.secondary-preview{background:rgba(255,255,255,.72);}
.samsung-calendar .event-more{font-size:.7rem;font-weight:700;}
.samsung-calendar .day-markers{top:8px;right:8px;max-width:30%;}
.samsung-calendar .day-empty-note{font-size:.76rem;}
@media (max-width: 720px){
  .samsung-calendar .day{min-height:96px;padding:9px;}
  .samsung-calendar .day-number{top:8px;left:9px;font-size:.92rem;}
  .samsung-calendar .day-event-preview{margin-top:24px;gap:3px;}
  .samsung-calendar .event-pill.title-preview{padding:3px 6px;min-height:22px;}
  .samsung-calendar .event-pill.title-preview em{font-size:.68rem;}
}


/* v10.5 calendar pro mode */
.samsung-calendar .calendar-grid{gap:12px;}
.samsung-calendar .day{min-height:118px;padding:12px 10px 10px;border-radius:20px;overflow:hidden;}
.samsung-calendar .day.blank{background:transparent;border:none;min-height:118px;}
.samsung-calendar .day-number{top:10px;left:12px;font-size:1.02rem;}
.samsung-calendar .day-event-preview.rich-preview{display:flex;flex-direction:column;gap:5px;margin-top:24px;padding-right:0;}
.samsung-calendar .event-line{display:flex;align-items:flex-start;gap:5px;border-radius:10px;padding:4px 6px;min-height:26px;overflow:hidden;text-align:left;}
.samsung-calendar .event-line.secondary{opacity:.92;}
.samsung-calendar .event-icon{font-size:.78rem;line-height:1;flex:0 0 auto;margin-top:1px;}
.samsung-calendar .event-text{display:flex;align-items:center;gap:6px;min-width:0;width:100%;}
.samsung-calendar .event-title{font-size:.68rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%;}
.samsung-calendar .event-time{font-size:.62rem;opacity:.65;flex:0 0 auto;}
.samsung-calendar .event-line.event-birthday{background:rgba(46,125,50,.11);color:#2e7d32;border:1px solid rgba(46,125,50,.18);}
.samsung-calendar .event-line.event-leave{background:rgba(33,150,243,.10);color:#1565c0;border:1px solid rgba(33,150,243,.16);}
.samsung-calendar .event-line.event-pin{background:rgba(138,40,11,.08);color:#8a280b;border:1px solid rgba(138,40,11,.12);}
.samsung-calendar .event-line.event-generic{background:rgba(79,43,31,.06);color:#4f2b1f;border:1px solid rgba(79,43,31,.10);}
.samsung-calendar .event-more{display:inline-block;margin-top:2px;font-size:.66rem;font-weight:700;color:#7a5a4b;padding-left:4px;}
.samsung-calendar .day:hover{transform:translateY(-1px);transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease;}
.samsung-calendar .day.has-event{background:rgba(255,255,255,.68);}
.samsung-calendar .day:not(.has-event) .day-event-preview{display:none;}
.samsung-calendar .day-empty-note{display:none!important;}
@media (max-width: 720px){
  .samsung-calendar .calendar-grid{gap:8px;}
  .samsung-calendar .day{min-height:100px;padding:10px 8px 8px;border-radius:16px;}
  .samsung-calendar .event-line{padding:3px 5px;}
  .samsung-calendar .event-title{font-size:.64rem;}
  .samsung-calendar .event-time{display:none;}
}

/* v11 home layout */
.home-head{margin-bottom:10px;}
.soft-surface{background:rgba(255,255,255,.42);}
.quick-actions-strip{position:sticky;top:var(--quick-actions-top, 118px);z-index:6;padding:14px 16px;border-radius:22px;margin-bottom:18px;transition:top .18s ease, transform .18s ease, box-shadow .18s ease;}
.topbar.compact + .main .quick-actions-strip{transform:translateY(-2px);}
body.has-sticky-quick-actions .quick-actions-strip{backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);}
.quick-actions-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.quick-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid var(--border);color:var(--ink);font-weight:800;box-shadow:0 4px 14px rgba(79,43,31,.04);}
.quick-btn.action-brand{background:var(--brand);color:#fff;border-color:transparent;}
.workflow-alerts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 22px;}
.workflow-alert{padding:16px 18px;min-height:102px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .15s ease, box-shadow .15s ease;}
.workflow-alert:hover,.quick-btn:hover,.priority-item:hover,.stat-block:hover{transform:translateY(-1px);}
.workflow-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;}
.workflow-label{font-size:.92rem;font-weight:700;line-height:1.2;max-width:14ch;}
.workflow-arrow{font-weight:800;color:#7b6256;}
.workflow-value{font-size:2rem;font-weight:800;line-height:1;}
.tone-warning{background:linear-gradient(180deg, rgba(255,247,233,.92), rgba(255,255,255,.68));}
.tone-danger{background:linear-gradient(180deg, rgba(255,239,237,.92), rgba(255,255,255,.68));}
.tone-brand{background:linear-gradient(180deg, rgba(248,237,232,.92), rgba(255,255,255,.68));}
.tone-muted{background:linear-gradient(180deg, rgba(243,241,239,.92), rgba(255,255,255,.68));}
.tone-soft{background:linear-gradient(180deg, rgba(247,246,245,.96), rgba(255,255,255,.68));}
.priority-card{margin-bottom:24px;}
.priority-head h3{margin:0;}
.priority-list{display:flex;flex-direction:column;gap:12px;margin-top:12px;}
.priority-item{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.5);}
.priority-copy{display:grid;gap:4px;min-width:0;}
.priority-copy strong{font-size:1rem;}
.priority-copy p{margin:0;color:#7b6256;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.priority-sub{font-size:.86rem;font-weight:700;color:var(--brand);}
.priority-actions{flex:0 0 auto;display:flex;align-items:center;}
.compact-empty{padding:14px 4px 2px;}
.home-main-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1.1fr);gap:24px;align-items:start;}
.home-primary-column,.home-secondary-column{display:grid;gap:24px;align-content:start;}
.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;}
.stat-block{padding:16px;border-radius:18px;background:rgba(255,255,255,.55);border:1px solid var(--border);display:grid;gap:4px;}
.stat-value{font-size:1.8rem;font-weight:800;line-height:1;}
.stat-label{font-size:.85rem;color:#7b6256;font-weight:700;}
.compact-side-item p{margin:.25rem 0 .15rem;}
.compact-request-item p{margin:.3rem 0 .2rem;}
.recent-requests-card .stack,.side-info-card .stack{gap:10px;}
.home-calendar{margin-top:14px;}
.home-calendar .calendar-grid.labels{margin-top:12px;}
@media (max-width: 1100px){
  .workflow-alerts-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-main-grid{grid-template-columns:1fr;}
  .home-secondary-column{grid-template-columns:repeat(2,minmax(0,1fr));}
  .stats-card{grid-column:1 / -1;}
}
@media (max-width: 720px){
  .quick-actions-strip{top:var(--quick-actions-top, 92px);padding:12px 12px;border-radius:18px;}
  .quick-actions-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .quick-btn{width:100%;}
  .workflow-alerts-grid{grid-template-columns:1fr;gap:12px;}
  .priority-item{flex-direction:column;align-items:flex-start;}
  .priority-actions{width:100%;}
  .priority-actions .ghost{width:100%;}
  .home-secondary-column{grid-template-columns:1fr;}
  .stats-grid{grid-template-columns:1fr 1fr;}
}


/* v12.1 home quick actions fixed-top behavior */
body.home-sticky-focus .topbar{position:relative;top:0;}
body.home-sticky-focus .quick-actions-strip{top:12px;z-index:20;}
body.home-sticky-focus .quick-actions-strip.is-pinned{box-shadow:0 12px 28px rgba(79,43,31,.10);}
@media (max-width: 720px){
  body.home-sticky-focus .topbar{position:sticky;top:8px;}
  body.home-sticky-focus .quick-actions-strip{top:72px;}
}

/* Reports calendar + Spill the Tea */
.tea-flag-button{position:fixed;left:16px;top:16px;z-index:90;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#d71920,#8f1014);color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:0 12px 26px rgba(90,10,12,.22);font-size:1.35rem;font-weight:900;}
.tea-flag-button:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(90,10,12,.28);}
.report-calendar .calendar-grid{gap:10px;margin-bottom:10px;}
.report-day{min-height:122px;padding:10px;border-radius:18px;border:1px solid var(--border);background:rgba(255,255,255,.48);display:flex;flex-direction:column;gap:8px;color:inherit;}
.report-day.blank{background:transparent;border:none;}
.report-day-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;}
.report-day .day-number{font-weight:800;}
.report-day.has-event{background:rgba(255,255,255,.72);}
.report-day.heat-cool{border-color:rgba(33,161,121,.38);box-shadow:inset 0 0 0 1px rgba(33,161,121,.08);}
.report-day.heat-warm{border-color:rgba(217,134,43,.5);box-shadow:inset 0 0 0 2px rgba(217,134,43,.12);}
.report-day.heat-hot{border-color:rgba(164,70,55,.58);box-shadow:inset 0 0 0 3px rgba(164,70,55,.15), 0 10px 22px rgba(164,70,55,.08);}
.report-day.selected{outline:3px solid rgba(138,40,11,.18);background:rgba(255,255,255,.86);}
.report-day .day-event-preview{display:grid;gap:5px;margin-top:auto;}
.report-day .event-line{display:flex;align-items:center;gap:6px;min-height:24px;padding:4px 6px;border-radius:10px;background:rgba(79,43,31,.06);border:1px solid rgba(79,43,31,.09);overflow:hidden;}
.report-day .event-icon{width:17px;height:17px;border-radius:999px;display:grid;place-items:center;background:var(--brand);color:#fff;font-size:.62rem;font-weight:900;flex:0 0 auto;}
.report-day .event-title{font-size:.68rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.report-day .event-more,.report-day-foot,.report-day-empty{font-size:.72rem;font-weight:800;color:#7b6256;}
.selected-day-card{border-color:rgba(138,40,11,.18);}
.insight-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;}
.insight-row small{grid-column:1 / -1;}
.compact-filter-form select{min-width:130px;}
.tea-row p{margin:.35rem 0 0;}
.tea-card textarea{min-height:150px;}
@media (max-width: 900px){
  .report-calendar .calendar-grid{grid-template-columns:1fr;}
  .report-calendar .calendar-grid.labels{display:none;}
  .report-day.blank{display:none;}
}


/* v13.1 power search + shortcuts */
.global-search-shell{position:relative;flex:1;max-width:360px;min-width:220px;}
.global-search-box{display:flex;align-items:center;gap:8px;padding:0 12px;background:rgba(255,255,255,.5);border:1px solid var(--border);border-radius:16px;height:46px;}
.global-search-input{border:none;background:transparent;padding:0;box-shadow:none;outline:none;min-width:0;}
.global-search-input:focus{outline:none;box-shadow:none;}
.search-icon{font-size:.95rem;color:#7b6256;}
.search-hint{margin-left:auto;padding:.15rem .45rem;border-radius:999px;background:rgba(255,255,255,.55);border:1px solid var(--border);font-size:.78rem;color:#7b6256;font-weight:700;}
.global-search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:62vh;overflow:auto;padding:10px;border-radius:18px;background:rgba(255,255,255,.96);border:1px solid var(--border);box-shadow:var(--shadow);z-index:70;display:grid;gap:10px;}
body.search-open .topbar{z-index:45;}
body.search-open .quick-actions-strip{z-index:5;}

.search-group{display:grid;gap:6px;}
.search-group-title{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7b6256;padding:2px 4px;}
.search-result{display:grid;gap:2px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.55);border:1px solid transparent;}
.search-result:hover,.search-result.active{background:rgba(138,40,11,.08);border-color:rgba(138,40,11,.16);}
.search-result-title{font-weight:700;}
.search-result-sub,.search-empty{font-size:.88rem;color:#7b6256;}
.search-empty{padding:8px 10px;}
.topbar{align-items:center;}
.topbar .global-search-shell{order:2;}
.topbar .nav-toggle{order:3;}
.topbar .topnav{order:4;flex:1;}
.topbar .topbar-actions{order:5;}
@media (max-width: 980px){
  .global-search-shell{max-width:none;order:6;flex-basis:100%;}
  .topbar{flex-wrap:wrap;}
}
@media (max-width: 720px){
  .global-search-shell{width:100%;max-width:none;order:4;}
  .search-hint{display:none;}
  .global-search-results{position:fixed;left:12px;right:12px;top:84px;max-height:56vh;}
}

.pseudo-btn{pointer-events:none; white-space:nowrap;}
.inline-action-list{display:grid;gap:12px;}
.inline-action-card summary{align-items:flex-start;}
.inline-action-card .inline-action-body{border-top:1px dashed var(--border); margin-top:12px; padding-top:12px;}
.inline-action-card[open]{box-shadow:0 12px 28px rgba(79,43,31,.08);}
.inline-action-card summary .between{width:100%;}
.priority-list .inline-action-card summary{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;}
.priority-list .inline-action-card .priority-copy p{margin:.25rem 0 0;color:#7b6256;}
@media (max-width: 720px){ .inline-action-card summary{flex-direction:column;align-items:stretch;} .pseudo-btn{width:100%;justify-content:center;} }

/* v14 mobile-first refinement */
@media (max-width: 720px){
  .page-shell{padding:10px;}
  .main{padding:14px 0 26px;}
  .card,.glass-card,.flash{padding:16px; border-radius:20px;}
  .item, details.item, details.collapsible{padding:12px; border-radius:16px;}
  .topbar{
    top:8px;
    padding:10px 12px;
    border-radius:22px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    grid-template-areas:
      "brand profile menu"
      "search search search";
    align-items:center;
    gap:8px;
    z-index:70;
  }
  .brand{grid-area:brand; min-width:0; gap:10px;}
  .brand-mark{width:50px; height:50px; border-radius:16px; font-size:1rem;}
  .brand-copy h1{font-size:.98rem; line-height:1.1;}
  .brand-copy p{font-size:.74rem; margin-top:.15rem;}
  .global-search-shell{grid-area:search; width:100%; max-width:none; margin-top:2px;}
  .global-search-box{height:42px; border-radius:14px; padding:0 10px;}
  .global-search-input{font-size:.95rem;}
  .global-search-results{
    position:fixed;
    left:10px;
    right:10px;
    top:74px;
    max-height:calc(100vh - 92px);
    border-radius:18px;
    z-index:95;
  }
  .nav-toggle{
    grid-area:menu;
    display:inline-flex;
    width:44px;
    height:44px;
    padding:0;
    margin:0;
    justify-content:center;
    border-radius:14px;
  }
  .topbar-actions{grid-area:profile; width:auto; flex-direction:row; gap:6px; margin-left:0;}
  .topbar-actions form{display:none;}
  .profile-chip{padding:6px 8px; border-radius:14px; gap:8px;}
  .profile-chip .avatar, .profile-chip .avatar-img{width:34px; height:34px; border-radius:12px;}
  .profile-meta.compact strong{font-size:.9rem;}
  .profile-meta.compact span{display:none;}
  .topbar.compact{
    grid-template-columns:auto 1fr auto auto;
    grid-template-areas:"brand search profile menu";
    padding:8px 10px;
    border-radius:18px;
    gap:6px;
  }
  .topbar.compact .brand-copy{display:none;}
  .topbar.compact .brand-mark{width:42px; height:42px; border-radius:14px;}
  .topbar.compact .global-search-shell{margin-top:0;}
  .topbar.compact .global-search-box{height:38px;}
  .topbar.compact .nav-toggle{width:40px; height:40px;}
  .topnav.mobile-open{
    position:fixed !important;
    left:10px;
    right:10px;
    top:62px;
    max-height:calc(100vh - 74px);
    overflow:auto;
    padding:12px;
    border-radius:18px;
    z-index:96;
    background:rgba(255,255,255,.97);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  .topnav.mobile-open > a,
  .topnav.mobile-open .nav-menu summary,
  .topnav.mobile-open .mobile-profile-link,
  .topnav.mobile-open .mobile-logout button{width:100%; justify-content:flex-start;}
  .topnav.mobile-open .nav-menu{width:100%;}
  .topnav.mobile-open .nav-menu-list{position:static; min-width:0; box-shadow:none; background:rgba(255,255,255,.58);}
  .section-head{margin:4px 0 14px;}
  .section-head h2{font-size:1.4rem;}
  .quick-actions-strip{
    top:12px;
    padding:10px;
    border-radius:18px;
    overflow:hidden;
  }
  .quick-actions-row{
    display:flex;
    flex-wrap:nowrap;
    overflow:auto;
    gap:8px;
    padding-bottom:2px;
    scrollbar-width:none;
  }
  .quick-actions-row::-webkit-scrollbar{display:none;}
  .quick-btn{flex:0 0 auto; width:auto; min-width:116px; height:40px; font-size:.92rem;}
  .workflow-alert{min-height:84px; padding:14px 16px;}
  .workflow-value{font-size:1.75rem;}
  .priority-card{margin-bottom:18px;}
  .priority-list{gap:10px;}
  .priority-item, .inline-action-card summary{gap:10px;}
  .priority-copy strong{font-size:.96rem;}
  .priority-copy p, .priority-sub{font-size:.84rem;}
  .inline-form{display:grid; grid-template-columns:1fr; gap:8px;}
  .inline-form button, .inline-form .button-link, .inline-form select, .inline-form input, .inline-form textarea{width:100%;}
  .grid.two{grid-template-columns:1fr;}
  .stats-grid{grid-template-columns:1fr 1fr; gap:10px;}
  .stat-block{padding:14px;}
  .stat-value{font-size:1.55rem;}
  .compact-activity-card .feed-item,
  .compact-side-item,
  .compact-request-item{padding:12px;}
  .compact-feed{gap:10px;}
  .calendar{gap:6px;}
  .calendar-grid{gap:6px;}
  .samsung-calendar .day{min-height:90px; padding:8px 7px 7px;}
  .samsung-calendar .day-number{font-size:.92rem; top:8px; left:10px;}
  .samsung-calendar .event-line{padding:3px 4px; border-radius:8px;}
  .samsung-calendar .event-title{font-size:.62rem;}
  .modal{padding:10px; align-items:flex-end;}
  .modal-card{width:100%; max-height:84vh; border-radius:22px 22px 0 0; padding:16px;}
  .calendar-modal-item{padding:12px;}
}

@media (max-width: 520px){
  .topbar{grid-template-columns:minmax(0,1fr) auto auto;}
  .brand-copy h1{font-size:.92rem;}
  .brand-copy p{display:none;}
  .quick-btn{min-width:108px; padding:0 12px;}
  .workflow-alerts-grid{gap:10px;}
  .stats-grid{grid-template-columns:1fr;}
  .home-main-grid,.home-primary-column,.home-secondary-column{gap:16px;}
  .samsung-calendar .calendar-grid.labels > span{font-size:.82rem;}
}


/* v14.1 notifications + workflow polish */
.flash{display:none !important;}
.toast-stack{position:fixed;right:18px;top:92px;z-index:1400;display:flex;flex-direction:column;gap:10px;pointer-events:none;}
.toast{min-width:280px;max-width:360px;background:rgba(255,255,255,.92);border:1px solid var(--border);box-shadow:0 16px 36px rgba(60,31,22,.12);border-radius:16px;padding:14px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:auto;backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);animation:toastIn .18s ease;}
.toast.toast-success{border-color:rgba(74,140,88,.28);} .toast.toast-error{border-color:rgba(164,70,55,.28);} .toast-copy{font-weight:600;color:#4f2b1f;}
.toast .toast-close{padding:8px 10px;white-space:nowrap;}
@keyframes toastIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.notifications-layout{align-items:start;}
.notifications-card{min-height:100%;}
.notifications-top{margin-bottom:10px;}
.notification-groups{gap:18px;}
.notification-group .group-label{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a280b;opacity:.78;}
.notification-item{border-left:3px solid rgba(138,40,11,.16);padding-left:14px;transition:transform .15s ease, box-shadow .15s ease;}
.notification-item.unread{border-left-color:#8a280b;background:rgba(138,40,11,.05);}
.notification-item:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(79,43,31,.06);}
.emphasis-chip{background:rgba(138,40,11,.08);border-color:rgba(138,40,11,.18);}
.danger-chip{background:rgba(164,70,55,.10);border-color:rgba(164,70,55,.22);color:#9d3725;}
.notify-popup{border:1px solid rgba(138,40,11,.18);box-shadow:0 18px 36px rgba(79,43,31,.12);}
.notify-popup.high-priority{border-color:rgba(164,70,55,.36);background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,245,243,.96));}
.notify-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.workflow-alert{position:relative;overflow:hidden;}
.workflow-alert::after{content:'';position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg, rgba(138,40,11,.9), rgba(138,40,11,.18));opacity:.65;}
.inline-action-body .inline-form button,.inline-action-body .button-link{min-height:40px;}
.inline-form .ghost.danger{border-color:rgba(164,70,55,.22);}
@media (max-width: 768px){.toast-stack{left:12px;right:12px;top:76px}.toast{min-width:0;max-width:none;width:auto;}}

.brand-mark.has-logo { padding:0; overflow:hidden; background:rgba(255,255,255,.72); }
.brand-logo { width:100%; height:100%; object-fit:cover; display:block; }
.profile-meta.compact span { text-transform:capitalize; }
.theme-preview-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:14px; }
.theme-preview { border-radius:18px; padding:16px; border:1px solid var(--border); min-height:110px; display:flex; flex-direction:column; justify-content:space-between; box-shadow:var(--shadow); }
.theme-preview-default { background:linear-gradient(145deg, rgba(255,255,255,.72), rgba(232,227,223,.92)); }
.theme-preview-clean-light { background:linear-gradient(145deg, rgba(255,255,255,.96), rgba(247,244,240,.96)); }
.theme-preview-dark { background:linear-gradient(145deg, rgba(46,35,31,.95), rgba(25,20,19,.96)); color:#f7f1ed; border-color:rgba(255,255,255,.08); }
.theme-preview-goofy-chicken { background:linear-gradient(145deg, rgba(255,236,167,.9), rgba(255,173,96,.9)); }
input[type="color"] { padding:.35rem; min-height:52px; }
input[type="checkbox"], input[type="radio"] { accent-color: var(--brand); }
body.theme-dark input, body.theme-dark select, body.theme-dark textarea { background:#2d2421; color:#fff8f2; border-color:rgba(255,255,255,.16); }
body.theme-dark select option { background:#2d2421; color:#fff8f2; }
body.theme-dark input::placeholder, body.theme-dark textarea::placeholder { color:rgba(255,248,242,.58); }
body.theme-dark .ghost, body.theme-dark .quick-btn, body.theme-dark .profile-chip, body.theme-dark .check-pill, body.theme-dark .type-option, body.theme-dark .todo-compose, body.theme-dark .todo-row, body.theme-dark .item, body.theme-dark details.item, body.theme-dark details.collapsible { background:rgba(255,255,255,.08); color:#fff8f2; }
body.theme-dark .chip, body.theme-dark .pill { background:rgba(255,255,255,.12); color:#fff8f2; }
body.theme-dark .topnav a, body.theme-dark .nav-menu summary, body.theme-dark .search-hint, body.theme-dark .muted, body.theme-dark .meta, body.theme-dark small, body.theme-dark .profile-meta span, body.theme-dark .brand-copy p, body.theme-dark .section-head p { color:rgba(255,248,242,.76); }
body.theme-dark .global-search-results, body.theme-dark .nav-menu-list, body.theme-dark .modal-card { background:rgba(31,25,23,.98); }
body.theme-dark .topnav a.active, body.theme-dark .topnav a:hover, body.theme-dark .nav-menu[open] summary { background:rgba(255,184,140,.16); color:#ffcfb2; }
body.theme-dark .soft-surface,
body.theme-dark .quick-actions-strip,
body.theme-dark .global-search-box,
body.theme-dark .workflow-alert,
body.theme-dark .tone-warning,
body.theme-dark .tone-danger,
body.theme-dark .tone-brand,
body.theme-dark .tone-muted,
body.theme-dark .tone-soft,
body.theme-dark .stat-block,
body.theme-dark .samsung-calendar .day.has-event,
body.theme-dark .report-day.has-event,
body.theme-dark .report-day,
body.theme-dark .tea-card {
  background:linear-gradient(180deg, rgba(63,47,41,.94), rgba(42,32,29,.9));
  border-color:rgba(255,255,255,.14);
  color:#fff8f2;
}
body.theme-dark .quick-btn {
  background:rgba(255,255,255,.1);
  color:#fff8f2;
  border-color:rgba(255,255,255,.16);
  box-shadow:none;
}
body.theme-dark .quick-btn.action-brand {
  background:linear-gradient(135deg, #b95532, #8a280b);
  color:#fff;
}
body.theme-dark .workflow-arrow,
body.theme-dark .stat-label,
body.theme-dark .priority-copy p,
body.theme-dark .activity-group-label,
body.theme-dark .samsung-calendar .event-more {
  color:rgba(255,248,242,.72);
}
body.theme-dark .workflow-alert::after { background:linear-gradient(90deg, rgba(255,184,140,.8), rgba(255,184,140,.1)); }
body.theme-dark .samsung-calendar .event-line.event-generic,
body.theme-dark .samsung-calendar .event-line.event-pin {
  background:rgba(255,255,255,.1);
  color:#fff8f2;
  border-color:rgba(255,255,255,.14);
}
body.theme-dark .report-day.selected{background:linear-gradient(180deg, rgba(78,57,49,.98), rgba(52,39,35,.96));outline-color:rgba(255,184,140,.2);}
body.theme-dark .report-day .event-line{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.14);}
body.theme-dark .report-day .event-more, body.theme-dark .report-day-foot, body.theme-dark .report-day-empty{color:rgba(255,248,242,.72);}
body.theme-dark .tea-flag-button{border-color:rgba(255,255,255,.18);box-shadow:0 12px 26px rgba(0,0,0,.28);}
body.theme-clean-light .topbar, body.theme-clean-light .card, body.theme-clean-light .glass-card, body.theme-clean-light .flash { background:rgba(255,255,255,.88); }
body.theme-goofy-chicken .topbar, body.theme-goofy-chicken .card, body.theme-goofy-chicken .glass-card, body.theme-goofy-chicken .flash { background:rgba(255,255,255,.82); border-color:rgba(230,70,33,.22); }
body.theme-goofy-chicken button, body.theme-goofy-chicken .button-link { background:linear-gradient(135deg, #e64621, #ff8b2c); box-shadow:0 6px 0 rgba(121,55,12,.16); }
body.theme-goofy-chicken button.ghost, body.theme-goofy-chicken .ghost:not(button), body.theme-goofy-chicken a.ghost { background:#fff4a8; color:#39220d; border-color:rgba(230,70,33,.28); box-shadow:none; }
body.theme-goofy-chicken input, body.theme-goofy-chicken select, body.theme-goofy-chicken textarea { background:#fffdf0; border-color:rgba(230,70,33,.28); color:#39220d; }
body.theme-goofy-chicken select option { background:#fffdf0; color:#39220d; }
body.theme-goofy-chicken .chip, body.theme-goofy-chicken .pill { background:#ffe46b; color:#39220d; }
body.theme-goofy-chicken .card { position:relative; overflow:hidden; }
body.theme-goofy-chicken .card::after { content:'🐔'; position:absolute; right:14px; bottom:8px; font-size:2rem; opacity:.16; transform:rotate(-9deg); pointer-events:none; }
body.theme-goofy-chicken .topbar::after { content:'🐔  🥚  🐥'; position:absolute; right:18px; top:-10px; font-size:1.4rem; transform:rotate(4deg); opacity:.75; pointer-events:none; }
body.theme-goofy-chicken .page-shell::before, body.theme-goofy-chicken .page-shell::after { position:fixed; z-index:0; pointer-events:none; opacity:.3; font-size:4rem; animation:chickenWobble 5s ease-in-out infinite; }
body.theme-goofy-chicken .page-shell::before { content:'🐔'; left:10px; bottom:18px; }
body.theme-goofy-chicken .page-shell::after { content:'🥚'; right:18px; bottom:82px; animation-delay:1.2s; }
body.theme-goofy-chicken .main, body.theme-goofy-chicken .topbar { position:relative; z-index:1; }
@keyframes chickenWobble { 0%,100%{ transform:translateY(0) rotate(-8deg); } 50%{ transform:translateY(-8px) rotate(8deg); } }

/* To-do */
.todo-head{align-items:center;}
.todo-day-nav .ghost{min-width:44px;}
.todo-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start;}
.todo-sidebar{position:sticky;top:var(--quick-actions-top, 118px);}
.todo-brand-line{display:grid;gap:4px;}
.todo-day-link{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid transparent;font-weight:800;}
.todo-day-link:hover,.todo-day-link.active{background:rgba(138,40,11,.08);border-color:rgba(138,40,11,.14);color:var(--brand);}
.todo-main h3{margin:0;}
.todo-compose{display:grid;gap:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.42);border:1px solid var(--border);}
.todo-compose input[name="title"]{font-size:1.05rem;font-weight:700;background:rgba(255,255,255,.72);}
.todo-list{display:grid;gap:10px;}
.todo-row{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;padding:14px;border-radius:16px;border:1px solid var(--border);background:rgba(255,255,255,.52);}
.todo-row.completed{opacity:.62;background:rgba(240,238,236,.58);}
.todo-row.overdue{border-color:rgba(164,70,55,.42);box-shadow:inset 4px 0 0 rgba(164,70,55,.42), 0 8px 18px rgba(164,70,55,.05);}
.todo-row.overdue:not(.completed){background:linear-gradient(90deg, rgba(164,70,55,.07), rgba(255,255,255,.54) 34%);}
.todo-row.completed .todo-copy strong,.todo-row.completed .todo-copy p{text-decoration:line-through;}
.todo-check{width:28px;height:28px;border-radius:999px;padding:0;background:transparent;color:var(--brand);border:2px solid rgba(138,40,11,.32);font-size:.95rem;line-height:1;}
.todo-check{min-width:32px;width:32px;height:32px;}
.todo-row.completed .todo-check{background:rgba(33,161,121,.16);border-color:rgba(33,161,121,.5);color:#1b7e61;}
.todo-copy{display:grid;gap:6px;min-width:0;}
.todo-copy p{margin:0;color:#7b6256;}
.todo-empty{padding:28px 12px;text-align:center;border:1px dashed var(--border);border-radius:18px;background:rgba(255,255,255,.35);}
@media (max-width: 900px){
  .todo-layout{grid-template-columns:1fr;}
  .todo-sidebar{position:static;}
}


/* v16 attachments & media */
.media-block{display:grid;gap:10px;margin-top:12px;}
.media-header{align-items:center;}
.media-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;}
.media-thumb{position:relative;appearance:none;border:1px solid var(--border);background:rgba(255,255,255,.58);padding:0;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 6px 16px rgba(79,43,31,.06);text-align:left;min-height:108px;}
.media-thumb img{display:block;width:100%;height:108px;object-fit:cover;}
.media-thumb:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(79,43,31,.1);}
.media-chip{position:absolute;left:8px;bottom:8px;padding:.28rem .5rem;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid rgba(79,43,31,.08);font-size:.72rem;font-weight:700;color:var(--ink);}
.media-file{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid var(--border);background:rgba(255,255,255,.58);text-decoration:none;color:inherit;box-shadow:0 6px 16px rgba(79,43,31,.06);}
.media-file-icon{font-size:1.35rem;}
.media-file-copy{display:grid;gap:2px;min-width:0;}
.media-file-copy strong,.media-file-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.media-file-copy small{color:#7b6256;}
.media-lightbox .modal-card{width:min(900px,100%);padding:16px;}
.media-lightbox-stage{display:grid;gap:12px;}
.media-lightbox-stage img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:20px;background:rgba(255,255,255,.45);border:1px solid var(--border);}
.media-lightbox-copy{display:grid;gap:6px;}
.attachment-badge{margin-left:6px;}
@media (max-width:720px){
  .media-gallery{grid-template-columns:repeat(2,minmax(0,1fr));}
  .media-thumb img{height:92px;}
}

/* v17 mobile navigation polish */
.tea-flag-button{
  position:static;
  flex:0 0 48px;
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#d71920,#8f1014);
  color:#fff;
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 12px 26px rgba(90,10,12,.22);
  font-size:1.35rem;
  font-weight:900;
  text-decoration:none;
}
.tea-flag-button:hover{transform:translateY(-1px);}
@media (max-width: 720px){
  .page-shell{padding:8px;}
  .topbar{
    position:sticky;
    top:8px;
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) 42px;
    grid-template-areas:
      "flag brand menu"
      "search search search";
    gap:8px;
    align-items:center;
    padding:10px;
    border-radius:20px;
    z-index:80;
  }
  .tea-flag-button{
    grid-area:flag;
    width:42px;
    height:42px;
    border-radius:14px;
    font-size:1.1rem;
    position:static !important;
    left:auto;
    top:auto;
  }
  .brand{grid-area:brand;min-width:0;gap:8px;}
  .brand-mark{width:42px;height:42px;border-radius:14px;transform:none;flex:0 0 auto;}
  .brand-copy{min-width:0;}
  .brand-copy h1{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .brand-copy p{display:none;}
  .topbar-actions{display:none !important;}
  .nav-toggle{
    grid-area:menu;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:42px !important;
    height:42px;
    min-height:42px;
    padding:0 !important;
    margin:0 !important;
    border-radius:14px;
    justify-self:end;
    font-size:0;
  }
  .nav-toggle::before{content:'☰';font-size:1.1rem;}
  .global-search-shell{grid-area:search;width:100%;max-width:none;min-width:0;margin:0;}
  .global-search-box{height:40px;border-radius:14px;}
  .topbar.compact{
    grid-template-columns:42px minmax(0,1fr) 42px;
    grid-template-areas:
      "flag brand menu"
      "search search search";
  }
  .topbar.compact .brand-copy{display:block;}
  .topbar.compact .brand-mark{width:42px;height:42px;border-radius:14px;}
  .topnav{
    display:none !important;
    position:fixed !important;
    left:8px;
    right:8px;
    top:118px;
    max-height:calc(100vh - 128px);
    overflow:auto;
    padding:10px;
    border-radius:20px;
    background:rgba(255,255,255,.97);
    border:1px solid var(--border);
    box-shadow:var(--shadow);
    z-index:100;
    grid-template-columns:1fr;
    gap:8px;
    flex-direction:column;
    flex-wrap:nowrap;
  }
  .topnav.mobile-open{display:grid !important;}
  .topnav > a,
  .topnav .nav-menu summary,
  .topnav .nav-menu-list a,
  .topnav .mobile-profile-link,
  .topnav .mobile-logout button{
    width:100%;
    min-height:44px;
    justify-content:flex-start;
    padding:.78rem .9rem;
    border-radius:14px;
    background:rgba(255,255,255,.55);
    border:1px solid var(--border);
  }
  .topnav .nav-menu{width:100%;}
  .topnav.mobile-open .nav-menu summary{display:none;}
  .topnav.mobile-open .nav-menu-list{
    position:static;
    display:grid;
    min-width:0;
    padding:0;
    gap:8px;
    background:transparent;
    border:0;
    box-shadow:none;
  }
  .mobile-profile-link,.mobile-logout{display:flex !important;}
  .quick-actions-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    overflow:visible;
  }
  .quick-btn{width:100%;min-width:0;}
  .cards.four,.cards.three,.cards.two,
  .grid.four,.grid.three,.grid.two{grid-template-columns:1fr;}
  .report-calendar .calendar-grid{grid-template-columns:1fr;}
}
@media (max-width: 720px){
  body.theme-dark .topnav.mobile-open{background:rgba(31,25,23,.98);}
  body.theme-dark .topnav > a,
  body.theme-dark .topnav .nav-menu-list a,
  body.theme-dark .topnav .mobile-profile-link,
  body.theme-dark .topnav .mobile-logout button{
    background:rgba(255,255,255,.08);
    color:#fff8f2;
  }
  body.theme-goofy-chicken .topnav.mobile-open{background:#fff8c7;}
}