/* ═══════════════════════════════════════════════════════════════════
   Stars Документы: разделы, плитки бумаг, форма, готовый документ, QR-код счёта, инструменты.
   Все классы начинаются с dc-. Цвета — из body.svc-doc (голубой).
   ═══════════════════════════════════════════════════════════════════ */
.dc-page [id]{scroll-margin-top:calc(var(--head-h) + 12px)}
@media (max-width:640px){.dc-page [id]{scroll-margin-top:12px}}

.dc-secs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (max-width:900px){.dc-secs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dc-sec{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;gap:0 10px;align-items:center;text-align:left;cursor:pointer;
  padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--card);font:inherit;color:inherit}
.dc-sec i{grid-row:1/3;font-style:normal;font-size:22px}
.dc-sec b{font-size:14.5px;line-height:1.25}
.dc-sec span{font-size:12.5px;color:var(--text-3)}
.dc-sec:hover{border-color:var(--accent)}
.dc-sec.on{border-color:var(--accent);background:var(--accent-wash);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}
.dc-list h3{margin-bottom:2px}
.dc-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px;margin-top:10px}
.dc-tile{display:flex;flex-direction:column;gap:3px;text-align:left;cursor:pointer;padding:12px 14px;border-radius:14px;border:1px solid var(--line-2);
  background:#fff;font:inherit;color:inherit}
.dc-tile:hover{border-color:var(--accent);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 16%,transparent)}
.dc-tile b{font-size:14.5px}
.dc-tile span{font-size:12.8px;color:var(--text-3);line-height:1.45}

.dc-builder>h2{margin-bottom:2px}
.dc-builder .lead{color:var(--text-2)}
.dc-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.dc-field.wide{grid-column:1/-1}
@media (max-width:720px){.dc-fields{grid-template-columns:1fr}}
.dc-inn{margin:-4px 0 12px;padding:10px 12px;border-radius:12px;background:var(--accent-wash)}
.dc-out{margin-top:16px;display:grid;gap:12px}
.dc-text{max-height:none;font:15px/1.6 var(--font)}
.dc-get .btns{margin:8px 0}
.dc-qr{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}
.dc-qr img{image-rendering:pixelated;border:1px solid var(--line);border-radius:8px;background:#fff}
.dc-qr>div{flex:1 1 240px}
.dc-qr p{margin:6px 0}
.dc-helper textarea{margin-top:8px}

.dc-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px}
.dc-tool{display:flex;flex-direction:column;gap:3px;text-align:left;cursor:pointer;font:inherit;color:inherit}
.dc-tool:hover{border-color:var(--accent)}
.dc-tool i{font-style:normal;font-size:22px}
.dc-tool b{font-size:15px}
.dc-tool span{font-size:13px;color:var(--text-3);line-height:1.45}
.dc-res{background:var(--accent-wash);border-radius:12px;padding:12px 14px;margin-top:10px}
.dc-res b{font-size:17px}
.dc-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line)}
.dc-row:last-of-type{border-bottom:0}