.cl-public{margin:0;min-height:100svh;display:grid;justify-items:center;align-content:center;padding:clamp(12px,4vw,36px);background:#eaf0f7;background:radial-gradient(ellipse at top,#f9fcff 0%,#eaf0f7 68%);font-family:"Segoe UI",Tahoma,Arial,sans-serif}
.cl-profile{width:min(100%,34rem);min-width:0;overflow:hidden;border:1px solid #d7e2ef;border-radius:26px;background:#f7faff;box-shadow:0 20px 60px #17325119;color:#10263e}
.cl-hero{display:grid;justify-items:center;gap:.55rem;text-align:center;padding:clamp(1.5rem,6vw,2.6rem) 1.25rem 1.65rem;background:#0b1d32;background:radial-gradient(ellipse at 50% 0,#1b3c61,#0b1d32 75%);color:white}
.cl-kicker{font-size:.7rem;font-weight:600;letter-spacing:.24em;color:#c4d9f0}
.cl-mark{display:grid;place-items:center;width:7.25rem;height:5.25rem;margin:.4rem 0;padding:.2rem;background:#fff;border-radius:14px;box-shadow:0 5px 20px #0002}
.cl-mark img{display:block;width:100%;height:100%;object-fit:contain}
.cl-hero h1{font-size:clamp(1.8rem,7.5vw,2.65rem);line-height:1.2;overflow-wrap:anywhere}
.cl-title,.cl-intro{color:#d2e0ef}
.cl-intro{max-width:34ch;white-space:pre-line;overflow-wrap:anywhere}
.cl-body{display:grid;gap:.85rem;padding:clamp(.85rem,4vw,1.4rem)}
.cl-section{display:grid;gap:.7rem;background:#fff;border:1px solid #e0e8f2;border-radius:17px;padding:clamp(.7rem,3vw,1.05rem)}
.cl-section header{display:flex;align-items:baseline;justify-content:space-between;gap:.4rem .8rem;flex-wrap:wrap}
.cl-section h2{font-size:.98rem}
.cl-section bdi{font-size:.87rem;color:#52657a;font-variant-numeric:tabular-nums}
.cl-actions,.cl-links{display:grid;gap:.5rem}
.cl-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr))}
.cl-action{min-width:0;min-height:3.1rem;display:flex;align-items:center;gap:.5rem;padding:.42rem .55rem;border:1px solid #e0e8f2;border-radius:11px;color:#10263e;text-decoration:none;font-size:.92rem;font-weight:600;overflow-wrap:anywhere;background:#fff}
.cl-action:hover{border-color:var(--cl-accent);background:#f4f8fe}
.cl-save{justify-content:center;min-height:3.5rem;color:#fff;background:#0b1d32;border-color:#0b1d32}
.cl-save:hover{color:#fff;background:#193b60}
.cl-icon{width:2rem;height:2rem;display:grid;place-items:center;border-radius:9px;flex:0 0 auto;color:var(--cl-accent);background:#edf3fa;background:color-mix(in srgb,var(--cl-accent) 10%,white)}
.cl-icon svg{width:1.1rem;height:1.1rem}
.cl-wa .cl-icon{color:#087643;background:#e1f8ec}
.cl-save .cl-icon{background:#ffffff21;color:#fff}
.cl-icons-outline .cl-icon{background:transparent;box-shadow:inset 0 0 0 1px currentColor}
.cl-icons-solid .cl-icon{background:#0b1d32;color:#fff}
.cl-icons-solid .cl-wa .cl-icon{background:#087643}
.cl-icons-solid .cl-save .cl-icon{background:white;color:#0b1d32}
.cl-external:after{content:"↗";margin-inline-start:auto;color:#60748b}
.cl-theme-light .cl-hero{background:#fff;color:#10263e;border-bottom:1px solid #e0e8f2}
.cl-theme-light .cl-kicker,.cl-theme-light .cl-title,.cl-theme-light .cl-intro{color:#52657a}
.cl-theme-light .cl-mark{box-shadow:none;border:1px solid #e0e8f2}
.cl-theme-ink .cl-hero{background:#202733}
.cl-edit-form{display:grid;gap:1rem;justify-items:stretch}
.cl-edit-form>button{justify-self:start}
.cl-edit-form fieldset{min-width:0;padding:1rem}
.cl-edit-form legend{font-weight:650}
.cl-edit-form textarea{display:block;width:100%;resize:vertical;font:inherit;border:1px solid #c8d5e3;border-radius:6px;padding:.45rem .55rem}
.cl-edit-form small{display:block}
.cl-edit-link{display:grid;grid-template-columns:1fr 1.4fr .8fr auto;align-items:end;gap:.55rem;border-bottom:1px solid #d9e2ec;padding:.65rem 0}
.cl-edit-link label{margin:0}
.cl-edit-link .toolbar{flex-wrap:nowrap}
#cl-add-link{margin-top:.6rem}
@media(max-width:850px){.cl-edit-link{grid-template-columns:1fr 1fr}.cl-edit-link .toolbar{flex-wrap:wrap}}
@media(max-width:410px){.cl-public{align-content:start}.cl-profile{border-radius:18px}.cl-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,6.2rem),1fr))}}

.cl-staff-shell{width:min(1100px,calc(100% - 2rem));gap:.85rem}
.cl-staff-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.5rem 0}
.cl-staff-heading p{color:var(--muted)}
.cl-staff-tabs{display:flex;gap:.25rem;overflow:auto;padding:.3rem;background:#fff;border:1px solid var(--line);border-radius:10px}
.cl-staff-tabs a{flex:0 0 auto;padding:.5rem .85rem;border-radius:7px;text-decoration:none;color:var(--muted);font-weight:600}
.cl-staff-tabs a[aria-current=page]{background:var(--navy);color:#fff}
.cl-staff-qr{display:flex;justify-content:flex-end}
.cl-password-form{max-width:26rem}
.cl-password-form button{justify-self:start}
.cl-staff small{color:var(--muted);display:block}

.top .cl-admin-nav a{padding:.4rem .7rem;border-radius:6px}
.top .cl-admin-nav a[aria-current=page]{background:#ffffff20;color:#fff}
.cl-directory-search{display:flex;gap:.65rem;align-items:end;flex-wrap:wrap;margin:0 0 1.1rem}
.cl-directory-search label{flex:1 1 13rem;max-width:24rem}
.cl-directory-search>a{align-self:center}
.cl-card-status{display:inline-block;padding:.12rem .55rem;border-radius:20px;background:#f0f2f5;color:#43556b;font-size:.84rem}
.cl-card-status.is-live{background:#e7f5eb;color:#186237}
.cl-empty{color:var(--muted);padding:1.15rem;background:#f5f8fc;border-radius:8px}

.cl-report-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:.75rem;margin-bottom:1rem}
.cl-report-filters label{min-width:0}
.cl-report-period{display:flex;gap:.5rem 1rem;flex-wrap:wrap;color:var(--muted);font-size:.88rem;margin:.5rem 0}
.cl-report-kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));margin:.8rem 0}
.cl-report-kpis div{padding:.9rem 1rem}
.cl-report-kpis small,.cl-report-note{color:var(--muted);font-size:.85rem}
.cl-report-chart{height:clamp(7rem,22vw,13rem);display:flex;gap:clamp(2px,.65vw,8px);padding:0 .35rem;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#e5ecf3 calc(25% - 1px),#e5ecf3 25%)}
.cl-report-bar{flex:1;min-width:0;height:100%;display:flex;align-items:end;justify-content:center}
.cl-report-bar span{display:block;width:min(100%,2rem);height:var(--bar-height);background:#2468b2;border-radius:4px 4px 0 0}
.cl-report-bar:hover span{background:#0b1d32}
.cl-chart-labels,.cl-report-pagination{display:flex;justify-content:space-between;gap:.6rem;align-items:center;flex-wrap:wrap;margin-top:.75rem;color:var(--muted);font-size:.9rem}
#daily-report{scroll-margin-top:1rem}
#daily-report input[type=number]{width:8rem}
@media(max-width:850px){.cl-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-report-filters button{justify-self:start}}

.cl-delete summary{color:#98262c;font-weight:650}
.cl-delete p{margin-top:.75rem;color:var(--muted)}
.cl-delete .stack{justify-items:start}
.cl-danger{background:#a92b35;border-color:#a92b35;color:#fff}
.cl-danger:hover{background:#84202a}

.element-qr-placeholder{display:grid;place-items:center;background:#fff;color:#10263e!important;border:2px dashed #80a4ca;font-weight:700;text-align:center}