/* Shared compact visual layer for admin, operator and manager workspaces. */
html{font-size:14px}
body{font-size:14px;line-height:1.42;font-family:"Segoe UI","Noto Sans Georgian","DejaVu Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
header{height:60px;box-shadow:0 2px 12px rgba(11,46,37,.12)}
.brand{font-size:17px;font-weight:700;gap:8px}
.brand b,.login-brand b{width:32px;height:32px;border-radius:8px;font-size:15px}
.admin-chip{font-size:12px;padding:7px 11px}
main{padding-top:22px;padding-bottom:28px}
.intro p,.hero p,.manager-hero p,.section-head p,.card-head p{font-size:10px;letter-spacing:.065em;margin-bottom:4px}
.intro h1,.hero h1,.manager-hero h1{font-size:26px;line-height:1.2;margin-bottom:4px;font-weight:720;letter-spacing:-.015em}
.intro span,.hero span,.manager-hero span{font-size:13px}
.workspace{grid-template-columns:220px minmax(0,1fr);gap:16px;margin-top:18px}
aside,.content,.card{min-width:0;border-radius:12px;box-shadow:0 5px 20px rgba(18,61,49,.045)}
aside{padding:13px}
aside h2{font-size:11px;margin-bottom:9px}
nav{gap:3px}
nav a{font-size:13px;font-weight:600;padding:8px 9px}
nav a span{width:22px;height:22px;border-radius:6px;font-size:10px}
.content,.card{padding:17px}
.section-head h2,.card-head h2{font-size:20px;line-height:1.25;font-weight:700}
.section-head strong{font-size:11px;padding:6px 9px}
.create-box,.edit-box{margin-top:14px;border-radius:10px}
.create-box>summary,.edit-box>summary{padding:11px 13px;font-size:13px;font-weight:650}
.form-grid{gap:10px;padding:0 13px 13px}
.form-grid label,label{font-size:11px;font-weight:650}
input,select{margin-top:5px;padding:9px 10px;border-radius:8px;font-size:13px;min-height:38px}
button,.primary{padding:9px 13px;border-radius:8px;font-size:13px;font-weight:700;min-height:38px}
.records{gap:8px;margin-top:14px}
.record{padding:11px;border-radius:10px}
.record-main{grid-template-columns:62px 1fr auto;gap:11px}
.code{min-height:39px;border-radius:8px;font-size:12px}
.record h3{font-size:14px;font-weight:700;margin-bottom:2px}
.record p,.permission-line{font-size:12px}
.record em{font-size:11px}
.empty{padding:30px;font-size:13px}
.hero,.manager-hero{margin-bottom:16px}
.card{margin-bottom:13px}
.operation-form{gap:10px}
.success,.error{padding:10px 12px;margin-bottom:13px;font-size:13px}
.table{margin-top:11px;border-radius:10px}
.row{gap:10px;padding:9px 11px;font-size:13px}
.row.head{font-size:10px;letter-spacing:.02em}
.stock-grid{gap:10px;margin-bottom:13px}
.stock-card{padding:14px;border-radius:11px}
.stock-card>span{padding:4px 7px;border-radius:6px;font-size:11px}
.stock-card h2{font-size:14px;margin:10px 0 3px}
.stock-card strong{font-size:24px;font-weight:720}
.user-menu{gap:9px;font-size:12px}
.user-menu button{padding:6px 9px;min-height:32px;font-size:12px}
.login-card{width:min(390px,100%);padding:24px;border-radius:14px}
.login-brand h1{font-size:20px}
.login-card>p{font-size:13px;margin-bottom:19px}
.login-card label{margin:11px 0}
.lot-overview h2{font-size:22px}
.lot-total h2{font-size:30px}
.location-grid>div,.lineage-item{padding:12px}
.metric-grid{gap:10px;margin-bottom:13px}
.analytics-columns,.analytics-columns>.card{min-width:0}
.metric-grid article{gap:6px;padding:13px;border-radius:10px}
.metric-grid span{font-size:10px}
.metric-grid strong{font-size:24px;font-weight:720}
.metric-grid .date-metric{font-size:16px;margin-top:4px}
.analytics-filter{gap:10px}
.export-button{min-height:38px;padding:8px 12px;border-radius:8px;font-size:12px}
.manager-stock-grid{gap:9px;margin-top:11px}
.manager-stock-card{padding:12px;border-radius:9px}
.manager-stock-card>strong{font-size:23px;font-weight:720}
.manager-stock-card>b{font-size:12px;font-weight:650}
.movement-summary{margin-top:11px;border-radius:10px}
.movement-summary>div{padding:9px 11px;font-size:12px}
.request-card{padding:12px;border-radius:10px}
.request-top{font-size:14px}
.request-meta{font-size:12px;margin:7px 0 10px}
.status{padding:4px 8px;font-size:10px}
@media(max-width:850px){
  html{font-size:13px}
  header{height:56px}
  main{padding-top:17px}
  .workspace{grid-template-columns:1fr}
  .intro h1,.hero h1,.manager-hero h1{font-size:23px}
  .content,.card{padding:14px}
  .metric-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .metric-grid{grid-template-columns:1fr 1fr}
  .metric-grid article{padding:11px}
  .metric-grid strong{font-size:21px}
  .section-head h2,.card-head h2{font-size:18px}
}
.searchable-box{position:relative;display:block}.searchable-box>input{width:100%}.searchable-results{position:absolute;z-index:60;top:calc(100% + 5px);left:0;right:0;max-height:280px;overflow:auto;padding:6px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px #123d3124}.searchable-results button{display:block;width:100%;padding:11px 12px;border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:left;font:inherit;cursor:pointer}.searchable-results button:hover,.searchable-results button:focus{background:var(--green2);outline:0}.searchable-results span{display:block;padding:12px;color:var(--muted)}
