/* demand.html — «Ищут покупатели» (заявки «Ищу», 05.10.2026) */
*,*::before,*::after{box-sizing:border-box}
html,body{background:var(--gr50);font-family:var(--font-text);color:var(--gr800);margin:0}
.bc{background:var(--gr50);border-bottom:1px solid var(--gr100)}
.bc-inner{max-width:var(--page-max,1200px);margin:0 auto;padding:10px 24px;font-size:13px;color:var(--gr400)}
.bc-inner a{color:var(--g600);text-decoration:none}
.page{max-width:var(--page-max,1200px);margin:0 auto;padding:32px 24px 64px}
h1{font-family:var(--font-display);font-size:var(--fs-2xl,32px);font-weight:800;margin:0 0 6px}
.sub{font-size:var(--fs-base,15px);color:var(--gr500);max-width:640px;line-height:1.5}
.dm-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}
.dm-new{white-space:nowrap}
.dm-bar{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.dm-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.dm-chips::-webkit-scrollbar{display:none}
.dm-chips button{flex:none;border:1.5px solid var(--gr200);background:#fff;border-radius:100px;padding:8px 14px;font:500 14px var(--font-text);cursor:pointer;color:var(--gr700)}
.dm-chips button.on{border-color:var(--g600);background:var(--g50,#e9f5ee);color:var(--g800,#13502f);font-weight:600}
.dm-select{height:42px;padding:0 12px;border:1.5px solid var(--gr200);border-radius:12px;font:15px var(--font-text);background:#fff;min-width:220px}
.dm-count{font-size:13px;color:var(--gr500);margin:4px 0 10px}
.dm-list{display:flex;flex-direction:column;gap:10px}
.dm-card{background:#fff;border:1px solid var(--gr100);border-radius:16px;padding:16px 18px;display:flex;gap:18px;align-items:center}
.dm-card.dm-hl{border-color:var(--g500,#2f8a5b);box-shadow:0 0 0 3px rgba(47,138,91,.15)}
.dm-main{flex:1;min-width:0}
.dm-t{font:800 17px/1.3 var(--font-display);color:var(--g900,#0f2a1f)}
.dm-qty{display:inline-block;margin-left:6px;font:700 13px var(--font-text);color:#8a5a00;background:#fff4dd;border-radius:7px;padding:2px 8px;vertical-align:2px}
.dm-facts{display:flex;gap:14px;flex-wrap:wrap;font-size:14px;color:var(--gr700);margin-top:6px}
.dm-comment{font-size:14px;line-height:1.5;color:var(--gr600);margin-top:8px;background:var(--cream,#faf8f3);border-radius:10px;padding:8px 12px}
.dm-meta{font-size:12.5px;color:var(--gr400);margin-top:8px}
.dm-act{flex-shrink:0}
.dm-own{font-size:13px;font-weight:600;color:var(--g700);background:var(--g50,#e9f5ee);border-radius:8px;padding:6px 10px}
.dm-empty{background:#fff;border:1px dashed var(--gr200);border-radius:16px;padding:36px 20px;text-align:center;color:var(--gr500);line-height:1.6}
.dm-empty b{display:block;color:var(--g900,#0f2a1f);font-size:16px;margin-bottom:4px}
.dm-empty .btn{margin-top:12px}
/* окно «Предложить» */
.dm-ovl{position:fixed;inset:0;z-index:9500;background:rgba(10,34,24,.5);display:flex;align-items:center;justify-content:center;padding:16px}
.dm-box{background:#fff;border-radius:18px;width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}
.dm-box-h{position:relative;padding-right:40px}
.dm-box-h b{display:block;font:700 18px/1.3 var(--font-display)}
.dm-box-h small{display:block;font-size:13px;color:var(--gr500);margin-top:2px}
.dm-x{position:absolute;right:0;top:0;width:32px;height:32px;border:0;border-radius:8px;background:#f2f2f0;cursor:pointer}
.dm-pick{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}
.dm-opt{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1.5px solid var(--gr100);border-radius:12px;cursor:pointer}
.dm-opt:has(input:checked){border-color:var(--g600);background:#f4faf6}
.dm-opt input{accent-color:#1a6b42}
.dm-opt img,.dm-noph{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--gr50)}
.dm-opt b{display:block;font-size:14px}
.dm-opt small{display:block;font-size:12.5px;color:var(--gr500)}
.dm-l{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--gr600)}
.dm-l textarea{font:15px/1.45 var(--font-text);padding:10px 12px;border:1.5px solid var(--gr200);border-radius:10px;resize:vertical}
.dm-err{background:#fdecea;color:#a3271b;border-radius:10px;padding:9px 12px;font-size:13px}
.dm-err[hidden]{display:none}
@media(max-width:700px){
  .page{padding:20px 16px 48px}
  .dm-head{flex-direction:column;align-items:stretch}
  .dm-new{width:100%}
  .dm-select{width:100%;min-width:0}
  .dm-card{flex-direction:column;align-items:stretch;gap:12px}
  .dm-act .btn{width:100%}
  .dm-ovl{align-items:flex-end;padding:0}.dm-box{border-radius:18px 18px 0 0;max-height:94vh}
}