/* Painel 08/10/2026. Escopo exclusivo da sessão autenticada; landing preservada. */
body.panel-mode { background:var(--bg); }
body.panel-mode::before { display:none; }
.panel-mode main { max-width:1600px; padding:24px 28px 64px; }
.panel-mode .topbar { background:var(--surface); backdrop-filter:none; }
.panel-mode .brand .tag { border-left:1px solid var(--border); padding-left:12px; }
.panel-mode .toolbar { padding:14px 18px; border-radius:16px; gap:16px; margin-bottom:24px; }
.panel-mode .toolbar .picker { max-width:360px; }
.sync-status { font-size:12px; color:var(--ink-3); }
#menu-toggle { display:none; }
.panel-mode .workspace { grid-template-columns:224px minmax(0,1fr); gap:28px; }
.panel-mode #nav { background:transparent; border:0; box-shadow:none; padding:0; top:84px; }
.panel-mode #nav button { min-height:44px; padding:11px 12px; font-size:14px; border-radius:10px; box-shadow:none; }
.panel-mode #nav button.active { background:var(--brand); color:var(--brand-on); }
.panel-mode #nav button.active .icon { color:inherit; }
.panel-mode #nav .nav-group { padding:24px 12px 8px; font-size:10px; }
.panel-mode #nav .nav-group:first-child { padding-top:0; }
.panel-mode #nav .badge { margin-left:auto; }
.panel-mode .pane { background:transparent; border:0; padding:0; box-shadow:none; }
.panel-mode .pane-head { margin:2px 0 24px; }
.panel-mode .pane-head h2 { font-size:clamp(25px,2.5vw,34px); letter-spacing:-.035em; font-weight:600; }
.panel-mode .pane-head .lead { max-width:75ch; font-size:14px; color:var(--ink-2); margin-top:8px; }
.panel-mode .block { background:var(--surface); padding:22px; margin:18px 0; border:1px solid var(--border); border-radius:16px; }
.panel-mode .block h3, .panel-mode .agenda-section>h3 { color:var(--ink); text-transform:none; letter-spacing:-.015em; font-size:17px; }
.panel-mode .metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:20px 0; }
.panel-mode .metric { min-width:0; border-radius:16px; padding:22px 18px; box-shadow:none; background:var(--surface); }
.panel-mode .metric strong { font-size:32px; letter-spacing:-.04em; overflow-wrap:anywhere; }
.panel-mode .metric-label { font-size:12px; }
.panel-mode .onboarding { border-color:color-mix(in srgb,var(--brand) 30%,var(--border)); background:var(--brand-soft); }
.panel-mode .shortcuts { gap:12px; }
.panel-mode .shortcut { box-shadow:none; padding:18px; border-radius:12px; }
.panel-mode .split { grid-template-columns:minmax(230px,30%) minmax(0,1fr); gap:16px; }
.panel-mode .split>div:first-child { min-width:0; }
.panel-mode .split>div:first-child>h3 { font-size:12px; margin:0 0 10px; }
.panel-mode .chat-panel { border-radius:16px; background:var(--surface); }
.panel-mode .chat-head { min-height:70px; padding:16px; }
.panel-mode #chat { height:clamp(300px,54vh,600px); background:var(--surface-2); padding:18px; }
.panel-mode .message-text { white-space:pre-wrap; }
.panel-mode .icon-button { width:30px; min-height:30px; padding:5px; margin-left:6px; background:transparent; color:var(--ink-2); box-shadow:none; border:1px solid var(--border); vertical-align:middle; }
.panel-mode .composer { padding:14px; }
.panel-mode .conversation { width:100%; color:var(--ink); white-space:normal; text-align:left; box-shadow:none; justify-content:flex-start; font-weight:400; }
.panel-mode .conversation .conv-body { display:block; }
.panel-mode .conversation.active { box-shadow:inset 3px 0 var(--brand); }
.panel-mode .grid { gap:16px; }
.panel-mode label { overflow-wrap:anywhere; }
.panel-mode button { max-width:100%; white-space:normal; line-height:1.4; min-height:38px; }
.panel-mode .item,.panel-mode .agenda-section { background:var(--surface); border-radius:12px; }
.panel-mode .agenda-section { padding:18px; margin:14px 0; border:1px solid var(--border); }
.panel-mode .agenda-section .agenda-section { border:0; padding:12px 0; }
.panel-mode .item-row,.panel-mode .agenda-card { gap:12px; flex-wrap:wrap; }
.panel-mode .grow { min-width:0; overflow-wrap:anywhere; }
.panel-mode .empty { font-size:13px; padding:24px 16px; }
.settings-nav { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 24px; }
.settings-nav button { background:var(--surface); color:var(--ink-2); border:1px solid var(--border); box-shadow:none; font-size:12px; padding:7px 10px; }
.settings-nav button:hover { background:var(--brand-soft); color:var(--brand-soft-ink); }
.panel-mode #settings .block { scroll-margin-top:80px; }
.panel-mode #settings-form>.form-actions { background:var(--surface); border:1px solid var(--border); padding:16px; border-radius:12px; }
.panel-mode .sit { border-left-color:var(--border-strong); }
.panel-mode .hint.warn { background:var(--warn-soft); }
@media(max-width:1100px) {
 .panel-mode main { padding:20px 18px 56px; }
 .panel-mode .workspace { grid-template-columns:190px minmax(0,1fr); gap:20px; }
 .panel-mode #nav { flex-direction:column; overflow:visible; }
 .panel-mode #nav .nav-group { display:block; }
 .panel-mode #nav button { width:100%; flex:none; white-space:normal; }
 .panel-mode .metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .panel-mode .split { grid-template-columns:1fr; }
 .panel-mode #conversation-list { max-height:240px; }
}
@media(max-width:760px) {
 .panel-mode main { padding:16px 12px 48px; }
 .panel-mode .workspace { display:block; }
 .panel-mode .toolbar { padding:12px; gap:10px; margin-bottom:20px; }
 .panel-mode .toolbar .picker { flex-basis:100%; max-width:none; }
 .panel-mode .toolbar .spacer { display:none; }
 .panel-mode .toolbar>button { flex:1; }
 .panel-mode #menu-toggle { display:flex; flex-basis:100%; justify-content:flex-start; order:5; }
 .panel-mode #menu-toggle>span:last-child { margin-left:auto; }
 .panel-mode #nav { display:none; position:static; padding:12px; margin:-8px 0 20px; border:1px solid var(--border); border-radius:14px; background:var(--surface); }
 .panel-mode #nav.menu-open { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
 .panel-mode #nav .nav-group { grid-column:1/-1; padding:8px 6px 4px; }
 .panel-mode #nav button { font-size:12px; padding:10px; }
 .panel-mode #nav button .icon { width:16px; height:16px; }
 .panel-mode .context-name { width:100%; }
 .panel-mode .sync-status { width:100%; order:6; }
 .panel-mode .pane-head h2 { font-size:27px; }
 .panel-mode .block { padding:18px 14px; }
 .panel-mode .metric { padding:16px 14px; }
 .panel-mode .metrics { gap:10px; }
 .panel-mode .metric strong { font-size:28px; }
 .panel-mode .shortcuts { grid-template-columns:1fr; }
 .panel-mode .chat-head { align-items:flex-start; }
 .panel-mode .chat-head .grow { flex-basis:100%; }
 .panel-mode #chat { height:52vh; padding:12px; }
 .panel-mode .composer input,.panel-mode .composer button { flex-basis:100%; }
 .panel-mode .message { max-width:92%; }
 .panel-mode .settings-nav { gap:6px; }
 .panel-mode .settings-nav button { font-size:11px; }
 .panel-mode .row input { width:100%; }
 .panel-mode .hours-wrap { max-width:100%; }
 .panel-mode .item-actions { flex-wrap:wrap; }
 .panel-mode .block-head { flex-wrap:wrap; gap:10px; }
}
.panel-mode .block-head>.form-actions { margin:0; padding:0; border:0; }
.panel-mode label.inline { flex-direction:row; flex-wrap:wrap; }
