/* pofis · unified antrasit theme, genuine page-height coverage, connected navigation tabs.
   Last stylesheet in the app. Brand green remains an accent; navy is not a surface. */
:root{
 --po-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
 --po-green:#04bf65;
 --po-green-strong:#05a95d;
}
html,body{min-height:100%;width:100%}
html{background-color:#f4f5fa}
body{min-height:100vh;min-height:100dvh;margin:0;font-family:var(--po-font)}
#app{min-height:100vh;min-height:100dvh}
button,input,select,textarea{font-family:inherit}
:is(button,input,select,textarea):focus-visible{outline:2px solid var(--po-green);outline-offset:2px}

/* Manager forms were moved out of #users; give them normal app-wide dimensions. */
#management .manager-main{font-family:var(--po-font);font-size:13px}
#management .manager-section>.card{width:100%;border-radius:16px;padding:23px 24px}
#management .manager-section .formlabel{display:block;font-size:12px;line-height:1.45;font-weight:730;letter-spacing:0;margin:15px 0 7px}
#management #userForm{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:0;max-width:550px;width:100%;margin-top:16px}
#management #userForm :is(input,select){
 width:100%;display:block;min-width:0;max-width:100%;height:44px;min-height:44px;
 padding:10px 13px;margin:0;border:1px solid #cddbd3;border-radius:11px;
 background:#fff;color:#25392f;font:inherit;font-size:13px;line-height:1.4;
 box-shadow:none;transition:border-color .15s,box-shadow .15s;
}
#management #userForm :is(input,select):focus{border-color:#13b86a;box-shadow:0 0 0 3px #13b86a22;outline:0}
#management #userForm select{appearance:auto;cursor:pointer}
#management #userForm #newPassword{margin-top:0}
#management #userForm .btn{margin-top:21px!important;justify-self:start;min-height:44px;border-radius:10px;background:#09ba63;color:#092716;padding:11px 20px;font-size:12px;font-weight:820}
#management #userForm .btn:hover{background:#21d37a}
#management #userForm .btn:disabled{opacity:.5}
#management .manager-section .sub{line-height:1.55}
#management #refreshUsers{border-radius:10px;min-height:39px}
#management .manager-section .line{align-items:center}
#management .manager-section .user-entry-actions .btn{font-size:12px;min-height:37px;border-radius:10px}
#management .manager-section .user-entry-actions .editProfile{background:#e9f7ef;color:#148254}
#management .manager-section .user-entry-actions .editProfile:hover{background:#d5f4e2}

/* Physical connected tabs, resting on a continuous track (not floating pills). */
#app > #siteTabs.tabs{
 display:flex;flex-wrap:nowrap;align-items:flex-end;
 gap:3px;max-width:100%;
 margin:0 0 19px!important;padding:12px 9px 0!important;
 background:#e9eeea;border:1px solid #d9e4dd;
 border-bottom:3px solid #8fcdaa;border-radius:13px 13px 0 0;
 overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#a4cbb3 transparent;
 touch-action:pan-x;box-shadow:none;
}
#app > #siteTabs.tabs button{
 display:inline-flex;align-items:center;justify-content:center;
 position:relative;white-space:nowrap;flex:0 0 auto;
 padding:12px 15px 11px;min-height:43px;
 font-family:var(--po-font);font-size:12px;line-height:1.3;font-weight:800;
 background:#f6f9f7;color:#50685b;border:1px solid #d7e5dc;
 border-bottom:0;border-radius:11px 11px 0 0;
 box-shadow:none;transform:none;transition:background .16s,color .16s,transform .16s;
}
#app > #siteTabs.tabs button:hover:not(.active){background:#fff;color:#267449}
#app > #siteTabs.tabs button.active{
 background:#0bbb65!important;color:#072a16!important;border-color:#0aa85a!important;
 padding-top:15px;padding-bottom:14px;transform:translateY(-3px);
 box-shadow:0 -5px 14px #0ca9562a!important;z-index:2;
}
#app > #siteTabs.tabs button.active::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:5px;background:#0bbb65}
#app > #siteTabs.tabs button:focus-visible{outline:2px solid #10b368;outline-offset:-3px}
@media(max-width:700px){
 #app > #siteTabs.tabs{gap:2px;padding:12px 6px 0!important;margin-bottom:14px!important}
 #app > #siteTabs.tabs button{min-height:43px;padding:11px 12px 10px;font-size:11px}
 #app > #siteTabs.tabs button.active{padding-top:14px;padding-bottom:13px}
 #management .manager-section>.card{padding:17px}
}

