:root{
  --bg:#eef2f4; --surface:#fff; --surface-2:#f5f7f9; --line:#dfe5ec; --line-2:#e9eef2;
  --text:#333; --text-2:#525c69; --muted:#828b95; --blue:#2fc6f6; --blue-d:#11a9d9; --link:#2067b0;
  --accent:#3bc8f5; --accent-ink:#0b7fa6; --accent-bg:#e5f7fd;
  --umk:#2067b0; --umk-bg:#e6effa; --pol:#1b8f6a; --pol-bg:#e3f5ee; --bot:#6a3fc7; --bot-bg:#f1ebfe; --gen:#525c69; --gen-bg:#eef1f4;
  --bug:#e2455a; --warn:#e89b00; --warn-bg:#fff4dc; --ok:#1fa67a; --ok-bg:#e2f6ee;
  --c-new:#3bc8f5; --c-ana:#ffb547; --c-conf:#a77bf3; --c-work:#2f8cf0; --c-check:#3ccf9e; --c-prod:#1fa67a; --c-done:#5b7db1; --c-closed:#a7b0ba;
  --shadow:0 1px 2px rgba(30,45,60,.08),0 1px 6px rgba(30,45,60,.05);
  --radius:10px;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--text);font:14px/1.45 "Open Sans",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
.app{display:flex;flex-direction:column;height:100%}

