/* v15.77 Front Office — one coherent, readable workstation system */
body.front-office-v1577{--fo-bg:#0c151c;--fo-panel:#111e27;--fo-panel2:#172731;--fo-line:rgba(188,205,217,.22);--fo-text:#eef3f6;--fo-muted:#aebcc6;--fo-accent:#d7b16a;--fo-accent2:#7cb7c8;--fo-danger:#c98275;color:var(--fo-text)}
body.front-office-v1577:before{content:"";position:fixed;inset:74px 0 0;background:linear-gradient(rgba(6,12,16,.27),rgba(6,12,16,.42));pointer-events:none;z-index:-1}
.front-office-page{position:relative;max-width:1540px;margin:0 auto;padding:24px 24px 56px;color:var(--fo-text)}
.front-office-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:16px;align-items:stretch;margin-bottom:14px}
.front-office-header .gm-desk-header{margin:0!important;background:rgba(9,16,21,.88)!important;border:1px solid var(--fo-line)!important;border-radius:16px!important;padding:14px 16px!important;box-shadow:0 14px 34px rgba(0,0,0,.28)!important}
.front-office-header .gm-nameplate{background:#18130e!important;border-color:#a97f42!important;color:#f4e8ca!important}.front-office-header .gm-nameplate strong{color:#fff0c7!important}.front-office-header .gm-private-note{color:#e2e8eb!important;background:#1b2630!important;border-left:4px solid var(--fo-accent)!important}
.front-office-rule{min-width:0;border:1px solid var(--fo-line);border-radius:16px;padding:16px 18px;background:linear-gradient(145deg,rgba(24,38,48,.97),rgba(11,20,27,.98));box-shadow:0 14px 34px rgba(0,0,0,.28);display:flex;flex-direction:column;justify-content:center}.front-office-rule small{font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#9eb5c3}.front-office-rule strong{margin-top:5px;color:#fff;font-size:1rem}.front-office-rule span{margin-top:6px;color:#c4d0d7;font-size:.82rem;line-height:1.45}
.office-object-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0 0 14px;padding:10px;border:1px solid var(--fo-line);border-radius:17px;background:rgba(8,15,20,.94);box-shadow:0 14px 35px rgba(0,0,0,.28);overflow:visible!important}.office-object{appearance:none;border:1px solid rgba(175,194,207,.18);background:linear-gradient(180deg,#1c2a34,#14212a);color:#e7edf1;border-radius:12px;padding:11px 10px;cursor:pointer;text-align:left;min-height:66px;transition:.16s ease;position:relative}.office-object:hover{transform:translateY(-1px);border-color:rgba(213,229,239,.38);background:#243846}.office-object.active{background:linear-gradient(180deg,#365367,#223a49);border-color:#7fa7bb;box-shadow:inset 0 -3px 0 var(--fo-accent)}.office-object b{display:block;font-size:.75rem;letter-spacing:.075em;text-transform:uppercase;color:#f2f6f8}.office-object small{display:block;margin-top:4px;color:#aab9c3;font-size:.64rem;line-height:1.25}.office-object.active small{color:#d3e0e6}
.office-context{margin-bottom:12px}.office-context-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;border:1px solid var(--fo-line);border-radius:14px;background:rgba(10,18,24,.95);box-shadow:0 10px 28px rgba(0,0,0,.2)}.office-context-card small{display:block;color:#91aabb;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.office-context-card strong{display:block;color:#fff;font-size:1rem;margin-top:3px}.office-context-card p{margin:4px 0 0;color:#becad1;font-size:.81rem;line-height:1.4}.office-context-actions{display:flex;gap:8px;flex-wrap:wrap}.office-context-actions a,.fo-btn{display:inline-flex;align-items:center;justify-content:center;color:#f0f4f6;text-decoration:none;font-size:.69rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(185,204,216,.25);border-radius:9px;padding:8px 10px;background:#223845;cursor:pointer}.office-context-actions a:hover,.fo-btn:hover{background:#2e4c5c;border-color:#7398aa}.fo-btn.primary{background:var(--fo-accent);color:#1b1711;border-color:var(--fo-accent)}.fo-btn.danger{border-color:rgba(201,130,117,.48);color:#ffd6cf}.fo-btn.ghost{background:transparent}
.fo-workspace{position:relative;min-height:650px;border:1px solid rgba(189,207,218,.24);border-radius:18px;background:linear-gradient(180deg,rgba(10,18,24,.97),rgba(13,23,30,.985));box-shadow:0 24px 60px rgba(0,0,0,.34);overflow:hidden;color:var(--fo-text)}#front-office-root{min-height:650px;padding:22px}.fo-loading{min-height:500px;display:grid;place-items:center;color:#c9d3d9;font-weight:800;letter-spacing:.05em}.fo-section{display:grid;gap:16px}.fo-section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:18px 20px;border:1px solid var(--fo-line);border-radius:15px;background:linear-gradient(135deg,#172731,#101c24)}.fo-section-head small{display:block;color:var(--fo-accent);font-weight:900;letter-spacing:.13em}.fo-section-head h2{margin:4px 0 6px;color:#fff;font-size:clamp(26px,3vw,38px)}.fo-section-head p{margin:0;color:#b7c4cc;line-height:1.5;max-width:820px}.fo-card{border:1px solid var(--fo-line);border-radius:14px;background:#14232c;padding:16px;color:var(--fo-text)}.fo-card h3{margin:0 0 8px;color:#fff}.fo-card p{color:#bdc8ce}.fo-kicker{color:var(--fo-accent);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.fo-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fo-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fo-stat{padding:12px;border:1px solid rgba(185,204,216,.17);border-radius:11px;background:#0f1c24}.fo-stat small{display:block;color:#95a9b5;font-size:.63rem;text-transform:uppercase;letter-spacing:.08em}.fo-stat strong{display:block;margin-top:4px;color:#fff;font-size:1.15rem}.fo-empty{padding:32px;text-align:center;color:#aebcc5;border:1px dashed rgba(185,204,216,.25);border-radius:14px;background:#101d25}.fo-field,.fo-select,.fo-textarea{width:100%;box-sizing:border-box;border:1px solid rgba(185,204,216,.24);border-radius:10px;background:#0b171e;color:#f1f5f7;padding:10px 11px;font:inherit}.fo-textarea{min-height:92px;resize:vertical}.fo-label{display:grid;gap:6px;color:#cbd5da;font-size:.76rem;font-weight:800}.fo-actions{display:flex;gap:8px;flex-wrap:wrap}.fo-chip{display:inline-flex;align-items:center;border:1px solid rgba(185,204,216,.2);border-radius:999px;padding:5px 8px;font-size:.66rem;font-weight:900;letter-spacing:.05em;background:#0e1b23;color:#cbd6dc}.fo-chip.accent{border-color:rgba(215,177,106,.45);color:#f1cf8d}.fo-chip.shame{border-color:rgba(201,130,117,.52);color:#f2b9ad}.fo-list{display:grid;gap:9px}.fo-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid rgba(185,204,216,.16);border-radius:11px;background:#101e27}.fo-row strong{color:#fff}.fo-row small{display:block;color:#95a9b5;margin-top:3px}.fo-row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
/* Desk */
.office-desk{display:grid;gap:15px}.office-desk-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:14px}.office-desk-card{border:1px solid var(--fo-line);border-radius:15px;background:#14232c;padding:20px;color:#e7edf1}.office-desk-card h2{margin:3px 0 7px;font-size:1.7rem;color:#fff}.office-desk-card p{margin:0;color:#b9c6ce;line-height:1.5}.office-desk-kicker{font-size:.65rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--fo-accent)}.office-desk-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px}.office-desk-metric{border:1px solid rgba(185,204,216,.16);background:#0e1b23;border-radius:10px;padding:10px}.office-desk-metric small{display:block;color:#94a7b3;font-size:.63rem;text-transform:uppercase;letter-spacing:.08em}.office-desk-metric strong{display:block;color:#fff;margin-top:4px;font-size:1.05rem}.office-desk-side{display:grid;gap:9px}.office-desk-side a{display:block;text-decoration:none;color:#eaf0f3;border:1px solid rgba(185,204,216,.17);border-radius:12px;padding:13px;background:#14242d}.office-desk-side a b{display:block;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.office-desk-side a span{display:block;color:#9eafb9;font-size:.72rem;margin-top:3px}.office-tool-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.office-tool{appearance:none;border:1px solid rgba(185,204,216,.16);border-radius:13px;background:#13222b;padding:14px;color:#e8edf0;text-align:left;cursor:pointer;min-height:118px}.office-tool:hover{background:#1e3441;border-color:#668ca0}.office-tool .office-tool-icon{display:block;font-size:1.25rem;margin-bottom:9px}.office-tool b{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em}.office-tool span{display:block;color:#9dadb7;font-size:.7rem;line-height:1.35;margin-top:5px}.office-tool em{display:block;margin-top:9px;color:#e1be79;font-size:.63rem;font-style:normal;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
/* Strategy overrides: never transparent against office image */
.front-office-page .strategy-board-shell{color:var(--fo-text)}.front-office-page .strategy-intro,.front-office-page .strategy-plan-head,.front-office-page .strategy-metric,.front-office-page .strategy-direction,.front-office-page .strategy-objective,.front-office-page .strategy-history-card,.front-office-page .strategy-own-goal{background:#14232c!important;border-color:var(--fo-line)!important;color:var(--fo-text)!important}.front-office-page .strategy-direction:hover,.front-office-page .strategy-direction.selected{background:#213846!important;border-color:var(--fo-accent)!important}.front-office-page .strategy-intro h2,.front-office-page .strategy-plan-head h2,.front-office-page .strategy-objective h3,.front-office-page .strategy-objectives-head h3,.front-office-page .strategy-direction span,.front-office-page .strategy-metric strong{color:#fff!important}.front-office-page .strategy-intro p,.front-office-page .strategy-plan-head p,.front-office-page .strategy-direction small,.front-office-page .strategy-summary,.front-office-page .strategy-why span,.front-office-page .strategy-evidence,.front-office-page .strategy-metric small{color:#bdc9d0!important}.front-office-page .strategy-owner-note,.front-office-page .strategy-change-alert,.front-office-page .strategy-pressure{background:#1d2e36!important;color:#d8e0e4!important}.front-office-page .strategy-own-goal input,.front-office-page .strategy-own-goal textarea,.front-office-page .strategy-own-goal select{background:#0b171e!important;color:#fff!important}.front-office-page .strategy-modal-card{background:#111e27!important;color:#fff!important}
/* Personnel */
.fo-personnel-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:14px}.fo-asset-board{display:grid;gap:9px}.fo-asset{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:10px;align-items:center;padding:11px;border:1px solid rgba(185,204,216,.16);border-radius:11px;background:#0f1d25}.fo-asset-main{display:flex;gap:10px;align-items:center;min-width:0}.fo-asset-badge{min-width:42px;height:42px;border-radius:10px;background:#243a47;display:grid;place-items:center;font-size:.7rem;font-weight:900;color:#d7e3e9}.fo-asset-title{min-width:0}.fo-asset-title strong{display:block;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fo-asset-title small{display:block;color:#98aab4;margin-top:3px}.fo-personnel-groups{display:flex;gap:8px;flex-wrap:wrap}.fo-personnel-group{border:1px solid rgba(185,204,216,.17);border-radius:10px;background:#0e1b22;padding:9px 10px;color:#c6d1d7;font-size:.7rem;font-weight:900;text-transform:uppercase;cursor:pointer}.fo-personnel-group.active{background:#274656;border-color:#7ba8bd;color:#fff}.fo-need-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fo-need{padding:10px;border:1px solid rgba(185,204,216,.17);border-radius:10px;background:#0e1b22}.fo-need strong{display:block;color:#fff}.fo-need select{margin-top:7px}
/* Phone */
.fo-phone-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:14px;min-height:540px}.fo-phone-directory,.fo-phone-thread{border:1px solid var(--fo-line);border-radius:14px;background:#12222b;overflow:hidden}.fo-phone-directory-head,.fo-phone-thread-head{padding:14px 15px;border-bottom:1px solid var(--fo-line);background:#172a35}.fo-phone-directory-head h3,.fo-phone-thread-head h3{margin:0;color:#fff}.fo-call-list{max-height:500px;overflow:auto}.fo-call-row{width:100%;border:0;border-bottom:1px solid rgba(185,204,216,.12);background:transparent;color:#e6edf1;padding:12px 14px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;gap:10px}.fo-call-row:hover,.fo-call-row.active{background:#203845}.fo-call-row small{display:block;color:#99abb5;margin-top:3px}.fo-unread{min-width:22px;height:22px;border-radius:999px;background:#d5ae66;color:#17120d;display:grid;place-items:center;font-size:.68rem;font-weight:900}.fo-phone-messages{height:390px;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:9px}.fo-message{max-width:78%;padding:10px 12px;border-radius:13px;background:#203541;color:#edf2f5;align-self:flex-start}.fo-message.mine{align-self:flex-end;background:#365467}.fo-message small{display:block;color:#a7b6be;font-size:.61rem;margin-top:5px}.fo-message-attachment{margin-top:8px;padding:8px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(0,0,0,.12);font-size:.76rem}.fo-phone-compose{padding:12px;border-top:1px solid var(--fo-line);display:grid;gap:8px;background:#0f1d25}.fo-phone-compose textarea{min-height:72px}.fo-phone-status{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.fo-phone-status select{width:auto;min-width:170px}
/* Media */
.fo-media-tabs{display:flex;gap:7px;flex-wrap:wrap}.fo-media-tab{border:1px solid rgba(185,204,216,.2);background:#0e1b23;color:#cdd8dd;border-radius:9px;padding:9px 11px;font-weight:900;cursor:pointer}.fo-media-tab.active{background:#2b4a5a;color:#fff;border-color:#769db0}.fo-media-pane{display:none}.fo-media-pane.active{display:block}.fo-social-shell{max-width:780px;margin:0 auto;display:grid;gap:10px}.fo-social-post{padding:14px 15px;border:1px solid rgba(185,204,216,.17);border-radius:13px;background:#12212a}.fo-social-byline{display:flex;align-items:center;gap:10px}.fo-social-avatar{width:40px;height:40px;border-radius:999px;background:#294453;display:grid;place-items:center;font-weight:900;color:#fff}.fo-social-byline strong{color:#fff}.fo-social-byline small{display:block;color:#96aab5;margin-top:2px}.fo-social-post p{margin:10px 0 0;color:#e5ecef;line-height:1.45;font-size:.94rem}.fo-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fo-news-card{display:block;text-decoration:none;color:inherit;border:1px solid rgba(185,204,216,.18);border-radius:13px;background:#13242d;padding:16px}.fo-news-card:hover{background:#1c3440}.fo-news-card small{color:#91a6b2}.fo-news-card h3{margin:7px 0 6px;color:#fff;font-size:1.08rem}.fo-news-card p{margin:0;color:#b5c3ca;line-height:1.4}.front-office-page .gm-media-shell{color:var(--fo-text)}.front-office-page .gm-media-console,.front-office-page .gm-media-module{background:#14232c!important;border-color:var(--fo-line)!important;color:var(--fo-text)!important}.front-office-page .gm-media-console h2,.front-office-page .gm-media-module h3{color:#fff!important}.front-office-page .gm-media-console p,.front-office-page .gm-media-module p,.front-office-page .gm-media-note{color:#bdc9d0!important}.front-office-page .gm-media-form input,.front-office-page .gm-media-form textarea,.front-office-page .gm-media-form select{background:#0b171e!important;color:#fff!important;border-color:rgba(185,204,216,.24)!important}
/* Film */
.fo-film-score{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;padding:18px;border:1px solid var(--fo-line);border-radius:15px;background:#10212a}.fo-film-team{text-align:center}.fo-film-team strong{display:block;color:#fff;font-size:1.25rem}.fo-film-team span{display:block;color:#9eb0ba;margin-top:4px}.fo-film-vs{font-weight:900;color:var(--fo-accent);letter-spacing:.12em}.fo-film-proj{font-size:2rem!important;margin-top:7px!important}.fo-film-history{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.fo-film-recent{display:grid;gap:7px}.fo-film-game{display:grid;grid-template-columns:70px 45px 1fr auto;gap:9px;padding:9px 10px;border:1px solid rgba(185,204,216,.15);border-radius:10px;background:#0f1c24;align-items:center}.fo-film-game .win{color:#8ed0ad}.fo-film-game .loss{color:#dfa195}.fo-focus-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.fo-focus{padding:12px;border:1px solid rgba(185,204,216,.18);border-radius:11px;background:#0f1c24;color:#d8e2e7;cursor:pointer;text-align:left}.fo-focus.active,.fo-focus:hover{background:#24414f;border-color:#7ba5b8}.fo-focus strong{display:block;color:#fff}.fo-focus small{display:block;color:#9cafb8;margin-top:4px}
/* Trophy gallery */
.fo-gallery-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.fo-trophy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fo-trophy{position:relative;min-height:185px;border:1px solid rgba(208,180,120,.3);border-radius:15px;background:linear-gradient(145deg,#1d2d33,#111c23);padding:17px;overflow:hidden}.fo-trophy.shame{border-color:rgba(190,122,110,.35);background:linear-gradient(145deg,#2b2323,#17191d)}.fo-trophy-icon{font-size:2rem}.fo-trophy-year{margin-top:10px;color:#d8ba7b;font-size:.68rem;font-weight:900;letter-spacing:.12em}.fo-trophy h3{margin:6px 0 7px;color:#fff}.fo-trophy p{margin:0;color:#b4c0c6;line-height:1.45;font-size:.8rem}.fo-trophy:after{content:"";position:absolute;inset:auto -25px -30px auto;width:110px;height:110px;border-radius:999px;background:rgba(215,177,106,.05)}
@media(max-width:1200px){.office-object-nav{grid-template-columns:repeat(4,1fr)}.office-tool-grid{grid-template-columns:repeat(3,1fr)}.fo-trophy-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.front-office-header,.office-desk-hero,.fo-personnel-columns,.fo-phone-layout{grid-template-columns:1fr}.fo-grid-3,.fo-news-grid,.fo-gallery-summary,.fo-film-history{grid-template-columns:repeat(2,1fr)}.fo-phone-layout{min-height:0}.fo-phone-messages{height:330px}.fo-focus-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.front-office-page{padding-left:10px;padding-right:10px}.office-object-nav{grid-template-columns:repeat(2,1fr)}#front-office-root{padding:12px}.office-tool-grid,.fo-grid-2,.fo-grid-3,.fo-news-grid,.fo-gallery-summary,.fo-trophy-grid,.fo-need-grid{grid-template-columns:1fr}.fo-asset{grid-template-columns:1fr}.fo-film-score{grid-template-columns:1fr}.fo-film-vs{display:none}.fo-focus-grid{grid-template-columns:1fr}.fo-section-head{display:block}.fo-section-head .fo-actions{margin-top:12px}}