:root{color-scheme:dark;--bg:#070b09;--card:#101a15;--line:#274235;--green:#5bdda0;--txt:#e9f4ec;--muted:#a3b8ac}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0,#173823 0,transparent 30%),var(--bg);color:var(--txt);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--green);text-decoration:none}.shell{max-width:1380px;margin:auto;display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}.sidebar{padding:26px 20px;background:#0c130f;border-right:1px solid var(--line)}.brand{font-size:22px;font-weight:800;line-height:1.2}.eyebrow{font-size:11px;letter-spacing:.13em;color:var(--green);font-weight:750;text-transform:uppercase}.sidebar nav{display:grid;gap:5px;margin-top:35px}.sidebar a{padding:12px;border-radius:10px;color:var(--txt)}.sidebar a.current,.sidebar a:hover{background:#1e3d2b;color:var(--green)}.main{padding:28px 34px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px}.card{background:linear-gradient(140deg,#14241a,#101713);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:16px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.value{font-size:32px;font-weight:800;color:#fff}.muted{color:var(--muted)}h1{font-size:32px;margin:10px 0}h2{font-size:19px;margin:8px 0 16px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.row{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #294233;padding:12px 0}.pill{padding:3px 9px;border:1px solid #2e7048;border-radius:100px;font-size:12px;color:#9bdfb1}.btn,button{display:inline-block;background:#258552;border:0;border-radius:9px;color:white;padding:10px 14px;font-weight:700;cursor:pointer}.btn.secondary{background:#253e30}input,textarea,select{background:#101b15;border:1px solid #375640;color:white;padding:11px;border-radius:8px;width:100%;font:inherit}label{display:block;margin:14px 0;color:var(--muted)}label input,label select,label textarea{display:block;margin-top:6px}form.inline{display:inline}form.inline button{padding:6px 10px}.login-panel{max-width:440px;margin:12vh auto;padding:35px;background:#101b15;border:1px solid var(--line);border-radius:18px}.error{color:#ffaaa7}.section{margin-top:24px}.locked{color:#d6bf84}.notice{background:#203323;border-left:3px solid var(--green);padding:14px;border-radius:8px}@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:16px}.sidebar nav{display:flex;flex-wrap:wrap;gap:3px;margin-top:12px}.sidebar a{font-size:12px;padding:8px}.main{padding:16px}.cards,.grid2{grid-template-columns:1fr}.top{align-items:flex-start}h1{font-size:25px}}

.sharing{margin:14px 0;border:1px solid var(--line);border-radius:10px;padding:14px}.office{margin:9px 0;padding:10px;border:1px solid #355743;border-radius:9px}.office summary{cursor:pointer;color:#a8e3bd;font-weight:bold}.shareline{padding:8px 4px;display:grid;grid-template-columns:minmax(0,1fr) 135px;align-items:center;gap:10px}.shareline label{margin:0}.shareline input{display:inline;width:auto;margin-right:8px}.shareline select{margin:0}.smallform{padding:10px 0;border-top:1px solid var(--line)}.tip{background:#1c3022;padding:9px;border-radius:8px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.actions button{margin-top:10px}textarea{min-height:80px}@media(max-width:600px){.shareline{grid-template-columns:1fr}}

/* V0.3 preview visual refresh */
body{background:radial-gradient(ellipse at 76% -15%,#203a29 0,transparent 48%),#080e0a;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
.shell{max-width:1600px;grid-template-columns:250px minmax(0,1fr)}.sidebar{background:linear-gradient(180deg,#0a160f,#070d09);position:sticky;top:0;height:100vh}.main{padding:34px 38px}.wordmark{font-size:22px;letter-spacing:.065em;font-weight:900;color:#e8f4eb}.wordmark span{color:#4be5a0}.wordmark.large{font-size:42px}.eyebrow{letter-spacing:.21em}.card{background:linear-gradient(145deg,#14221a,#0d1611);border:1px solid #294635;border-radius:17px;box-shadow:0 14px 36px #0003}.card h2{color:#e6f6eb}.kpi{min-height:120px;background:linear-gradient(115deg,#15271d,#0d1812)}.value{font-size:42px}.clickrow{color:#edf7ef;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 10px;border-bottom:1px solid #294234;border-radius:8px;transition:background .15s}.clickrow:hover,.clickrow:focus-visible{background:#1d3d2b;outline:2px solid #55dca0;outline-offset:-2px}.clickrow small{display:block;color:#9db7a4;margin-top:3px;font-size:12px}.clickrow>span:last-child{color:#53e0a0;font-size:20px}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-grid a{background:#173523;border:1px solid #2e6845;padding:17px 12px;border-radius:12px;color:#d6ffe3;font-weight:700}.quick-grid a:hover{background:#256c42}button{background:linear-gradient(100deg,#137e4c,#23a66b)}:target{scroll-margin-top:18px;outline:2px solid #4cc68a}.tiny{font-size:12px}
.login-body{min-height:100vh;background:linear-gradient(108deg,#07100b,#102a1b 52%,#060c09);}.login-layout{width:min(1240px,96%);min-height:100vh;margin:auto;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:6vw}.login-hero{min-height:540px;padding:55px 20px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 40% 80%,#1c4b30,transparent 57%)}.login-hero h1{font-size:clamp(30px,3.6vw,52px);line-height:1.14;letter-spacing:-.03em}.hero-features{display:flex;gap:25px;color:#a2ebc0;letter-spacing:.11em;font-size:13px}.hero-foot{color:#7aa58a;font-size:11px;letter-spacing:.2em}.login-panel{margin:0;max-width:none;background:#0d1913ee;box-shadow:0 20px 70px #0008;border:1px solid #32664a;padding:40px}.login-panel h2{font-size:33px;margin-top:26px}.wide{width:100%;margin-top:15px;padding:14px}.login-panel .tiny{margin-top:20px}
@media(max-width:850px){.login-layout{grid-template-columns:1fr;gap:0;padding:25px 0}.login-hero{min-height:unset;padding:20px}.login-hero h1{font-size:29px}.hero-foot{display:none}.login-panel{margin:10px auto;width:100%}.sidebar{height:auto;position:static}.main{padding:18px}}@media(max-width:550px){.quick-grid{grid-template-columns:1fr}}

/* v0.3 media staging */
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:14px 0}.media-thumb{padding:0;overflow:hidden;min-height:104px;border:1px solid #407b62;border-radius:12px;background:#10281f;cursor:zoom-in}.media-thumb img{width:100%;height:112px;display:block;object-fit:cover}.video-tile{height:112px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:31px;color:#a1f8c2}.video-tile small{font-size:11px;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-lightbox[hidden]{display:none!important}.media-lightbox{position:fixed;z-index:9999;inset:0;background:rgba(0,0,0,.87);display:flex;align-items:center;justify-content:center;padding:55px 28px}.media-lightbox-inner{max-width:min(1120px,95vw);width:100%;position:relative}.media-lightbox img,.media-lightbox video{display:block;max-width:100%;max-height:78vh;margin:auto;object-fit:contain}.media-close{position:absolute;top:-48px;right:0;width:44px;height:40px;background:#1b4834;color:white;border:1px solid #65b98c;font-size:24px;cursor:pointer}.viewer-open{overflow:hidden}

/* v0.3 office and profile UI refinements — server permissions remain authoritative */
.person-line{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.country-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;font-size:11px;font-weight:800;background:#1a2922;color:#eaf9f1;border:3px solid #718879;vertical-align:middle}.country-nl{border-color:#ff922b}.country-no{border-color:#509bff}.country-us{border-color:#f47376}.country-other{border-color:#9b9b9b}.effective-tag{font-size:11px;color:#73dfa5;margin-left:6px}.office[data-share-selected="all"]{border-color:#46bd7f}.office[data-share-selected="partial"]{border-color:#bd9f53}.office-info{padding-left:7px;margin:5px 0}.share-count{background:#152e20;border-left:3px solid #4cc68a;padding:9px;border-radius:5px}.shareline label{line-height:1.8}.country-legend{font-size:12px;color:#abc3b2}

/* Profile photos preserve the office color ring. */
.country-avatar{overflow:hidden;line-height:1}.country-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}

/* RC visual and usability improvements */
body:not(.login-body) {
  background-color: #07100c;
  background-image:
    linear-gradient(
      180deg,
      rgba(6,14,10,.18) 0%,
      rgba(6,14,10,.48) 38%,
      rgba(6,14,10,.92) 85%
    ),
    url('/assets/mountain-dashboard.jpg');
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.main{position:relative}.sidebar{background:linear-gradient(180deg,rgba(8,22,16,.96),rgba(5,12,9,.99)),url('/assets/mountain-dashboard.jpg') center top/auto 100% no-repeat}
.login-body{
  margin:0;
  min-height:100dvh;
  color:#eef7f2;
  background:
    linear-gradient(90deg, rgba(4,11,7,.88) 0%, rgba(5,14,9,.70) 34%, rgba(5,14,9,.55) 55%, rgba(4,11,7,.78) 100%),
    url('/assets/mountain-login.jpg') right center / cover no-repeat fixed;
  background-color:#07100c;
}
.login-hero{background:linear-gradient(115deg,rgba(7,21,15,.25),rgba(7,21,15,.55));backdrop-filter:blur(1px)}
.kpi-link{display:block;color:inherit;text-decoration:none;cursor:pointer;transition:border-color .15s,background .15s}
.kpi-link:hover,.kpi-link:focus-visible{border-color:#55dca0;background:#1b3928;outline:2px solid #429669;outline-offset:2px}
.update-row{align-items:flex-start}.update-row>div:first-child{min-width:0;flex:1}.update-row>.pill{align-self:flex-start;flex:0 0 auto;display:inline-flex;align-items:center;width:auto;max-width:max-content;height:auto;white-space:nowrap;padding:4px 10px;line-height:1.25}
.update-row input,.update-row textarea,.update-row select{max-width:100%}
.update-row details,.update-row form{width:100%}
.row>.pill{align-self:flex-start;flex-shrink:0}
.kpi .muted{color:#bdd3c1}
form button+form button,.actions button+button{margin-left:10px}
.error-banner{padding:12px 42px 12px 16px;color:#ffd1d1;background:#421c1e;border:1px solid #bc5555;border-radius:10px;position:relative}
.error-banner button{position:absolute;right:6px;top:6px;padding:3px 8px;background:transparent;color:#ffd1d1}
@media(max-width:760px){body{background-attachment:scroll}.update-row{flex-wrap:wrap}.login-body{background-attachment:scroll}}

.project-media-flags{display:inline-flex;gap:7px;margin-left:6px;color:#45dca0;font-size:.78em;vertical-align:middle}.project-media-flags span{line-height:1}

/* RC3: office-derived rights appear checked without creating individual grants. */
.office .person-tick:disabled{opacity:.9;accent-color:#39d995;cursor:default}.office[data-share-selected="partial"]{border-color:#bd9f53}.office[data-share-selected="partial"]>.office-info{color:#f5ca72}
/* Green Ammo Team Hub - Responsive Login */

@media (min-width: 1101px) {
  .login-body {
    background-position: center, 70% center;
    background-size: cover, cover;
    background-attachment: scroll, scroll;
  }
}

@media (min-width: 769px) and (max-width: 1100px) {
  .login-body {
    background-position: center, 65% center;
    background-attachment: scroll;
  }
}

@media (max-width: 768px) {
  .login-body {
    background-position: center, 70% center;
    background-attachment: scroll;
  }
}
/* Green Ammo dashboard - berglandschap */
body:not(.login-body) {
  background-image:
    linear-gradient(
      to bottom,
      rgba(6,14,10,.15) 0%,
      rgba(6,14,10,.50) 350px,
      #07100c 750px
    ),
    url('/assets/mountain-dashboard.jpg');

  background-size: 100% 750px, 100% auto;
  background-position: center top, center top;
  background-repeat: no-repeat;
  background-attachment: scroll;
}