/* Briq Chat: gli stessi colori e caratteri di Briq, a tutta altezza sul telefono */
:root{--bg:#f5f5f7;--surface:#ffffff;--surface-2:#f5f5f7;--fg:#1d1d1f;--muted:#6e6e73;--faint:#86868b;--accent:#0071e3;--accent-soft:#e8f1fc;--ok:#248a3d;--warn-soft:#fdf0e1;
--shadow:0 1px 2px rgba(0,0,0,.04),0 6px 20px -6px rgba(0,0,0,.08);--hero-line:rgba(0,0,0,.08);
--f-body:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;--f-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#000000;--surface:#1c1c1e;--surface-2:#2c2c2e;--fg:#f5f5f7;--muted:#a1a1a6;--faint:#8e8e93;--accent:#2997ff;--accent-soft:#0d2a47;--ok:#30d158;--warn-soft:#33240c;
--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -8px rgba(0,0,0,.6);--hero-line:rgba(255,255,255,.12);color-scheme:dark}}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:15px;line-height:1.47;letter-spacing:-.01em;-webkit-text-size-adjust:100%}
.apbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
padding-top:env(safe-area-inset-top,0px);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));border-bottom:.5px solid var(--hero-line)}
.apin{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;max-width:1200px;margin:0 auto}
.apin b{font-family:var(--f-display);font-size:19px;font-weight:700;letter-spacing:-.02em}
.apnota{margin:0 auto 8px;max-width:1200px;font-size:13px;color:var(--muted)}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
#viewChat .wrap{padding-block:12px calc(12px + env(safe-area-inset-bottom,0px))}
#viewChat .sechead{display:none}
.go{display:inline-flex;align-items:center;border:0;font:inherit;font-size:14px;font-weight:600;cursor:pointer;color:var(--accent);background:var(--accent-soft);padding:7px 12px;border-radius:10px;touch-action:manipulation}
.go:active{transform:scale(.97)}
.go:focus-visible,button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}
.hint{color:var(--muted);font-size:13px;margin:0}
.err{background:var(--warn-soft);color:var(--fg);border-radius:12px;padding:10px 14px;font-size:13px;margin-bottom:10px}
.chapp{height:calc(100dvh - 48px - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;min-height:360px}
@media (max-width:760px){.chapp{height:calc(100dvh - 48px - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.brand{display:inline-flex;align-items:center;gap:8px;color:var(--fg)}
.brand .logo{width:28px;height:28px;flex:none;border-radius:8px;box-shadow:0 1px 3px rgba(0,113,227,.35)}
.brand .bw{font-family:"Nunito",ui-rounded,"SF Pro Rounded",var(--f-display);font-weight:900;font-size:25px;letter-spacing:-.02em;line-height:1;color:var(--fg)}
.brand .bw span{color:var(--accent)}
.apcamp{position:relative;border:0;background:var(--surface-2);color:var(--muted);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;touch-action:manipulation;transition:background .2s,color .2s}
.apcamp:active{transform:scale(.95)}
.apcamp[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent)}