/* Общий стиль админки и кабинета мастера ЛЛавки — та же палитра, что у витрины (по референсам) */
:root{
  --bg:#E7E6FE; --page:#F7F6F7; --surface:#FFFFFF; --ink:#222123; --text:#3B3944; --muted:#8C8898; --line:#E7E4EC;
  --sand:#E6DECF; --honey:#EFD892; --honey-soft:#F6E7B7; --lilac:#E4E2FC; --rose:#EAC4C6; --chip:#ECE6DE;
  --violet:#7D5FD3; --violet-soft:#EFEEFE; --mint:#DDF3EA; --mint-ink:#2C7A5B; --coral:#F9513F; --coral-soft:#FFE7E3;
  --sh:0 18px 50px rgba(64,52,120,.16);
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.45}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--violet)}
h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.015em;line-height:1.2}
p{margin:0}
:focus-visible{outline:2.5px solid var(--violet);outline-offset:2px}

.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.logo .m{width:32px;height:32px;border-radius:9px;background:var(--ink);color:var(--honey);display:grid;place-items:center;font-weight:800;font-size:14px;letter-spacing:-.06em}
.logo b{font-size:18px;font-weight:800;letter-spacing:-.03em}
.logo small{font-size:12px;color:var(--muted);font-weight:500}

/* вход */
.login{min-height:100vh;display:grid;place-items:center;padding:16px}
.login form{width:min(380px,100%);background:var(--page);border:2px solid var(--ink);border-radius:26px;padding:28px;display:flex;flex-direction:column;gap:14px}
.login h1{font-size:24px}

/* каркас: боковое меню + содержимое */
.shell{max-width:1320px;margin:20px auto;background:var(--page);border:2px solid var(--ink);border-radius:26px;min-height:calc(100vh - 40px);display:grid;grid-template-columns:230px minmax(0,1fr);overflow:clip}
@media (max-width:1360px){.shell{margin:16px}}
.side{border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:calc(100vh - 40px)}
.side .logo{padding:0 8px 18px}
.nav{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;font-weight:600;color:var(--text)}
.nav:hover{background:var(--surface)}
.nav[aria-current="true"]{background:var(--ink);color:#fff}
.nav .cnt{margin-left:auto;min-width:22px;height:22px;border-radius:11px;background:var(--honey);color:var(--ink);font-size:12px;font-weight:800;display:grid;place-items:center;padding:0 6px}
.side .grow{flex:1}
.content{padding:26px 32px 60px;min-width:0;display:flex;flex-direction:column;gap:18px}
@media (max-width:860px){
  .shell{grid-template-columns:1fr;margin:0;border:0;border-radius:0;min-height:100vh}
  .side{position:sticky;top:0;z-index:10;height:auto;flex-direction:row;overflow-x:auto;padding:10px;gap:6px;background:var(--page);border-right:0;border-bottom:1px solid var(--line);scrollbar-width:none}
  .side .logo{display:none}.side .grow{display:none}
  .nav{white-space:nowrap;padding:8px 12px}
  .content{padding:18px 16px 60px}
}

.bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bar .grow{flex:1}
.bar h1{font-size:26px}
.seg{display:inline-flex;gap:6px;flex-wrap:wrap}
.seg button{cursor:pointer;border:0;background:var(--surface);border-radius:999px;padding:7px 14px;font-weight:600;font-size:14px;color:var(--text)}
.seg button[aria-pressed="true"]{background:var(--honey);color:var(--ink)}
.seg .cnt{display:inline-block;margin-left:6px;background:var(--ink);color:#fff;border-radius:999px;padding:0 7px;font-size:12px}

.btn{cursor:pointer;border:0;background:var(--surface);color:var(--ink);border-radius:999px;padding:9px 16px;font-weight:700;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.btn:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn.primary{background:var(--ink);color:#fff}
.btn.primary:hover{background:#000;box-shadow:none}
.btn.soft{background:var(--violet-soft);color:var(--violet)}
.btn.danger{color:#C7341F}
.btn.small{padding:6px 12px;font-size:13px}
.btn:disabled{opacity:.45;cursor:default;box-shadow:none}

.card{background:var(--surface);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:14px}
.card h2{font-size:19px}
.hint{color:var(--muted);font-size:13px}
.empty{background:var(--surface);border-radius:22px;padding:40px;text-align:center;color:var(--text)}
label.f{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:var(--text)}
input[type=text],input[type=tel],input[type=password],input[type=number],input[type=date],input[type=search],select,textarea{background:var(--page);border:1.5px solid transparent;border-radius:12px;padding:10px 12px;width:100%;font-size:15px;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--violet);background:#fff}
textarea{min-height:72px;resize:vertical}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.row4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media (max-width:700px){.row2,.row3{grid-template-columns:1fr}.row4{grid-template-columns:1fr 1fr}}
.err{color:#C7341F;font-size:13px;font-weight:600;min-height:1em}

.pill{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap;background:var(--chip);color:var(--text)}
.pill.pending,.pill.draft,.pill.open{background:var(--honey-soft);color:#7A5B00}
.pill.check,.pill.made{background:var(--violet);color:#fff}
.pill.paid,.pill.published{background:var(--ink);color:#fff}
.pill.shipped,.pill.done,.pill.accepted,.pill.payout{background:var(--mint);color:var(--mint-ink)}
.pill.cancelled,.pill.hidden,.pill.archived{background:var(--chip);color:var(--muted)}

.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.kpi{background:var(--surface);border-radius:20px;padding:16px 18px;display:flex;flex-direction:column;gap:2px}
.kpi span{color:var(--muted);font-size:13px;font-weight:600}
.kpi b{font-size:26px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kpi small{color:var(--muted);font-size:12.5px}
.kpi.dark{background:var(--ink);color:#fff}.kpi.dark span,.kpi.dark small{color:#BDB9C8}
.kpi.honey{background:var(--honey)}

table{border-collapse:collapse;width:100%}
.tw{background:var(--surface);border-radius:20px;overflow-x:auto}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;font-size:14px}
th{font-size:12px;color:var(--muted);font-weight:600}
tr:last-child td{border-bottom:0}
td.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.sub{color:var(--muted);font-size:12.5px}

dialog{border:0;border-radius:24px;padding:0;background:var(--page);color:var(--ink);width:min(600px,calc(100vw - 24px));box-shadow:var(--sh);max-height:calc(100vh - 24px)}
dialog::backdrop{background:rgba(34,33,35,.35)}
.dlg{padding:24px;display:flex;flex-direction:column;gap:14px}
.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.photos figure{margin:0;position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--lilac)}
.photos img{width:100%;height:100%;object-fit:cover}
.photos figure.cover{box-shadow:0 0 0 2.5px var(--ink)}
.photos .b{position:absolute;top:5px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(34,33,35,.7);color:#fff;cursor:pointer;font-size:12px}
.photos .b.del{right:5px}.photos .b.star{left:5px}
.toast{position:fixed;right:20px;bottom:20px;z-index:60;background:var(--ink);color:#fff;padding:12px 18px;border-radius:16px;font-weight:600;box-shadow:var(--sh);max-width:calc(100vw - 40px)}
.toast.bad{background:var(--coral)}
/* поля на светло-серой подложке (окна, строка поиска) — белые, чтобы их было видно */
.dlg input[type=text],.dlg input[type=number],.dlg input[type=password],.dlg select,.dlg textarea,.bar input,.login input,.login select{background:var(--surface)}
.login input:focus,.dlg input:focus,.dlg textarea:focus,.bar input:focus{border-color:var(--violet)}