:root{
  --bg:#f6f6f4;--surface:#fff;--surface2:#f1efe8;--line:#e3e1d9;
  --text:#1f1f1d;--muted:#6b6a64;--info:#185fa5;--accent:#0f6e56;
}
html[data-theme="dark"]{
  --bg:#1b1e1d;--surface:#262b29;--surface2:#2f3633;--line:#3b443f;
  --text:#e7ece9;--muted:#9aa8a2;
}
html[data-theme="dark"] img.shot{filter:none;}
*{box-sizing:border-box;}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--bg);color:var(--text);font-size:15px;}
a{color:var(--info);text-decoration:none;}
a:hover{text-decoration:underline;}

header{background:var(--surface);border-bottom:1px solid var(--line);padding:10px 18px;
  display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:5;flex-wrap:wrap;}
header .logo{font-weight:700;font-size:17px;color:var(--accent);}
nav{display:flex;gap:4px;flex-wrap:wrap;align-items:center;}
nav .navlink{padding:8px 12px;border-radius:8px;font-size:14px;color:var(--text);}
nav .navlink.active{background:var(--surface2);font-weight:600;}
nav .navlink:hover{background:var(--surface2);text-decoration:none;}

.navgroup{position:relative;}
.navbtn{border:none;background:none;padding:8px 12px;border-radius:8px;font-size:14px;color:var(--text);cursor:pointer;}
.navbtn:hover{background:var(--surface2);}
.navbtn.active{background:var(--surface2);font-weight:600;}
.navmenu{display:none;position:absolute;top:100%;left:0;background:var(--surface);border:1px solid var(--line);
  border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.1);padding:6px;min-width:170px;z-index:20;}
.navgroup:hover .navmenu,.navgroup.open .navmenu{display:block;}
.navmenu a{display:block;padding:8px 12px;border-radius:7px;font-size:14px;color:var(--text);white-space:nowrap;}
.navmenu a:hover{background:var(--surface2);text-decoration:none;}
.navmenu a.active{background:var(--surface2);font-weight:600;}
.tools{margin-left:auto;display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
.tools a,.tools button{font-size:12px;padding:6px 10px;}

main{max-width:1120px;margin:0 auto;padding:18px;}
h3{margin:0 0 10px;font-size:18px;font-weight:600;}

button,.btn{border:1px solid var(--line);background:var(--surface);border-radius:8px;
  padding:8px 12px;cursor:pointer;font-size:14px;color:var(--text);display:inline-block;}
button:hover,.btn:hover{background:var(--surface2);text-decoration:none;}
.primary{background:var(--accent);color:#fff;border-color:var(--accent);}
.primary:hover{background:#0c5a47;color:#fff;}
.danger{color:#A32D2D;}
.linkbtn{background:none;border:none;color:var(--info);cursor:pointer;padding:0;font-size:13px;}
.linkbtn:hover{text-decoration:underline;background:none;}
.linkbtn.danger{color:#A32D2D;}

input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;
  font-size:14px;font-family:inherit;background:var(--surface);color:var(--text);}
textarea{resize:vertical;}
label.fld{display:block;font-size:13px;color:var(--muted);margin:0 0 4px;}

.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px;}
.metric{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;}
.metric .lbl{font-size:13px;color:var(--muted);margin:0 0 4px;}
.metric .val{font-size:24px;font-weight:600;margin:0;}

.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:12px;}
.pill{font-size:12px;padding:3px 10px;border-radius:8px;display:inline-block;}
.row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:10px;}
.muted{font-size:13px;color:var(--muted);}
.spacer{margin-left:auto;}

table.lst{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--surface);
  border:1px solid var(--line);border-radius:12px;overflow:hidden;}
table.lst th{text-align:left;color:var(--muted);font-weight:500;padding:8px 10px;border-bottom:1px solid var(--line);}
table.lst td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top;}
table.lst tr:last-child td{border-bottom:none;}

.actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;align-items:center;}
.avatar{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;
  justify-content:center;color:#fff;font-size:13px;font-weight:600;margin-right:10px;vertical-align:middle;}
.banner{background:#FAEEDA;border:1px solid #EF9F27;color:#854F0B;border-radius:10px;
  padding:10px 14px;margin-bottom:16px;font-size:14px;}
.banner.ok{background:#E1F5EE;border-color:#0F6E56;color:#0F6E56;}
.banner.err{background:#FCEBEB;border-color:#A32D2D;color:#A32D2D;}

/* строки работ в форме заказа */
.items-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:6px;}
.items-table th{text-align:left;color:var(--muted);font-weight:500;padding:4px 6px;font-size:12px;}
.items-table td{padding:3px 4px;}
.items-table input{padding:6px 8px;}
.it-sum{font-weight:600;white-space:nowrap;}

/* вход */
.login-wrap{max-width:340px;margin:60px auto;}
.login-wrap .card{padding:22px;}

@media(max-width:600px){
  .tools{margin-left:0;width:100%;}
  main{padding:12px;}
  .hide-mobile{display:none;}
  table.lst{font-size:13px;}
}