.logo-sub { font-weight: 600; color: var(--muted); font-size: .8em; }
.topbar { justify-content: space-between; }
.adm { max-width: 1040px; margin: 0 auto; padding: 24px 20px 80px; display: grid; gap: 14px; }
.adm-tabs { display: flex; gap: 8px; flex-wrap: wrap; }
.sub { background: var(--surface); border-radius: var(--radius); box-shadow: var(--shadow); }
.sub > summary { cursor: pointer; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding: 16px 20px; list-style: none; }
.sub > summary::-webkit-details-marker { display: none; }
.sub h2 { font-size: 17px; }
.sub-body { padding: 0 20px 20px; display: grid; gap: 16px; }
.pill { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; padding: 3px 8px; border-radius: 6px; background: var(--surface-2); white-space: nowrap; }
.st-new { background: var(--accent); color: #fff; }
.st-in_review { background: #F5A524; color: #111; }
.st-needs_changes { background: #F76B15; color: #fff; }
.st-approved { background: #0090FF; color: #fff; }
.st-live { background: #30A46C; color: #fff; }
.st-paused, .st-rejected { background: var(--surface-2); color: var(--muted); }
.adm-cols { display: grid; grid-template-columns: 1.3fr 1fr; gap: 20px; align-items: start; }
@media (max-width: 800px) { .adm-cols { grid-template-columns: 1fr; } }
.tree { display: grid; font-size: 14px; }
.tree .row { display: grid; grid-template-columns: 170px 1fr; gap: 12px; padding: 6px 0; border-bottom: 1px solid var(--line); }
.tree .row > span:first-child { color: var(--muted); }
.tree .group { font-weight: 700; margin-top: 12px; text-transform: capitalize; }
@media (max-width: 600px) { .tree .row { grid-template-columns: 1fr; gap: 0; } }
.shots { display: flex; gap: 8px; flex-wrap: wrap; }
.shots img { height: 110px; border-radius: 10px; }
.review-box { background: var(--surface-2); border-radius: 14px; padding: 16px; display: grid; gap: 12px; position: sticky; top: 76px; }
.checks { display: grid; gap: 8px; }
.checks label { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; cursor: pointer; }
.checks input { width: 18px; height: 18px; accent-color: var(--accent); flex: none; margin-top: 1px; }
.review-box textarea { width: 100%; border: 1px solid var(--line); background: var(--surface); border-radius: 10px; padding: 10px 12px; font: inherit; font-size: 14px; resize: vertical; }
.actions { display: flex; gap: 6px; flex-wrap: wrap; }
.actions .btn { padding: 8px 12px; font-size: 13px; }
.mail { display: flex; gap: 10px; flex-wrap: wrap; font-size: 13px; }
.contact a { color: var(--accent); font-weight: 600; }
.login { display: flex; gap: 10px; flex-wrap: wrap; }
.login input { flex: 1; min-width: 220px; border: 1px solid var(--line); background: var(--surface); border-radius: 999px; padding: 10px 16px; }
.wl-row { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.box { background: var(--surface); border-radius: var(--radius); padding: 8px 20px; box-shadow: var(--shadow); }
.where p { margin: 6px 0; }
.tpl-form { display: grid; gap: 12px; }
.tpl-form label { display: grid; gap: 4px; font-weight: 600; font-size: 13px; }
.tpl-form input, .tpl-form textarea { border: 1px solid var(--line); background: var(--surface-2); border-radius: 10px; padding: 10px 12px; font: inherit; font-weight: 400; font-size: 14px; resize: vertical; }
.tpl-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.tpl-prev { width: 100%; height: 520px; border: 0; border-radius: 12px; background: #f4f4f6; margin-top: 6px; }
@media (max-width: 800px) { .tpl-2 { grid-template-columns: 1fr; } .tpl-prev { height: 460px; } }