/* Obsidian Orange: appearance only. Existing layout and controllers unchanged. */
:root{
 --gk-obsidian:#0B0C10;--gk-charcoal:#16181D;--gk-graphite:#2A3139;--gk-surface:#202329;
 --gk-orange:#FF8A00;--gk-orange-hover:#FF9F2E;--gk-amber:#FFC36A;--gk-orange-dim:rgba(255,138,0,.15);
 --gk-card:#F1F3F8;--gk-card-secondary:#E6E9F1;--gk-input:#F8F9FC;
 --gk-text-light:#F4F5F7;--gk-text-muted:#AEB4C0;--gk-text-dark:#141820;
 --gk-border-dark:#383C44;--gk-border-light:#C8CED9;
 --gk-page:#eef0f4;--gk-page-fill:#eef0f4;--gk-page-text:var(--gk-text-dark);--gk-page-muted:#596477;--gk-decoration:none;
 --gk-header-fill:linear-gradient(180deg,#303238,#202126);--gk-nav:#101C31;--gk-top:#111216;
}
:root[data-theme=dark]{
 --gk-page:var(--gk-obsidian);--gk-page-fill:radial-gradient(ellipse at 75% 5%,rgba(255,138,0,.055),transparent 40%),linear-gradient(135deg,#0B0C10 0%,#16181D 55%,#101115 100%);
 --gk-page-text:var(--gk-text-light);--gk-page-muted:var(--gk-text-muted);--gk-decoration:url('/assets/obsidian-hex.svg');
}
@media(prefers-color-scheme:dark){:root[data-theme=system]{
 --gk-page:var(--gk-obsidian);--gk-page-fill:radial-gradient(ellipse at 75% 5%,rgba(255,138,0,.055),transparent 40%),linear-gradient(135deg,#0B0C10 0%,#16181D 55%,#101115 100%);
 --gk-page-text:var(--gk-text-light);--gk-page-muted:var(--gk-text-muted);--gk-decoration:url('/assets/obsidian-hex.svg');
}}
html[data-layout=signal][data-theme]{
 --signal-canvas:var(--gk-page);--signal-card:var(--gk-card);--signal-input:var(--gk-input);--signal-card-line:var(--gk-border-light);
 --signal-rail:var(--gk-nav);--signal-rail-line:var(--gk-border-dark);--bg:var(--gk-page);--surface:var(--gk-card);--ink:var(--gk-text-dark);--muted:#5b6574;--line:var(--gk-border-light);--accent:#a34d00;--orange:var(--gk-orange);--navy:var(--gk-top);
}
html[data-layout=signal]{background:var(--gk-page)}
html[data-layout=signal] body{background:var(--gk-page-fill);background-attachment:fixed;color:var(--gk-page-text);isolation:isolate}
html[data-layout=signal] body::before{content:'';position:fixed;inset:76px 0 0;z-index:-1;pointer-events:none;background-image:var(--gk-decoration);background-size:cover;background-position:top right;background-repeat:no-repeat}
html[data-layout=signal] .topbar{background:#04102F;color:var(--gk-text-light);border-bottom:1px solid rgba(255,138,0,.28)}
html[data-layout=signal] .tagline{color:var(--gk-text-muted)}
html[data-layout=signal] .topbar .text-button,html[data-layout=signal] .topbar .icon-button{background:transparent;border-color:var(--gk-border-dark);color:var(--gk-text-light)}
html[data-layout=signal] .topbar .text-button:hover,html[data-layout=signal] .topbar .icon-button:hover,html[data-layout=signal] .header-messages:hover{color:var(--gk-amber);background:var(--gk-orange-dim)}
html[data-layout=signal] body[data-page] .layout>.sidebar,html[data-layout=signal] body[data-page] .layout>.sidebar:not(.open),html[data-layout=signal] body.navigation-open .layout>.sidebar.open{background:var(--gk-nav);border-right-color:var(--gk-border-dark)}
html[data-layout=signal] .sidebar nav>a{color:var(--gk-text-muted)}
html[data-layout=signal] .sidebar nav>a:hover{background:rgba(255,138,0,.06);color:var(--gk-text-light)}
html[data-layout=signal] .sidebar nav>a.active{background:var(--gk-orange-dim);color:var(--gk-text-light)}
html[data-layout=signal] .sidebar nav>a.active::before{background:var(--gk-orange)}
html[data-layout=signal] .sidebar nav>a.active .nav-icon{color:var(--gk-orange)}
html[data-layout=signal] .sidebar-rail-header .icon-button{color:var(--gk-text-muted)}
html[data-layout=signal] .sidebar-rail-header .icon-button:hover{color:var(--gk-orange);background:var(--gk-orange-dim)}
html[data-layout=signal] .signal-heading{border-bottom-color:var(--gk-border-dark)}
html[data-layout=signal] .signal-heading h1{color:var(--gk-page-text)}
html[data-layout=signal] .signal-heading>p,html[data-layout=signal] .signal-heading .eyebrow,html[data-layout=signal] .community-people .seed-note{color:var(--gk-page-muted)}
html[data-layout=signal] .page-heading,html[data-layout=signal] .messages-heading{color:var(--gk-page-text)}
html[data-layout=signal] .page-heading>p,html[data-layout=signal] .messages-heading .eyebrow{color:var(--gk-page-muted)}
html[data-layout=signal] .signal-compose-section,html[data-layout=signal] .signal-feed-section,html[data-layout=signal] .signal-stream .post,html[data-layout=signal] #neighbors,html[data-layout=signal] .online-friends,html[data-layout=signal] .krib-widget,html[data-layout=signal] .krib-member-card,html[data-layout=signal] .card{background:var(--gk-card);color:var(--gk-text-dark);border-color:var(--gk-border-light);border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,.09)}
html[data-layout=signal] .signal-compose-section>.signal-section-title,html[data-layout=signal] .signal-feed-section>.signal-section-title,html[data-layout=signal] .community-people>h2,html[data-layout=signal] .online-friends summary,html[data-layout=signal] .krib-widget-header{
 background:var(--gk-header-fill);color:var(--gk-text-light);border-color:var(--gk-border-dark);border-bottom:2px solid var(--gk-orange);border-radius:7px 7px 0 0;
}
html[data-layout=signal] .signal-compose-section>.signal-section-title>span,html[data-layout=signal] .krib-widget-header .widget-subtitle{color:var(--gk-text-muted)}
html[data-layout=signal] .signal-compose-section>.composer,html[data-layout=signal] .krib-widget-body{background:var(--gk-card);color:var(--gk-text-dark)}
html[data-layout=signal][data-theme] .signal-compose-section textarea,html[data-layout=signal][data-theme] .signal-compose-section select,html[data-layout=signal] input,html[data-layout=signal] select,html[data-layout=signal] textarea{background:var(--gk-input);color:var(--gk-text-dark);border-color:var(--gk-border-light);border-radius:5px}
html[data-layout=signal] .signal-feed-section .feed-tabs,html[data-layout=signal] .post-head{background:var(--gk-card-secondary);color:var(--gk-text-dark)}
html[data-layout=signal] .signal-stream .post{border-radius:0;box-shadow:none}
html[data-layout=signal] .signal-stream .post-head{background:transparent}
html[data-layout=signal] .post-footer,html[data-layout=signal] .post-head time,html[data-layout=signal] .person small{color:#5b6574}
html[data-layout=signal] .community-people{border-left-color:var(--gk-border-dark)}
html[data-layout=signal] .community-people>h2{border:1px solid var(--gk-border-dark);border-bottom:2px solid var(--gk-orange)}
html[data-layout=signal] .neighbor>a:last-child,html[data-layout=signal] .friend-message-link{color:#ae5300}
html[data-layout=signal] .online-friends{background:var(--gk-card)}
html[data-layout=signal] .online-friends>a{color:#a34d00}
html[data-layout=signal] .online-friends .presence-label:not(.is-online){color:#687383}
html[data-layout=signal] .button,html[data-layout=signal][data-theme] .feed-tabs button.selected{
 background:var(--gk-orange);color:var(--gk-top);border:1px solid var(--gk-orange-hover);border-radius:5px;font-weight:600;transition:background 150ms ease,box-shadow 150ms ease;
}
html[data-layout=signal] .button:hover,html[data-layout=signal][data-theme] .feed-tabs button.selected:hover{background:var(--gk-orange-hover);box-shadow:0 0 12px rgba(255,138,0,.18)}
html[data-layout=signal] .feed-tabs button:not(.selected){background:var(--gk-card-secondary);color:var(--gk-text-dark);border-color:var(--gk-border-light)}
html[data-layout=signal] .text-button{color:var(--gk-page-text);border-color:var(--gk-border-dark);background:var(--gk-surface)}
html[data-layout=signal] :is(.card,.composer,.signal-feed-section,.krib-widget,.krib-actions,dialog) .text-button{background:var(--gk-card-secondary);border-color:var(--gk-border-light);color:var(--gk-text-dark)}
html[data-layout=signal] .load-more{background:var(--gk-card-secondary);color:var(--gk-text-dark);border-color:var(--gk-border-light)}
html[data-layout=signal] .krib-masthead,html[data-layout=signal] .krib-masthead p,html[data-layout=signal] .krib-overline,html[data-layout=signal] .krib-preview-details,html[data-layout=signal] .krib-breadcrumb,html[data-layout=signal] .profile-privacy{color:var(--gk-page-text)}
html[data-layout=signal] .krib-member-card .krib-overline{color:#5b6574}
html[data-layout=signal] .krib-status-strip{background:var(--gk-card-secondary);color:var(--gk-text-dark);border-color:var(--gk-border-light);border-radius:8px}
html[data-layout=signal] .messages-workspace{background:var(--gk-surface);border-color:var(--gk-border-dark);border-radius:8px}
html[data-layout=signal] .conversation-sidebar{background:var(--gk-charcoal);border-color:var(--gk-border-dark);color:var(--gk-text-light)}
html[data-layout=signal] .conversation-link{border-color:var(--gk-border-dark)}
html[data-layout=signal] .conversation-link small,html[data-layout=signal] .chat-empty{color:var(--gk-text-muted)}
html[data-layout=signal] .conversation-link.current{background:var(--gk-orange-dim)}
html[data-layout=signal] .inbox-filters button{color:var(--gk-text-muted)}
html[data-layout=signal] .inbox-filters button[aria-pressed=true]{background:var(--gk-orange);color:var(--gk-top)}
html[data-layout=signal] .message-pane,html[data-layout=signal] .mini-chat{background:var(--gk-card);color:var(--gk-text-dark)}
html[data-layout=signal] .thread-header{background:var(--gk-header-fill);color:var(--gk-text-light);border-bottom:2px solid var(--gk-orange)}
html[data-layout=signal] .thread-header .text-button,html[data-layout=signal] .thread-header .icon-button{color:var(--gk-text-light);border-color:var(--gk-border-dark)}
html[data-layout=signal] .thread-state,html[data-layout=signal] .message-form,html[data-layout=signal] .chat-message{background:var(--gk-card-secondary);color:var(--gk-text-dark)}
html[data-layout=signal] .chat-message.mine{background:#ffe0b8;color:var(--gk-text-dark)}
html[data-layout=signal] .recipient-results,html[data-layout=signal] .recipient-friends{border-color:var(--gk-border-light)}
html[data-layout=signal] dialog{background:var(--gk-card);color:var(--gk-text-dark);border-color:var(--gk-border-light);border-radius:8px}
html[data-layout=signal] .unread-count{background:var(--gk-orange);color:var(--gk-text-dark)}
html[data-layout=signal] :focus-visible{outline-color:var(--gk-orange)}
@media(max-width:760px){html[data-layout=signal] body::before{top:68px}}
@media(prefers-reduced-motion:reduce){html[data-layout=signal] .button,html[data-layout=signal] .feed-tabs button{transition:none}}
/* Compact entry point; the actual form remains in an accessible native dialog. */
.status-quick-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--gk-card);border:1px solid var(--gk-border-light);border-radius:8px}
.status-quick-bar>button{flex:1;min-width:0;min-height:42px;text-align:left;padding:10px 16px;background:var(--gk-card-secondary);color:#586374;border:0;border-radius:24px;font-size:16px;line-height:1.4}
.status-quick-bar>button:hover{background:#dce1eb;color:var(--gk-text-dark)}
.status-quick-bar .avatar{width:36px;height:36px}
html[data-layout=signal] .signal-stream{gap:20px}
html[data-layout=signal] .signal-heading{padding-bottom:16px;margin-bottom:22px}
html[data-layout=signal] .signal-heading h1{margin:6px 0 10px;font-size:32px}
.status-dialog .composer-person{margin-bottom:14px}
.status-dialog label[for=status]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.status-dialog textarea{min-height:160px;max-height:40dvh;resize:vertical}
.status-dialog .status-audience{margin:16px 0}
.status-dialog .composer-bottom{border-top:1px solid var(--gk-border-light);padding-top:16px}
.status-dialog .composer-bottom .button{min-width:110px}
@media(max-width:760px){.status-quick-bar{padding:10px 12px;gap:10px}.status-quick-bar>button{font-size:14px;padding:10px 12px}.status-dialog textarea{min-height:130px}}
/* Pale orange navigation trial; retain contrast without bright orange tiles. */
html[data-layout=signal] body[data-page] .layout>.sidebar{border-right-color:#34435B}
html[data-layout=signal] .sidebar nav>a{color:#C5D0E2}
html[data-layout=signal] .sidebar nav>a:hover{background:#1B2B43;color:#FFFFFF}
html[data-layout=signal] .sidebar nav>a.active{background:#24344C;color:#FFFFFF}
html[data-layout=signal] .sidebar nav>a.active .nav-icon{color:var(--gk-orange)}
html[data-layout=signal] .sidebar-rail-header .icon-button{color:#B9C7DC}
html[data-layout=signal] .sidebar-rail-header .icon-button:hover{background:#1B2B43;color:#FFFFFF}