/* шапка */
.top{min-height:56px;flex:0 0 auto;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 24px}
.logo{display:flex;align-items:center;gap:10px;min-width:0;flex:0 0 auto}
.logo-mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#2fc6f6,#2067b0);display:grid;place-items:center;flex:0 0 auto}
.logo-title{font-weight:700;font-size:17px;white-space:nowrap}
.logo-sub{color:var(--muted);font-size:12.5px;white-space:nowrap}
.search{flex:0 1 300px;margin-left:12px;display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;height:34px;padding:0 10px;color:var(--muted);min-width:0}
.search input{border:0;background:transparent;outline:0;flex:1 1 auto;min-width:0;color:var(--text);font-size:13.5px}
.search input::placeholder{color:var(--muted)}
.search:focus-within{border-color:var(--accent);background:#fff}
.search .clear{border:0;background:transparent;color:var(--muted);padding:0 2px;font-size:16px;line-height:1}
.spacer{flex:1 1 auto}
.sync{display:flex;align-items:center;gap:7px;background:var(--ok-bg);color:#11734f;border-radius:18px;height:30px;padding:0 12px;font-size:12.5px;white-space:nowrap}
.sync .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:0 0 auto}
.sync.bad{background:#fff1f3;color:#b4233a}.sync.bad .dot{background:var(--bug)}
button.botst{border:0;cursor:pointer;font:inherit;font-size:12.5px}
button.botst .bi{display:none;flex:0 0 auto}
button.botst:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.st-row{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--line-2);font-size:13px;line-height:1.45}
.st-row:last-child{border-bottom:0}
.st-row .mk{flex:0 0 18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--ok);margin-top:1px}
.st-row.bad .mk{background:var(--bug)}
.st-row .tt{font-weight:600}
.st .dd{color:var(--text-2);overflow-wrap:anywhere;font-size:12.5px}
.st-msg{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f7f9;border-radius:6px;padding:6px 8px;margin:6px 0;font-size:12.5px;color:var(--text-2)}
.user{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;color:var(--text-2)}
.user .out{border:1px solid var(--line);background:var(--surface);border-radius:7px;height:30px;padding:0 10px;font-size:12.5px;color:var(--text-2)}
.user .out:hover{background:var(--surface-2)}
.av{width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-size:10.5px;font-weight:700;flex:0 0 auto;letter-spacing:.2px;background:#2067b0}
.av.lg{width:30px;height:30px;font-size:12px}
.av.claude{background:#d97757}

/* разделы и фильтры */
.filters{flex:0 0 auto;display:flex;align-items:center;gap:12px 16px;padding:12px 24px;flex-wrap:wrap}
.filters .push{margin-left:auto}
.flabel{font-size:12px;color:var(--muted);margin-right:6px}
.tabs{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:3px;gap:2px}
.tabs button{border:0;background:transparent;border-radius:7px;padding:6px 14px;color:var(--text-2);font-size:14px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}
.tabs button .n{color:var(--muted);font-weight:600;font-size:12.5px}
.tabs button.on{background:var(--accent-bg);color:var(--accent-ink)}
.tabs button.on .n{color:var(--accent-ink)}
.tabs .badge{background:#a77bf3;color:#fff;border-radius:9px;padding:0 6px;font-size:11px;font-weight:700;line-height:17px}
.fgroup{display:flex;align-items:center;min-width:0}
.seg{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:2px;min-width:0}
.seg button{border:0;background:transparent;border-radius:6px;padding:5px 10px;color:var(--text-2);font-size:13px;white-space:nowrap}
.seg button .n{color:var(--muted);margin-left:5px;font-size:12px}
.seg button.on{background:var(--accent-bg);color:var(--accent-ink);font-weight:600}
.seg button.on .n{color:var(--accent-ink)}
.btn{height:34px;border-radius:7px;padding:0 16px;border:1px solid var(--line);background:var(--surface);color:var(--text-2);font-weight:600;font-size:13px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.btn:hover{background:var(--surface-2)}
.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.btn.primary:hover{background:var(--blue-d)}
.btn.danger{color:#b4233a;border-color:#f3c3ca}
.btn.ghost{border-color:transparent;color:var(--link);padding:0 10px;background:transparent}
.btn.sm{height:28px;padding:0 10px;font-size:12.5px}
.btn:disabled{opacity:.55;cursor:default}
.found{font-size:12.5px;color:var(--text-2)}
/* заявитель и порядок (только «Заявки») */
.fpick{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;min-width:0}
.fsel{display:flex;align-items:center;min-width:0}
.fsel select{height:30px;max-width:280px;min-width:0;border:1px solid var(--line);border-radius:8px;padding:0 28px 0 10px;font-size:13px;color:var(--text-2);cursor:pointer;text-overflow:ellipsis;-webkit-appearance:none;appearance:none;
  background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23828b95' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center}
.fsel select:hover{border-color:#cfd7e0}
.fsel select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.fsel select.on{background-color:var(--accent-bg);color:var(--accent-ink);border-color:#bfe9f8;font-weight:600}
.fsel option{font-weight:400;color:var(--text);background:#fff}

/* доска */
.board{flex:1 1 auto;overflow:auto;padding:0 24px 20px;min-height:0}
/* v0.4.1: колонки листаются каждая сама; шапка, вкладки и заголовки колонок стоят на месте */
.board.cols-mode{overflow-y:hidden}
.cols{display:grid;grid-template-columns:repeat(var(--ncol,5),minmax(190px,1fr));grid-template-rows:minmax(0,1fr);gap:12px;height:100%;align-items:start}
.col{background:#e6ebef;border-radius:var(--radius);min-width:0;min-height:0;max-height:100%;display:flex;flex-direction:column;transition:box-shadow .12s}
.col.drop{box-shadow:0 0 0 2px var(--accent) inset;background:#e1f3fa}
.col.nodrop{opacity:.6}
.col-h{background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;border-top:4px solid var(--c);padding:9px 12px 8px;position:sticky;top:0;z-index:1}
.col-h .t{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13.5px}
.col-h .t .cnt{margin-left:auto;background:var(--surface-2);color:var(--text-2);border-radius:10px;padding:0 8px;font-size:12px;font-weight:600}
.col-h .w{font-size:11.5px;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.col-b{padding:8px;display:flex;flex-direction:column;gap:8px;min-height:64px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.empty{color:var(--muted);font-size:12.5px;text-align:center;padding:18px 8px;border:1px dashed #cfd7de;border-radius:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;align-items:start}
.grid-h{display:flex;align-items:baseline;gap:10px;margin:2px 0 10px;font-size:12.5px;color:var(--muted)}
.grid-h b{color:var(--text);font-size:13.5px}
.nothing{background:var(--surface);border-radius:var(--radius);padding:28px 16px;text-align:center;color:var(--muted);font-size:13px}

.card{background:var(--surface);border-radius:8px;box-shadow:var(--shadow);padding:10px 11px 9px;border:1px solid transparent;cursor:pointer;min-width:0;outline:0}
.card:hover{border-color:#bfe9f8}
.card:focus-visible{border-color:var(--accent)}
.card.sel{border-color:var(--accent);box-shadow:0 0 0 2px rgba(59,200,245,.25),var(--shadow)}
.card.dragging{opacity:.45}
.card .r1{display:flex;align-items:center;gap:6px;min-width:0}
.no{font-weight:700;color:var(--link);font-size:12.5px;white-space:nowrap}
.proj{font-size:11px;font-weight:600;border-radius:4px;padding:0 6px;white-space:nowrap;line-height:18px;overflow:hidden;text-overflow:ellipsis;min-width:0}
.proj.umk{background:var(--umk-bg);color:var(--umk)}
.proj.poliom{background:var(--pol-bg);color:var(--pol)}
.proj.bot{background:var(--bot-bg);color:var(--bot)}
.proj.general{background:var(--gen-bg);color:var(--gen)}
.time{margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap;flex:0 0 auto}
.title{font-size:13.5px;font-weight:600;line-height:1.35;margin:6px 0 7px;color:#2a3138;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.card .r2{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 6px;min-width:0}
.card .r2:empty{display:none}
.chip{font-size:11px;border-radius:10px;padding:1px 7px;white-space:nowrap;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.chip.me{background:#f1e9fe;color:#6a3fc7}
.chip.author{background:var(--warn-bg);color:#9a6600}
.chip.claude{background:var(--accent-bg);color:var(--accent-ink)}
.chip.dev{background:#e7f0fd;color:#1f5fb8}
.chip.done{background:var(--ok-bg);color:#11734f}
.chip.rej{background:#f0f2f4;color:var(--text-2)}
.chip.bad{background:#fff1f3;color:#b4233a}
.flag{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:#c2410c;background:#fff0e6;border-radius:4px;padding:0 5px;line-height:18px;white-space:nowrap}
.flag.urgent{color:#fff;background:#e2455a}
.flag.low{color:var(--text-2);background:var(--surface-2);font-weight:600}
.sub{font-size:11.5px;color:var(--muted);margin:-1px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card .r3{display:flex;align-items:center;gap:6px;min-width:0;border-top:1px solid var(--line-2);padding-top:7px}
.card .who{font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.cnts{margin-left:auto;display:flex;gap:8px;color:var(--muted);font-size:11.5px;flex:0 0 auto}
.cnts span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.card .quick{margin-left:auto}

/* правая карточка */
.drawer{position:fixed;top:var(--top-h,56px);right:0;bottom:0;width:max(50vw,560px);max-width:100%;background:var(--surface);box-shadow:-8px 0 28px rgba(30,45,60,.16);display:flex;flex-direction:column;transform:translateX(105%);transition:transform .18s ease;z-index:10;visibility:hidden}
.drawer.open{transform:none;visibility:visible}
/* вопросы по заявке — гармошка */
.acc{display:flex;flex-direction:column;gap:6px}
.acc-i{border:1px solid var(--line);border-radius:8px;background:#fff;min-width:0}
.acc-i.open{border-color:#d9c6fb;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.acc-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;text-align:left;background:none;border:0;padding:9px 11px;cursor:pointer;font:inherit;color:inherit;border-radius:8px}
.acc-h:hover{background:#faf7ff}
.acc-h:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.acc-h .no{font-weight:700;color:var(--accent-ink);font-size:12.5px}
.acc-t{flex:1 1 220px;min-width:0;font-weight:600;font-size:13px;overflow-wrap:anywhere}
.acc-rec{flex:1 1 100%;font-size:12px;color:var(--text-2);overflow-wrap:anywhere}
.acc-h .chev{margin-left:auto;transition:transform .15s;color:var(--muted)}
.acc-i.open .acc-h .chev{transform:rotate(180deg)}
.acc-b{padding:0 11px 11px;display:flex;flex-direction:column;gap:8px}
.acc-b .text{font-size:13px}
.dtabs .tdot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-left:6px;vertical-align:middle}
.dtabs button.empty{color:var(--muted)}
.back-link{display:inline-flex;align-items:center;gap:4px;font-size:13px}
.ftoggle.on{background:var(--accent-bg);color:var(--accent-ink);border-color:#bfe9f8}
.dh{padding:16px 22px 12px;border-bottom:1px solid var(--line);flex:0 0 auto}
.dh .r{display:flex;align-items:center;gap:8px;min-width:0}
.dh .no{font-size:15px}
.pill{border-radius:12px;padding:1px 10px;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.x{margin-left:auto;border:0;background:transparent;width:32px;height:32px;border-radius:8px;color:var(--muted);display:grid;place-items:center;flex:0 0 auto}
.x:hover{background:var(--surface-2)}
.dh h2{font-size:19px;line-height:1.3;margin:8px 0 10px;font-weight:700;overflow-wrap:anywhere}
.tags{display:flex;gap:6px;flex-wrap:wrap}
.tags .proj{font-size:11.5px;line-height:20px}
.acts{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.db{flex:1 1 auto;overflow:auto;padding:14px 22px 30px}
.turn{display:flex;gap:10px;align-items:flex-start;border-radius:8px;padding:10px 12px;margin-bottom:14px;font-size:13px;line-height:1.45}
.turn svg{flex:0 0 auto;margin-top:1px}
.turn.me{background:#f3ecfe;color:#4c2a92}
.turn.author{background:var(--warn-bg);color:#7a5200}
.turn.claude{background:var(--accent-bg);color:#0a6283}
.turn.dev{background:#e7f0fd;color:#1a4f9a}
.turn.done{background:var(--ok-bg);color:#0f6646}
.turn.rej{background:var(--surface-2);color:var(--text-2)}
.box{border:1px solid var(--line);border-radius:8px;padding:12px;margin-bottom:16px;background:var(--surface)}
.box.need{border-color:#f3c3ca;background:#fff6f7}
.box.ask{border-color:#d9c6fb;background:#faf7ff}
.box .bh{font-weight:700;font-size:13px;margin-bottom:8px}
.box .row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
.meta{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:8px;margin-bottom:18px;overflow:hidden}
.meta>div{padding:8px 12px;border-bottom:1px solid var(--line-2);min-width:0}
.meta>div:nth-child(odd){border-right:1px solid var(--line-2)}
.meta>div:nth-last-child(-n+2){border-bottom:0}
.meta .k{font-size:11.5px;color:var(--muted)}
.meta .v{font-size:13px;color:var(--text);overflow-wrap:anywhere}
.meta .v small{color:var(--muted);font-size:11.5px}
.sec{margin-bottom:18px}
.sec-h{display:flex;align-items:baseline;gap:8px;font-weight:700;font-size:13.5px;margin-bottom:8px;flex-wrap:wrap}
.sec-h .s{font-weight:400;color:var(--muted);font-size:12px}
.text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px;line-height:1.55;color:#2f363d}
.quote{background:var(--surface-2);border-left:3px solid #c9d3dc;border-radius:0 8px 8px 0;padding:9px 12px;font-size:13px;line-height:1.55;color:#3b434b;white-space:pre-wrap;overflow-wrap:anywhere}
.answer{background:#f3ecfe;border-radius:8px;padding:10px 12px;font-size:13.5px;line-height:1.55;color:#3c2378;white-space:pre-wrap;overflow-wrap:anywhere}
.answer .by{display:block;margin-top:6px;font-size:11.5px;color:#7a62b0;white-space:normal}
.none{color:var(--muted);font-size:12.5px}
.links{border:1px solid var(--line);border-radius:8px;padding:6px 12px;font-size:12.5px;color:var(--text-2)}
.links.emptyl{border-style:dashed;border-color:#cfd7de;color:var(--muted);padding:10px 12px}
.links .l{display:flex;gap:8px;margin:4px 0;align-items:center;min-width:0}
.links .l .k{min-width:62px;color:var(--muted);flex:0 0 auto}
.links .l .v{min-width:0;overflow-wrap:anywhere}
.links .l .rm{margin-left:auto;border:0;background:transparent;color:var(--muted);border-radius:6px;width:26px;height:26px;flex:0 0 auto}
.links .l .rm:hover{background:var(--surface-2);color:#b4233a}
code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:var(--surface-2);border-radius:4px;padding:0 5px;color:var(--text)}
a{color:var(--link)}
.comments{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.cmt{background:var(--surface-2);border-radius:10px;padding:8px 11px;font-size:13px;line-height:1.5}
.cmt .h{font-size:11.5px;color:var(--muted);margin-bottom:2px;display:flex;gap:6px;align-items:center}
.cmt .h b{color:var(--text-2);font-weight:600}
.cmt .b{white-space:pre-wrap;overflow-wrap:anywhere}
.cmt.claude{background:#fdf1ec}
.hist{position:relative;padding-left:18px}
.hist:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--line)}
.hist>div{position:relative;font-size:12.5px;color:var(--text-2);margin-bottom:7px;overflow-wrap:anywhere}
.hist>div:before{content:"";position:absolute;left:-17px;top:5px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--hc,var(--accent))}
.hist b{color:var(--text);font-weight:600}
.hist details{margin-top:2px}
.hist summary{cursor:pointer;color:var(--link);font-size:12px}
.hist .old{white-space:pre-wrap;background:var(--surface-2);border-radius:6px;padding:6px 8px;margin-top:4px;font-size:12px}

/* вопросы: родитель, варианты, вопросы по заявке */
.parent{font-size:12px;color:var(--text-2);margin:-3px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.parent.none{color:var(--muted)}
.plink{color:var(--link);font-weight:600;text-decoration:none}
.plink:hover{text-decoration:underline}
.dh-parent{margin:8px 0 0;white-space:normal;overflow-wrap:anywhere;font-size:13px}
.opts{display:flex;flex-direction:column;gap:8px}
.opt{border:1px solid var(--line);border-radius:8px;padding:9px 11px;background:#fff;display:grid;grid-template-columns:1fr auto;column-gap:10px;row-gap:3px;align-items:center}
.opt.rec{border-color:#c8a8f8;background:#fbf8ff}
.opt.chosen{border-color:#9ad9bf;background:#f3fbf7}
.opt .ot{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;grid-column:1}
.opt .ol{font-weight:600;font-size:13.5px;color:var(--text);overflow-wrap:anywhere}
.opt .rb{font-size:11px;font-weight:700;color:#6a3fc7;background:#f1e9fe;border-radius:10px;padding:0 7px;white-space:nowrap}
.opt .cb{font-size:11px;font-weight:700;color:#11734f;background:var(--ok-bg);border-radius:10px;padding:0 7px;white-space:nowrap}
.opt .od{grid-column:1;font-size:12.5px;color:var(--text-2);overflow-wrap:anywhere}
.opt .oa{grid-column:2;grid-row:1 / span 2;align-self:center}
.clabel{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);margin-top:4px}
.own{margin-top:2px}
.answer .ah{font-size:11.5px;font-weight:700;color:#6a3fc7;text-transform:none;margin-bottom:2px}
.answer .al{font-weight:600}
.answer .an{font-size:12.5px;color:#5b4a85;margin-top:2px;white-space:normal}
.answer .ac{font-size:12.5px;margin-top:6px;white-space:pre-wrap}
.qlist{display:flex;flex-direction:column;gap:6px}
.q{display:block;border:1px solid var(--line);border-radius:8px;padding:8px 11px;text-decoration:none;color:inherit;background:#fff}
.q:hover{border-color:#bfe9f8}
.q.waiting{border-color:#d9c6fb;background:#faf7ff}
.q .qt{display:flex;align-items:center;gap:8px}
.q .qq{font-size:13px;color:var(--text);margin-top:3px;overflow-wrap:anywhere}
.q .qa{font-size:12.5px;color:#11734f;margin-top:3px;overflow-wrap:anywhere}
.q .qa.muted{color:var(--muted)}

/* вопросы заявителю (Д-0189) */
.rqs{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.rq{border:1px solid var(--line);border-radius:8px;padding:9px 11px;background:#fff;display:flex;flex-direction:column;gap:6px;min-width:0}
.rq.open{border-color:#d9c6fb;background:#faf7ff}
.rq-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.rq-k{font-size:11.5px;color:var(--muted);overflow-wrap:anywhere}
.rq-q{font-size:13.5px;font-weight:600;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}
.rq .answer{background:var(--ok-bg);color:#0f4f37}
.rq .answer .by{color:#2f7a5a}
.rq-ask{margin-top:8px}
/* слепое голосование (Д-0190) */
.box.vote{border-color:#d9c6fb;background:#faf7ff;display:flex;flex-direction:column;gap:10px}
.box.vote.failed{border-color:#f3c3ca;background:#fff8f9}
.vt-n{font-size:12.5px;color:#4c2a92}
.vt-f{display:flex;flex-direction:column;gap:8px;min-width:0}
.vt-f .row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.vt-me{font-size:13px;overflow-wrap:anywhere}
.vt-wf{display:flex;flex-direction:column;gap:8px}
.vt-res{display:flex;flex-direction:column;gap:6px}
.vt-r{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:13.5px;min-width:0}
.vt-why{color:var(--text-2);overflow-wrap:anywhere;white-space:pre-wrap;min-width:0;flex:1 1 200px}

/* разбор заявки из бота (Д-0189) */
.box.an{border-color:#cfe6f5;background:#f8fcff;display:flex;flex-direction:column;gap:10px}
.an-st{font-size:12.5px;color:#0a6283;background:var(--accent-bg);border-radius:6px;padding:6px 9px}
.an-f{min-width:0}
.an-k{font-size:11.5px;color:var(--muted);font-weight:600;margin-bottom:2px}
.an-f ol{margin:2px 0 0;padding-left:20px;font-size:13.5px;line-height:1.5}
.an-page{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px;text-decoration:none;color:var(--link);max-width:520px}
.an-page:hover{border-color:#bfe9f8}
.an-page img{display:block;width:100%;height:auto;max-height:260px;object-fit:cover;object-position:top;border-radius:5px;border:1px solid var(--line-2)}
.an-pl{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;flex-wrap:wrap}
.an-pl small{color:var(--muted);font-weight:400}
.an-gone{font-size:12.5px;color:var(--muted);border:1px dashed #cfd7de;border-radius:8px;padding:8px 10px}
.an-own{background:var(--warn-bg);border-radius:6px;padding:7px 10px;font-size:13px;color:#5c4100;overflow-wrap:anywhere}
.an-own .an-k{color:#9a6600}
.an-resp{font-size:12.5px;color:var(--text-2);overflow-wrap:anywhere}
.an-resp>div{margin-top:2px}
.an-resp b{font-weight:600;color:var(--text)}
.an-old summary{cursor:pointer;color:var(--link);font-size:12.5px}
.an-oi{border-top:1px solid var(--line-2);margin-top:8px;padding-top:8px;display:flex;flex-direction:column;gap:8px}
.an-oh{font-size:12px;font-weight:700;color:var(--text-2)}
/* уточнения к разбору (Д-0199) */
.cl{display:flex;flex-direction:column;gap:8px;min-width:0;border-top:1px solid var(--line-2);padding-top:10px}
.cl .an-k{margin-bottom:0}
.cl-s{font-weight:400}
.cl-hint{font-size:12.5px;color:var(--text-2)}
.cl-i.wait{border-color:#d9c6fb;background:#faf7ff}
.cl-ro{font-size:12.5px;color:var(--text-2);overflow-wrap:anywhere}
.cl-f{display:flex;flex-direction:column;gap:8px;min-width:0}
.cl-opts{display:flex;flex-direction:column;gap:6px}
.cl-o{display:flex;align-items:flex-start;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:13px;line-height:1.4;cursor:pointer;min-width:0;overflow-wrap:anywhere}
.cl-o input{margin:2px 0 0;flex:0 0 auto;accent-color:var(--blue-d)}
.cl-o:has(input:checked){border-color:var(--blue);background:#f0fbff}
.cl-f .row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* вкладки правой карточки и документ «Контекст» */
.dtabs{display:flex;gap:2px;margin:12px 0 -12px;border-bottom:0}
.dtabs button{border:0;background:transparent;padding:8px 12px;font-size:13.5px;font-weight:600;color:var(--text-2);border-bottom:2px solid transparent;margin-bottom:-1px}
.dtabs button.on{color:var(--accent-ink);border-bottom-color:var(--accent)}
.docmeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-bottom:12px}
.docmeta .acts{margin-top:0}
.md{font-size:14px;line-height:1.6;color:#2f363d;overflow-wrap:anywhere}
.md h2{font-size:18px;margin:18px 0 8px}
.md h3{font-size:16px;margin:16px 0 6px}
.md h4{font-size:14.5px;margin:14px 0 6px}
.md p{margin:0 0 10px}
.md ul,.md ol{margin:0 0 10px;padding-left:22px}
.md li{margin:2px 0}
.md blockquote{margin:0 0 10px;padding:6px 12px;border-left:3px solid #c9d3dc;background:var(--surface-2);border-radius:0 8px 8px 0}
.md pre{background:#f4f6f8;border-radius:8px;padding:10px 12px;overflow-x:auto;font-size:12.5px;line-height:1.5;margin:0 0 10px}
.md code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;background:var(--surface-2);border-radius:4px;padding:0 4px}
.md pre code{background:transparent;padding:0}
.md .tbl{overflow-x:auto;margin:0 0 10px}
.md table{border-collapse:collapse;font-size:13px;min-width:100%}
.md th,.md td{border:1px solid var(--line);padding:5px 8px;text-align:left;vertical-align:top}
.md th{background:var(--surface-2);font-weight:600}
.md hr{border:0;border-top:1px solid var(--line);margin:14px 0}
.md a{color:var(--link)}
.md.preview{border:1px dashed #cfd7de;border-radius:8px;padding:10px 12px;min-height:200px}
textarea.in.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.5;min-height:360px}

/* формы */
.form{display:flex;flex-direction:column;gap:12px}
.form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);min-width:0}
.form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
input.in,textarea.in,select.in{border:1px solid var(--line);border-radius:7px;background:#fff;padding:7px 10px;font-size:13.5px;color:var(--text);width:100%;min-width:0}
textarea.in{resize:vertical;min-height:70px;line-height:1.45}
input.in:focus,textarea.in:focus,select.in:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 2px rgba(59,200,245,.18)}
.hint{font-size:11.5px;color:var(--muted)}
.hint.ok{color:#11734f}
.hint.bad{color:#b4233a}
/* «Выкладка без ревью» на карточке «На бете» */
.wv{display:flex;flex-direction:column;gap:10px}
.wv .sec-h{margin-bottom:0}
.wv-form,.wv-slot{display:flex;flex-direction:column;gap:10px}
.wv-slot:empty{display:none}
.wv-f{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--text-2)}
.wv-sha{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.wv-sure{display:flex;align-items:flex-start;gap:8px;cursor:pointer}
.wv-sure input{flex:0 0 auto;width:16px;height:16px;margin:2px 0 0}
.wv-res{padding:8px 10px;border-radius:7px;background:var(--surface-2);overflow-wrap:anywhere}
.wv-res.ok{background:var(--ok-bg);color:#11734f}
.wv-res.bad{background:#fdecef;color:#b4233a}
.wv-revoke{display:flex;gap:8px;flex-wrap:wrap}
.wv-revoke .in{flex:1 1 200px;width:auto}
.form .seg{align-self:flex-start;flex-wrap:wrap}

/* «Фильтры» (только телефон) и выбор владельца «Заявка с разбором · Идея · Вопрос себе» (Д-0208) */
.fbtn{display:none;position:relative;flex:0 0 auto;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text-2);align-items:center;justify-content:center;padding:0}
.fbtn.on{background:var(--accent-bg);color:var(--accent-ink);border-color:#bfe9f8}
.fbtn .fn{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:10px;background:var(--accent-ink);color:#fff;font-size:12px;font-weight:700;line-height:20px;text-align:center;padding:0 5px}
.seg.ik-kind{align-self:flex-start;flex-wrap:wrap;margin-bottom:2px}
.ik-projrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ik-projl{color:var(--text-2);font-size:13px}
.ik-combo{position:relative;flex:1 1 220px;max-width:320px}
.ik-combo-in{width:100%}
.ik-combo-list{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 2px);margin:0;padding:4px;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}
.ik-combo-list li{padding:7px 10px;border-radius:6px;cursor:pointer;font-size:14px}
.ik-combo-list li.act,.ik-combo-list li:hover{background:var(--accent-bg);color:var(--accent-ink)}
.ik-combo-list li[aria-selected=true]{font-weight:600}
.ik-combo-list li.none{color:var(--muted);cursor:default;background:none}
.db:not(.ik)>.ik-kind{margin-bottom:14px}

/* уведомления */
.toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:#2a3138;color:#fff;border-radius:8px;padding:9px 14px;font-size:13px;z-index:30;box-shadow:0 6px 20px rgba(0,0,0,.18);max-width:calc(100vw - 32px)}
.toast.bad{background:#b4233a}
.banner{margin:0 24px 10px;border-radius:8px;padding:8px 12px;font-size:13px;background:#fff6f7;border:1px solid #f3c3ca;color:#8a1c2e}

/* вход */
.login{max-width:440px;margin:12vh auto 0;background:var(--surface);border-radius:12px;box-shadow:var(--shadow);padding:26px 26px 22px}
.login h1{font-size:19px;margin:14px 0 8px}
.login p{color:var(--text-2);margin:0 0 10px;font-size:13.5px}

@media (max-width:1100px){
  .user .nm{display:none}
}
@media (max-width:1280px){
  .drawer{width:calc(100vw - 72px)}   /* до 1280 — на всю ширину минус полоска доски слева */
}
@media (max-width:900px){
  .top{padding:8px 12px;gap:10px;flex-wrap:wrap}
  .logo-sub{display:none}
  .search{order:5;flex:1 1 100%;margin-left:0}
  .filters{padding:10px 12px;gap:10px}
  .board{padding:0 12px 16px}
  .banner{margin:0 12px 10px}
  .drawer{width:calc(100vw - 72px)}
  .dh{padding:14px 16px 12px}.db{padding:12px 16px 26px}
}
@media (min-width:768px) and (max-width:900px){
  /* планшет: «Скрыть закрытые» — в строку разделов, где есть место; «Добавить» остаётся рядом с проектами */
  #tabs{order:0} #fClosed{order:1} .fgroup{order:2} #found{order:3} #fPick{order:5}
}
@media (max-width:767px){
  .top{gap:8px}
  .sync{padding:0 10px}
  .sync:not(.bad) #syncText{display:none}
  button.botst{padding:0 9px;gap:5px}
  button.botst .bi{display:block}
  button.botst #botText{display:none}
  .user{gap:6px}
  .filters .push{margin-left:0}
  .fgroup .flabel{display:none}
  /* заявитель и порядок — своей строкой под «Скрыть закрытые» и «Добавить», подписи у пунктов внутри */
  #fPick{order:1;width:100%;flex-wrap:nowrap;gap:8px}
  .fsel .flabel{display:none}
  .fsel:first-child{flex:1 1 0}
  .fsel:last-child{flex:0 0 auto}
  .fsel:first-child select{width:100%;max-width:none}
  .tabs{width:100%}
  .tabs button{flex:1 1 0;justify-content:center;padding:6px 6px;font-size:13px}
  .board{scroll-snap-type:x mandatory}
  .cols{grid-template-columns:repeat(var(--ncol,5),calc(100vw - 48px))}
  .col{scroll-snap-align:start}
  .grid{grid-template-columns:1fr}
  .meta{grid-template-columns:1fr}
  .meta>div:nth-child(odd){border-right:0}
  .meta>div:nth-last-child(2){border-bottom:1px solid var(--line-2)}
  .form .two{grid-template-columns:1fr}
  .opt{grid-template-columns:1fr}
  .opt .oa{grid-column:1;grid-row:auto;margin-top:4px}
  .sync .long{display:none}
  .drawer{width:100%}                   /* телефон — на весь экран */
}
/* страница входа из Битрикс24 «откройте заново» (во фрейме портала, и на телефоне) */
.login .code{font-size:11.5px;color:var(--muted);margin:14px 0 0}
@media (max-width:480px){.login{margin:6vh 12px 0;padding:22px 18px 18px}}

/* заявка с доски (Д-0198): кнопка, форма, файлы в карточке, что нажать заявителю */
.btn.newreq{height:38px;padding:0 18px;font-size:14px}
.btn.lg{height:42px;padding:0 20px;font-size:14px}
.db.ik{display:flex;flex-direction:column;gap:12px}
.ik-lead{margin:0;font-size:14px;line-height:1.5;color:var(--text-2)}
.ik-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ik-tile{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:1.5px dashed #a9def2;background:#f5fcff;border-radius:10px;padding:14px;min-height:112px;text-align:left;min-width:0;font:inherit;color:inherit}
.ik-tile:hover{border-color:var(--blue);background:#ecf9fe}
.ik-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ik-ic{width:38px;height:38px;border-radius:10px;background:var(--accent-bg);color:var(--accent-ink);display:grid;place-items:center;flex:0 0 auto}
.ik-tt{display:flex;flex-direction:column;gap:2px;min-width:0}
.ik-tt b{font-size:15px;color:var(--text);font-weight:700}
.ik-sub{font-size:12.5px;color:var(--text-2);line-height:1.4;overflow-wrap:anywhere}
.ik-how{font-size:12px;color:var(--accent-ink);line-height:1.4;overflow-wrap:anywhere;margin-top:2px}
.ik-tile.rec{border-style:solid;border-color:var(--bug);background:#fff4f5}
.ik-tile.rec .ik-ic{background:var(--bug);color:#fff}
.ik-tile.rec .ik-sub{color:#b4233a;font-weight:600}
.ik-note{font-size:12.5px;color:#7a5200;background:var(--warn-bg);border-radius:8px;padding:8px 10px;line-height:1.45}
.ik-link{align-self:flex-start;border:0;background:none;padding:0;color:var(--link);font-size:12.5px;text-decoration:underline;cursor:pointer}
.ik-files{display:flex;flex-direction:column;gap:8px}
.ik-files:empty{display:none}
.ik-f{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:6px 10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff;min-width:0}
.ik-th{width:56px;height:56px;border-radius:6px;background:var(--surface-2);display:grid;place-items:center;overflow:hidden;color:var(--muted)}
.ik-th img{width:100%;height:100%;object-fit:cover;display:block}
.ik-n{min-width:0;display:flex;flex-direction:column;gap:2px}
.ik-n b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ik-n small{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.ik-n small.bad{color:#b4233a}
.ik-bar{height:4px;background:var(--line-2);border-radius:2px;overflow:hidden;margin-top:3px}
.ik-bar i{display:block;height:100%;width:0;background:var(--blue);transition:width .2s}
.ik-a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ik-f audio,.ik-f video{grid-column:1 / -1;width:100%;max-height:220px;border-radius:6px}
.ik-text{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--muted)}
.ik-text textarea{min-height:110px;font-size:14.5px}
.ik-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.btn.ik-send,.btn.ik-cancel{height:44px;padding:0 24px;font-size:15px}
.ik-pill{background:var(--accent-bg);color:var(--accent-ink)}
.ik-done{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 6px;gap:6px}
.ik-ok{width:60px;height:60px;border-radius:50%;background:var(--ok-bg);color:var(--ok);display:grid;place-items:center;margin-bottom:6px}
.ik-done h3{font-size:22px;margin:0}
.ik-done p{margin:0 0 12px;max-width:440px;font-size:14px;line-height:1.5;color:var(--text-2)}
.ik-done .ik-row{justify-content:center}
.box.my{border-color:#d9c6fb;background:#faf7ff;display:flex;flex-direction:column;gap:10px}
.my-n{font-size:13.5px;font-weight:600;color:#4c2a92}
.my-row{display:flex;gap:10px;flex-wrap:wrap}
.fl{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.fl-i{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;min-width:0;padding:0;font:inherit;color:inherit;text-align:left}
button.fl-i{cursor:zoom-in}
button.fl-i:hover{border-color:#bfe9f8}
.fl-i img{display:block;width:100%;height:120px;object-fit:cover;background:var(--surface-2)}
.fl-i.media{grid-column:1 / -1;padding:8px 8px 0}
.fl-i video{width:100%;max-height:320px;background:#000;border-radius:6px}
/* Со страницы дашборда (Д-0151): та же сетка «ключ — значение», ниже — последние ошибки страницы. */
.pg-meta{margin-bottom:8px}
.pg-err{border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:var(--surface-2)}
.pg-err .k{font-size:11.5px;color:var(--muted);margin-bottom:4px}
.pg-e{font-size:12px;line-height:1.45;color:var(--text);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.fl-i audio{width:100%}
.fl-c{font-size:12px;color:var(--text-2);padding:6px 8px;overflow-wrap:anywhere}
.fl-c b{font-weight:600;color:var(--text)}
.fl-i.gone{border-style:dashed}
.fl-g{font-size:12.5px;color:var(--muted);padding:10px 8px 0}
.lb{position:fixed;inset:0;background:rgba(20,28,36,.86);z-index:40;display:flex;align-items:center;justify-content:center;padding:16px;cursor:zoom-out}
.lb img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;background:#fff}
.lb-x{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.9);color:var(--text)}
@media (max-width:900px){
  .ik-tiles{grid-template-columns:1fr}
  .ik-tile{flex-direction:row;align-items:center;min-height:0;padding:12px}
}
@media (max-width:767px){
  .btn.ik-send,.btn.ik-cancel{flex:1 1 0;padding:0 12px}
  .ik-row .hint{flex:1 1 100%}
  .my-row .btn{flex:1 1 140px}
  .fl{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Телефон (Д-0208): как во встроенном окне мобильного Битрикс24 — 360–412 px, касание, без наведения.
   Шапка в одну строку и поиск с «Фильтрами»; проект, заявитель, порядок и «Скрыть закрытые» — под «Фильтрами»;
   «Новая заявка» — плавающей кнопкой; карточка — на весь экран, сверху только номер, статус и «Закрыть».
   Нажимаемое — не меньше 44 px, текст — не мельче 12 px, поля — 16 px (иначе iPhone увеличивает страницу). */
@media (max-width:767px){
  .top{padding:6px 12px 8px;gap:8px;min-height:0}
  .logo{gap:8px}
  .user .av{display:none}
  .user .out{height:44px;padding:0 12px;font-size:13px}
  .sync,button.botst{height:44px;min-width:44px;justify-content:center;border-radius:22px}
  .search{flex:1 1 calc(100% - 52px);height:46px}
  .search input{font-size:16px;height:44px}
  .fbtn{display:inline-flex;order:6}

  .filters{padding:8px 12px;gap:8px}
  .tabs.single{display:none}
  .tabs button{min-height:44px}
  .filters:not(.fopen) .fgroup,.filters:not(.fopen) #fClosed,.filters:not(.fopen) #fPick{display:none}
  .fgroup{width:100%}
  #fProj{flex-wrap:wrap;width:100%}
  .seg button{min-height:44px;font-size:14px}
  #fClosed{height:44px}
  #fPick{flex-wrap:wrap}
  .fsel:first-child,.fsel:last-child{flex:1 1 100%}
  .fsel select{height:44px;font-size:16px;width:100%;max-width:none}
  #found{width:100%}
  #newReqBtn{position:fixed;z-index:5;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));height:52px;
    border-radius:26px;padding:0 22px;font-size:15px;box-shadow:0 6px 18px rgba(17,169,217,.35),0 2px 6px rgba(30,45,60,.18)}
  .board{padding-bottom:12px}
  .toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}   /* над плавающей «Новой заявкой» */
  .col-b{padding-bottom:84px}
  .grid{padding-bottom:84px}

  .drawer{top:var(--vvt,0px);bottom:auto;height:var(--vvh,100%);z-index:20}
  .dh{padding:4px 6px 4px 16px}
  .dh .r{min-height:44px}
  .x{width:44px;height:44px}
  .dh2{margin:0 0 14px}
  .dh2 h2{font-size:18px;margin:2px 0 10px}
  .dh2 .acts{margin-top:12px}
  .dh2 .acts .btn{flex:1 1 auto}
  .dtabs{margin:12px 0 0;border-bottom:1px solid var(--line)}
  .dtabs button{min-height:44px}
  .db{padding:12px 16px calc(28px + env(safe-area-inset-bottom,0px))}
  .btn,.btn.sm{height:auto;min-height:44px;white-space:normal;text-align:center;padding:8px 14px;font-size:14px}
  .btn.ghost{padding:8px 10px}
  input.in,textarea.in,select.in{font-size:16px;min-height:44px}
  .ik-text textarea{font-size:16px}
  .seg.ik-kind{display:flex;width:100%;flex-wrap:nowrap}
  .seg.ik-kind button{flex:1 1 0;white-space:normal;line-height:1.2;padding:4px 6px}
  .ik-link{min-height:44px;display:inline-flex;align-items:center}
  .cl-o{min-height:44px;align-items:center}
  .acc-h{min-height:44px}
  .links .l .rm{width:44px;height:44px}
  .lb-x{width:44px;height:44px}
  .an-pl{display:block}
  .an-pl svg{vertical-align:-2px;margin-right:4px}
  /* свойства карточки — подпись слева, значение справа: вдвое короче столбика */
  .meta>div{display:grid;grid-template-columns:minmax(92px,36%) minmax(0,1fr);gap:10px;align-items:baseline;padding:7px 12px}
  .av{font-size:12px}
  .login .code{font-size:12px}

  .proj,.chip,.flag,.time,.sub,.cnts,.col-h .w,.tabs .badge,.meta .k,.meta .v small,.an-k,.rq-k,.hint,.cl-s,.cmt .h,
  .answer .by,.answer .ah,.opt .rb,.opt .cb,.tags .proj,small,.found,.seg button .n,.tabs button .n,.hist summary,
  .ik-n small,.fl-c,.an-pl small,.an-st,.vt-n,.my-n{font-size:12px}
  .proj,.tags .proj{line-height:20px}
}


/* Frosted ENHE board. Flat opaque fallback remains readable without backdrop-filter. */
:root {
  --text:#172933; --text-2:#354c58; --muted:#546975;
  --surface:#f5f8f8; --surface-2:#edf3f4; --line:#c7d8df;
  --radius:18px; --shadow:0 8px 26px #102c3d12,0 1px 1px #ffffff90;
}
body {
  background:radial-gradient(ellipse at 8% 20%,#547d86 0,transparent 45%),
    radial-gradient(ellipse at 90% 85%,#765e79 0,transparent 48%),
    linear-gradient(125deg,#1d343e,#35474e 50%,#34404f);
}
.top { margin:12px 16px 0; border:1px solid #ffffff70; border-radius:22px; min-height:64px; }
.col { background:#eef3f4; border:1px solid #ffffff85; border-radius:22px; box-shadow:var(--shadow); }
.col-h { border-radius:22px 22px 0 0; }
.card { border-radius:17px; box-shadow:var(--shadow); border:1px solid #d9e6eb; transition:transform .16s ease,box-shadow .16s ease; }
.card:hover { transform:translateY(-2px); box-shadow:0 12px 26px #16344420; }
.card.needs-action { border:2px solid #6b5aae; }
.action-required { background:#ece8fa; color:#443276; font-weight:700; white-space:normal; }
.approve-review { background:#493e83; color:white; padding:7px 11px; border:0; border-radius:12px; font-weight:600; }
button:focus-visible,a:focus-visible,[tabindex]:focus-visible { outline:3px solid #7554c2; outline-offset:3px; }
button:disabled { opacity:.6; cursor:wait; }
#fAttention { border:1px solid #b9a9db; border-radius:999px; padding:7px 13px; background:#faf8ff; color:#433373; }
#fAttention.on { background:#493e83; color:#fff; }
@supports (backdrop-filter:blur(12px)) {
  .top { background:#f4f8f7e8; backdrop-filter:blur(22px) saturate(120%); }
  .col { background:#edf3f4d9; backdrop-filter:blur(16px); }
  .card { background:linear-gradient(135deg,#ffffffec,#f4f8f7e8); }
}
@media(max-width:767px) {
  .top { margin:6px 6px 0; border-radius:16px; }
  .card { border-radius:14px; }
  #fAttention { max-width:100%; white-space:normal; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  .card:hover { transform:none; }
}

.filters { margin:12px 16px 0; border-radius:20px; background:#edf4f3e8; border:1px solid #ffffff80; }
@media(max-width:767px){.filters{margin:6px;border-radius:14px}}

/* Readable desktop columns; keep the established mobile swipe layout. */
@media(min-width:768px){
  .cols{grid-template-columns:repeat(var(--ncol,5),minmax(286px,1fr));gap:16px}
  .col{height:100%;min-height:260px}
  .card{padding:14px}
  .card .title{font-size:14px;line-height:1.45;margin:9px 0 11px;-webkit-line-clamp:4}
  .card .r1{flex-wrap:wrap;row-gap:5px}
  .card .approve-review{width:auto;min-height:34px;padding:6px 10px;font-size:12px;background:#f1edff;color:#493e83;border:1px solid #b9aedc;box-shadow:none}
  .card .approve-review:hover{background:#e4dcfa}
}

/* One intentional toolbar grid, shared controls and an accessible filter panel. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.toolbar{position:relative;display:grid;grid-template-columns:minmax(330px,1.3fr) minmax(205px,1fr) auto auto auto;grid-template-areas:"tabs project attention filters new" "found found found found found";align-items:center;gap:12px;padding:14px 16px;margin-bottom:12px;z-index:12}
.toolbar #tabs{grid-area:tabs;order:0;width:100%;height:44px;padding:3px}
.toolbar #tabs button{flex:1;justify-content:center;padding:0 10px;min-width:0;font-size:13px}
.toolbar .project-pick{grid-area:project;min-width:0}
.toolbar #fProj{width:100%;height:44px;padding:0 32px 0 12px;border:1px solid #bed0d9;border-radius:12px;background:#f7fbfc;color:var(--text);font:inherit;font-size:13px;text-overflow:ellipsis}
.toolbar #fAttention{grid-area:attention;min-height:44px;border-radius:12px;white-space:nowrap;font-size:13px}
.toolbar #fBtn{grid-area:filters;display:inline-flex;gap:7px;width:auto;height:44px;padding:0 12px;order:0;border-radius:12px;font-size:13px;font-weight:600}
.toolbar #fBtn .fn{position:static;min-width:20px;height:20px;line-height:20px}
.toolbar #newReqBtn{grid-area:new;height:44px;padding:0 14px;white-space:nowrap;font-size:13px;border-radius:12px;margin:0}
.toolbar #found{grid-area:found;order:0}
.filter-panel{position:absolute;right:16px;top:calc(100% - 4px);width:352px;padding:16px;border:1px solid #b8cbd6;border-radius:16px;background:#f7fafc;box-shadow:0 18px 50px #152a4350;z-index:60}
.filter-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:16px}
.filter-close{width:40px;height:40px;border:1px solid #c8d5de;border-radius:10px;background:#fff;color:var(--text);font-size:24px}
.toolbar .filter-panel .fpick{display:grid;gap:14px}
.toolbar .filter-panel .fpick[hidden]{display:none}
.toolbar .filter-panel .fsel{display:grid;gap:6px;width:100%}
.toolbar .filter-panel .flabel{display:block;margin:0;color:var(--text-2);font-size:12px}
.toolbar .filter-panel select{width:100%;max-width:none;height:44px;font-size:14px;border-radius:10px}
.toolbar .filter-panel #fClosed{display:block;width:100%;min-height:44px;margin-top:14px;text-align:left}
.toolbar .filter-panel #fClosed[hidden]{display:none}
.filter-help{font-size:12px;color:#526677;margin:12px 0}
.filter-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:12px;border-top:1px solid #d4dfe5}
.filter-footer .btn{min-height:44px;white-space:normal}
@media(max-width:1399px) and (min-width:768px){
 .toolbar{grid-template-columns:minmax(300px,1fr) minmax(200px,1fr) auto;grid-template-areas:"tabs tabs new" "project attention filters" "found found found";gap:10px}
 .toolbar #fAttention{width:100%}
}
@media(max-width:767px){
 .toolbar{margin:6px 6px 10px;padding:10px;grid-template-columns:minmax(0,1fr) 142px;grid-template-areas:"tabs tabs" "project filters" "attention new" "found found";gap:8px}
 .toolbar #tabs{display:flex;height:46px}
 .toolbar #tabs.single{display:none}
 .toolbar #tabs button{padding:0 5px;font-size:12px;gap:5px;white-space:normal}
 .toolbar #fProj{font-size:14px}
 .toolbar #fAttention,.toolbar #newReqBtn,.toolbar #fBtn{height:44px;min-height:44px;font-size:12px;padding:0 9px;justify-content:center;white-space:normal}
 .toolbar .filter-panel{position:fixed;top:var(--vvt,0px);bottom:auto;left:8px;right:8px;margin-top:72px;width:auto;max-height:calc(var(--vvh,100dvh) - 88px);overflow:auto;border-radius:16px;padding:16px}
 .toolbar .filter-panel select{font-size:16px}
 .col{min-height:240px}
}

/* Shared surfaces: detail, questions, forms and feedback use the same material. */
:root{--surface:#f9fcfb;--surface-2:#edf3f5;--line:#cad9e1;--line-2:#dce6eb;--muted:#607585;--radius:14px}
.drawer{z-index:40;background:#f4f8f7f5;border-left:1px solid #bfd2db;border-radius:20px 0 0 20px;box-shadow:-16px 0 55px #172d4240}
.drawer .sec{padding:14px;border:1px solid var(--line);border-radius:14px;background:#ffffffb8}
.btn,.in{border-radius:11px}
.toast{z-index:100}
@supports(backdrop-filter:blur(12px)){.drawer,.filter-panel{backdrop-filter:blur(22px)}}
@media(max-width:767px){.drawer{border-radius:0;border-left:0}.drawer .sec{padding:12px}.drawer button{min-height:42px}}

.toolbar #newReqBtn{position:static;inset:auto;width:auto;box-shadow:none;transform:none}
.toolbar #tabs .badge{flex-shrink:0}
@media(max-width:767px){.toolbar #tabs button:has(.badge) .n{display:none}.toolbar #tabs button{line-height:1.2}.toolbar #newReqBtn{display:inline-flex}}

.toolbar:not(.fopen) #fPick:not([hidden]){display:grid}
.toolbar:not(.fopen) #fClosed:not([hidden]){display:block}

.stage-nav{display:none}
@media(max-width:767px){
 .stage-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 8px 8px;padding:6px 10px;background:#edf4f3ee;border:1px solid #cad9e1;border-radius:12px;flex:0 0 auto}
 .stage-nav label{display:flex;gap:8px;align-items:center;min-width:0;font-size:12px;font-weight:600}
 .stage-nav select{min-height:40px;min-width:0;max-width:230px;border:0;background:transparent;color:var(--text);font-size:13px}
 .stage-nav>span{font-size:10px;white-space:nowrap;color:var(--muted)}
}

/* Desktop controls follow content width; whitespace separates navigation from creation. */
.toolbar .project-pick{position:relative}
.toolbar #fProj{appearance:none;-webkit-appearance:none;padding-right:34px}
.select-chevron{position:absolute;right:11px;top:50%;transform:translateY(-50%);pointer-events:none;color:#607585}
@media(min-width:768px){
 .toolbar{display:flex;flex-wrap:wrap;gap:10px;padding:12px 16px}
 .toolbar #tabs{width:auto;flex:0 0 auto;height:38px;padding:2px;margin-right:6px}
 .toolbar #tabs button{flex:0 0 auto;min-height:32px;padding:0 12px;white-space:nowrap;font-size:13px}
 .toolbar .project-pick{flex:0 1 224px;width:224px;min-width:200px}
 .toolbar #fProj{height:38px;border-radius:10px}
 .toolbar #fAttention{width:auto;min-height:38px;height:38px;padding:0 12px;border-radius:10px}
 .toolbar #fBtn{height:38px;padding:0 12px;border-radius:10px}
 .toolbar #newReqBtn{height:38px;min-height:38px;margin-left:auto;padding:0 14px;border-radius:10px}
 .toolbar #found{flex:1 0 100%;margin:0}
}
@media(min-width:768px) and (max-width:1080px){
 .toolbar #tabs{flex-basis:calc(100% - 160px);order:0}
 .toolbar #newReqBtn{order:1}
 .toolbar .project-pick,.toolbar #fAttention,.toolbar #fBtn{order:2}
 .toolbar #found{order:3}
}
@media(max-width:767px){.drawer button,.card .approve-review{min-height:44px}.stage-nav select{min-height:44px}}

/* Phone: one bounded control surface, then one full-width stage at a time. */
@media(max-width:767px){
 .top{margin:12px 12px 0;padding:8px 12px;border-radius:16px}
 .toolbar{margin:12px 12px 14px;padding:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"tabs tabs" "project filters" "attention new" "found found" "stage stage";gap:8px;border-radius:16px}
 .toolbar .stage-nav{grid-area:stage;margin:4px 0 0;padding:10px 0 0;border:0;border-top:1px solid #bed0d9;border-radius:0;background:none;gap:6px}
 .toolbar .stage-nav label{flex:1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;font-size:12px}
 .toolbar .stage-nav select{width:100%;max-width:none;background:#f8fcfd;border:1px solid #bed0d9;border-radius:10px;padding:0 10px;font-size:13px;height:44px}
 .toolbar .stage-nav>span{display:none}
 .board{margin:0 12px 12px;padding:0;scroll-padding-left:0;border-radius:16px}
 .board .cols{grid-template-columns:repeat(var(--ncol,5),100%);gap:12px}
 .board .col{height:100%;min-height:0;border-radius:16px;scroll-snap-align:start}
 .board .col-h{display:none}
 .board .col-b{padding:8px;gap:8px;flex:1}
 .board .card{padding:14px;border-radius:12px}
 .board .card .title{font-size:14px;line-height:1.45}
 .board .grid{padding-bottom:12px}
 .toolbar .filter-panel{left:12px;right:12px}
}

@media(max-width:767px){
 .top{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px 54px;gap:6px}
 .top .logo{grid-column:1;grid-row:1;min-width:0;gap:6px}
 .top .logo-title{font-size:16px}
 .top .logo-mark{width:28px;height:32px;flex-shrink:0}
 .top .spacer{display:none}
 .top #botBtn{grid-column:2;grid-row:1}
 .top #sync{grid-column:3;grid-row:1}
 .top #me{grid-column:4;grid-row:1;min-width:0}
 .top .sync{width:44px;min-width:44px;padding:0;gap:3px}
 .top .user .out{width:54px;padding:0;font-size:12px}
 .top .search{grid-column:1/-1;grid-row:2;width:100%;margin-top:2px}
 .toolbar #fProj{font-size:12px;padding-left:10px;padding-right:28px}
 .stage-pick{position:relative;min-width:0;display:block}
 .toolbar .stage-nav select{appearance:none;-webkit-appearance:none;padding-right:32px}
}

/* ============================================================================================================
   Д-0259 · доска на телефоне (до 767 px) по одобренному макету, в стиле «жидкого стекла».
   Шапка: название, поиск, бот, выход. Под ней — разделы, этапы лентой чипов, проект / «Моё внимание» / фильтры.
   Список — карточки во всю ширину, свайп листает этапы. Карточка и «Новая заявка» — отдельные экраны с «назад»,
   действия — закреплённой панелью внизу. Фильтры — нижний лист. Компьютер (от 768 px) эти правила не затрагивают.
   Панели — светлое стекло (почти непрозрачное) на тёмном градиенте: тёмный текст на светлом, контраст не ниже 4.5.
   ============================================================================================================ */
.sheet-back,.sheet-handle,.chips,.chips-label,.fgrp-proj,.stage-chips,.ik-chips,.ik-howline,.ik-kindcap,.ptabs{display:none}
.ik-kindbox{display:contents}
.toolbar .filter-panel .chips-label{display:none}

@media (max-width:767px){
  :root{--glass:#f6faf9eb;--glass-line:#ffffff8c;--ink:#172933;--btn:#1d6aae;--btn-d:#175a96;--ok-btn:#1c7a55}
  .app{height:100dvh}

  /* --- шапка --- */
  .top{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;margin:8px 8px 0;padding:4px 6px 4px 12px;min-height:56px;border-radius:18px}
  .top .logo{grid-column:auto;grid-row:auto;flex:1 1 auto;min-width:0;gap:8px}
  .top .logo-title{font-size:17px}
  .top .logo-mark{width:30px;height:30px}
  .top .spacer{display:none}
  .top #sync,.top #botBtn,.top #me,.top .search{grid-column:auto;grid-row:auto}
  .top #botBtn{flex:0 0 auto;width:44px;min-width:44px;height:44px;padding:0;gap:3px;border-radius:12px}
  .top #sync:not(.bad){flex:0 0 auto;width:20px;min-width:20px;height:44px;padding:0;background:transparent;justify-content:center}
  .top #sync.bad{order:9;flex:1 1 100%;width:auto;height:auto;min-height:32px;margin:2px 0 4px;padding:6px 12px;border-radius:12px;white-space:normal;font-size:12px}
  .top #sync.bad #syncText{display:inline}
  .top #me{flex:0 0 auto;min-width:0}
  .top .user .out{width:auto;height:44px;padding:0 12px;border-radius:12px;font-size:13px}
  .top .search{order:8;flex:1 1 100%;width:100%;height:46px;margin:2px 0 6px;border-radius:14px}

  /* --- разделы, этапы, проект / внимание / фильтры --- */
  .toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;grid-template-areas:none;margin:8px 8px 6px;padding:8px;border-radius:18px;z-index:auto}
  .toolbar #tabs{grid-area:auto;order:1;flex:1 1 100%;display:flex;width:100%;height:48px;padding:2px}
  .toolbar #tabs.single{display:none}
  .toolbar #tabs button{min-height:44px;font-size:14px}
  .toolbar .stage-nav{grid-area:auto;order:2;flex:1 1 100%;display:block;margin:0;padding:0;border:0;background:none;min-width:0}
  .toolbar .stage-nav[hidden]{display:none}
  .toolbar .stage-nav>span{display:none}
  /* список этапов остаётся в странице (для клавиатуры и читалок), на глаз — только чипы */
  .toolbar .stage-nav label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .stage-chips{display:flex;gap:6px;overflow-x:auto;margin:0 -8px;padding:0 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .stage-chips::-webkit-scrollbar{display:none}
  .schip{flex:0 0 auto;min-height:44px;padding:0 14px;border:1px solid #bed0d9;border-radius:22px;background:#ffffffd9;color:var(--ink);font-size:13.5px;white-space:nowrap}
  .schip b{font-weight:700;margin-left:2px}
  .schip.on{background:var(--ink);border-color:var(--ink);color:#fff}
  .toolbar .project-pick{grid-area:auto;order:3;flex:1 1 0;min-width:0;width:auto}
  .toolbar #fProj{height:44px;border-radius:22px;padding:0 30px 0 14px;font-size:13.5px}
  .toolbar #fAttention{grid-area:auto;order:4;flex:0 0 auto;height:44px;min-height:44px;border-radius:22px;padding:0 14px;font-size:13.5px;font-weight:600;white-space:nowrap}
  .toolbar #fBtn{grid-area:auto;order:5;flex:0 0 44px;width:44px;height:44px;padding:0;gap:0;justify-content:center;border-radius:22px;position:relative;overflow:visible}
  .toolbar #fBtn>span[aria-hidden]{font-size:19px;line-height:1}
  .toolbar #fBtn .fbtn-t{display:none}
  .toolbar #fBtn .fn{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;line-height:20px;font-size:11px;text-align:center;padding:0 4px}
  .toolbar #found{grid-area:auto;order:6;flex:1 1 100%;width:100%;padding:0 4px}
  /* «Новая заявка» — плавающая кнопка над списком */
  .toolbar #newReqBtn{position:fixed;grid-area:auto;order:7;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:30;height:52px;min-height:52px;padding:0 22px;border-radius:26px;font-size:15px;
    background:var(--btn);border-color:var(--btn);color:#fff;box-shadow:0 8px 22px rgba(16,44,61,.38),0 2px 6px rgba(16,44,61,.2)}
  .toolbar #newReqBtn:hover{background:var(--btn-d)}

  /* --- нижний лист фильтров --- */
  .sheet-back{position:fixed;inset:0;z-index:50;background:rgba(10,24,32,.55);pointer-events:none}
  body:has(#filterPanel:not([hidden])) .sheet-back{display:block}
  .toolbar .filter-panel{position:fixed;display:flex;flex-direction:column;gap:2px;left:0;right:0;top:auto;bottom:0;margin:0;width:auto;
    max-height:min(88dvh,calc(var(--vvh,100dvh) - 12px));overflow:auto;padding:8px 16px 0;border-radius:22px 22px 0 0;border:1px solid #ffffffb0;border-bottom:0;
    background:#f7fbfaf5;z-index:60;box-shadow:0 -14px 40px rgba(10,24,32,.35)}
  .toolbar .filter-panel[hidden]{display:none}
  .sheet-handle{display:block;flex:0 0 auto;width:40px;height:4px;border-radius:2px;background:#aebfc8;align-self:center;margin:2px 0 6px}
  .filter-heading{margin:0;gap:8px;flex:0 0 auto}
  .filter-heading strong{flex:1 1 auto;font-size:18px}
  .filter-close{width:44px;height:44px;border-radius:12px}
  .fgrp-proj{display:block}
  .toolbar .filter-panel .chips-label{display:block;margin:14px 0 8px;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#526677}
  .chips{display:flex;flex-wrap:wrap;gap:8px}
  .chipb{min-height:44px;padding:0 16px;border:1px solid #bed0d9;border-radius:22px;background:#fff;color:var(--ink);font-size:14px;text-align:left}
  .chipb.on{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}
  .chips.seg2{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;border-radius:14px;background:#dfe9ec}
  .chips.seg2 .chipb{border:0;border-radius:11px;background:transparent;text-align:center;padding:0 8px;font-size:13.5px}
  .chips.seg2 .chipb.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(16,44,61,.2)}
  .toolbar .filter-panel>*,.toolbar .filter-panel #fPick{order:0}
  .toolbar .filter-panel .fpick{gap:0;width:100%}
  .toolbar .filter-panel .fgrp{width:100%}
  .toolbar .filter-panel .fsel{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .toolbar .filter-panel #fClosed:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;margin:6px 0 0;padding:0;border:0;background:transparent;color:var(--ink);font-size:15px;font-weight:600;text-align:left}
  .toolbar .filter-panel #fClosed[hidden]{display:none}
  .toolbar .filter-panel #fClosed::after{content:"";flex:0 0 auto;width:48px;height:28px;border-radius:14px;background:#aebfc8 radial-gradient(circle at 14px 14px,#fff 0 11px,transparent 12px)}
  .toolbar .filter-panel #fClosed.on{background:transparent;color:var(--ink);border:0}
  .toolbar .filter-panel #fClosed.on::after{background:var(--btn) radial-gradient(circle at 34px 14px,#fff 0 11px,transparent 12px)}
  .filter-help{display:none}
  .filter-footer{position:sticky;bottom:0;display:block;margin:8px -16px 0;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid #d4dfe5;background:#f7fbfa}
  .filter-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:10px}
  .filter-footer .btn{min-height:50px;border-radius:13px;font-size:15px;padding:6px 10px}
  .filter-footer #fReset{background:#fff;border-color:#b6c9d3;color:var(--ink)}
  .filter-footer #fReset:disabled{color:#5d727e;opacity:1;background:#eef3f5}
  .filter-footer #fDone{font-size:16px;background:var(--btn);border-color:var(--btn);color:#fff}

  /* --- список --- */
  .board{margin:0 8px 8px;padding:0;border-radius:0;scroll-padding-left:0}
  .board .cols{grid-template-columns:repeat(var(--ncol,5),100%);gap:8px}
  .board .col{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;height:100%;min-height:0;scroll-snap-align:start}
  .board .col-h{display:flex;align-items:center;flex-wrap:wrap;gap:2px 8px;position:static;margin:0 0 8px;padding:6px 12px 7px;border-radius:12px;border-top:3px solid var(--c);background:var(--glass)}
  .board .col-h .t{font-size:13.5px}
  .board .col-h .t .cnt{margin-left:6px}
  .board .col-h .w{margin:0;white-space:normal;font-size:12px;color:#455a67}
  .board .col-b{padding:0 0 96px;gap:8px;min-height:0}
  .board .grid{grid-template-columns:1fr;gap:8px;padding-bottom:96px}
  .board .grid-h{padding:6px 12px;margin:0 0 8px;border-radius:12px;background:var(--glass)}
  .board .nothing,.board .empty{background:var(--glass);border:1px dashed #9db4bf;color:#455a67}
  .board .card{padding:12px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-line);box-shadow:0 6px 18px rgba(8,24,32,.22);transition:none}
  .board .card:hover{transform:none;box-shadow:0 6px 18px rgba(8,24,32,.22)}
  .board .card.needs-action{border:2px solid #6b5aae}
  .board .card .r1{flex-wrap:nowrap}
  .board .card .title{font-size:15px;line-height:1.35;margin:6px 0 6px;-webkit-line-clamp:2}
  .board .card .sub{display:none}
  .board .card .r3 .av{display:none}
  .board .card .approve-review{flex:1 1 100%;width:100%;min-height:44px;font-size:14px;border-radius:12px}
  .board .card .quick{min-height:44px}
  @supports (backdrop-filter:blur(12px)){
    .board .card,.board .col-h,.board .grid-h{backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}
  }

  /* --- карточка: отдельный экран --- */
  .drawer{left:0;right:0;width:100%;border:0;border-radius:0;box-shadow:none;background:#f3f8f7fa;overflow:hidden}
  .dh{display:block;padding:4px 12px 8px 4px;border-bottom:1px solid var(--line);background:#f9fcfb}
  .dh .r{min-height:44px;gap:8px;flex-wrap:nowrap}
  .dh .r .no{flex:0 0 auto;font-size:14px}
  .dh .r .proj{flex:0 1 auto;min-width:0}
  .dh .r .pill{flex:0 1 auto;min-width:0}
  .x.back{order:-1;margin:0;width:44px;height:44px;color:var(--ink);flex:0 0 auto}
  .dh h2{margin:0 4px 0 48px;font-size:16px;line-height:1.3}
  .ptabs{display:flex;flex:0 0 auto;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);background:#f9fcfb}
  .ptabs::-webkit-scrollbar{display:none}
  .ptabs button{flex:1 0 auto;min-height:46px;padding:0 14px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--text-2);font-size:14px;font-weight:600;white-space:nowrap}
  .ptabs button.on{color:var(--btn);border-bottom-color:var(--btn);font-weight:700}
  .ptabs button.empty{color:var(--muted)}
  .ptabs .n{display:inline-block;margin-left:6px;padding:0 7px;border-radius:9px;background:#dde9f4;color:#1b4f86;font-size:12px;line-height:18px}
  .ptabs .tdot{display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:var(--ok);vertical-align:middle}
  .db{min-height:0;padding:12px 12px 20px}
  .dh2{margin:0}
  .dh2 .tags{margin:0 0 10px}
  .dh2 .dh-parent{margin:0 0 10px}
  .dbar{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;max-height:46%;overflow:auto;padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid #b9ccd5;background:#f9fcfbf7;box-shadow:0 -8px 22px rgba(16,44,61,.14)}
  .dbar .acts,.dbar .my-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px;margin:0}
  .dbar .box.my{display:block;padding:0;margin:0;border:0;background:transparent}
  .dbar .my-n{display:none}
  .dbar .btn{min-height:46px;height:auto;padding:6px 8px;border-radius:12px;font-size:13.5px;line-height:1.2;background:#fff;border:1px solid #b6c9d3;color:var(--ink);font-weight:600}
  .dbar .btn.ghost{background:#fff;color:var(--ink)}
  .dbar .btn.primary,.dbar .btn.lg.primary{grid-column:1/-1;min-height:50px;font-size:16px;font-weight:700;background:var(--btn);border-color:var(--btn);color:#fff}
  .dbar .my-row .btn.primary{background:var(--ok-btn);border-color:var(--ok-btn)}
  .dbar .btn.danger{color:#a3182f;border-color:#e6aab4}
  .dbar .btn:disabled{opacity:.6}
  .dbar .acts:has(>:nth-child(5)){grid-template-columns:1fr 1fr}
  .btn.primary{background:var(--btn);border-color:var(--btn);color:#fff}

  /* --- «Новая заявка» --- */
  .seg button{min-width:44px}
  .db.ik{gap:14px;padding:14px 16px 20px}
  .ik-lead{order:1;font-size:13.5px;line-height:1.45}
  .ik-projrow{order:2;display:flex;flex-direction:column;align-items:stretch;gap:8px}
  .ik-projl{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#526677}
  .ik-combo{display:none}
  .ik-chips{display:flex;flex-wrap:wrap;gap:8px}
  .ik-chip{min-height:44px;padding:0 16px;border:1px solid #bed0d9;border-radius:22px;background:#fff;color:var(--ink);font-size:14px}
  .ik-chip.on{background:var(--btn);border-color:var(--btn);color:#fff;font-weight:600}
  .ik-text{order:3;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#526677}
  .ik-text textarea{min-height:124px;text-transform:none;letter-spacing:0;font-weight:400;color:var(--ink)}
  .ik-tiles{order:4;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .ik-tile{flex-direction:column;align-items:center;justify-content:center;min-height:84px;padding:10px 4px;gap:6px;text-align:center;background:#ffffffd9;border-style:solid;border-width:1px;border-color:#bed0d9}
  .ik-tile .ik-tt{align-items:center;text-align:center}
  .ik-tile .ik-tt b{font-size:13.5px}
  .ik-tile .ik-sub,.ik-tile .ik-how{display:none}
  .ik-tile.rec .ik-sub{display:block;font-size:12px}
  .ik-howline{order:5;display:block;margin-top:-6px;font-size:12px;color:#526677}
  .db.ik .ik-note{order:6}
  .db.ik .ik-link{order:7}
  .db.ik .ik-files{order:8}
  .ik-kindbox{display:block;order:9}
  .ik-kindcap{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--text-2)}
  .ikbar .ik-row{display:flex;flex-wrap:wrap;gap:8px}
  .ikbar .ik-row .hint{order:-1;flex:1 1 100%;font-size:12px}
  .ikbar .ik-row .hint:empty{display:none}
  .ikbar .ik-send{flex:1 1 100%;min-height:50px;font-size:16px;background:var(--btn);border-color:var(--btn);color:#fff}
  .ikbar .ik-cancel{display:none}
}
/* самые узкие телефоны (360 и уже): проект — своей строкой, иначе название обрезается до «Все прое…» */
@media (max-width:380px){
  .toolbar .project-pick{flex:1 1 100%}
  .toolbar #fAttention{flex:1 1 0;min-width:0;padding:0 8px}
}
/* телефон: цвета мелкого текста на стекле чуть темнее — читается лучше, чем на компьютере */
@media (max-width:767px){
  .tabs .badge{background:#6b45c0}
  .board .card .time,.board .card .cnts,.board .card .who{color:#46606e}
  .flag.urgent{background:#c9283d}
  .proj.poliom{color:#0f6b4d}
  .proj.umk{color:#1b5d9e}
}

/* ============================================================================================================
   Окно карточки (вариант Г, утверждён владельцем 01.11): по центру, все углы скруглены, фон затемнён, клик мимо закрывает.
   От 1100 px — три колонки: шкала этапов · этап · «Ход работ». Уже — одна колонка с вкладками «Суть · Вопросы · Ход · Выпуск»
   (планшет — окном по центру, телефон — на весь экран) и кнопками внизу.
   ============================================================================================================ */
.card-back{display:none}
@media (min-width:768px){
  .card-back{position:fixed;inset:0;z-index:39;background:rgba(20,35,50,.45)}
  .card-back.on{display:block}
  .drawer{top:50%;left:50%;right:auto;bottom:auto;width:min(760px,calc(100vw - 48px));height:min(860px,calc(100vh - 48px));max-width:none;
    border:1px solid #c7d8df;border-radius:16px;box-shadow:0 20px 60px rgba(10,25,40,.35);overflow:hidden;background:#fafcfb;
    transform:translate(-50%,-47%);opacity:0;transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s}
  .drawer.open{transform:translate(-50%,-50%);opacity:1;transition-delay:0s}
  .drawer.cg-wide{width:min(1340px,calc(100vw - 48px))}
}
.cg-frame{display:flex;flex:1 1 auto;min-height:0;min-width:0}
.cg .btn.primary{background:#11a9d9;border-color:#11a9d9;color:#fff;font-weight:700}
.cg .btn.primary:hover{background:#0e95bf}
.cg .btn.primary:disabled{opacity:.6}

/* шкала этапов */
.cg-rail{flex:0 0 220px;background:#f2f6f8;border-right:1px solid var(--line-2);padding:20px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}
.cg-code{font-weight:700;color:var(--link);font-size:15px;padding:0 8px 12px}
.cg-st{display:flex;gap:10px;align-items:flex-start;text-align:left;border:1px solid transparent;background:transparent;border-radius:10px;padding:8px;width:100%;font:inherit;color:inherit;min-width:0}
button.cg-st:hover{background:#ffffff99}
.cg-st.sel{background:#fff;border-color:var(--line-2);box-shadow:0 1px 3px rgba(30,45,60,.08)}
.cg-dot{flex:0 0 22px;height:22px;border-radius:50%;background:#bcc7d1;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.cg-st.past .cg-dot{background:#2fb98b}
.cg-st.cur .cg-dot{background:#11a9d9}
.cg-sn{display:flex;flex-direction:column;gap:1px;min-width:0}
.cg-nm{font-size:13.5px;color:var(--text-2)}
.cg-st.cur .cg-nm{font-weight:700;color:var(--text)}
.cg-st.next .cg-nm{color:var(--muted)}
.cg-sub{font-size:12px;color:var(--muted);overflow-wrap:anywhere}

/* средняя колонка: шапка, плашка «что сейчас», этап */
.cg-main{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--surface)}
.cg-head{padding:20px 26px 10px;display:flex;flex-direction:column;gap:10px;flex:0 0 auto}
.cg-top{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}
.cg-top .proj{font-size:12.5px;line-height:22px;padding:0 8px;border-radius:6px}
.cg-top .pill{border-radius:6px;padding:0 8px;line-height:22px;font-size:12.5px;max-width:100%}
.cg-by{font-size:12.5px;color:var(--muted);min-width:0;overflow-wrap:anywhere}
.cg-top .gm{margin-left:auto}
.cg-title{margin:0;font-size:21px;line-height:1.3;font-weight:700;overflow-wrap:anywhere}
.cg-head .dh-parent{margin:0}
.cg-plate.turn{margin:0 26px 10px;padding:12px 14px;border-radius:12px;align-items:center;gap:12px;flex:0 0 auto}
.cg-pt{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:2px}
.cg-pn{font-size:14.5px;font-weight:700}
.cg-px{font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.cg-pb{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto;justify-content:flex-end}
.cg-pb .btn{height:40px;padding:0 16px;font-size:14px;border-radius:9px}
.cg-main .dtabs{margin:0;padding:0 26px;border-bottom:1px solid var(--line-2);flex:0 0 auto}
.cg-body{flex:1 1 auto;min-height:0;overflow:auto;padding:12px 26px 28px}
.cg-body .box.need{margin-top:0}

/* «Ход работ» */
.cg-side{flex:0 0 360px;border-left:1px solid var(--line-2);background:#f8fafb;display:flex;flex-direction:column;min-width:0;min-height:0}
.cg-sh{display:flex;align-items:center;gap:8px;padding:16px 16px 6px 18px;flex:0 0 auto}
.cg-stt{font-size:15px;font-weight:700;flex:1 1 auto}
.cg-side .x{margin:0}
.fd{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}
.fd-chips{display:flex;gap:6px;padding:4px 18px 10px;flex-wrap:wrap;flex:0 0 auto}
.fd-chip{font-size:12px;font-weight:600;padding:4px 11px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--text)}
.fd-chip[aria-pressed=true]{background:#0f9ac8;border-color:#0f9ac8;color:#fff}
.fd-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:4px 18px 8px;display:flex;flex-direction:column;gap:9px}
.fd-list>*{flex:0 0 auto}
.fd-day{align-self:center;font-size:11.5px;font-weight:600;color:var(--muted);background:#e9eff2;border-radius:10px;padding:1px 10px}
.fd-c{background:#fff;border:1px solid var(--line-2);border-radius:10px;padding:8px 10px;min-width:0}
.fd-c.claude{background:#fdf5f1;border-color:#f0dcd2}
.fd-h{font-size:12px;color:var(--muted);margin-bottom:2px}
.fd-h b{color:var(--text-2);font-weight:600}
.fd-b{font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.fd-e{display:flex;gap:8px;align-items:flex-start;padding-left:4px;font-size:12.5px;line-height:1.45;color:var(--text-2);min-width:0}
.fd-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--hc,var(--accent));margin-top:6px}
.fd-t{min-width:0;overflow-wrap:anywhere}
.fd-at,.fd-w{color:var(--muted)}
.fd-t details{margin-top:2px}
.fd-t summary{cursor:pointer;color:var(--link);font-size:12px}
.fd-t .old{white-space:pre-wrap;background:var(--surface-2);border-radius:6px;padding:6px 8px;margin-top:4px;font-size:12px}
.fd-none{padding:6px 2px}
.fd-form{padding:10px 14px 14px;border-top:1px solid var(--line-2);background:#f8fafb;flex:0 0 auto}
.fd-form textarea.in{min-height:56px;font-size:13.5px}

/* «⋯» */
.gm{position:relative;flex:0 0 auto}
.gm-b{width:36px;height:36px;padding:0;border:1px solid var(--line);background:#fff;border-radius:9px;font-size:18px;line-height:1;color:var(--text-2)}
.gm-b:hover{background:var(--surface-2)}
.gm-pop{position:absolute;right:0;top:calc(100% + 6px);min-width:230px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px rgba(10,25,40,.24);padding:6px;z-index:6;display:flex;flex-direction:column}
.gm-i{border:0;background:none;text-align:left;padding:9px 12px;border-radius:8px;font-size:13.5px;color:var(--text);min-height:40px;white-space:nowrap}
.gm-i:hover,.gm-i:focus-visible{background:var(--surface-2)}
.gm-i.bad{color:#b4233a}
.box.stinfo{font-size:13px;display:flex;flex-direction:column;gap:5px}
.box.stinfo .k{display:inline-block;min-width:112px;color:var(--muted)}

/* узкое окно: планшет (по центру) и телефон (на весь экран) */
.cg-compact{flex-direction:column;background:var(--surface)}
.cg-ch{flex:0 0 auto;padding:10px 16px 8px;display:flex;flex-direction:column;gap:8px;background:#f9fcfb;border-bottom:1px solid var(--line-2)}
.cg-chr{display:flex;align-items:center;gap:8px;min-width:0}
.cg-chr .no{flex:0 0 auto;font-size:14.5px}
.cg-chr .pill{min-width:0;flex:0 1 auto}
.cg-chr .x{margin:0}
.cg-sp{flex:1 1 auto}
.cg-ch .cg-title{font-size:18px}
.cg-ch .tags{align-items:center;gap:8px}
.cg-ch .dh-parent{margin:0}
.cg-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px}
.cg-strip i{height:4px;border-radius:2px;background:#dfe5ea}
.cg-strip i.past{background:#2fb98b}
.cg-strip i.cur{background:#11a9d9}
.cg-compact .cg-plate.turn{margin:10px 16px 0;padding:10px 12px}
.cg-tabs{display:flex;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);flex:0 0 auto;padding:0 8px;margin-top:6px;background:#f9fcfb}
.cg-tabs::-webkit-scrollbar{display:none}
.cg-tabs button{flex:1 0 auto;min-height:44px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;font-size:13.5px;font-weight:600;color:var(--text-2);padding:0 12px;white-space:nowrap}
.cg-tabs button.on{border-bottom-color:#11a9d9;color:#0b7fa6;font-weight:700}
.cg-tabs .n{display:inline-block;margin-left:6px;padding:0 7px;border-radius:9px;background:#dde9f4;color:#1b4f86;font-size:12px;line-height:18px}
.cg-tabs .tdot{display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:var(--ok);vertical-align:middle}
.cg-compact .cg-body{padding:14px 16px 20px;background:#fafbfc}
.cg-compact .fd-list{overflow:visible;padding:0 0 8px}
.cg-compact .fd-chips{padding:0 0 10px}
.cg-compact .fd-form{padding:10px 0 0;background:transparent;border-top:1px solid var(--line-2)}
.cg-bar{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 16px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line-2);background:#fff;box-shadow:0 -6px 18px rgba(16,44,61,.08);max-height:46%;overflow:auto}
.cg-bar .btn{min-height:46px;height:auto;padding:6px 10px;border-radius:11px;font-size:14px;line-height:1.2;white-space:normal}
.cg-bar .btn.primary{min-height:50px;font-size:15px}
.cg-bar>.btn:last-child:nth-child(odd){grid-column:1/-1}
.cg-bar:has(>:nth-child(3))>.btn.primary{grid-column:1/-1}
.cg-bar:not(:has(>:nth-child(3)))>.btn.primary{order:2}
.cg-bar .btn.danger{color:#a3182f;border-color:#e6aab4}
@media (max-width:767px){
  .cg-ch{padding:6px 12px 8px 6px}
  .cg-ch .cg-title,.cg-ch .tags,.cg-ch .cg-strip,.cg-ch .dh-parent{margin-left:6px}
  .cg-ch .cg-title{font-size:17px}
  .cg-chr .x.back{order:-1}
  .cg-compact .cg-body{padding:12px 12px 20px}
  .cg-tabs{padding:0 4px}
  .cg-tabs button{flex:1 1 auto;padding:0 7px;font-size:13px}
  .cg-tabs .n{margin-left:4px;padding:0 6px}
  .gm-b{width:44px;height:44px}
  .gm-pop{min-width:min(260px,calc(100vw - 24px))}
  .gm-i{min-height:46px}
  .fd-chip{min-height:36px;padding:4px 14px}
}
.drawer .sec>.box:last-child{margin-bottom:0}
@media (max-width:1279px){
  .cg-rail{flex-basis:190px;padding:20px 8px}
  .cg-side{flex-basis:330px}
  .cg-head,.cg-body{padding-left:20px;padding-right:20px}
  .cg-plate.turn{margin-left:20px;margin-right:20px;flex-wrap:wrap}
  .cg-main .dtabs{padding:0 20px}
  .cg-pt{flex:1 1 calc(100% - 40px)}
  .cg-pb{margin-left:30px;flex:1 1 100%;justify-content:flex-start}
}

/* бета-этап: «было / стало» */
.bt{display:flex;flex-direction:column;gap:14px}
.bt-t{font-size:13px;font-weight:700;margin-bottom:6px}
.bt-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:8px}
.bt-c{min-width:0;display:flex;flex-direction:column;gap:5px;text-align:left;border:0;background:none;padding:0}
.bt-k{font-size:11.5px;font-weight:700;color:var(--muted)}
.bt-k.after{color:#0b7fa6}
.bt-i img{display:block;width:100%;height:auto;max-height:240px;object-fit:cover;object-position:top;border-radius:8px;border:1px solid var(--line)}
.bt-row.phone .bt-i img{max-height:300px;object-fit:contain;background:#eef3f5}

/* Д-0276: окно «Удалить заявку?» и список «Удалённые заявки» — поверх карточки, на телефоне кнопки во всю ширину */
.cdlg-back{position:fixed;inset:0;z-index:90;background:rgba(15,28,38,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.cdlg{background:var(--surface);color:var(--text);border-radius:16px;box-shadow:0 18px 50px rgba(10,25,40,.35);width:100%;max-width:420px;padding:20px;max-height:calc(100% - 32px);display:flex;flex-direction:column}
.cdlg.wide{max-width:640px}
.cdlg-t{margin:0 0 8px;font-size:18px;font-weight:700}
.cdlg-x{margin:0 0 16px;color:var(--text-2);overflow-wrap:anywhere}
.cdlg-b{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.cdlg-b .btn{min-height:44px}
.cdlg-l{overflow:auto;margin:0 -4px 14px;padding:0 4px}
.cdlg-r{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line-2)}
.cdlg-r .btn{min-height:44px;flex:none}
.cdlg-rt{flex:1;min-width:0;overflow-wrap:anywhere}
.cdlg-rt small{display:block;color:var(--muted)}
@media (max-width:767px){
  .cdlg-back{align-items:flex-end;padding:0}
  .cdlg{max-width:none;border-radius:18px 18px 0 0;padding:18px 16px calc(16px + env(safe-area-inset-bottom,0px))}
  .cdlg-b .btn{flex:1 1 0}
  .cdlg-r{flex-wrap:wrap}
  .cdlg-r .btn{width:100%}
}

/* Д-0316: тип заявки — отметка в списке и карточке, выбор типа и приоритета в «Новой заявке» */
.kindtag{display:inline-flex;align-items:center;font-size:11px;font-weight:700;border-radius:4px;padding:0 6px;line-height:18px;white-space:nowrap;color:#3a4a5a;background:#e9eef3}
.kindtag.critical{color:#fff;background:#c9283d}
.kindtag.fix{color:#0b5d7a;background:#dff3fb}
.kindtag.cosmetic{color:#5b4a8a;background:#eee9fa}
.kindtag.process{color:#5a6a1e;background:#eef3d6}
.ik-typebox{display:flex;flex-direction:column;gap:10px}
.ik-typerow{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.ik-kinds{display:flex;flex-wrap:wrap;gap:6px}
.ik-kd{min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text-2);font-size:13px;cursor:pointer}
.ik-kd:hover{border-color:#cfd7e0}
.ik-kd.on{background:var(--accent-bg);color:var(--accent-ink);border-color:#bfe9f8;font-weight:600}
.ik-typebox .ik-imp{width:auto;min-width:200px;height:36px;padding:0 10px}
@media (max-width:767px){
  .ik-typebox{order:2;gap:14px}
  .ik-typerow{align-items:stretch;gap:8px}
  .ik-kd{min-height:44px;padding:0 16px;border-radius:22px;font-size:14px;background:#fff;border-color:#bed0d9;color:var(--ink)}
  .ik-kd.on{background:var(--btn);border-color:var(--btn);color:#fff;font-weight:600}
  .ik-typebox .ik-imp{width:100%;height:44px;font-size:16px}
}