/* DOG-DAK: кабинет продавца и онбординг (Г+Д, 2026-10-24) */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;opacity:0}

.upload-field{gap:8px}
.upload-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
.upload-row>.upload-list{display:contents}
.upload-row .upload-item,.upload-row .upload-item img{width:96px;height:96px;border-radius:16px}
.upload-row .upload-item img{display:block;object-fit:cover;border:1px solid #F2E3D0}
.upload-row .upload-item button{right:-6px;top:-6px;min-width:28px;min-height:28px;border:2px solid #fff}
.upload-main{position:absolute;left:6px;bottom:6px;padding:3px 8px;border-radius:999px;background:#2B2320;color:#FFF8EE;font-size:10px;font-weight:800;line-height:1.3}
.upload-tile{position:relative;flex:0 0 96px;width:96px;height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;border:2px dashed #9C8B81;border-radius:16px;background:#FFF8EE;color:#5C4F48;font-size:12px;font-weight:800;line-height:1.2;text-align:center;cursor:pointer;transition:border-color .15s,color .15s}
.upload-tile svg{width:24px;height:24px;color:#E8703F}
.upload-tile:hover{border-color:#E8703F;color:#C4532A}
.upload-tile:focus-within{border-color:#E8703F;outline:3px solid rgba(232,112,63,.3);outline-offset:2px}

.delivery-option{padding:12px;margin:10px 0;border:1px solid #F2E3D0;border-radius:14px;background:#fff}
.delivery-option:has(>input[type=checkbox]:checked){border-color:#E8703F;background:#FFF8EE}
.delivery-option>input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:0 0 22px;width:22px;height:22px;min-height:0;margin:0;padding:0;border:2px solid #9C8B81;border-radius:7px;background-color:#fff;box-shadow:none;cursor:pointer}
.delivery-option>input[type=checkbox]:checked{border-color:#E8703F;background:#E8703F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px 14px no-repeat}
.delivery-option>input[type=checkbox]:focus-visible{outline:3px solid rgba(232,112,63,.35);outline-offset:2px}

.field-error{color:#C4532A;font-size:12px;font-weight:800}
.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#C4532A}

#screen .seller-stats .month-card{background:#2B2320;border-color:#2B2320;color:#FFF8EE}
#screen .seller-stats .month-card .small{color:#C9BBB2;font-size:11px;font-weight:800;letter-spacing:.04em}
#screen .seller-stats .month-card .stat{margin:6px 0 4px;color:#FFF8EE;font-size:20px;font-weight:900;line-height:1.25}
#screen .seller-stats .month-card p{color:#C9BBB2;font-size:12px;font-weight:700}
#screen .seller-stats .stats-card .stat{margin:6px 0 4px;color:#C4532A;font-size:20px;font-weight:900;line-height:1.25}

.seller-tabs,.client-filters{display:flex;gap:8px;overflow-x:auto;margin:16px 0 14px;padding-bottom:2px;scrollbar-width:none}
.seller-tabs::-webkit-scrollbar,.client-filters::-webkit-scrollbar{display:none}
.seller-tab{flex:0 0 auto;display:inline-flex;align-items:center;min-height:40px;padding:9px 14px;border:1px solid #F2E3D0;border-radius:999px;background:#fff;color:#2B2320;font:inherit;font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer;text-decoration:none}
.seller-tab.active{background:#2B2320;border-color:#2B2320;color:#FFF8EE}
.seller-tab:focus-visible{outline:3px solid rgba(232,112,63,.35);outline-offset:2px}
.seller-product{display:flex;align-items:center;gap:12px;padding:12px}
.seller-product img{flex:0 0 56px;width:56px;height:56px;border-radius:12px;object-fit:cover}
.seller-product>span{flex:1;min-width:0}
.seller-product b{display:block;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.seller-product small{display:block;margin-top:2px;color:#7A6A61;font-size:12px;font-weight:700}
.seller-more .settings-link{display:none}

#screen .promo-link-card{padding:18px;margin-bottom:14px;border-radius:24px;background:#2B2320;color:#FFF8EE}
#screen .promo-link-card .small{color:#C9BBB2;font-size:11px;font-weight:800;letter-spacing:.04em}
.promo-link{display:block;margin:8px 0 14px;color:#FFF8EE;font-size:20px;font-weight:900;line-height:1.25;overflow-wrap:anywhere}
.promo-link-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.promo-link-actions .button{min-height:44px;gap:6px}
.promo-link-actions .button svg{width:16px;height:16px}
#screen .promo-link-card .button:not(.orange){background:#FFF8EE;border-color:#FFF8EE;color:#2B2320}
#screen .promo-link-card .hint{margin-top:12px;color:#C9BBB2}

.settings-save{margin:4px 0 14px}

@media(min-width:769px){
  body:not(.miniapp)[data-page=seller] #screen{display:block}
  body:not(.miniapp) .seller-stats{margin-bottom:0}
  body:not(.miniapp) .seller-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
  body:not(.miniapp) .seller-panel>.card{margin:0}
  body:not(.miniapp) .seller-panel>.empty{grid-column:1/-1}
  body:not(.miniapp) .seller-more .settings-link{display:inline}
  body:not(.miniapp)[data-page=clients] .client-filters{grid-column:1/-1;margin:0}
  body:not(.miniapp) .settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
  body:not(.miniapp) .settings-form>.card{margin:0}
  body:not(.miniapp) .settings-form>.card:nth-child(1){grid-column:1;grid-row:1}
  body:not(.miniapp) .settings-form>.card:nth-child(2){grid-column:2;grid-row:1/3}
  body:not(.miniapp) .settings-form>.card:nth-child(3){grid-column:1;grid-row:2}
  body:not(.miniapp) .settings-form>.settings-save{grid-column:1/-1;max-width:360px}
  body:not(.miniapp) #product-form>.upload-hero{grid-column:1;grid-row:1/4;margin:0}
  body:not(.miniapp) .promo-link-actions{max-width:420px}
}

/* Е: две главные кнопки кабинета (п.44) */
.seller-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.seller-actions .button{width:100%;min-height:56px;padding:10px 12px;font-size:15px;gap:6px}
.seller-actions .button svg{width:18px;height:18px;flex:0 0 18px}
.button.outline{background:#fff;border:1.5px solid #2B2320;color:#2B2320;box-shadow:none}
.button.outline:hover{background:#FFF8EE}
.seller-more{display:none}
@media(max-width:359px){.seller-actions{grid-template-columns:1fr}[data-page=seller] .shell{padding-bottom:184px}}
@media(min-width:769px){body:not(.miniapp) .seller-more{display:flex}}

/* Е': модерация по макету Moderation.dc.html (п.45-49, 63) */
[data-page=admin] #screen{display:block}
.mod-wrap{max-width:760px;margin:0 auto}
[data-page=admin] .desktop-page-title{max-width:760px;margin-left:auto;margin-right:auto}
.mod-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 10px;padding:2px 0}
.mod-tabs::-webkit-scrollbar{display:none}
.mod-tab{flex:0 0 auto;min-height:44px;padding:0 16px;border:0;border-radius:999px;background:#fff;color:#2B2320;font:inherit;font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer;font-variant-numeric:tabular-nums;transition:background .15s,color .15s}
.mod-tab.active{background:#2B2320;color:#FFF8EE;font-weight:800}
.mod-hint{margin:0 2px 12px;color:#7A6A61;font-size:12px;font-weight:700;line-height:1.4}
.mod-panel>h2{margin:20px 0 8px;font-size:16px;font-weight:800}
.mod-panel>h2:first-child{margin-top:4px}
.mod-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1.5px solid #fff;border-radius:18px;padding:14px;margin:0 0 14px}
.mod-card.is-waiting{border-color:#E8703F}
.mod-head{display:flex;flex-direction:column;gap:12px;min-width:0}
.mod-top{display:flex;gap:12px;align-items:flex-start}
.mod-letter{flex:0 0 44px;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#2B2320;font-size:18px;font-weight:900}
.mod-title{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.mod-name{font-size:15px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}
.mod-name b{font-weight:800}
.mod-since,.mod-meta{color:#7A6A61;font-size:12px;font-weight:700;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.mod-meta{display:block;margin:2px 0 0}
.mod-pill{flex:0 0 auto;align-self:flex-start;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;line-height:1.3;white-space:nowrap}
.mod-pill:focus{outline:none}
.p-wait{background:#FFE3CF;color:#A8441E}
.p-ok{background:#CFEBDD;color:#2F7A50}
.p-hid{background:#F2E3D0;color:#5C4F48}
.p-off{background:#2B2320;color:#FFF8EE}
.mod-check{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:24px;color:#C4532A;font-size:13px;font-weight:800;text-decoration:none}
.mod-check:hover{color:#A8441E}
.mod-actions{display:flex;gap:8px}
.mod-btn{flex:1 1 0;min-width:0;min-height:44px;padding:0 12px;border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:14px;font-weight:800;line-height:1.2;cursor:pointer;transition:background .15s,border-color .15s}
.mod-btn-sm{font-size:13px}
.mod-btn-dark{background:#2B2320;color:#FFF8EE}
.mod-btn-line{background:#fff;color:#2B2320;border:2px solid #F2E3D0}
.mod-btn-line:hover:not(:disabled){border-color:#E8703F}
.mod-btn-outline{flex:none;width:100%;background:#fff;color:#2B2320;border:2px solid #2B2320}
.mod-btn-danger{background:#A8441E;color:#fff}
.mod-btn-auto{flex:0 0 auto;padding:0 14px}
.mod-btn:disabled{background:#F2E3D0;color:#9C8B81;cursor:not-allowed;opacity:1}
.mod-btn-line:disabled{border-color:#F2E3D0}
.mod-off-link{align-self:flex-start;min-height:44px;margin:-8px 0 -6px;padding:0 2px;border:0;background:transparent;color:#A8441E;font:inherit;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.mod-tab:focus-visible,.mod-btn:focus-visible,.mod-off-link:focus-visible,.mod-toggle:focus-visible,.reason-chip:focus-visible{outline:3px solid rgba(232,112,63,.35);outline-offset:2px}
.mod-offbox{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:14px;background:#FFF8EE;color:#5C4F48;font-size:13px;font-weight:700;line-height:1.45}
.mod-offbox .mod-btn{font-size:13px}
.mod-reason:empty{display:none}
.mod-confirm{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:14px;background:#FFE3CF}
.mod-confirm-q{margin:0;color:#2B2320;font-size:13px;font-weight:700;line-height:1.45}
.mod-confirm .field{margin:0}
.reason-presets{display:flex;flex-wrap:wrap;gap:6px}
.reason-chip{min-height:36px;padding:6px 12px;border:1px solid #F2E3D0;border-radius:999px;background:#fff;color:#2B2320;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:border-color .15s}
.reason-chip:hover{border-color:#E8703F}
.mod-products{display:flex;flex-direction:column;gap:8px;border-top:1px solid #F2E3D0;padding-top:4px}
.mod-toggle{min-height:44px;padding:0 2px;border:0;background:transparent;color:#2B2320;display:flex;align-items:center;justify-content:space-between;gap:8px;font:inherit;font-size:14px;font-weight:800;text-align:left;cursor:pointer}
.mod-toggle svg{flex:0 0 20px;transition:transform .15s}
.mod-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.mod-list{display:flex;flex-direction:column;gap:8px}
.mod-list[hidden],.mod-products[hidden]{display:none}
.mod-all-slot:empty{display:none}
.mod-product{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:14px;background:#FFF8EE}
.mod-product-row{display:flex;gap:10px;align-items:center}
.mod-product-row>img,.mod-noimg{display:block;flex:0 0 48px;width:48px;height:48px;border-radius:12px;object-fit:cover;background:#F2E3D0}
.mod-product-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.mod-product-title{color:#2B2320;font-size:14px;font-weight:800;line-height:1.3;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mod-pack{color:#7A6A61;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.mod-product-row .mod-pill{padding:3px 8px}
.mod-empty{margin:0 0 14px;padding:16px;border-radius:18px;background:#fff;color:#5C4F48;font-size:14px;line-height:1.5;text-align:center}
.mod-empty-ok{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 20px}
.mod-empty-ok b{color:#2B2320;font-size:18px;font-weight:900}
.mod-empty-ico{width:48px;height:48px;border-radius:16px;background:#CFEBDD;color:#2F7A50;display:flex;align-items:center;justify-content:center}
.mod-card .mod-log{font-size:12px}
#toast.mod-toast{top:auto;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),520px);max-width:none;display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;background:#2B2320;color:#FFF8EE;font-size:14px;font-weight:700;line-height:1.4}
#toast .toast-ico{flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#CFEBDD;color:#2F7A50;display:flex;align-items:center;justify-content:center}
.promo-link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}