/* KONSALTOFF CRM v97.9 · Документооборот → «Документы» */
.dx-page{display:flex;flex-direction:column;gap:12px}
.dx-tabs{display:flex;gap:6px;margin-bottom:2px}
.dx-tabs button{border:1px solid #cfdcec;background:#fff;color:#36526d;border-radius:8px;padding:7px 14px;font-weight:600;font-size:13px;cursor:pointer}
.dx-tabs button:hover{background:#f1f6fc}
.dx-tabs button.active{background:#0b63ce;border-color:#0b63ce;color:#fff;cursor:default}
.dx-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.dx-card{background:#fff;border:1px solid #dfe7f0;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.dx-card span{font-size:12px;color:#6b7f96}
.dx-card b{font-size:24px;color:#12304f}
.dx-card small{font-size:12px;color:#6b7f96}
.dx-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #dfe7f0;border-radius:10px;padding:10px 12px}
.dx-toolbar input,.dx-toolbar select{height:34px;border:1px solid #cfdcec;border-radius:8px;padding:0 10px;background:#fff}
.dx-toolbar input{flex:1 1 240px}
.dx-seg{display:inline-flex;border:1px solid #cfdcec;border-radius:8px;overflow:hidden}
.dx-seg button{border:0;background:#fff;color:#36526d;padding:7px 12px;font-weight:600;font-size:13px;cursor:pointer}
.dx-seg button+button{border-left:1px solid #cfdcec}
.dx-seg button:hover{background:#f1f6fc}
.dx-seg button.active{background:#0b63ce;color:#fff}
.dx-day{background:#fff;border:1px solid #dfe7f0;border-radius:10px;overflow:hidden}
.dx-day-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:11px 14px;background:#f3f7fc;border-bottom:1px solid #e3ebf4}
.dx-day-head h3{margin:0;font-size:15px;color:#12304f}
.dx-day-head small{color:#6b7f96;font-size:12px}
.dx-day-head .btn{margin-left:auto}
.dx-manager{border-bottom:1px solid #e3ebf4}
.dx-manager:last-child{border-bottom:0}
.dx-manager-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:9px 14px;background:#fafcff;border-bottom:1px solid #edf2f8}
.dx-manager-head b{color:#0d4fa3;font-size:14px}
.dx-manager-head small{color:#6b7f96;font-size:12px}
.dx-manager-head .btn{margin-left:auto}
.dx-sale{padding:10px 14px;border-bottom:1px solid #edf2f8}
.dx-sale:last-child{border-bottom:0}
.dx-sale-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.dx-sale-head b{font-size:14px;color:#12304f}
.dx-sale-head small{display:block;color:#6b7f96;font-size:12px}
.dx-sale-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dx-page .btn{min-height:28px;padding:4px 10px;font-size:12.5px}
.dx-toolbar .btn.primary{min-height:34px;padding:6px 14px}
.dx-file{display:grid;grid-template-columns:170px minmax(140px,1fr) auto auto;gap:10px;align-items:center;padding:5px 8px;border-radius:7px;font-size:13px}
.dx-file:hover{background:#f6f9fd}
.dx-file b{font-weight:600;color:#1d3550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dx-file small{color:#6b7f96;font-size:12px;white-space:nowrap}
.dx-type{font-size:12px;color:#36526d;background:#eef4fc;border-radius:999px;padding:2px 9px;justify-self:start;white-space:nowrap}
.dx-file-actions{display:flex;gap:4px}
.dx-status{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;background:#eef2f7;color:#5b6f86}
.dx-status.new{background:#fff4d6;color:#8a6100}
.dx-status.work{background:#e3eefc;color:#0d4fa3}
.dx-status.ok{background:#e6f6ec;color:#1b7f47}
.dx-empty{background:#fff;border:1px dashed #cfdcec;border-radius:10px;padding:26px;text-align:center;color:#6b7f96}
.dx-hint{font-size:12.5px;color:#4a6079;background:#f6f9fd;border:1px solid #e3ebf4;border-radius:8px;padding:8px 10px;min-height:16px}
.dx-hint:empty{display:none}
.dx-files{display:flex;flex-wrap:wrap;gap:6px}
.dx-files span{font-size:12px;background:#eef4fc;color:#36526d;border-radius:999px;padding:3px 10px}
.dx-files span.bad{background:#fde6e6;color:#b3261e}
.dx-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}
.dx-check input{width:auto!important;height:auto!important}
@media(max-width:900px){.dx-file{grid-template-columns:1fr auto}.dx-file small,.dx-type{display:none}}
.dx-note{font-size:12.5px;color:#4a6079;background:#f6f9fd;border:1px solid #e3ebf4;border-radius:8px;padding:8px 12px}
.dx-status.bad{background:#fde6e6;color:#b3261e}