/* ============================================================
   MELÉA — панель администратора (admin.html)
   Те же токены, что и у сайта: бумага, олива, песок, чернильный.
   ============================================================ */
:root{
  --paper:#e9e5e1;
  --olive:#4d4c38;
  --olive-deep:#353627;
  --sand:#d6cabe;
  --sand-deep:#c7b7a7;
  --ink:#191917;
  --line:#aaa497;
  --hairline:rgba(25,25,23,.16);
  --card:#efeae4;
  --muted:#6e675c;
  --btn-text:#f1f1f1;
  --danger:#8c2f2f;
  color-scheme:light;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);line-height:1.55}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--olive);outline-offset:3px}
h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:30px}

.btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 32px;
  font-size:14px;letter-spacing:.055em;background:var(--olive);color:var(--btn-text);transition:background .2s;
}
.btn:hover{background:var(--olive-deep)}
.btn[disabled]{opacity:.6;cursor:default}
.adm-link{
  font-size:12px;letter-spacing:.12em;color:var(--olive);
  border-bottom:1px solid var(--line);padding-bottom:3px;
}
.adm-link:hover{border-color:var(--olive)}
.adm-danger{color:var(--danger)}
.adm-danger:hover{border-color:var(--danger)}

/* ---------- Шапка ---------- */
.adm-header{
  display:flex;align-items:center;gap:28px;padding:18px 5.833%;
  border-bottom:1px solid var(--hairline);background:var(--paper);
  position:sticky;top:0;z-index:10;
}
.adm-brand img{width:110px;height:auto}
.adm-title{font-size:12px;letter-spacing:.2em;color:var(--olive)}
.adm-header .adm-link{margin-left:auto}

.adm-main{padding:44px 5.833% 96px}

/* ---------- Карточки ---------- */
.adm-card{background:var(--card);padding:36px}
.adm-login{max-width:420px;margin:8vh auto 0}
.adm-login h1{margin-bottom:10px}
.adm-login .btn{width:100%;margin-top:8px}

.adm-muted{font-size:13.5px;color:var(--muted);margin-bottom:18px}
.adm-error{font-size:13.5px;color:var(--danger);margin:10px 0}

.adm-bar{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:14px}
.adm-count{font-size:13px;color:var(--muted);letter-spacing:.04em}

/* ---------- Поля формы ---------- */
.adm-field{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}
.adm-field>span,.adm-fieldset legend{font-size:12px;letter-spacing:.14em;color:var(--olive)}
.adm-field input,.adm-field select,.adm-field textarea{
  background:var(--paper);border:1px solid var(--line);padding:11px 14px;border-radius:0;
}
.adm-field input:focus,.adm-field select:focus,.adm-field textarea:focus{border-color:var(--olive);outline:none}
.adm-field textarea{resize:vertical}
.adm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 22px}
.adm-fieldset{border:1px solid var(--hairline);padding:18px 20px 14px;margin-bottom:20px}
.adm-fieldset legend{padding:0 8px}
.adm-checks{display:flex;flex-wrap:wrap;gap:8px 26px}
.adm-check{
  display:inline-flex;align-items:center;gap:9px;font-size:14px;color:var(--muted);
  padding:4px 0;cursor:pointer;
}
.adm-check input{accent-color:var(--olive);width:15px;height:15px;margin:0}
.adm-check:has(input:checked){color:var(--ink)}
.adm-dot{width:12px;height:12px;display:inline-block;border:1px solid var(--hairline)}

/* ---------- Список товаров ---------- */
.adm-rows{display:flex;flex-direction:column}
.adm-row{
  display:grid;grid-template-columns:30px 64px 1.4fr auto auto auto;gap:22px;align-items:center;
  padding:16px 0;border-bottom:1px solid var(--hairline);
}
.adm-row img{width:64px;height:80px;object-fit:cover;background:var(--sand)}
.adm-row-name{font-family:Georgia,'Times New Roman',serif;font-size:17px}
.adm-row-meta{font-size:12.5px;color:var(--muted);margin-top:3px}
.adm-row-price{font-family:Georgia,'Times New Roman',serif;font-size:16px;white-space:nowrap}
.adm-row-actions{display:flex;gap:18px}
.adm-row-hidden{opacity:.55}
.adm-badge{
  display:inline-block;vertical-align:2px;margin-left:10px;padding:2px 9px;
  font-family:Arial,Helvetica,sans-serif;font-size:10.5px;letter-spacing:.12em;
  color:var(--muted);border:1px solid var(--line);
}
.adm-badge-new{color:var(--olive);border-color:var(--olive)}
.adm-published{margin:4px 0 20px;max-width:520px}
.adm-published span{line-height:1.4}

/* ---------- Фильтры списка ---------- */
.adm-filters{
  display:flex;flex-wrap:wrap;gap:14px 22px;align-items:end;
  margin-bottom:26px;padding:18px 20px;background:var(--card);
}
.adm-filter{display:flex;flex-direction:column;gap:6px}
.adm-filter>span{font-size:11px;letter-spacing:.14em;color:var(--olive)}
.adm-filter select{background:var(--paper);border:1px solid var(--line);padding:8px 10px;min-width:150px}
.adm-filter select:focus{border-color:var(--olive);outline:none}

/* ---------- Галочки публикации ---------- */
.adm-pub{width:17px;height:17px;accent-color:var(--olive);justify-self:center;cursor:pointer;margin:0}
.adm-publish-bar{
  position:sticky;bottom:0;display:flex;align-items:center;gap:20px;
  padding:14px 0;margin-top:8px;background:var(--paper);border-top:1px solid var(--hairline);
}
.adm-publish-bar .adm-muted{margin-bottom:0}
.adm-select-bar{display:flex;align-items:center;gap:18px;margin-bottom:6px}
.adm-select-bar .adm-muted{margin-bottom:0;font-size:12px}

/* ---------- Фото в редакторе ---------- */
.adm-photo{display:grid;grid-template-columns:180px 1fr;gap:26px;align-items:start;margin-bottom:8px}
.adm-photo-preview{
  width:180px;aspect-ratio:4/5;background:var(--sand);overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
.adm-photo-preview img{width:100%;height:100%;object-fit:cover}
.adm-photo-preview span{font-size:12px;color:var(--muted);letter-spacing:.08em;padding:0 16px;text-align:center}

.adm-actions{display:flex;align-items:center;gap:26px;margin-top:8px}

/* ---------- Тост ---------- */
.adm-toast{
  position:fixed;left:50%;bottom:32px;transform:translateX(-50%);
  background:var(--ink);color:var(--paper);padding:13px 28px;font-size:13px;letter-spacing:.06em;
  max-width:calc(100% - 48px);text-align:center;z-index:50;
}

@media(max-width:720px){
  .adm-main{padding:28px 24px 72px}
  .adm-card{padding:24px 20px}
  .adm-row{grid-template-columns:30px 52px 1fr auto;gap:14px}
  .adm-row img{width:52px;height:65px}
  .adm-row-price{display:none}
  .adm-row-meta{grid-column:2}
  .adm-row-actions{grid-column:1/-1}
  .adm-photo{grid-template-columns:1fr}
}