/* Uniform dark charcoal, ChatGPT-style neutral layers. */
html[data-theme="dark"]{
 --po-bg:#191919;--po-surface:#242424;--po-elevated:#2c2c2c;
 --po-surface-2:#303030;--po-outline:#424242;--po-text:#f0f0f0;
 --po-muted:#aaaaaa;--po-tint:#244132;--po-green:#23d57b;
 background:#191919!important;background-color:#191919!important;color-scheme:dark;
}
html[data-theme="dark"] body,
html[data-theme="dark"] #app,
html[data-theme="dark"] .wrap{
 background:#191919!important;background-color:#191919!important;color:var(--po-text)!important;
}
html[data-theme="dark"] body{min-height:100vh;min-height:100dvh}
html[data-theme="dark"] #app{min-height:100vh;min-height:100dvh}
html[data-theme="dark"] :is(h1,h2,h3,h4,h5,h6,legend){color:#f0f0f0}
html[data-theme="dark"] :is(.sub,.muted,.rank-sub,.task small,.game-card .sub,.edit-intro,.lock-help,.manager-section-heading p,.manager-hero p,.stat-mini small,.achievement span,.achievement small,.po-guide){
 color:var(--po-muted)!important
}
html[data-theme="dark"] :is(
 .card,.login,.edit-modal,.game-card,.lock-event-card,.lock-event-aside,
 .stat-mini,.achievement,.achievement.locked,.title-pick,.designer-section,
 .designer-task,.admin-category,.admin-event-form,.lock-evidence-dialog,
 .lock-showcase-dialog,.lock-showcase-item,.award,.approval-item,.manager-approval-banner,
 .game-create,.quick-task-card,.quick-task-row,.bonus-task-card,
 .task,.appliance-card,.appliance-item,
 .manager-sidebar,.mod-item,.mod-item.is-hidden,
 .po-center,.po-inventory,.po-editor,.po-tool-panel,
 .social-pulse-card,.social-panel,.social-ritual-card,
 .social-manager-form,.social-kudos-item,.social-market-item,.social-title-row,
 .social-secret-card,.social-wall-quote,.social-wall-stats>div,
 .social-poll-choice,.arena-result,.arena-straw,.arena-rps-status,
 .arena-round,.arena-match-player,.arena-match-visual
){
 background:var(--po-surface)!important;
 border-color:var(--po-outline)!important;
 color:var(--po-text)!important;
 box-shadow:none!important;
}
html[data-theme="dark"] :is(.manager-sidebar,.po-inventory,.po-editor,.manager-main .card,.mod-item,.social-wall-stats>div,.social-poll-choice,.achievement,.stat-mini,.arena-round){
 background:var(--po-elevated)!important;
}
html[data-theme="dark"] :is(.hero,.gamer-hero,.manager-hero){
 background:linear-gradient(118deg,#273a30,#282828 70%,#303030)!important;
 border-color:#42634f!important;
 color:#f4f4f4!important;
 box-shadow:none!important;
}
html[data-theme="dark"] :is(.manager-hero h1,.manager-section-heading h2,.manager-hero .manager-role-tag,.po-selected-header b){color:var(--po-text)!important}
html[data-theme="dark"] :is(.manager-role-tag,.social-streak,.pill.ok){
 background:#224332!important;border-color:#38664a!important;color:#9cf4bf!important
}
html[data-theme="dark"] :is(.line,.mission,.task,.appliance-item,.quick-task-row,.social-feed-line,.social-title-row){border-color:#3d3d3d!important}
html[data-theme="dark"] :is(
 .notice,.game-rule,.title-token,.game-participants span,.pill,.game-pill,.edit-handle,
 .lock-upload-state,.lock-fairnote,.quick-task-counter,.quick-king-row,
 .lock-upload-choice,.lock-canvas-wrap,.designer-create-toolbar,
 .designer-form,.designer-new-main .designer-form,
 .po-original,.po-addon,.po-tool-panel[open]>summary,
 .po-list-heading,.po-position-grid button,
 .social-poll-bar,.social-market-actions button,.sms-composer,
 .arena-match-player,.arena-mine .mine-cell,.arena-rps-actions button,
 .progress,.mission-progress
){
 background:var(--po-surface-2)!important;border-color:var(--po-outline)!important;
 color:var(--po-text)!important;
}
html[data-theme="dark"] :is(.designer-create-toolbar,.designer-form,.social-manager-form,.po-tool-panel[open]>summary){box-shadow:none!important}
html[data-theme="dark"] :is(.task.done,.appliance-item.checked,.social-poll-choice.chosen,.po-text-choice.active){
 background:#214233!important;border-color:#43835d!important;
}
html[data-theme="dark"] :is(.achievement.locked,.award.locked){opacity:.6}
html[data-theme="dark"] :is(.login,.edit-modal,.passwordshade .card,.lock-showcase-dialog){box-shadow:0 18px 60px #0007!important}
html[data-theme="dark"] :is(.passwordshade,.lock-showcase-overlay,.lock-evidence-overlay){background:#050505bd}
html[data-theme="dark"] :is(button:not(.btn):not(.theme-switch),.manager-sidebar button,.manager-nav-icon){
 color:#dddddd;
}
html[data-theme="dark"] :is(.btn.secondary,.theme-switch,.task button,.game-actions button,.edit-cancel,.edit-close,.designer-task-actions button,.designer-add-child,.designer-section-add,.approval-collapse,.lock-redact-buttons button){
 background:#353535!important;color:#e3e3e3!important;border-color:#505050!important
}
html[data-theme="dark"] :is(.btn.secondary,.theme-switch,.task button,.game-actions button,.edit-cancel,.designer-task-actions button):hover{background:#414141!important}
html[data-theme="dark"] :is(.btn,.sms-submit){border-color:transparent}
html[data-theme="dark"] :is(input,select,textarea,
 .edit-field input,.edit-field select,.designer-form input,.designer-form select,
 .admin-event-form input,.login input,.lock-form input,.lock-form select,.lock-form textarea,
 .po-filters input,.po-filters select,.po-editor textarea,.po-addon select,
 .mod-filters input[type="search"],.mod-inline-form textarea){
 background:#303030!important;color:#f1f1f1!important;
 border:1px solid #555!important;border-radius:10px;
 box-shadow:none!important;accent-color:#1dc974;
}
html[data-theme="dark"] :is(input,select,textarea):focus-visible{border-color:#24d07b!important;outline:2px solid #24d07b!important;outline-offset:1px}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#a6a6a6!important}
html[data-theme="dark"] :is(label,.edit-field label,.formlabel){color:#dddddd!important}
html[data-theme="dark"] :is(.arena-rps-score small,.arena-round small,.social-kudos-item p,.social-kudos-item small,
 .social-market-item small,.social-title-row small,.social-secret-card p,.social-wall-stats small,
 .mod-item-text,.mod-item-head time,.manager-sidebar-title){color:#b8b8b8!important}
html[data-theme="dark"] .manager-sidebar{background:#262626!important}
html[data-theme="dark"] .manager-sidebar button{background:transparent;color:#d6d6d6!important;border-color:transparent}
html[data-theme="dark"] .manager-sidebar button:hover{background:#353535!important}
html[data-theme="dark"] .manager-sidebar button.active{background:#254734!important;border-color:#386e4e!important;color:#bff7d5!important}
html[data-theme="dark"] .manager-nav-icon{background:#383838!important;color:#d0d0d0!important}
html[data-theme="dark"] .manager-sidebar button.active .manager-nav-icon{background:#326347!important;color:#d7ffe5!important}
html[data-theme="dark"] .manager-kicker{color:#91efb5!important}
html[data-theme="dark"] .manager-role-tag{background:#274333!important;color:#b4f5cf!important}
html[data-theme="dark"] .manager-section .card{background:#252525!important;border-color:#404040!important}
html[data-theme="dark"] #management #userForm :is(input,select){background:#303030!important;color:#f2f2f2!important;border-color:#555!important}
html[data-theme="dark"] #management #userForm .btn{background:#20c970!important;color:#092716!important}
html[data-theme="dark"] #management .user-entry-actions .editProfile{background:#343434!important;border-color:#505050!important;color:#e7e7e7!important}
html[data-theme="dark"] .mod-item{background:#303030!important}
html[data-theme="dark"] .mod-item-text{color:#e0e0e0!important}
html[data-theme="dark"] .po-text-choice{color:#ededed!important}
html[data-theme="dark"] .po-text-choice:hover{background:#373737!important}
html[data-theme="dark"] .po-text-choice.active{background:#244633!important}
html[data-theme="dark"] .po-position-grid button.chosen{background:#197647!important;border-color:#3b946b!important;color:#fff!important}
html[data-theme="dark"] .social-market-actions button{background:#244a36!important;border-color:#43875b!important;color:#d9ffe9!important}
html[data-theme="dark"] .social-market-actions button:hover{background:#2f5b42!important}
html[data-theme="dark"] .social-poll-choice.chosen{background:#254a37!important;border-color:#45a978!important}
html[data-theme="dark"] #management .btn:not(.secondary){background:#20c970!important;color:#092716!important}
html[data-theme="dark"] .social-wheel-disc{border-color:#5da77c!important}
html[data-theme="dark"] .po-list-heading{background:#2c2c2c!important}
html[data-theme="dark"] .po-added-list .po-addon{background:#303030!important}
html[data-theme="dark"] .po-tool-panel>summary{color:#acfacd!important}
html[data-theme="dark"] .social-poll-choice{background:#303030!important}
html[data-theme="dark"] :is(.arena-result,.arena-straw,.arena-rps-status,.arena-match-visual){background:#2b2b2b!important}
html[data-theme="dark"] .arena-mine .mine-cell{background:#383838!important;border-color:#505050!important}
html[data-theme="dark"] .arena-mine .mine-cell.uncovered{background:#244833!important;border-color:#44885d!important}
html[data-theme="dark"] .arena-mine .mine-cell.mine-bomb{background:#67333d!important;border-color:#bd5d6a!important}
html[data-theme="dark"] .arena-winner,html[data-theme="dark"] .arena-match-winner{background:#204532!important;color:#e2ffed!important;border-color:#387f54!important}
html[data-theme="dark"] .arena-loser,html[data-theme="dark"] .arena-match-loser{background:#533039!important;color:#ffe8ed!important;border-color:#996070!important}
html[data-theme="dark"] .arena-rps-actions button{background:#353535!important;border-color:#585858!important;color:#e8e8e8!important}
html[data-theme="dark"] .arena-round{background:#333!important;border-color:#4e4e4e!important;color:#f0f0f0!important}
html[data-theme="dark"] .arena-rps-score strong{color:#f4f4f4!important}
html[data-theme="dark"] .social-ritual-card{background:#292929!important;border-color:#4a4a4a!important}
html[data-theme="dark"] .social-ritual-card[data-mood="closing"]{border-color:#b67b44!important}
html[data-theme="dark"] .social-ritual-card[data-mood="overdue"]{border-color:#b15a5a!important}
html[data-theme="dark"] .social-ritual-card[data-mood="sunglasses"]{border-color:#4b9666!important}
html[data-theme="dark"] .sms-board{background:linear-gradient(120deg,#232b26,#242424)!important;border-color:#42694f!important;color:#effff4}
html[data-theme="dark"] .sms-composer{background:#2b2b2b!important;border-color:#505050!important;color:#efefef!important}
html[data-theme="dark"] .sms-composer textarea{background:#343434!important;color:#f4f4f4!important;border-color:#666!important}
html[data-theme="dark"] .sms-cancel{background:#3d3d3d!important;color:#ededed!important}
html[data-theme="dark"] :is(.social-wheel-center,#socialWheelCenter){background:#303030!important;color:#cef8df!important}
html[data-theme="dark"] .pofis-app-header{background:transparent!important}
html[data-theme="dark"] .pofis-header-account .theme-switch{background:#303030!important;border-color:#505050!important}
html[data-theme="dark"] :is(.po-feedback,.social-message,.manager-section-heading p){color:#b1b1b1!important}

/* Dark connected tabs use charcoal tracks and green raised selected segment. */
html[data-theme="dark"] #app > #siteTabs.tabs{
 background:#252525!important;border-color:#393939!important;border-bottom:3px solid #28764c!important;
 box-shadow:none!important;
}
html[data-theme="dark"] #app > #siteTabs.tabs button{
 background:#303030!important;border-color:#424242!important;border-bottom:0!important;color:#c3c3c3!important;
 box-shadow:none!important;
}
html[data-theme="dark"] #app > #siteTabs.tabs button:hover:not(.active){background:#393939!important;color:#f4f4f4!important}
html[data-theme="dark"] #app > #siteTabs.tabs button.active{
 background:#19c66b!important;border-color:#0aaf5a!important;color:#0b2014!important;
 box-shadow:0 -5px 15px #0ec56825!important;
}
html[data-theme="dark"] #app > #siteTabs.tabs button.active::after{background:#19c66b!important}
html[data-theme="dark"].pofis-closing-mode #app > #siteTabs.tabs{background:#252525!important}
/* Full viewport and safe-area bottom have the same neutral background. */
@supports(padding:max(0px)){
 html[data-theme="dark"] body{padding-bottom:env(safe-area-inset-bottom,0px)}
}


/* Coverage pass: secondary surfaces otherwise inherit light lavender or old navy. */
html[data-theme="dark"] :is(
 .game-card.finished,.game-live-status,.planet-update-notice,
 .appliance-instruction,.quick-task-icon,.quick-king-row .quick-king-count,
 .bonus-task-card .quick-task-icon,.bonus-task-card .quick-task-counter,
 .lock-status,.lock-view,.lock-canvas-scroll,.lock-upload-choice:active,
 .designer-archived,.arena-match-hidden,.po-addon-controls button,
 .social-thanks-count,.social-market-actions button.subtle,
 .mod-controls button,.quick-task-icon,.game-actions button,
 .game-actions button.game-warn,.game-actions button.game-done,
 .lock-showcase-top button,.approval-collapse,.appliance-item button,
 .po-inserted-above,.po-inserted-below,.po-inserted-left,.po-inserted-right,
 .arena-straw-action
){background:#343434!important;border-color:#505050!important;color:#e7e7e7!important}
html[data-theme="dark"] :is(
 .game-live-status[data-state="live"],.lock-status[data-status="rejected"],
 .game-actions button.game-done,.designer-task-actions .designer-enable,
 .appliance-item button:disabled,.social-thanks-count
){background:#264a36!important;border-color:#427b58!important;color:#bbf8d3!important}
html[data-theme="dark"] :is(
 .game-live-status[data-state="offline"],.lock-status[data-status="expired"]
){background:#493c2b!important;border-color:#79644b!important;color:#ffe0b3!important}
html[data-theme="dark"] :is(
 .lock-status[data-status="approved"],.lock-penalty-pill,
 .game-actions button.game-warn,.designer-task-actions .designer-archive
){background:#4c3034!important;border-color:#815157!important;color:#ffd5db!important}
html[data-theme="dark"] :is(
 .lock-evidence-dialog,.edit-modal,.planet-update-notice
){background:#2a2a2a!important}
html[data-theme="dark"] :is(
 #adminSloganForm input,.social-panel form input,
 .social-panel form select,.social-panel form textarea,
 .title-pick select,.game-create input,.game-create select,.game-create textarea
){background:#303030!important;color:#f2f2f2!important;border-color:#555!important}
html[data-theme="dark"] :is(
 .lock-canvas-scroll,.lock-showcase-item img,.arena-match-hidden
){background:#373737!important;color:#c7c7c7!important}
html[data-theme="dark"] :is(
 .lock-showcase-top button,.po-addon-controls button,.mod-controls button
){background:#383838!important;color:#ececec!important;border-color:#555!important}
html[data-theme="dark"] :is(.mod-controls button.mod-danger,.user-entry-actions .archiveUser){background:#57333a!important;border-color:#97515c!important;color:#ffbbc4!important}
html[data-theme="dark"] :is(.social-market-actions button:not(.subtle),.social-poll-choice.chosen){background:#254a36!important;color:#d9ffe9!important;border-color:#458963!important}
html[data-theme="dark"] .planet-update-notice{box-shadow:0 12px 36px #0008!important}
html[data-theme="dark"] .edit-divider{background:#454545}
html[data-theme="dark"] ::selection{background:#187b49;color:#fff}
/* Keep browser-native date fields and autofill legible against charcoal. */
html[data-theme="dark"] :is(input,select,textarea):-webkit-autofill{
 -webkit-text-fill-color:#f3f3f3!important;-webkit-box-shadow:0 0 0 1000px #303030 inset!important
}


/* The two SVG files have identical 1200×385 canvases.
   Keep the painted logo's geometry and its container identical in both themes. */
.pofis-header-brand .logo,
html[data-theme="dark"] .pofis-header-brand .logo{
 display:block!important;
 width:100%;max-width:100%;min-width:0;
 padding:0!important;margin:0;border:0!important;
 background:transparent!important;box-shadow:none!important;
}
.pofis-header-brand .pofis-home-logo,
html[data-theme="dark"] .pofis-header-brand .pofis-home-logo{
 display:block!important;width:100%;max-width:100%;
 padding:0!important;margin:0;border:0!important;
 background:transparent!important;line-height:0;
}
.pofis-header-brand .brand-logo,
html[data-theme="dark"] .pofis-header-brand .brand-logo{
 display:block!important;width:100%!important;max-width:100%!important;
 height:auto!important;aspect-ratio:1200 / 385;
 object-fit:contain;object-position:left center;
}
.login .logo,.login .brand-logo,
html[data-theme="dark"] .login .logo,
html[data-theme="dark"] .login .brand-logo{
 max-width:100%;height:auto;
}
.login .brand-logo,html[data-theme="dark"] .login .brand-logo{
 display:block;width:100%;aspect-ratio:1200 / 385;
 object-fit:contain;object-position:left center;
}
@media(max-width:690px){
 .pofis-header-brand .logo,
 html[data-theme="dark"] .pofis-header-brand .logo{
  width:min(155px,100%)!important;
 }
}