/* Office Life V2 — game-first application shell. UI only; simulation/state remain unchanged. */
:root{
  --v2-primary:#193B31;
  --v2-primary-2:#0f4a39;
  --v2-accent:#D8F65A;
  --v2-bg:#F4F2E9;
  --v2-surface:#fffef9;
  --v2-floor:#C6B18B;
  --v2-surround:#82998B;
  --v2-ink:#152d27;
  --v2-muted:#6f7d76;
  --v2-line:#d9dfd4;
  --v2-shadow:0 12px 34px rgba(24,58,47,.12);
}
html,body,#app{height:100%;min-height:0;overflow:hidden!important;background:var(--v2-bg)!important}
body{margin:0!important}
.shell{height:100%!important;min-height:0!important;grid-template-columns:228px minmax(0,1fr)!important;background:var(--v2-bg)!important;overflow:hidden!important}
.shell>main{min-width:0;min-height:0;display:flex!important;flex-direction:column!important;overflow:hidden!important}

/* Sidebar */
.sidebar{height:100%!important;min-height:0!important;overflow:auto!important;background:linear-gradient(180deg,#123f34 0%,#0d392f 100%)!important;border:0!important;padding:14px 12px!important;color:#fff!important;box-shadow:8px 0 28px rgba(12,47,37,.16)!important}
.sidebar .logo{margin:2px 6px 14px!important;color:#fff!important;display:flex!important;align-items:center!important;gap:11px!important;font-size:21px!important;font-weight:850!important;line-height:1!important}
.sidebar .logo:before{content:"🏢"!important;background:var(--v2-accent)!important;color:#143b30!important;width:40px!important;height:40px!important;border-radius:12px!important;box-shadow:none!important;font-size:20px!important}
.sidebar .logo .v2-brand-copy{display:grid;gap:3px}.sidebar .logo .v2-brand-copy small{display:block;color:#c9ddd4!important;font-size:10px!important;font-weight:600!important;letter-spacing:0!important}
.sidebar .v2-nav-section{margin:13px 10px 5px;color:#91b4a6;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.sidebar button{width:100%!important;min-height:42px!important;border:0!important;border-radius:10px!important;padding:9px 10px!important;background:transparent!important;color:#edf7f1!important;text-align:left!important;display:flex!important;align-items:center!important;gap:10px!important;font-weight:650!important;box-shadow:none!important;transform:none!important}
.sidebar button:hover{background:#ffffff12!important;color:#fff!important;transform:none!important}
.sidebar button.active{background:var(--v2-accent)!important;color:#153b30!important;box-shadow:none!important}
.sidebar .v2-nav-icon{width:22px;display:inline-grid;place-items:center;font-size:16px;flex:none}.sidebar .v2-nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar .wl-count,.sidebar .dm-nav-count{margin-left:auto!important;background:#ef6256!important;color:#fff!important}
.sidebar .footer{margin-top:auto!important;border-top:1px solid #ffffff1f!important;color:#a8c2b7!important;padding:14px 6px 0!important;font-size:10px!important}
.sidebar .footer button,.sidebar .footer label{color:#d8e7df!important}

/* Compact top HUD */
.topbar{flex:none!important;min-height:72px!important;padding:9px 14px!important;background:#fffef9!important;border:0!important;border-bottom:1px solid var(--v2-line)!important;box-shadow:0 3px 16px rgba(28,55,45,.07)!important;display:flex!important;align-items:center!important;gap:14px!important;overflow:visible!important}
.topbar>div:first-child{min-width:180px!important;max-width:240px!important;gap:0!important}.topbar>div:first-child .eyebrow{display:none!important}.topbar h1{font-size:20px!important;color:#132d27!important;line-height:1.08!important;margin:0!important}.topbar>div:first-child>small{font-size:11px!important;color:#6d7e76!important;margin-top:3px!important}
.topbar .toolbar{margin-left:auto!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;min-width:0!important;overflow:visible!important}
.topbar .toolbar>select,.topbar .toolbar>.badge{min-height:40px!important;border-radius:10px!important}
.v2-hud-stat{height:48px;min-width:118px;padding:6px 10px;border:1px solid #e4e8e0;border-radius:12px;background:#fbfcf7;display:grid;grid-template-columns:30px 1fr;grid-template-rows:1fr 1fr;column-gap:8px;align-items:center;color:var(--v2-ink);box-shadow:0 2px 10px rgba(31,56,46,.04)}
.v2-hud-stat .v2-hud-icon{grid-row:1/3;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#e9f2e7;color:#1c654c;font-size:17px}.v2-hud-stat strong{font-size:16px;line-height:1;align-self:end;font-variant-numeric:tabular-nums}.v2-hud-stat small{font-size:9px!important;line-height:1;color:#76827d!important;align-self:start;margin-top:3px!important;text-transform:uppercase;letter-spacing:.05em}
.v2-hud-actions{display:flex;align-items:center;gap:6px;padding-left:3px}.v2-hud-actions button{min-width:40px;height:40px;padding:0 10px!important;background:var(--v2-primary)!important;color:#fff!important;border:0!important;border-radius:10px!important;font-size:15px!important}.v2-hud-actions button:hover{background:#255d4a!important}.v2-hud-actions .v2-next-day{min-width:46px}.v2-bell{position:relative}.v2-bell .v2-alert-count{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;border-radius:10px;background:#ec5b50;color:#fff;font-size:9px;display:grid;place-items:center;border:2px solid #fff}
.game-calendar{flex:0 0 auto!important;min-width:245px!important;width:auto!important;max-width:285px!important;height:40px!important;padding:6px 10px!important;border-radius:10px!important;background:#f7f9f4!important;font-size:11px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.game-time-tab{height:40px!important;min-height:40px!important}
.stats{display:none!important}

/* Main content */
.content{flex:1!important;min-height:0!important;max-width:none!important;width:100%!important;margin:0!important;padding:16px!important;overflow:auto!important;background:var(--v2-bg)!important}
.content.view-floor{display:flex!important;flex-direction:column!important;gap:10px!important;overflow:hidden!important;padding:12px 14px!important}
.view-floor>.heading,.view-floor>.life-bar{display:none!important}

/* Office viewport */
.v2-map-toolbar{flex:none;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 9px;border:1px solid #d8ded3;border-radius:13px;background:#fffef9;box-shadow:0 4px 14px rgba(34,58,48,.05)}
.v2-map-toolbar .v2-map-left,.v2-map-toolbar .v2-map-right{display:flex;align-items:center;gap:7px;min-width:0}.v2-map-toolbar label{display:flex!important;align-items:center!important;gap:6px!important;font-size:10px!important;color:#718079!important}.v2-map-toolbar select{height:36px!important;min-width:100px;padding:5px 28px 5px 9px!important;border-radius:9px!important;background:#f8faf5!important}.v2-campus-pill{height:36px;display:flex;align-items:center;padding:0 11px;border-radius:9px;background:#edf3e9;color:#3c6254;font-size:11px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.v2-map-toolbar button{height:36px;min-width:36px;padding:0 10px!important;border-radius:9px!important;background:#fff!important;border:1px solid #cbd7cb!important}.v2-map-toolbar .v2-build{background:var(--v2-primary)!important;color:#fff!important;border-color:var(--v2-primary)!important}
.view-floor .floor-layout{flex:1!important;min-height:0!important;width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;overflow:hidden!important}
.view-floor .floor-layout.v2-selected{grid-template-columns:minmax(0,1fr) 320px!important}
.view-floor .floor-layout>div:first-child{min-width:0!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.view-floor .floor-layout>div:first-child>p.help{display:none!important}
.view-floor .floor-scroll{flex:1!important;min-height:0!important;height:auto!important;width:100%!important;overflow:auto!important;border:1px solid #58776a!important;border-radius:16px!important;background:var(--v2-surround)!important;box-shadow:inset 0 0 0 6px #1d4f3d22,0 8px 24px rgba(30,60,48,.10)!important;scrollbar-gutter:stable}
.view-floor .office{transform-origin:top left!important}
.view-floor aside.profile{display:none!important;min-width:0!important;width:320px!important;height:100%!important;max-height:none!important;overflow:auto!important;margin:0!important;border-radius:15px!important;box-shadow:var(--v2-shadow)!important}.view-floor .floor-layout.v2-selected aside.profile{display:block!important}
.close-profile{position:sticky;top:0;z-index:2;float:right}
.floor-feed{display:none!important}

/* Bottom gameplay strip */
.v2-bottom-info{flex:none;height:118px;display:grid;grid-template-columns:1.2fr 1fr .9fr;gap:10px;min-height:0}.v2-info-card{min-width:0;overflow:hidden;border:1px solid #d8ded3;border-radius:13px;background:#fffef9;padding:11px 13px;box-shadow:0 4px 14px rgba(28,56,45,.04)}.v2-info-card header{display:flex;align-items:center;gap:7px;margin-bottom:7px}.v2-info-card header span{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#e9f2e6;color:#23634b}.v2-info-card header b{font-size:11px;color:#24473b}.v2-info-card h3{margin:0 0 3px;font-size:14px;color:#17372e}.v2-info-card p{margin:0;font-size:10px;line-height:1.35;color:#6b7b74}.v2-objective-progress{height:5px;border-radius:6px;background:#e6ebe2;margin-top:8px;overflow:hidden}.v2-objective-progress i{display:block;height:100%;background:#4aa56f}.v2-event-list{display:grid;gap:4px}.v2-event{display:grid;grid-template-columns:auto 1fr;gap:7px;font-size:10px;color:#596d64;white-space:nowrap}.v2-event i{font-style:normal;color:#9aa49f}.v2-event span{overflow:hidden;text-overflow:ellipsis}.v2-tip{display:flex;gap:9px;align-items:flex-start}.v2-tip>span{font-size:22px}.v2-tip p{font-size:10px}

/* Selected floor characters remain transparent sprites */
.character,button.character{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}.character:hover,.character:focus-visible{background:transparent!important;box-shadow:none!important}.character svg.floor-pixel-person,.character svg.wl-person{background:transparent!important;border:0!important;box-shadow:none!important}

/* Focus */
.sidebar button:focus-visible,.v2-map-toolbar button:focus-visible,.v2-hud-actions button:focus-visible{outline:3px solid var(--v2-accent)!important;outline-offset:2px!important}

@media(max-width:1280px){
 .shell{grid-template-columns:76px minmax(0,1fr)!important}.sidebar{padding:12px 8px!important}.sidebar .logo{margin-left:10px!important}.sidebar .logo .v2-brand-copy,.sidebar .v2-nav-label,.sidebar .v2-nav-section,.sidebar .footer{display:none!important}.sidebar button{justify-content:center!important;padding:8px!important}.sidebar .v2-nav-icon{width:30px;font-size:18px}.v2-hud-stat{min-width:98px}.v2-hud-stat small{display:none}.v2-hud-stat strong{grid-row:1/3;align-self:center}.game-calendar{min-width:205px!important;max-width:225px!important}.view-floor .floor-layout.v2-selected{grid-template-columns:minmax(0,1fr) 290px!important}.view-floor aside.profile{width:290px!important}.v2-bottom-info{grid-template-columns:1.2fr 1fr}.v2-bottom-info .v2-tip-card{display:none}
}
@media(max-width:860px){
 .topbar{min-height:60px!important;padding:7px 9px!important}.topbar>div:first-child{min-width:120px!important}.topbar h1{font-size:16px!important}.v2-hud-stat.v2-employees{display:none}.game-calendar{min-width:0!important;width:150px!important;max-width:150px!important}.game-time-tab{width:88px!important;min-width:88px!important}.v2-hud-actions button{min-width:36px;height:36px}.content.view-floor{padding:8px!important}.v2-bottom-info{height:100px;grid-template-columns:1fr}.v2-bottom-info .v2-events-card,.v2-bottom-info .v2-tip-card{display:none}.view-floor .floor-layout.v2-selected{grid-template-columns:1fr!important}.view-floor aside.profile{position:absolute!important;right:8px;top:66px;bottom:108px;width:min(330px,88vw)!important;height:auto!important;z-index:50!important}.v2-map-toolbar{min-height:44px}.v2-campus-pill{display:none}
}
@media(max-width:650px){
 .shell{display:block!important}.sidebar{position:fixed!important;left:0;right:0;bottom:0;height:62px!important;z-index:1000!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-around!important;overflow:hidden!important;padding:6px!important}.sidebar .logo,.sidebar .v2-nav-section,.sidebar .footer,.sidebar button[data-view="settings"],.sidebar button[data-view="help"]{display:none!important}.sidebar button{display:none!important;width:auto!important}.sidebar button[data-view="floor"],.sidebar button[data-view="projects"],.sidebar button[data-view="people"],.sidebar button[data-view="bank"],#office-messages-nav{display:flex!important;flex:1!important}.shell>main{height:calc(100% - 62px)!important}.topbar>div:first-child{display:none!important}.v2-hud-stat.v2-cash{min-width:92px}.topbar .toolbar>select,.topbar .toolbar>.badge{display:none!important}.game-calendar{width:125px!important;max-width:125px!important}.v2-hud-actions .v2-next-day{display:none}.v2-map-toolbar .v2-map-right button:not(.v2-fit){display:none}.v2-bottom-info{height:92px}
}