/* GUARDER OS v3.4 — integrated production UI */
:root{--production-sidebar:284px;--production-control:44px;--production-gap:16px}
body{font-size:14px;line-height:1.5;background:radial-gradient(circle at 78% -8%,#103354 0,transparent 34%),#050a12}
.app-shell{grid-template-columns:var(--production-sidebar) minmax(0,1fr)}
.sidebar{width:var(--production-sidebar);padding:18px 14px;box-shadow:18px 0 45px rgba(0,0,0,.16)}
.sidebar-brand{padding:0 8px 17px}.sidebar-brand strong{font-size:16px}.sidebar-brand small{font-size:10px;letter-spacing:.1em}
.nav-menu{display:block;flex:1;margin-top:12px;padding:0 5px 8px 0;overflow-y:auto;overscroll-behavior:contain}
.production-nav-group{margin-bottom:6px;border:1px solid transparent;border-radius:12px;overflow:hidden}
.production-nav-toggle{display:grid!important;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;width:100%;padding:10px 11px!important;border:0!important;border-radius:10px!important;background:#091827!important;color:#8aa4b8!important;font-size:12px!important;line-height:1.25!important;text-transform:none;text-align:left}
#navMenu .production-nav-toggle>.production-nav-label{display:block!important;width:auto!important;min-width:0!important;max-width:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:inherit!important;font-size:12px!important;line-height:1.25!important;letter-spacing:0!important}
.production-nav-toggle:hover{background:#0d2133!important;color:#dcecf5!important}.production-nav-toggle b{min-width:22px;padding:2px 6px;border-radius:999px;background:#102b40;color:#7fc9e8;font-size:10px;text-align:center}.production-nav-toggle i{font-style:normal;text-align:center;transition:transform .18s ease}.production-nav-group.closed .production-nav-toggle i{transform:rotate(-90deg)}
.production-nav-pages{display:grid;gap:3px;padding:4px 0 2px}.production-nav-group.closed .production-nav-pages{display:none}
#navMenu .production-nav-pages>button[data-page]{display:flex;align-items:center;min-height:42px;width:100%;padding:9px 11px!important;border-radius:9px;font-size:14px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:0!important}
#navMenu .production-nav-pages>button[data-page] span{flex:0 0 27px;font-size:15px!important}
.sidebar-status{padding:13px 9px 4px;font-size:12px}.sidebar-status small{font-size:10px;line-height:1.5}
.topbar{min-height:78px;height:auto;padding:12px 24px;gap:14px}.topbar h2{font-size:18px}.topbar-actions{min-width:0}.profile{max-width:250px}.profile strong{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.profile small{font-size:11px;line-height:1.35}.global-search{width:min(280px,24vw)}
.production-nav-open{display:none;flex:0 0 40px}.production-sidebar-backdrop{display:none}
.page{padding:26px clamp(18px,2.2vw,34px)}.page-heading{margin-bottom:18px}.hero-row h1,.page-heading h1{font-size:clamp(24px,2.1vw,31px);line-height:1.25}.page-heading .muted,.hero-row .muted{font-size:13px;line-height:1.65}
.panel{border-color:#1c3b55;background:linear-gradient(145deg,rgba(15,30,46,.98),rgba(7,17,28,.98));box-shadow:0 14px 38px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.015)}
.panel-head h3{font-size:16px}.eyebrow{font-size:10px;letter-spacing:.15em}.muted{line-height:1.6}
button,.primary-btn,.secondary-btn,.outline-btn,.danger-btn,.mini-btn{min-height:38px;font-size:13px}.primary-btn,.secondary-btn,.outline-btn,.danger-btn{padding:10px 15px}.mini-btn{padding:7px 10px}
input,select,textarea{font-size:14px!important}.login-form input,.form-grid input,.form-grid select,.form-grid textarea,.toolbar input,.toolbar select{min-height:var(--production-control);padding:11px 12px}.form-grid label,.login-form label{font-size:13px;line-height:1.35}
table{font-size:13px}th{font-size:11px;letter-spacing:.02em}td,th{padding-top:11px!important;padding-bottom:11px!important}.table-scroll{scrollbar-width:thin;scrollbar-color:#244b65 transparent}
.tag,.status-badge{font-size:11px;line-height:1.3}.legal-note{font-size:12px;line-height:1.65}
.modal-dialog{max-width:calc(100vw - 28px);max-height:calc(100vh - 28px);border-radius:18px}.modal-card{max-height:calc(100vh - 42px);overflow:auto}.modal-head{position:sticky;top:0;z-index:3;margin:-1px -1px 16px;padding:17px 1px 14px;background:linear-gradient(180deg,#0d1d2c 76%,transparent);backdrop-filter:blur(10px)}.modal-head h3{font-size:20px}.close-btn{min-width:42px;min-height:42px;font-size:24px}
#userForm{width:min(940px,calc(100vw - 32px))}#userPermissions{max-height:48vh;overflow:auto;border:1px solid #1c3b53;border-radius:12px;background:#07131f}#userPermissions>div{grid-template-columns:minmax(190px,1fr) repeat(4,64px)!important;min-height:44px;padding:8px 12px!important}#userPermissions>div:first-child{position:sticky;top:0;z-index:2;background:#102337;border-bottom-color:#2d526c}#userPermissions input{width:18px;height:18px;accent-color:#31d7ff}.production-permission-tools{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}.production-permission-tools button{border:1px solid #2a506a;border-radius:9px;background:#0b2031;color:#bcd8e7;padding:7px 11px;cursor:pointer}.production-permission-tools button:last-child{border-color:#623f47;color:#f0a5ad;background:#25161c}
.production-approval-open{white-space:nowrap;color:#f5d08b;border-color:#6d5636}.production-approval-open[data-guarder-pending-approval="true"]{display:inline-flex;align-items:center}
.audit-list article{display:grid;grid-template-columns:150px minmax(120px,.6fr) 1.5fr;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.audit-list article span,.audit-list article small{color:var(--muted);font-size:11px}.audit-list article b{font-size:12px}
#v25EntryLab,#v25ModeDock,#v25PortalShell{display:none!important}
.guarder-server-badge{font-size:12px!important}.guarder-server-badge small{font-size:10px!important}

/* v3.4.2: keep site cards in the visible page and wrap the fifth card below. */
#operations{min-width:0;overflow-x:hidden}
#operationBoard.operation-board{width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
#operationBoard>.operation-card{min-width:0;max-width:100%;overflow:hidden}
#operationBoard .v14-request-summary{min-width:0}
#operationBoard .v15-request-summary article{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(52px,.45fr)}
#operationBoard .v15-request-summary article>*{min-width:0;white-space:normal!important;overflow-wrap:anywhere}
@media(max-width:1320px){.topbar-actions{gap:7px}.global-search{display:none}.profile{max-width:205px}.production-approval-open{font-size:11px;padding:8px 10px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:960px){
  .app-shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:120;width:min(330px,88vw);height:100vh;transform:translateX(-105%);transition:transform .2s ease}.production-sidebar-open .sidebar{transform:translateX(0)}
  .production-nav-open{display:grid}.production-sidebar-backdrop{position:fixed;inset:0;z-index:110;border:0;background:rgba(0,5,10,.72);backdrop-filter:blur(3px)}.production-sidebar-open .production-sidebar-backdrop{display:block}
  .topbar{position:sticky;top:0;align-items:center;padding:10px 14px}.topbar>div:first-of-type{min-width:0}.topbar h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .eyebrow{display:none}.profile{display:flex}.topbar-actions #notificationBell,.topbar-actions #exportBtn,.topbar-actions .file-label{display:none!important}
  .page{padding:18px 14px 28px}.hero-row,.page-heading{align-items:flex-start}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){#operationBoard.operation-board{grid-template-columns:1fr}}
@media(max-width:680px){
  body{font-size:13px}.topbar{flex-wrap:wrap}.topbar-actions{margin-left:auto}.profile{max-width:150px}.profile .avatar{display:none}.profile strong{max-width:135px}.profile small{max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions>.outline-btn:not(.production-approval-open){padding:8px 10px}.production-approval-open{order:10;width:100%;justify-content:center}
  .hero-row,.page-heading{display:grid;grid-template-columns:1fr}.hero-row h1,.page-heading h1{font-size:23px}.heading-actions{width:100%}.heading-actions>*{flex:1}.metric-grid,.mini-metric-grid{grid-template-columns:1fr 1fr!important}.metric-card{padding:14px}.metric-card .value{font-size:20px}
  .panel{padding:14px;border-radius:13px}.form-grid{grid-template-columns:1fr!important}.span-2{grid-column:auto!important}.modal-dialog{max-width:calc(100vw - 12px);max-height:calc(100vh - 12px)}.modal-card{max-height:calc(100vh - 20px);padding:14px!important}
  #userPermissions>div{grid-template-columns:minmax(126px,1fr) repeat(4,42px)!important;padding:7px 8px!important;font-size:11px}.production-permission-tools{display:grid;grid-template-columns:1fr}.audit-list article{grid-template-columns:1fr;gap:3px}
  .table-scroll{margin-left:-6px;margin-right:-6px}table{font-size:12px}.guarder-server-badge{right:8px!important;bottom:8px!important;max-width:calc(100vw - 16px)}
}
@media print{.production-nav-open,.production-sidebar-backdrop,.production-approval-open{display:none!important}}