/* NodumCRM — коммерческий контур: КП, комната сделки, счета и денежный срез.
   Используются существующие карточки, кнопки, модальные окна и токены. */
.comm-block{border:1px solid var(--nd-rule);border-radius:14px;background:var(--nd-plane);padding:14px 16px;margin-top:14px}
.comm-block-head{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}
.comm-block-head h3{margin:0;font-size:14px}
.comm-row{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;padding:9px 0;border-bottom:1px solid var(--nd-rule)}
.comm-row:last-child{border-bottom:0}
.comm-row-main{min-width:0;flex:1 1 220px}
.comm-row-main b{display:block;font-size:13.5px;overflow-wrap:anywhere}
.comm-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px;font-size:12px;color:var(--nd-ink-3)}
.comm-chip{border:1px solid var(--nd-rule);border-radius:999px;padding:1px 9px;font-size:11px;letter-spacing:.03em;text-transform:uppercase}
.comm-chip.is-accepted{border-color:var(--nd-accent);color:var(--nd-accent)}
.comm-chip.is-overdue{border-color:#ff6272;color:#ff6272}
.comm-actions{display:flex;gap:8px;flex-wrap:wrap;flex:0 0 auto}
.comm-empty{color:var(--nd-ink-3);font-size:12.5px}
.comm-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.comm-tab{border:1px solid var(--nd-rule);background:transparent;color:var(--nd-ink-3);border-radius:999px;padding:6px 14px;font:inherit;font-size:12.5px;cursor:pointer}
.comm-tab.is-active{background:var(--nd-accent);border-color:var(--nd-accent);color:#0B1020;font-weight:640}
.comm-doc{border:1px solid var(--nd-rule);border-radius:12px;background:var(--nd-plane);padding:16px 18px;color:var(--nd-ink);font-size:14px;line-height:1.6}
.comm-doc h1{font-size:22px;margin:12px 0 8px}
.comm-doc h2{font-size:18px;margin:12px 0 7px}
.comm-doc h3{font-size:15.5px;margin:11px 0 6px}
.comm-doc p{margin:0 0 9px}
.comm-doc blockquote{margin:0 0 10px;padding:6px 12px;border-left:3px solid var(--nd-accent);color:var(--nd-ink-3)}
.comm-doc ul,.comm-doc ol{margin:0 0 10px;padding-left:20px}
.comm-doc a{color:var(--nd-accent)}
.comm-items{width:100%;border-collapse:collapse;margin:10px 0}
.comm-items th,.comm-items td{border-bottom:1px solid var(--nd-rule);padding:7px 8px;text-align:left;font-size:13px}
.comm-total{font-size:16px;font-weight:700;text-align:right;margin-top:8px}
.comm-money{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.comm-money-tile{flex:1 1 200px;border:1px solid var(--nd-rule);border-radius:14px;background:var(--nd-plane);padding:12px 14px}
.comm-money-tile small{display:block;color:var(--nd-ink-3);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em}
.comm-money-tile b{display:block;font-size:19px;margin-top:5px}
.comm-money-tile span{font-size:12px;color:var(--nd-ink-3)}
.comm-form{display:grid;gap:8px;margin-top:10px}
.comm-form label{font-size:12px;color:var(--nd-ink-3)}
.comm-form input,.comm-form select,.comm-form textarea{width:100%;background:var(--nd-plane-2);border:1px solid var(--nd-rule);border-radius:10px;color:var(--nd-ink);padding:9px 11px;font:inherit;font-size:13px}
.comm-line{display:grid;grid-template-columns:minmax(0,2fr) 90px 110px auto;gap:8px;align-items:center}
.comm-hint{font-size:12px;color:var(--nd-ink-3)}
@media(max-width:650px){
  .comm-line{grid-template-columns:1fr 1fr;grid-auto-rows:auto}
  .comm-actions{width:100%}
  .comm-actions .btn{flex:1}
  .comm-money-tile{flex:1 1 100%}
}