@font-face{font-family:archivo;src:url(../media/archivo_latin_wght_normal-s.p.0inx24hl2eswd.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:archivo Fallback;src:local(Arial);ascent-override:85.41%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:102.8%}.archivo_5661cdc4-module__nyMI1G__className{font-family:archivo,archivo Fallback}.archivo_5661cdc4-module__nyMI1G__variable{--hop-font-sans:"archivo", "archivo Fallback"}
:root{--hop-bg-page:#f6f5f3;--hop-bg-surface:#fff;--hop-bg-surface-soft:#faf9f7;--hop-bg-muted:#efece7;--hop-sidebar:#121110;--hop-sidebar-2:#1a1918;--hop-sidebar-hover:#1a1817;--hop-sidebar-active:#1c1a18;--hop-panel-dark:#1a1918;--hop-panel-dark-2:#121110;--hop-primary:#f2521e;--hop-primary-strong:#d94512;--hop-primary-soft:#fdf0ea;--hop-primary-tint-dark:#f2521e17;--hop-danger:#f2521e;--hop-danger-soft:#fdf0ea;--hop-warning:#b4740f;--hop-warning-soft:#f8f1e4;--hop-success:#2f6b4f;--hop-success-soft:#eaf1ec;--hop-info:#4a4641;--hop-info-soft:#f1efec;--hop-text-strong:#1a1918;--hop-text-main:#3d3935;--hop-text-muted:#6f6b66;--hop-text-soft:#8b857e;--hop-text-faint:#b7b1a9;--hop-text-on-dark:#fff;--hop-text-on-dark-muted:#b3aca4;--hop-border:#e2dfda;--hop-border-strong:#1a1918;--hop-border-soft:#efece7;--hop-border-tag:#cfc9c1;--hop-border-dark:#ffffff24;--hop-border-dark-soft:#ffffff1a;--hop-radius-sm:0px;--hop-radius-md:0px;--hop-radius-lg:0px;--hop-radius-xl:0px;--hop-radius-pill:0px;--hop-shadow-xs:none;--hop-shadow-sm:none;--hop-shadow-card:none;--hop-shadow-button:none;--hop-shadow-dark:none;--hop-hairline:1px solid var(--hop-border);--hop-rule-accent:3px solid var(--hop-primary);--hop-font-sans:Archivo, Helvetica, "Helvetica Neue", Arial, sans-serif;--hop-font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--hop-font-display:clamp(2.4rem, 4.4vw, 4.25rem);--hop-font-h1:clamp(2.1rem, 3.6vw, 3.25rem);--hop-font-h2:2rem;--hop-font-h3:1.25rem;--hop-font-body:.9375rem;--hop-font-small:.8125rem;--hop-font-caption:.75rem;--hop-font-label:.65rem;--hop-tracking-display:-.025em;--hop-tracking-label:.26em;--hop-tracking-ui:.16em;--hop-tracking-nav:.13em;--hop-sidebar-width:258px;--hop-right-rail-width:400px;--hop-layout-gap:40px;--hop-page-padding:40px;--hop-touch-min:48px;--hop-legacy-blue:#1267f4;--hop-legacy-navy:#06162b}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.hop-dashboard{gap:var(--hop-layout-gap);align-items:start;width:100%;min-width:0;max-width:100%;display:grid;overflow-x:clip}.hop-dashboard-main{gap:22px;min-width:0;max-width:100%;display:grid;position:relative}.hop-dashboard-main:before{content:"";opacity:.35;pointer-events:none;z-index:0;background:0 0;width:min(420px,55%);height:220px;position:absolute;inset:-8px -8px auto auto}.hop-dashboard-main>*{z-index:1;position:relative}.hop-dashboard-rail{gap:16px;min-width:0;display:grid}.hop-dash-hero{align-items:start;gap:18px;display:grid}.hop-dash-hero-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hop-dash-hero-copy{flex:220px;min-width:0}.hop-dash-hero-copy h1{color:var(--hop-text-strong);font-size:var(--hop-font-h1,clamp(2rem, 2.4vw, 3rem));letter-spacing:-.045em;margin:0;font-weight:800;line-height:1.05}.hop-dash-hero-copy p{color:var(--hop-text-muted);max-width:38ch;margin:10px 0 0;font-size:1rem;line-height:1.5}.hop-dash-updated{align-items:center;gap:6px;font-weight:500;color:var(--hop-text-soft)!important;margin-top:12px!important;font-size:.84rem!important;display:inline-flex!important}.hop-dash-hero-actions{gap:10px;display:grid}.hop-btn-refresh{flex-shrink:0;min-height:36px;padding:0 12px;font-size:.82rem;font-weight:600}.hop-btn{border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 16px;font-size:.92rem;font-weight:600;transition:background-color .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.hop-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #f2521e40}.hop-btn-primary{background:var(--hop-primary);color:#fff;box-shadow:none}.hop-btn-primary:hover{background:var(--hop-primary-strong);transform:translateY(-1px)}.hop-btn-secondary{background:var(--hop-bg-surface);border-color:var(--hop-border);color:var(--hop-text-main);box-shadow:none}.hop-btn-secondary:hover{background:var(--hop-bg-surface-soft);border-color:#1a1918}.hop-btn-ghost{border-color:var(--hop-border);color:var(--hop-text-muted);background:0 0}.hop-btn-ghost:hover{background:var(--hop-bg-muted);color:var(--hop-text-main)}.hop-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.hop-section-title{align-items:center;gap:10px;margin:0 0 14px;display:flex}.hop-section-title h2{color:var(--hop-text-strong);font-size:var(--hop-font-h2,1.25rem);letter-spacing:-.02em;margin:0;font-weight:700}.hop-section-title-orange .hop-section-title-bar{background:var(--hop-primary)}.hop-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.hop-kpi-card{min-height:128px;color:var(--hop-text-on-dark);background:var(--hop-panel-dark);border:1px solid var(--hop-border);box-shadow:none;border-radius:0;gap:10px;padding:16px 16px 18px;transition:transform .18s,border-color .18s;display:grid;position:relative;overflow:hidden}.hop-kpi-card:before{content:"";pointer-events:none;background:0 0;position:absolute;inset:0}.hop-kpi-card:hover{border-color:#0000;transform:translateY(-2px)}.hop-kpi-orange{background:var(--hop-panel-dark);box-shadow:none;border-color:#ff641e8c}.hop-kpi-neutral{border-color:#96aac859}.hop-kpi-icon{width:34px;height:34px;color:var(--hop-text-on-dark);clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:0 0;border:1px solid #0000;place-items:center;display:grid}.hop-kpi-orange .hop-kpi-icon{color:#ffb08a;background:#ff641e29;border-color:#ff8c5066}.hop-kpi-value{letter-spacing:-.04em;font-size:2rem;font-weight:800;line-height:1;position:relative}.hop-kpi-label{color:var(--hop-text-on-dark-muted);font-size:.82rem;font-weight:500;line-height:1.3;position:relative}.hop-priority-section{margin-top:4px}.hop-priority-card{color:var(--hop-text-on-dark);background:var(--hop-panel-dark);box-shadow:none;border:1px solid #ffffff14;border-radius:0;align-items:center;gap:16px;margin-bottom:12px;padding:18px 20px;transition:transform .18s;display:grid;position:relative;overflow:hidden}.hop-priority-card:hover{box-shadow:none;transform:translateY(-1px)}.hop-priority-urgent{box-shadow:none;border-color:#e85d2a8c}.hop-priority-pending{border-color:#f3a52b8c}.hop-priority-high{border-color:#f3a52b73}.hop-priority-normal{border-color:#3d8bff47}.hop-priority-blueprint{opacity:.28;pointer-events:none;position:absolute;top:50%;right:18%;transform:translateY(-50%)}.hop-priority-blueprint img{width:min(260px,42vw);height:auto}.hop-priority-main{z-index:1;min-width:0;position:relative}.hop-priority-main h3{color:var(--hop-text-on-dark);margin:0 0 10px;font-size:1.15rem;font-weight:700;line-height:1.35}.hop-priority-meta{color:var(--hop-text-on-dark-muted);flex-wrap:wrap;gap:8px 12px;font-size:.84rem;display:flex}.hop-priority-status{margin-top:12px}.hop-priority-card .status-badge,.hop-priority-card .priority-badge{color:var(--hop-text-on-dark);background:#ffffff1a;border:1px solid #ffffff1f}.hop-priority-card .status-badge.urgent,.hop-priority-card .priority-badge.priority-urgent{color:#ffb08a;background:#ff641e2e;border-color:#ff8c5059}.hop-priority-card .status-badge.pending,.hop-priority-card .priority-badge.priority-high{color:#ffd089;background:#f3a52b29;border-color:#f3a52b59}.hop-priority-signal{z-index:1;place-items:center;display:none;position:relative}.hop-priority-alert{width:54px;height:54px;color:var(--hop-primary);box-shadow:none;background:0 0;border-radius:0;place-items:center;font-size:1.6rem;font-weight:800;display:grid}.hop-priority-cta{z-index:1;background:var(--hop-primary);color:#fff;min-width:120px;min-height:46px;box-shadow:none;border-radius:0;justify-content:center;align-items:center;padding:0 18px;font-weight:700;transition:background-color .18s,transform .18s;display:inline-flex;position:relative}.hop-priority-high .hop-priority-cta{color:#ffd089;box-shadow:none;background:0 0;border:1px solid #f3a52ba6}.hop-priority-urgent .hop-priority-cta{background:var(--hop-primary);box-shadow:none}.hop-priority-cta:hover{background:var(--hop-primary-strong);transform:translateY(-1px)}.hop-priority-cta:focus-visible{outline:none;box-shadow:0 0 0 2px #f2521e40}.hop-quick-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.hop-quick-card{background:var(--hop-bg-surface);border:1px solid var(--hop-border);min-width:0;min-height:92px;box-shadow:none;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;transition:transform .18s,border-color .18s;display:grid;overflow:hidden}.hop-quick-card:hover{box-shadow:none;border-color:#cdd9ea;transform:translateY(-2px)}.hop-quick-art{width:48px;height:48px;color:var(--hop-primary);background:0 0;border-radius:0;place-items:center;display:grid}.hop-quick-art svg{display:block}.hop-quick-label{color:var(--hop-text-strong);overflow-wrap:break-word;min-width:0;font-size:.95rem;font-weight:700;line-height:1.25}.hop-quick-arrow{color:var(--hop-primary);flex-shrink:0;font-size:1.1rem;font-weight:700}.hop-rail-card{background:var(--hop-bg-surface);border:1px solid var(--hop-border);box-shadow:none;border-radius:0;padding:16px 16px 12px}.hop-rail-card-head h2{color:var(--hop-text-strong);margin:0 0 14px;font-size:1rem;font-weight:700}.hop-activity-list,.hop-agenda-list{margin:0;padding:0;list-style:none;display:grid}.hop-activity-item,.hop-agenda-item{border-top:1px solid var(--hop-border-soft);align-items:start;gap:10px;padding:12px 0;transition:background-color .16s;display:grid}.hop-activity-list li:first-child .hop-activity-item,.hop-agenda-list li:first-child .hop-agenda-item{border-top:0;padding-top:0}.hop-activity-item{grid-template-columns:12px 1fr}.hop-activity-dot{background:var(--hop-primary);width:10px;height:10px;box-shadow:none;border-radius:0;margin-top:5px}.hop-activity-orange{background:var(--hop-primary);box-shadow:none}.hop-activity-body,.hop-agenda-body{gap:4px;min-width:0;display:grid}.hop-activity-body strong,.hop-agenda-body strong{color:var(--hop-text-strong);font-size:.88rem;font-weight:650;line-height:1.35}.hop-activity-body small,.hop-agenda-body small{color:var(--hop-text-muted);font-size:.75rem}.hop-agenda-item{grid-template-columns:48px 1fr auto;align-items:center}.hop-agenda-date{background:var(--hop-primary-soft);width:48px;height:48px;color:var(--hop-primary-strong);border-radius:0;place-items:center;display:grid}.hop-agenda-date strong{font-size:1rem;font-weight:800;line-height:1}.hop-agenda-date small{letter-spacing:.04em;font-size:.62rem;font-weight:700}.hop-agenda-badge{white-space:nowrap;border-radius:0;padding:4px 8px;font-size:.68rem;font-weight:700}.hop-agenda-overdue{color:#8a5a00;background:#f3a52b29}.hop-agenda-planned{background:var(--hop-info-soft);color:var(--hop-primary-strong)}.hop-rail-footer-link{color:var(--hop-primary);margin-top:8px;padding:10px 2px;font-size:.84rem;font-weight:650;display:inline-flex}.hop-rail-footer-link:hover{color:var(--hop-primary-strong)}.hop-map-preview{border:1px solid var(--hop-border-soft);background:var(--hop-bg-surface-soft);border-radius:0;overflow:hidden}.hop-map-svg{width:100%;height:auto;display:block}.hop-empty-state{border:1px dashed var(--hop-border);background:var(--hop-bg-surface-soft);color:var(--hop-text-muted);border-radius:0;margin:0;padding:18px 16px;font-size:.9rem;line-height:1.45}.hop-empty-compact{border-style:solid;padding:12px}.hop-skeleton{background:var(--hop-bg-muted);border-radius:0;min-height:88px}.hop-rail-skeleton-list{gap:10px;display:grid}.hop-rail-skeleton-row{min-height:52px}@keyframes hop-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.hop-skeleton{animation:none}.hop-btn,.hop-kpi-card,.hop-priority-card,.hop-quick-card{transition:none}}@media (min-width:641px){.hop-dash-hero-actions{grid-template-columns:1fr 1fr}.hop-dash-hero-actions .hop-btn-secondary{grid-column:1/-1}}@media (min-width:768px){.hop-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hop-priority-card{grid-template-columns:1fr auto auto}.hop-priority-signal{display:grid}}@media (min-width:960px){.hop-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1180px){.hop-dashboard{grid-template-columns:minmax(0, 1fr) var(--hop-right-rail-width)}}@media (min-width:1450px){.hop-dashboard{--hop-right-rail-width:360px}.hop-dash-hero-copy h1{font-size:clamp(2.2rem,2.6vw,3.1rem)}}@media (max-width:767px){.hop-priority-cta{width:100%}.hop-quick-card{min-height:84px}.hop-quick-art{width:44px;height:44px}}.coord-queue-card{border-left:4px solid var(--hop-primary,#1f6feb);margin-bottom:10px;display:block}.coord-queue-card[data-urgent=true]{border-left-color:#d9480f}.coord-queue-meta{color:var(--hop-text-muted,#5c6b7a);flex-wrap:wrap;gap:8px 12px;margin-top:6px;font-size:.82rem;display:flex}.coord-urgent-pill{color:#9f2d00;font-weight:700}.coord-next-action{color:var(--hop-text-main,#122033);margin:8px 0 0;font-size:.88rem}.skeleton-card strong{opacity:.35}.hop-dashboard-main:before,.hop-priority-blueprint{display:none!important}.hop-dash-hero{color:var(--hop-text-on-dark);background:#1a1918;gap:22px;padding:32px 28px 28px}.hop-dash-hero-copy h1,.hop-dash-hero .hop-title-caps{color:var(--hop-text-on-dark)}.hop-dash-hero-copy p{color:var(--hop-text-on-dark-muted)}.hop-dash-updated{color:var(--hop-text-on-dark-muted)!important}.hop-btn{letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:650}.hop-btn-secondary{border-color:#1a1918}.hop-btn-on-dark,.hop-dash-hero .hop-btn-secondary,.hop-dash-hero .hop-btn-ghost{color:var(--hop-text-on-dark);background:0 0;border-color:#f8f8f659}.hop-btn-tertiary,.hop-btn-ghost{color:var(--hop-text-main);letter-spacing:.16em;text-transform:uppercase;background:0 0;border-color:#0000}.hop-btn-row{border:0;border-bottom:1px solid var(--hop-border);letter-spacing:.16em;text-transform:uppercase;background:0 0;min-height:48px;padding:0 12px}.hop-kpi-grid{border:1px solid var(--hop-border);background:var(--hop-bg-surface);grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:0;display:grid}.hop-kpi-card,.hop-kpi-card.hop-kpi-blue,.hop-kpi-card.hop-kpi-neutral,.hop-kpi-card.hop-kpi-amber,.hop-kpi-card.hop-kpi-success{min-height:108px;color:var(--hop-text-main);background:var(--hop-bg-surface);border:0;border-right:1px solid var(--hop-border);box-shadow:none;transform:none}.hop-kpi-card:last-child{border-right:0}.hop-kpi-card:hover{background:#faf9f7;transform:none}.hop-kpi-icon{display:none}.hop-kpi-value{color:var(--hop-text-strong)}.hop-kpi-label{color:var(--hop-text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:650}.hop-kpi-orange .hop-kpi-value,.hop-kpi-orange .hop-kpi-label{color:var(--hop-primary)}.hop-priority-section{counter-reset:hop-decision}.hop-priority-card{color:var(--hop-text-main);background:var(--hop-bg-surface);border:0;border-top:1px solid var(--hop-border);border-left:3px solid #0000;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:0;display:flex}.hop-priority-card:before{counter-increment:hop-decision;content:counter(hop-decision, decimal-leading-zero);color:var(--hop-primary);letter-spacing:.14em;font-size:.78rem;font-weight:800}.hop-priority-urgent,.hop-priority-pending{border-left-color:var(--hop-primary)}.hop-priority-high,.hop-priority-normal{border-left-color:#0000}.hop-priority-card:hover{background:#faf9f7;transform:none}.hop-priority-cta{letter-spacing:.16em;text-transform:uppercase}.hop-priority-main h3{color:var(--hop-text-strong)}.hop-priority-meta{color:var(--hop-text-muted)}.hop-priority-card .status-badge,.hop-priority-card .priority-badge{color:var(--hop-text-muted);border:1px solid var(--hop-border);background:0 0}.hop-priority-card .status-badge.urgent,.hop-priority-card .priority-badge.priority-urgent{color:var(--hop-primary);border-color:var(--hop-primary);background:0 0}.hop-priority-card .status-badge.pending,.hop-priority-card .priority-badge.priority-high{color:var(--hop-primary);border-color:var(--hop-border);background:0 0}.hop-quick-card:hover{border-color:var(--hop-border);background:#faf9f7;transform:none}.hop-section-title h2{text-transform:uppercase;letter-spacing:.08em;font-size:.92rem}.hop-section-title-bar{background:var(--hop-primary);border-radius:0;width:24px;height:1px}.coord-urgent-pill{color:var(--hop-primary)}.coord-next-action{color:var(--hop-text-main)}
:root{--hop-brand-black:#121110;--hop-brand-ink:#1a1918;--hop-brand-orange:#f2521e;--hop-brand-orange-strong:#d94512;--hop-brand-paper:#f6f5f3;--hop-brand-white:#fff;--hop-brand-muted:#8b857e}.hop-brand-lockup{align-items:center;gap:8px;min-height:64px;display:flex}.hop-brand-lockup strong{letter-spacing:.02em;font-size:27px;font-weight:800;line-height:1}.hop-brand-dot{background:var(--hop-brand-orange);width:6px;height:6px;display:block}.hop-brand-sub{letter-spacing:.26em;color:var(--hop-brand-muted);font-size:9.5px;font-weight:600}.hop-brand-lockup-img{width:min(100%,220px);height:auto}.hop-brand-lockup-compact{min-height:44px}.hop-monogram{flex-shrink:0;display:block}.hop-monogram-sm{width:44px;height:44px}.hop-monogram-md{width:58px;height:58px}.horecraft-wordmark{height:auto;display:block}
:root{--navy:var(--hop-sidebar);--navy-soft:var(--hop-panel-dark-2);--ink:var(--hop-text-strong);--muted:var(--hop-text-muted);--background:var(--hop-bg-page);--card:var(--hop-bg-surface);--line:var(--hop-border);--stone:var(--hop-bg-muted);--coral:var(--hop-primary);--coral-soft:var(--hop-primary-soft);--amber-soft:var(--hop-warning-soft);--shadow:var(--hop-shadow-card);--focus-ring:0 0 0 2px #f2521e40}*{box-sizing:border-box}html,body{background:var(--background);min-height:100%;color:var(--ink);font-family:var(--hop-font-sans);margin:0}a{color:inherit;text-decoration:none}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100dvh;overflow-x:clip}.app-frame{background:var(--hop-bg-page);width:min(100%,1680px);min-width:0;max-width:100%;min-height:100dvh;margin:0 auto;padding:0 18px 88px;overflow-x:clip}.topbar{justify-content:space-between;align-items:center;padding:20px 0 26px;display:flex}.hop-logo{color:var(--navy);align-items:center;gap:10px;display:flex}.hop-logo strong{letter-spacing:.08em;font-size:28px}.mobile-topbar .profile-chip .avatar{background:var(--hop-brand-ink);border-radius:0}.profile-chip{background:var(--card);border:1px solid var(--line);border-radius:0;align-items:center;gap:9px;padding:7px 10px;display:flex}.profile-chip>span:last-child{display:grid}.profile-chip strong{font-size:11px}.profile-chip small{color:var(--muted);font-size:9px}.avatar{background:var(--navy);color:#fff;border-radius:0;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.page-heading{margin-bottom:20px}.page-heading-with-action{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-heading-with-action .primary-button{white-space:nowrap;flex-shrink:0}@media (max-width:720px){.page-heading-with-action{flex-direction:column;align-items:stretch}}.page-heading h1{color:var(--navy);letter-spacing:-.04em;margin:0;font-size:clamp(26px,6vw,36px)}.page-heading p{color:var(--muted);margin:7px 0 0;line-height:1.5}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.metric-card,.card,.form-card,.callout{background:var(--card);border:1px solid var(--line);box-shadow:none;border-radius:0}.metric-card{min-height:125px;padding:17px}.metric-card strong{color:var(--navy);font-size:31px;display:block}.metric-card span{margin-top:12px;font-size:13px;font-weight:750;display:block}.metric-card small{color:var(--muted)}.section-title{justify-content:space-between;align-items:center;margin:26px 2px 11px;display:flex}.section-title h2{margin:0;font-size:18px}.link-button{color:var(--navy);align-items:center;min-height:44px;font-size:12px;font-weight:700;display:inline-flex}.card{margin-bottom:10px;padding:15px}.card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card h3{color:var(--navy);margin:0;font-size:14px}.card p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.5}.card-meta{color:var(--muted);flex-wrap:wrap;gap:8px;margin-top:12px;font-size:10px;display:flex}.status-badge{color:var(--hop-text-main);letter-spacing:.08em;text-transform:uppercase;background:#e2dfda;border:1px solid #e2dfda;border-radius:0;flex-shrink:0;align-items:center;padding:7px 11px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.status-badge.size-sm{padding:5px 8px;font-size:10px}.status-badge.size-lg{padding:9px 14px;font-size:13px}.status-badge.pending{color:var(--hop-text-main);background:0 0;border-color:#cfc9c1}.status-badge.urgent{background:var(--hop-primary);color:#fff;border-color:var(--hop-primary)}.priority-badge{color:var(--hop-text-main);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:1px solid #cfc9c1;border-radius:0;align-items:center;padding:7px 11px;font-size:11px;font-weight:700;display:inline-flex}.priority-badge.size-sm{padding:4px 7px;font-size:10px}.priority-badge.size-lg{padding:9px 14px;font-size:13px}.priority-badge.priority-high{color:var(--hop-text-main);background:0 0;border-color:#cfc9c1}.priority-badge.priority-urgent,.priority-badge.priority-pending{background:var(--hop-primary);color:#fff;border-color:var(--hop-primary)}.priority-badge.priority-normal{color:var(--hop-text-main);background:0 0;border-color:#cfc9c1}.page-skeleton,.hop-skeleton-block{background:var(--hop-bg-muted);border-radius:0;min-height:72px}.status-family-todo,.status-family-planned,.status-family-active{color:var(--hop-text-main);background:0 0;border-color:#cfc9c1}.status-family-blocked{background:var(--hop-primary);color:#fff;border-color:var(--hop-primary)}.status-family-done,.status-family-cancelled{color:var(--hop-text-muted);background:#e2dfda;border-color:#e2dfda}.priority-accent-urgent{border-left:3px solid var(--hop-primary)}.priority-accent-high{border-left:3px solid #cfc9c1}.app-topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.app-topbar-icon-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--navy);background:#fff;border-radius:0;place-items:center;display:grid;position:relative}.app-topbar-badge{background:var(--coral);color:#fff;text-align:center;border-radius:0;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;line-height:16px;position:absolute;top:4px;right:4px}.desktop-topbar{display:none}.plus-nav-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.plus-nav-card{border:1px solid var(--line);color:var(--ink);text-align:center;background:#fff;border-radius:0;justify-items:center;gap:8px;padding:16px 12px;font-size:13px;font-weight:700;text-decoration:none;display:grid;position:relative}.plus-nav-icon{background:var(--hop-bg-page);width:40px;height:40px;color:var(--navy);border-radius:0;place-items:center;display:grid}.callout{background:var(--hop-bg-surface);border-color:#ffd0c4;margin-bottom:12px;padding:16px}.callout h2{margin:0;font-size:17px}.callout p{color:#555e67;font-size:12px;line-height:1.5}.actions-row{gap:8px;margin-top:14px;display:flex}.primary-button,.secondary-button,.danger-button{border:1px solid var(--line);letter-spacing:.16em;text-transform:uppercase;border-radius:0;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-size:.78rem;font-weight:650;display:inline-flex}.primary-button{background:var(--hop-primary);color:#fff;border-color:var(--hop-primary)}.new-intervention-submit{z-index:6;position:relative}.secondary-button{background:var(--hop-bg-surface);color:var(--hop-text-main);border-color:#1a1918}.danger-button{background:var(--coral);color:#fff;border-color:var(--coral)}.bottom-nav{z-index:30;min-height:72px;padding:8px 6px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdfaf5;grid-template-columns:repeat(5,1fr);gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--muted);text-align:center;justify-items:center;gap:4px;padding:6px 4px;font-size:10px;font-weight:700;display:grid}.form-card{gap:14px;padding:18px;display:grid}.form-card label{gap:6px;font-size:11px;font-weight:750;display:grid}.form-card input,.form-card select,.form-card textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:0;outline:none;padding:12px 13px}.form-card textarea{resize:vertical;min-height:110px}.two-columns{grid-template-columns:1fr 1fr;gap:10px;display:grid}.checkbox-row{border:1px solid var(--line);border-radius:0;align-items:center;padding:12px;gap:10px!important;display:flex!important}.checkbox-row input{width:auto}.checkbox-row span{display:grid}.checkbox-row small,.form-hint{color:var(--muted);font-size:10px;line-height:1.5}.urgency-hint{color:var(--coral);font-weight:600}.error-message{color:#b63520;font-size:12px;font-weight:700}.session-gate{gap:12px;max-width:520px;padding:24px 16px;display:grid}.session-gate-error{background:#fff7f5;border:1px solid #f0c4bc;border-radius:0;margin:16px;padding:20px}.toolbar{gap:9px;margin-bottom:14px;display:flex}.toolbar input{border:1px solid var(--line);background:var(--card);border-radius:0;flex:1;min-width:0;padding:12px 14px}.site-banner{background:var(--navy);color:#fff;box-shadow:none;border-radius:0;margin-bottom:14px;padding:18px}.site-banner h2{color:#fff;margin:0}.site-banner p{color:var(--hop-text-on-dark-muted);margin-bottom:0;font-size:12px}.site-banner .form-hint{color:var(--hop-text-on-dark-muted)}.login-card-preview .login-brand{justify-content:center;margin-bottom:8px;display:flex}.login-card>.hop-brand-lockup,.login-card .login-brand .hop-brand-lockup{justify-content:center;margin:0 auto}.login-card-preview h1{text-align:center;margin-top:0;font-size:1.35rem}.login-preview-hint{text-align:center;margin-top:4px}.login-card-preview form label{color:var(--hop-text-main);gap:6px;font-size:14px;display:grid}.login-shell{background:var(--background);place-items:center;min-height:100dvh;padding:20px;display:grid}.login-card{border:1px solid var(--line);background:var(--card);width:min(100%,430px);box-shadow:none;border-radius:0;padding:24px}.login-card h1{color:var(--navy)}.login-card form{gap:12px;display:grid}.login-card input{border:1px solid var(--line);border-radius:0;padding:13px}.account-confirm-card>p{line-height:1.55}.account-confirm-card .primary-button,.account-confirm-card .secondary-button{justify-content:center;width:100%;margin-top:8px}.legal-shell{background:var(--background);min-height:100dvh;padding:40px 20px}.legal-document{border:1px solid var(--line);background:var(--card);width:min(100%,880px);box-shadow:none;border-radius:0;margin:0 auto;padding:clamp(24px,5vw,52px)}.legal-document-short{width:min(100%,760px)}.legal-header{border-bottom:1px solid var(--line);padding-bottom:24px}.legal-header h1{color:var(--navy);margin:4px 0 8px;font-size:clamp(28px,5vw,42px)}.legal-header p,.legal-document p,.legal-document li,.legal-document address{color:var(--muted);line-height:1.7}.legal-eyebrow{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800;color:var(--brand-blue)!important}.legal-document section{padding-top:22px}.legal-document h2{color:var(--navy);margin-bottom:8px;font-size:20px}.legal-document ul{gap:7px;padding-left:22px;display:grid}.legal-document a{color:var(--brand-blue);font-weight:650}.legal-document address{font-style:normal}.legal-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:30px;padding-top:20px;display:flex}.success-message{background:var(--hop-bg-muted);color:var(--hop-text-muted);border-radius:0;padding:12px;font-size:12px}@media (max-width:520px){.profile-chip strong{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.two-columns{grid-template-columns:1fr}}.demo-bar{border:1px dashed var(--line);background:#fffdfacc;border-radius:0;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:16px;padding:12px;display:flex}.demo-bar label{flex:1;gap:6px;min-width:180px;font-size:11px;font-weight:750;display:grid}.demo-bar select{border:1px solid var(--line);background:#fff;border-radius:0;padding:10px 12px}.demo-bar .secondary-button{min-height:42px}.bottom-nav-wide{grid-template-columns:repeat(8,1fr)}.card-unread{border-color:var(--hop-border);background:var(--hop-bg-surface-soft)}.bottom-nav a.active{color:var(--navy)}.card-link{display:block}.card-link:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.filter-row{gap:6px;margin-bottom:14px;font-size:11px;font-weight:750;display:grid}.filter-row select{border:1px solid var(--line);background:var(--card);border-radius:0;padding:11px 12px}.empty-state{border:1px dashed var(--line);color:var(--muted);border-radius:0;padding:18px;font-size:13px}.actions-row.wrap{flex-wrap:wrap}.eyebrow{color:var(--muted);margin:0 0 6px;font-size:12px}.history-list{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.history-list li{border-bottom:1px solid var(--line);gap:2px;padding-bottom:10px;font-size:12px;display:grid}.history-list span,.history-list small{color:var(--muted);word-break:break-word;font-size:11px}.chat-panel{border:1px solid var(--line);background:#f8f4ef;border-radius:0;gap:8px;max-height:48vh;margin-bottom:12px;padding:12px;display:grid;overflow:auto}.chat-bubble{border-radius:0;max-width:85%;padding:10px 12px;font-size:13px;line-height:1.45}.chat-bubble.user{background:var(--navy);color:#fff;justify-self:end}.chat-bubble.hop{border:1px solid var(--line);background:#fff;justify-self:start}.chat-composer{gap:8px;margin-bottom:10px;display:flex}.chat-composer input{border:1px solid var(--line);background:#fff;border-radius:0;flex:1;min-width:0;padding:12px 13px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:disabled{opacity:.55;cursor:not-allowed}.dash-hero{gap:18px;margin-bottom:22px;display:grid}.dash-hero h1{color:var(--navy);letter-spacing:-.04em;margin:0;font-size:clamp(28px,6vw,38px)}.dash-hero p{color:var(--muted);max-width:36ch;margin:8px 0 0;font-size:15px;line-height:1.5}.dash-hero-actions{gap:10px;display:grid}.dash-cta{justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;font-size:15px;font-weight:700;display:inline-flex}.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:10px;display:grid}.dash-metric{background:var(--card);border:1px solid var(--line);min-height:132px;box-shadow:none;border-radius:0;gap:8px;padding:18px;display:grid}.dash-metric strong{color:var(--navy);font-size:34px;line-height:1}.dash-metric>span:last-child{color:var(--ink);font-size:14px;font-weight:700;line-height:1.3}.dash-metric-icon{background:var(--stone);width:36px;height:36px;color:var(--navy);border-radius:0;place-items:center;display:grid}.dash-metric.is-urgent{background:var(--card);border-color:#f3c2b5}.dash-metric.is-urgent .dash-metric-icon{background:var(--coral-soft);color:var(--coral)}.dash-section{margin-top:28px}.dash-positive{border:1px solid var(--line);background:var(--hop-bg-muted);color:var(--hop-text-main);border-radius:0;margin:0;padding:22px 18px;font-size:14px;line-height:1.5}.dash-priority-card{background:var(--card);border:1px solid var(--line);box-shadow:none;border-radius:0;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:18px;display:flex}.dash-priority-main{flex:1;min-width:0}.dash-priority-main h3{color:var(--navy);margin:0 0 8px;font-size:16px;line-height:1.35}.dash-priority-status{align-items:center;gap:8px;margin-top:10px;display:flex}.dash-status-text{color:var(--muted);font-size:12px}.dash-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dash-quick-link{background:var(--card);border:1px solid var(--line);min-height:108px;box-shadow:none;color:var(--navy);border-radius:0;gap:12px;padding:16px;font-size:14px;font-weight:700;display:grid}.dash-quick-icon{background:var(--stone);width:38px;height:38px;color:var(--navy-soft);border-radius:0;place-items:center;display:grid}.create-fab,.side-nav{display:none}.detail-layout{gap:18px;display:grid}.detail-header h1{color:var(--navy);letter-spacing:-.04em;margin:0;font-size:clamp(26px,5vw,36px);line-height:1.15}.detail-subline{color:var(--muted);margin:8px 0 0;font-size:14px}.detail-meta-line{color:var(--muted);margin:6px 0 0;font-size:13px}.detail-badges{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.detail-toolbar{flex-wrap:wrap;gap:8px;margin:16px 0 8px;display:flex}.detail-toolbar.contextual{margin-top:0;margin-bottom:16px}.next-action-card{border:1px solid var(--hop-border);background:var(--hop-bg-surface);box-shadow:none;border-radius:0;margin-bottom:18px;padding:18px}.next-action-card h2{color:var(--navy);margin:0 0 8px;font-size:18px}.next-action-card p{color:#4d5966;margin:0 0 14px;line-height:1.5}.detail-block{margin-bottom:22px}.detail-block>summary{cursor:pointer;color:var(--navy);font-weight:700}.detail-block h2,.detail-panel h3,.info-card h2{color:var(--navy);margin:0 0 10px;font-size:17px}.detail-block p{color:var(--ink);margin:0;line-height:1.55}.detail-info-inline{margin-bottom:22px}.detail-aside{display:none}.detail-panel{margin-bottom:16px}.info-card{background:var(--card);border:1px solid var(--line);box-shadow:none;border-radius:0;padding:18px}.info-grid{gap:12px;margin:0;display:grid}.info-grid div{border-bottom:1px solid var(--line);gap:4px;padding-bottom:10px;display:grid}.info-grid div:last-child{border-bottom:0;padding-bottom:0}.info-grid dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.info-grid dd{margin:0;font-size:14px;font-weight:650}.media-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.media-list li{border:1px solid var(--line);background:var(--card);border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex}.readable-history li p{color:var(--ink);margin:0;font-size:14px;line-height:1.45}.readable-history li span{margin-top:4px}@media (max-width:959px){.app-frame{padding-bottom:108px}.bottom-nav-scroll{overscroll-behavior-x:contain;grid-template-columns:unset;scrollbar-width:none;display:flex;overflow-x:auto}.bottom-nav-scroll::-webkit-scrollbar{display:none}.bottom-nav-scroll a{flex:none;min-width:58px}.create-fab{z-index:40;background:var(--navy);color:#fff;width:58px;height:58px;box-shadow:none;border-radius:0;place-items:center;display:grid;position:fixed;bottom:104px;right:18px}.dash-priority-card{flex-direction:column;align-items:stretch}.dash-priority-card .secondary-button{text-align:center;width:100%}}@media (min-width:641px){.dash-hero-actions{grid-template-columns:1fr 1fr}.dash-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:960px){.app-shell{grid-template-columns:var(--hop-sidebar-width) minmax(0, 1fr);background:var(--hop-bg-page);padding:var(--hop-page-padding);gap:0;min-height:100dvh;display:grid}.side-nav{top:var(--hop-page-padding);height:calc(100dvh - (var(--hop-page-padding) * 2));background:var(--hop-sidebar);border:1px solid var(--hop-border-dark);box-shadow:none;isolation:isolate;border-radius:0;flex-direction:column;gap:18px;padding:20px 14px;display:flex;position:sticky;overflow:hidden}.side-nav:before{content:"";opacity:.05;pointer-events:none;background:0 0;position:absolute;inset:0}.side-nav>*{z-index:1;position:relative}.side-nav-brand{padding:4px 8px 8px}.side-nav-links{gap:4px;padding-right:2px;display:grid;overflow:auto}.side-nav-links a{min-height:44px;color:var(--hop-text-on-dark-muted);border:1px solid #0000;border-radius:0;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;font-weight:500;transition:background-color .18s,color .18s,border-color .18s;display:flex}.side-nav-links a svg{opacity:.9;flex-shrink:0}.side-nav-links a:hover{background:var(--hop-sidebar-hover);color:var(--hop-text-on-dark)}.side-nav-links a.active{color:var(--hop-text-on-dark);border-color:#0000;border-left:3px solid var(--hop-primary);box-shadow:none;background:#1c1a18}.side-nav-links a.active svg{opacity:1;color:#fff}.side-nav-badge{background:var(--hop-primary);color:#fff;text-align:center;border-radius:0;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:.68rem;font-weight:800;line-height:20px}.side-nav-footer{border-top:1px solid var(--hop-border-dark);gap:10px;margin-top:auto;padding-top:10px;display:grid}.side-profile{border:1px solid var(--hop-border-dark);background:#ffffff0a;border-radius:0;width:100%}.side-profile .avatar{background:var(--hop-brand-ink);border-radius:0;position:relative}.side-profile .avatar:after{content:"";background:var(--hop-success);border:2px solid var(--hop-sidebar);border-radius:0;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.side-profile strong{color:var(--hop-text-on-dark)}.side-profile small{color:var(--hop-text-on-dark-muted)}.side-nav-footer .secondary-button{border-color:var(--hop-border-dark);width:100%;color:var(--hop-text-on-dark-muted);background:#ffffff0a}.side-nav-footer .secondary-button:hover{color:var(--hop-text-on-dark);background:#ffffff14}.side-select{color:var(--hop-text-on-dark-muted);gap:6px;font-size:11px;font-weight:700;display:grid}.side-select select{border:1px solid var(--hop-border-dark);color:var(--hop-text-on-dark);background:#ffffff0f;border-radius:0;padding:10px 12px}.mobile-topbar,.bottom-nav,.bottom-nav.bottom-nav-scroll{display:none!important}.desktop-topbar{justify-content:flex-end;align-items:center;gap:8px;margin-bottom:12px;display:flex}.app-frame{background:0 0;width:auto;max-width:none;padding:8px 10px 28px 18px}.action-toast{bottom:20px}.detail-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px}.detail-info-inline{display:none}.detail-aside{display:block;position:sticky;top:28px}.create-fab{display:none!important}}.quick-views{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.chip-button{border:1px solid var(--line);color:var(--slate);cursor:pointer;background:#fff;border-radius:0;min-height:44px;padding:8px 14px;font-size:13px;font-weight:700}.chip-button.active{background:var(--navy);border-color:var(--navy);color:#fff}.filter-row-group{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:12px;display:flex}.card-badges{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.card-open{color:var(--navy);font-weight:700}.intervention-list-card{margin-bottom:8px;padding:0;display:block;overflow:hidden}.intervention-list-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;display:grid}.intervention-list-body{min-width:0;color:inherit;text-decoration:none;display:block}.intervention-list-card:hover .intervention-list-body,.intervention-list-body:hover,:is(.intervention-list-card:has(.intervention-list-body:hover),.intervention-list-card:has(.intervention-list-body:focus-visible)){background:0 0}.intervention-list-body:focus-visible{outline:2px solid var(--navy);outline-offset:2px;border-radius:0}.intervention-list-content{gap:4px;min-width:0;display:grid}.intervention-list-title-block{min-width:0}.intervention-list-body h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:14px;line-height:1.25;overflow:hidden}.intervention-list-body .card-header{align-items:start;gap:8px}.intervention-list-body .card-header p{color:var(--muted);margin:2px 0 0;font-size:11px;line-height:1.3}.intervention-list-card .card-badges{flex-flow:wrap;justify-content:flex-end;gap:4px}.card-next-action{color:var(--muted);margin:0;font-size:11px;line-height:1.3}.media-thumb{cursor:pointer;background:#ebe4db;border:0;border-radius:0;flex-shrink:0;width:120px;height:90px;padding:0;position:relative;overflow:hidden}.media-thumb-icon{color:#8a8790;background:#f3f0eb;border-radius:0;width:36px;height:36px}.media-thumb-icon img{object-fit:cover;width:100%;height:100%}.media-thumb img{object-fit:cover;width:100%;height:100%;display:block}.media-thumb-placeholder{color:var(--hop-text-muted);background-color:#e9e6e1;background-image:repeating-linear-gradient(45deg,#1a191812 0 8px,#0000 8px 16px);place-items:center;display:grid}.media-thumb-caption,.equipment-image-caption{font-family:var(--hop-font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:500}.media-thumb-icon.media-thumb-placeholder{cursor:default}.media-thumb-count{color:#fff;background:#121110c7;border-radius:0;padding:1px 5px;font-size:9px;font-weight:700;position:absolute;bottom:4px;right:4px}.media-gallery{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.media-gallery-item{aspect-ratio:4/3;cursor:pointer;background:#ebe4db;border:0;border-radius:0;width:100%;padding:0;overflow:hidden}.media-gallery-item img,.equipment-photos img{object-fit:cover;width:100%;height:100%;display:block}.media-doc-fallback{width:100%;height:100%;min-height:72px;color:var(--navy);place-items:center;font-size:11px;font-weight:700;display:grid}.media-lightbox{z-index:80;background:#1211108c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.media-lightbox-card{background:var(--card);width:min(720px,100%);max-height:90dvh;box-shadow:none;border-radius:0;gap:12px;padding:16px;display:grid;overflow:auto}.media-lightbox-card img{object-fit:contain;background:#111;border-radius:0;width:100%;max-height:60dvh}.media-lightbox-meta{gap:8px;margin:0;display:grid}.media-lightbox-meta div{gap:2px;display:grid}.media-lightbox-meta dt{color:var(--muted);font-size:11px;font-weight:700}.media-lightbox-meta dd{margin:0}.map-site-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.map-site-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.map-site-actions details summary{cursor:pointer;font-size:13px;font-weight:600}.suggested-route{margin:8px 0 0;padding-left:18px}.equipment-photos{gap:8px;margin-top:12px;display:grid}.equipment-photos h4{margin:0;font-size:14px}.upload-retry{gap:8px;display:grid}.app-main{min-width:0}.tech-site-group{margin-bottom:18px}@media (max-width:899px){.media-thumb,.media-thumb-mobile{width:88px;height:72px}.media-thumb-icon{width:32px;height:32px}.intervention-list-row{gap:8px;padding:8px}.create-fab{right:16px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:40;background:var(--navy);color:#fff;width:52px;height:52px;box-shadow:none;border-radius:0;place-items:center;font-size:28px;font-weight:700;text-decoration:none;display:grid;position:fixed}}@media (min-width:900px){.app-main{max-width:1100px}}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:16px 0 22px;display:grid}.map-layout{gap:16px;display:grid}.map-side-panel{gap:10px;display:grid}.tech-card-wrap{margin-bottom:12px}@media (min-width:900px){.map-layout{grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);align-items:start}}.action-toast{z-index:60;background:var(--hop-navy,var(--hop-brand-ink));color:#fff;max-width:min(420px,100vw - 40px);box-shadow:none;border-radius:0;padding:12px 16px;font-size:.95rem;position:fixed;bottom:88px;right:20px}.site-priority{letter-spacing:.04em;text-transform:uppercase;border-radius:0;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-flex}.site-priority-critical{color:#b42318;background:#dc35451f}.site-priority-high{color:#c05621;background:#ff8a5c26}.site-priority-normal,.site-priority-low{color:var(--hop-text-on-dark-muted);background:#ffffff24}.site-priority-on-dark.site-priority-critical{color:#ffd7d7;background:#ff787838}.site-priority-on-dark.site-priority-high{color:#ffe4cc;background:#ffb47838}.site-priority-on-dark.site-priority-normal,.site-priority-on-dark.site-priority-low{color:var(--hop-text-on-dark-muted);background:#ffffff24}.site-banner-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.site-banner-header h2{color:#fff;margin:0}.site-banner-link{color:inherit;text-decoration:none;transition:transform .15s;display:block}.site-banner-link:hover,.site-banner-link:focus-visible{transform:translateY(-1px);box-shadow:0 0 0 2px #f2521e40}.site-banner-stats{color:var(--hop-text-on-dark-muted);margin-top:8px;font-weight:600}.site-banner-compact{border-radius:0;margin-bottom:10px;padding:12px 14px}.site-banner-compact h2{font-size:1rem;line-height:1.25}.site-banner-address{color:var(--hop-text-on-dark-muted);margin-top:4px}.site-banner-meta-row{color:var(--hop-text-on-dark-muted);flex-wrap:wrap;gap:8px 12px;margin-top:8px;font-size:.78rem;font-weight:600;display:flex}.site-banner-urgent{color:#ffb4b4}.site-banner-manager{color:var(--hop-text-on-dark-muted);font-weight:500}.sites-compact-list{gap:0;display:grid}.sites-map-section{margin-bottom:18px}.clients-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:18px;display:grid}.client-card{text-align:left;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:0;padding:14px 16px;transition:border-color .15s}.client-card:hover,.client-card-active{border-color:var(--accent);box-shadow:none}.client-card h2{color:var(--ink);margin:0 0 4px;font-size:1rem}.client-card-legal{color:var(--muted);margin:0;font-size:.85rem}.client-card-meta{color:var(--muted);margin:4px 0 0;font-size:.78rem}.client-card-stats{color:var(--ink);flex-wrap:wrap;gap:8px;margin-top:10px;font-size:.82rem;font-weight:600;display:flex}.client-stat-urgent{color:var(--danger)}.client-stat-cost{color:var(--navy)}.providers-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.provider-card{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:0;padding:14px 16px}.provider-card h2{color:var(--ink);margin:0 0 4px;font-size:1rem}.provider-card-legal{color:var(--muted);margin:0;font-size:.85rem}.provider-kind-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--navy);background:0 0;border-radius:0;margin-top:10px;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-flex}.sites-map-shell{border:1px solid var(--line);background:var(--card);box-shadow:none;border-radius:0;position:relative;overflow:hidden}.sites-map-canvas{z-index:0;width:100%;height:min(52vh,420px);min-height:280px}.sites-map-loading{place-items:center;min-height:280px;display:grid}.sites-map-attribution{margin:0;padding:8px 12px 10px;font-size:11px}.hop-site-marker{place-items:center;width:36px;height:36px;display:grid;position:relative}.hop-site-marker-dot{width:14px;height:14px;box-shadow:none;background:#5b6b7c;border:2px solid #fff;border-radius:0}.hop-site-marker-active .hop-site-marker-dot{background:var(--hop-brand-ink)}.hop-site-marker-urgent .hop-site-marker-dot{background:var(--hop-primary);box-shadow:none}.hop-site-marker-count{background:var(--navy,var(--hop-brand-ink));color:#fff;text-align:center;border:1px solid #fff;border-radius:0;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:18px;position:absolute;top:-2px;right:-2px}.hop-site-marker-urgent .hop-site-marker-count{background:#b42318}.hop-site-popup{min-width:180px}.hop-site-popup strong{color:var(--navy,var(--hop-brand-ink));margin-bottom:6px;display:block}.hop-site-popup-stats{color:var(--muted,#5b6b7c);margin:0 0 10px;font-size:12px;line-height:1.45}.hop-site-popup-actions{gap:6px;display:grid}.hop-site-popup-link{color:var(--hop-teal,var(--hop-brand-ink));font-size:12px;font-weight:600;text-decoration:none}.hop-site-popup-link:hover,.hop-site-popup-link:focus-visible{text-decoration:underline}.hop-site-leaflet-popup .leaflet-popup-content-wrapper{box-shadow:none;border-radius:0}.hop-site-leaflet-popup .leaflet-popup-content{margin:12px 14px}.active-filter-chip{background:#0d948814;border:1px solid #0d948833;border-radius:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;font-size:14px;display:flex}.active-filter-chip-clear{color:var(--hop-teal,var(--hop-brand-ink));white-space:nowrap;font-size:13px;font-weight:600;text-decoration:none}.site-detail-summary{margin-bottom:16px}.site-detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.site-fiche-nav{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.coord-card-menu{position:relative}.coord-card-menu-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.site-detail-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#5b6b7c);margin:0 0 6px;font-size:12px}.site-detail-stats{margin:0;font-weight:600}.site-detail-urgent{color:#b42318;margin:4px 0 0;font-size:13px;font-weight:600}.site-detail-interventions{gap:12px;display:grid}.demo-environment-banner{color:var(--hop-text-muted);background:#ff8a5c1f;border-radius:0;margin:0 0 12px;padding:8px 12px;font-size:.85rem}.hop-preview-badge{color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff2e;border-radius:0;align-items:center;margin-top:6px;padding:2px 8px;font-size:.62rem;font-weight:700;display:inline-flex}.mobile-topbar-brand{align-items:center;gap:8px;display:flex}.mobile-topbar-brand .hop-preview-badge{color:#0000;background:0 0;border-color:#0000;margin-top:0}.qr-print-sheet{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.qr-print-label{border:1px dashed var(--border,#d7dce3);text-align:center;border-radius:0;align-content:center;gap:8px;min-height:160px;padding:20px;display:grid}.qr-print-code{font-family:monospace;font-size:.95rem}@media print{.sidebar,.topbar,.bottom-nav,.page-heading,.actions-row,.no-print{display:none!important}.qr-print-label{break-inside:avoid;border-style:solid}.estimation-print-sheet{box-shadow:none!important;border:none!important}}.estimation-totals{gap:.25rem;margin-top:.75rem;display:grid}.estimation-section{margin-top:.75rem}.estimation-print-header h1{margin:.25rem 0;font-size:1.5rem}:root{--surface-muted:#f0ebe4;--focus-ring:0 0 0 2px #f2521e40}.hop-logo-mark{background:#111;border-radius:0;align-items:center;padding:6px 10px;display:flex}.hop-logo-product{line-height:1.1;display:grid}.hop-logo-product strong{letter-spacing:.12em;color:var(--navy);font-size:18px}.hop-logo-product small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.hop-logo-compact .hop-logo-mark{padding:4px 8px}.page-heading-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-heading-actions{flex-wrap:wrap;gap:10px;display:flex}.filters-bar{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:center;gap:10px;margin-bottom:16px;display:grid}.filters-bar input,.filters-bar select{border:1px solid var(--line);background:#fff;border-radius:0;min-height:40px;padding:8px 12px}.view-toggle{border:1px solid var(--line);border-radius:0;display:inline-flex;overflow:hidden}.view-toggle button{background:#fff;border:0;padding:8px 12px;font-size:12px;font-weight:700}.view-toggle button.active{background:var(--navy);color:#fff}.data-table-wrap{border:1px solid var(--line);background:var(--card);border-radius:0;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:10px 12px}.data-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-muted);font-size:11px}.data-table tbody tr:hover{background:#fffaf5}.block-muted{color:var(--muted);margin-top:2px;font-size:11px;display:block}.equipment-card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.equipment-card h3{margin:10px 0 4px;font-size:14px}.equipment-image{background:var(--surface-muted);border:1px solid var(--line);border-radius:0;position:relative;overflow:hidden}.equipment-image img{object-fit:cover;width:100%;height:100%;display:block}.equipment-image-thumb{width:48px;height:48px}.equipment-image-card{aspect-ratio:4/3}.equipment-image-detail{aspect-ratio:16/10;max-height:320px}.equipment-image-placeholder{text-align:center;color:var(--muted);background-color:#e9e6e1;background-image:repeating-linear-gradient(45deg,#1a191812 0 8px,#0000 8px 16px);place-content:center;gap:4px;min-height:48px;display:grid}.equipment-image-icon{opacity:.7;font-size:22px;display:none}.equipment-image-caption{font-size:10px;font-weight:700}.equipment-image-badge{background:#ffffffeb;border-radius:0;padding:4px 8px;font-size:10px;position:absolute;bottom:8px;right:8px}.combobox-wrap{position:relative}.combobox-input-row{grid-template-columns:1fr auto;gap:8px;display:grid}.combobox-input{border:1px solid var(--line);background:#fff;border-radius:0;width:100%;min-height:44px;padding:10px 12px}.combobox-action{white-space:nowrap;border:1px dashed var(--navy);min-height:44px;color:var(--navy);background:#fff;border-radius:0;padding:0 12px;font-size:12px;font-weight:700}.combobox-list{z-index:4;border:1px solid var(--line);box-shadow:none;background:#fff;border-radius:0;max-height:240px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.combobox-list button{text-align:left;background:0 0;border:0;border-radius:0;gap:2px;width:100%;padding:10px 12px;display:grid}.combobox-list button.active,.combobox-list button:hover{background:var(--surface-muted)}.combobox-list small{color:var(--muted);font-size:11px}.modal-backdrop{z-index:80;background:#141e2873;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-panel{background:var(--card);width:min(100%,520px);max-height:min(92dvh,900px);box-shadow:none;border-radius:0;overflow:auto}.modal-panel-wide{width:min(100%,640px)}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.modal-header h2{margin:0;font-size:18px}.duplicate-warning{background:var(--amber-soft);border:1px solid #f0d5a8;border-radius:0;padding:12px}.duplicate-warning ul{margin:8px 0;padding-left:18px}.qr-scanner-panel{width:min(100%,480px)}.qr-scanner-viewport{aspect-ratio:3/4;background:#000;border-radius:0;margin:0 16px;position:relative;overflow:hidden}.qr-scanner-video{object-fit:cover;width:100%;height:100%}.qr-scanner-reticle{box-shadow:none;pointer-events:none;border:2px solid #ffffffd9;border-radius:0;position:absolute;inset:18%}@media (min-width:960px){.app-frame{padding:8px 10px 28px 18px}.app-main{max-width:none}.page-heading h1{font-size:28px}.side-nav{width:auto}}@media (min-width:1180px) and (max-width:1449px){.app-shell{--hop-sidebar-width:240px;--hop-right-rail-width:320px;--hop-layout-gap:18px;--hop-page-padding:18px}}@media (min-width:1280px){.app-shell{grid-template-columns:var(--hop-sidebar-width) minmax(0, 1fr)}}@media (max-width:640px){.modal-panel,.modal-panel-wide{border-radius:0;width:100%;max-height:100dvh}.combobox-input-row{grid-template-columns:1fr}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 2px #f2521e40}.hop-file-input{gap:8px;display:grid;position:relative}.hop-file-input-label{font-size:11px;font-weight:750}.hop-file-input-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hop-file-input-summary{color:var(--muted);font-size:12px}.hop-file-input-native{opacity:0;clip:rect(0, 0, 0, 0);pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.pagination-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:16px 0 8px;display:flex}.create-nav-hint{margin:0 0 8px}.hop-eyebrow{color:var(--hop-primary);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 18px;font-size:.72rem;font-weight:600;display:inline-flex}.hop-eyebrow:before{content:"";background:currentColor;width:30px;height:1px}.hop-micro-label{color:var(--hop-text-main);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:.78rem;font-weight:700;display:block}.hop-title-caps{color:var(--hop-text-on-dark);font-size:var(--hop-font-h1);letter-spacing:-.065em;text-transform:uppercase;margin:0;font-weight:800;line-height:.86}.hop-title-caps .hop-title-dot,.hop-title-caps em{color:var(--hop-primary);font-style:normal}.page-heading{background:#1a1918;margin-bottom:20px;padding:28px 24px}.page-heading h1,.detail-header h1{color:var(--hop-text-on-dark);text-transform:uppercase;letter-spacing:-.055em}.page-heading h1:after,.detail-header h1:after{content:".";color:var(--hop-primary)}.page-heading p,.detail-subline{color:var(--hop-text-on-dark-muted)}.page-heading-with-action .primary-button{align-self:center}.detail-header{background:#1a1918;margin-bottom:20px;padding:28px 24px}.chip-button{color:var(--hop-text-muted);letter-spacing:.13em;text-transform:uppercase;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0}.chip-button.active{color:var(--hop-text-strong);background:0 0;border-color:#0000 #0000 #121110}.form-card label,.filter-row,.login-card label{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:750}.form-card input,.form-card select,.form-card textarea,.filter-row select,.login-card input,.filters-bar input,.filters-bar select{border:1px solid #1a1918;border-radius:0}.hop-btn-block,.login-card .primary-button{width:100%}.login-shell{background:var(--hop-bg-surface);grid-template-columns:minmax(0,1fr);place-items:stretch stretch;min-height:100dvh;padding:0;display:grid}@media (min-width:960px){.login-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.login-shell:before{content:"HOP";color:var(--hop-text-on-dark);letter-spacing:.18em;background:#121110;place-items:center;font-size:clamp(4rem,8vw,8rem);font-weight:800;display:grid}}.login-card{width:100%;max-width:520px;box-shadow:none;border:0;margin:auto;padding:48px 36px}.login-card h1{color:var(--hop-text-strong);text-transform:uppercase;letter-spacing:-.055em}.login-card h1:after{content:".";color:var(--hop-primary)}.success-message{border-left:3px solid var(--hop-primary);background:var(--hop-bg-surface-soft);padding:12px 14px}.intervention-list-row{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.intervention-list-card{border:0;border-top:1px solid var(--hop-border);background:var(--hop-bg-surface);border-left:3px solid #0000;margin-bottom:0}.intervention-list-card:hover{background:#faf9f7}.intervention-list-card:has(.intervention-list-body:hover){background:#faf9f7}.priority-accent-urgent.intervention-list-card,.intervention-list-card.priority-accent-urgent{border-left-color:var(--hop-primary)}.card-header{flex-wrap:wrap;gap:8px 12px;display:flex}.bottom-nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:#121110;border-top:0}.bottom-nav a{color:var(--hop-text-on-dark-muted);letter-spacing:.08em;text-transform:uppercase;min-height:48px}.bottom-nav a.active{color:var(--hop-text-on-dark);border-top:2px solid var(--hop-primary)}.side-nav-group{gap:4px;margin-bottom:18px;display:grid}.side-nav-group-label{color:#bdb5aca8;letter-spacing:.22em;text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:none;align-items:center;gap:10px;margin:8px 12px 6px;padding:0;font-size:.56rem;font-weight:700;line-height:1;display:flex}.side-nav-group:first-child .side-nav-group-label{margin-top:0}.side-nav-group-label:after{content:"";background:linear-gradient(90deg,#bdb5ac3d,#0000);flex:1;height:1px}@keyframes hop-nav-active-fade-in{0%{opacity:0;transform:translate(-12%)scaleX(.72)}to{opacity:1;transform:translate(0)scaleX(1)}}@keyframes hop-nav-rail-enter{0%{opacity:0;transform:scaleY(.25)}to{opacity:1;transform:scaleY(1)}}@media (min-width:960px){.side-nav-links a{isolation:isolate;transition:color .22s,border-color .22s;position:relative;overflow:hidden}.side-nav-links a:before{content:"";z-index:-1;opacity:0;transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#f2521e38 0%,#f2521e1a 42%,#f2521e00 92%);transition:opacity .22s,transform .26s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-8%)scaleX(.76)}.side-nav-links a:after{content:"";background:var(--hop-primary);opacity:0;transform-origin:50%;pointer-events:none;width:3px;transition:opacity .18s,transform .24s cubic-bezier(.22,1,.36,1);position:absolute;top:8px;bottom:8px;left:0;transform:scaleY(.3);box-shadow:0 0 14px #f2521e6b}.side-nav-links a>span:first-child{transition:color .22s,transform .26s cubic-bezier(.22,1,.36,1),text-shadow .22s}.side-nav-links a:hover:before,.side-nav-links a:focus-visible:before{opacity:.42;transform:translate(0)scaleX(1)}.side-nav-links a:hover:after,.side-nav-links a:focus-visible:after{opacity:.48;transform:scaleY(.62)}.side-nav-links a:hover>span:first-child,.side-nav-links a:focus-visible>span:first-child{transform:translate(1px)}.side-nav-links a.active{background:#1c1a18;border-left:1px solid #0000;padding-left:12px}.side-nav-links a.active:before{opacity:1;animation:.42s cubic-bezier(.22,1,.36,1) both hop-nav-active-fade-in;transform:translate(0)scaleX(1)}.side-nav-links a.active:after{opacity:1;animation:.36s cubic-bezier(.22,1,.36,1) both hop-nav-rail-enter;transform:scaleY(1)}.side-nav-links a.active>span:first-child{color:#fff;text-shadow:0 0 16px #f2521e2e;transform:translate(2px)}}.detail-header .detail-subline{color:#d8d1c8;font-weight:500}.detail-header .detail-meta-line{color:#bdb5ac}.detail-header .status-badge:not(.urgent),.detail-header .priority-badge:not(.priority-urgent):not(.priority-pending){color:#f5f2ed;background:#ffffff0b;border-color:#f5f2ed94}.admin-access-layout{align-items:start;gap:22px;display:grid}.admin-invite-card h2,.admin-user-title h2{margin:0}.admin-site-picker{border:1px solid var(--hop-border);min-width:0;margin:0;padding:14px}.admin-site-picker legend{letter-spacing:.08em;text-transform:uppercase;padding:0 7px;font-size:.78rem;font-weight:750}.admin-site-options{gap:6px;max-height:310px;margin-top:10px;display:grid;overflow:auto}.admin-site-options .checkbox-row{grid-template-columns:auto 1fr;padding:10px}.admin-site-options .checkbox-row input{width:18px;height:18px}.admin-site-options .checkbox-row span,.admin-site-options .checkbox-row small{display:block}.admin-user-directory{min-width:0}.admin-user-title{margin-top:0}.admin-user-card{padding:18px}.admin-owner-note{border-left:3px solid var(--hop-primary);padding-left:12px}.admin-access-details{border-top:1px solid var(--hop-border);margin-top:16px}.admin-access-details summary{color:var(--hop-text-main);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;padding:14px 0 4px;font-size:.76rem;font-weight:700}.admin-access-details .form-card{background:var(--hop-bg-page);margin-top:10px;padding:14px}.admin-suspend-form{margin-top:10px}.account-setup-form,.account-setup-waiting{margin-top:24px}@media (min-width:1180px){.admin-access-layout{grid-template-columns:minmax(320px,.8fr) minmax(480px,1.2fr)}.admin-invite-card{position:sticky;top:18px}}@media (min-width:960px){.side-nav:before{display:none}.side-nav-links a{letter-spacing:.13em;text-transform:uppercase;border-left:3px solid #0000;font-size:.72rem;font-weight:650}.side-nav-links a svg{display:none}.side-nav-badge{width:18px;min-width:18px;height:18px;padding:0;line-height:18px}}.qr-scanner-reticle{border:2px solid var(--hop-primary)}.qr-scanner-reticle:after{content:"";background:var(--hop-primary);height:2px;position:absolute;top:50%;left:8%;right:8%}.suggested-route,.tech-card-wrap time,.hop-agenda-day{font-family:var(--hop-font-mono)}.login-card input{border:1px solid #1a1918;width:100%;min-height:48px}.hop-micro-label{gap:6px;display:grid}.mobile-topbar{background:#121110}.primary-button,.secondary-button,.danger-button,.link-button{min-height:48px}.maintenance-filter-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:16px;display:grid}.maintenance-filter-grid label{flex-direction:column;gap:6px;display:flex}.maintenance-filter-grid input,.maintenance-filter-grid select{color:#191817;background:#fff;border:1px solid #ccc;width:100%;min-height:44px;padding:10px}