*{box-sizing:border-box}
body{margin:0;min-width:760px;height:100vh;display:flex;flex-direction:column;background:#edf7ff;color:#173558;font:14px Arial,sans-serif}
header{height:48px;flex:none;background:#153f85;color:#e6f8ff;display:flex;align-items:center;gap:26px;padding:0 22px;box-shadow:0 3px 14px #10397924}
header a{color:white;text-decoration:none;font-weight:bold}header a:hover{text-decoration:underline}header span:last-child{margin-left:auto}
main{width:100%;max-width:2200px;margin:0 auto;padding:13px 20px 10px;flex:1;min-height:0;display:flex;flex-direction:column}
.heading{display:flex;justify-content:space-between;align-items:center;gap:14px;flex:none}.heading h1{font:bold 25px Arial,sans-serif;color:#174987;margin:1px 0 4px}.heading p{margin:0;color:#416b93;font-size:12px}.eyebrow{font-weight:bold;color:#ae2188!important;letter-spacing:.09em;font-size:10px!important;margin-bottom:4px!important}
.controls{display:flex;gap:10px;margin:10px 0 8px;flex:none}.controls label{min-width:0;flex:1}label{font-size:12px;color:#224f7b;font-weight:bold}
input,select{display:block;width:100%;border:1px solid #9cc8e4;border-radius:7px;padding:7px 9px;background:#fff;color:#173f66;margin-top:4px;font:13px Arial,sans-serif;min-height:33px}input:focus,select:focus{outline:2px solid #30a7da;outline-offset:1px}
button{border:1px solid #9dbfe0;background:white;color:#164c81;padding:7px 10px;border-radius:7px;cursor:pointer;font:700 12px Arial,sans-serif}button:hover{background:#def4ff;border-color:#4ca9d8}button:disabled{opacity:.45;cursor:default}.primary{background:#b21c8b;border-color:#b21c8b;color:white}.primary:hover{background:#901570;color:white}
.note{background:#d9f6f3;border:1px solid #9cddd6;padding:7px 10px;color:#126b6c;border-radius:7px;font-size:11px;line-height:1.3;flex:none}
.tablewrap{flex:1;min-height:0;overflow:hidden;border:1px solid #9ccbea;border-radius:9px;background:#fff;margin-top:8px;box-shadow:0 5px 18px #1b69a414}
table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed}.subject-col{width:14%}.document-col{width:16%}.file-col{width:7%}.stage-col{width:6.75%}.card-col{width:9%}
th,td{text-align:left;border-bottom:1px solid var(--block-line,#cbdfee);padding:5px 4px;vertical-align:middle;font-size:11px;line-height:1.25;overflow-wrap:anywhere}
th{background:#1556a1;color:#fff;font-size:11px;letter-spacing:.01em;line-height:1.25;padding:8px 4px;border-bottom:0}th:nth-child(4n+4){background:#1c66ad}th:last-child{background:#913c9f}
.block-0{--block-solid:#225eb1;--block-pale:#e9f3ff;--block-subject:#d7eaff;--block-line:#aacceb}
.block-1{--block-solid:#a72c8e;--block-pale:#fff0f9;--block-subject:#f9ddf0;--block-line:#e9b4d7}
.block-2{--block-solid:#087d80;--block-pale:#e7faf5;--block-subject:#c9f2e8;--block-line:#92d8c9}
.block-3{--block-solid:#147ca9;--block-pale:#e9f8ff;--block-subject:#d3f1fd;--block-line:#a2d9ef}
.block-4{--block-solid:#6951ae;--block-pale:#f3efff;--block-subject:#e6dcff;--block-line:#c9b7ed}
tbody tr:not(.group) td{background:var(--block-pale)}td.subject{font-weight:bold;color:#173f72;font-size:13px;background:var(--block-subject)!important;padding:8px 7px;line-height:1.3}.subject-start td{border-top:2px solid var(--block-line)}.group td{background:var(--block-solid);color:#fff;font-size:13px;font-weight:bold;padding:8px 9px;border:0;line-height:1.25}
tbody tr:not(.group):hover td:not(.subject){filter:brightness(.97)}.file,.pill{display:inline-block;max-width:100%;border-radius:6px;background:#e0f2ff;color:#225d97;padding:3px 4px;font-size:10px;line-height:1.18}.yes{background:#b6eddb;color:#075d50}.unsure{background:#f9d3ec;color:#8a175f}.muted{color:#416c91;font-size:11px}.sub{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#3e6a8c;font-size:10px;line-height:1.2;margin-top:3px}.link{color:#075d9c}.filebtn{font-size:10px;padding:6px 4px;line-height:1.2;color:#006f78;border-color:#79d1c5;background:#ebfcf7}.tablewrap td:last-child button{padding:6px 4px;font-size:10px;color:#9b147d;border-color:#e9a9d7;background:#fff4fb}
.pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:42px;color:#315c80;font-size:12px;flex:none}.page-controls{display:flex;align-items:center;gap:10px}.page-controls button{padding:6px 10px}.bottom-note{font-size:10px;color:#557c9b;margin:0;line-height:1.2;flex:none}
.top-actions{display:flex;gap:8px}.subject-hide{display:block;border:0;background:none;padding:4px 0 0;color:#7d377e;font-size:10px;font-weight:normal;text-align:left}.subject-hide:hover{background:none;text-decoration:underline}
.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{font:bold 22px Arial,sans-serif;color:#174987;margin:4px 0}.dialog-head p{color:#557b9c}.dialog-head button{font-size:24px;border:0}#overlay,#hidden-overlay{position:fixed;inset:0;z-index:10;background:#092c5eb3;display:flex;justify-content:center;align-items:center;padding:16px}.dialog{background:white;border-radius:12px;padding:24px;width:min(790px,100%);max-height:94vh;overflow:auto;box-shadow:0 18px 55px #073b5b4d}.dialog h3{color:#15538c}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0}.entry{border-bottom:1px solid #d6eaf5;padding:10px 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.entry div{flex:1;min-width:200px}.entry small{display:block;color:#567c9e;margin-top:4px}.entry button{font-size:11px}details{margin:16px 0;background:#edf9ff;padding:12px;border-radius:7px}summary{cursor:pointer;font-weight:bold;color:#175b91}#doc-results{max-height:220px;overflow:auto}#toast{position:fixed;bottom:20px;right:20px;background:#154c94;color:white;padding:12px;border-radius:7px;z-index:20}[hidden]{display:none!important}
@media(max-width:1000px){main{padding-left:10px;padding-right:10px}th,td{font-size:10px;padding-left:3px;padding-right:3px}td.subject,.group td{font-size:12px}.sub,.pill,.filebtn{font-size:9px}.subject-col{width:15%}.document-col{width:15%}}
@media(max-width:759px){body{min-width:0;height:auto;min-height:100vh}main{min-height:80vh}.controls{flex-wrap:wrap}.controls label{min-width:45%}.tablewrap{overflow:auto;min-height:50vh}table{min-width:760px}.fields{grid-template-columns:1fr}}
@media print{body{height:auto;display:block;background:white}header,.controls,.note,button,#overlay,.pagination,.bottom-note{display:none!important}main{display:block;padding:0}.tablewrap{overflow:visible;max-height:none;border:0}table{min-width:0}th,td{font-size:7px;padding:3px}.group td,td.subject{font-size:8px}.sub{-webkit-line-clamp:initial}th{color:#111;background:#e5eef8!important}}
/* Тёплая бежево-персиковая палитра раздела. */
@media screen{
 body{background:#fbf3ec;color:#513c35}
 header{background:#8b5549;color:#fff7f0;box-shadow:0 3px 14px #7a493124}
 .heading h1,.dialog-head h2{color:#75483e}
 .heading p,.dialog-head p{color:#8a695d}
 .eyebrow{color:#b46652!important}
 label{color:#745447}
 input,select{border-color:#e4c0aa;color:#5a4137}
 input:focus,select:focus{outline-color:#c87c60}
 button{border-color:#dfbba6;color:#85503f;background:#fffaf6}
 button:hover{background:#fbe7da;border-color:#d59d80}
 .primary{background:#a94669;border-color:#a94669;color:#fff}
 .primary:hover{background:#8d3655;color:#fff}
 .note{background:#f9e8d9;border-color:#edcbb2;color:#765545}
 .tablewrap{border-color:#e3bea8;box-shadow:0 5px 18px #98674d14}
 th{background:#9c5d4b;color:#fffaf6}
 th:nth-child(4n+4){background:#ac6c56}
 th:last-child{background:#a04e6b}
 .block-0{--block-solid:#aa624d;--block-pale:#fff0e6;--block-subject:#f9ddca;--block-line:#e6bda7}
 .block-1{--block-solid:#a6775d;--block-pale:#fcf0e4;--block-subject:#f4ddc7;--block-line:#dfc0a6}
 .block-2{--block-solid:#a55a70;--block-pale:#fceef0;--block-subject:#f5dce0;--block-line:#e5bec8}
 .block-3{--block-solid:#a26746;--block-pale:#fbf0e3;--block-subject:#f1dfc8;--block-line:#ddc2a6}
 .block-4{--block-solid:#91675c;--block-pale:#f9eee9;--block-subject:#f0ddd5;--block-line:#dcc1b6}
 td.subject{color:#694539}
 .file,.pill{background:#f8e6d8;color:#87533e}
 .yes{background:#f2dfce;color:#754d39}
 .unsure{background:#f9d8ce;color:#8c4236}
 .muted,.sub{color:#856b5d}
 .link{color:#9a513f}
 .filebtn{color:#8c503b;border-color:#d9ab91;background:#fff7ef}
 .tablewrap td:last-child button{color:#9b3f62;border-color:#dba7b5;background:#fff5f7}
 .pagination{color:#785b4e}.bottom-note{color:#917668}
 .subject-hide{color:#9c4b66}
 #overlay,#hidden-overlay{background:#53372eb3}
 .dialog{box-shadow:0 18px 55px #67442f4d}
 .dialog h3{color:#855446}
 .entry{border-color:#f0dfd3}.entry small{color:#907165}
 details{background:#fcf0e7}summary{color:#8f5745}
 #toast{background:#8f5747}
}
/* Нежный персик с мягкой фуксией. */
@media screen{
 body{background:#fff9f5;color:#513c49}
 header{background:#ffe4d6;color:#633e4d;box-shadow:0 3px 14px #d68d831a}
 header a{color:#754458}
 .heading h1,.dialog-head h2{color:#624552}
 .heading p,.dialog-head p{color:#806d76}
 .eyebrow{color:#ad6281!important}
 label{color:#775865}
 input,select{border-color:#edc9be;color:#58444e}
 button{border-color:#edc7bf;color:#92546b;background:#fffaf8}
 button:hover{background:#fff0eb;border-color:#dca5ac}
 .primary{background:#b76887;border-color:#b76887;color:#fff}
 .primary:hover{background:#a25475;color:#fff}
 .note{background:#ffefe6;border-color:#f5d5c7;color:#795d63}
 .tablewrap{border-color:#efcec1;box-shadow:0 5px 18px #dbafa41c}
 th,th:nth-child(4n+4){background:#f8d2c1;color:#62434e}
 th:last-child{background:#ecc2ce;color:#633d50}
 .block-0{--block-solid:#f1c1ab;--block-pale:#fff2ea;--block-subject:#ffe2d3;--block-line:#e8baa8}
 .block-1{--block-solid:#f1d0bd;--block-pale:#fff6ed;--block-subject:#fce9d9;--block-line:#eacbb8}
 .block-2{--block-solid:#efc0c9;--block-pale:#fff1f2;--block-subject:#fbe0e4;--block-line:#e7b9c2}
 .block-3{--block-solid:#f4c9ae;--block-pale:#fff3e8;--block-subject:#ffe7d5;--block-line:#eac0a8}
 .block-4{--block-solid:#e9c7c8;--block-pale:#fbf1f0;--block-subject:#f5e3e1;--block-line:#dfc0bf}
 .group td{color:#60414a}td.subject{color:#644954}
 .file,.pill{background:#fce8dd;color:#835b62}.yes{background:#f7e4dd;color:#755461}.unsure{background:#f7dce4;color:#964a6a}
 .muted,.sub{color:#806f75}.link{color:#a05377}
 .filebtn{color:#9a596b;border-color:#e9beb7;background:#fff9f6}
 .tablewrap td:last-child button{color:#a44f76;border-color:#e8bdcd;background:#fff7f9}
 .pagination{color:#79646c}.bottom-note{color:#8d7980}.subject-hide{color:#a05b7a}
 #overlay,#hidden-overlay{background:#6c4a5780}.dialog h3{color:#76515f}
 .entry{border-color:#f4dfd9}.entry small{color:#937d84}details{background:#fff3ee}summary{color:#9c5777}
 #toast{background:#a8607e}
}
/* Голубой интерфейс по выбранному образцу. */
@media screen{
 body{background:#f5f8fe;color:#111c3d}
 header{background:#4b5b9a;color:#fff;box-shadow:none;height:62px;gap:24px;padding:0 24px}
 header a{color:#fff}.header-brand{display:block;width:190px;flex:none;font-weight:bold;font-size:16px;line-height:1.1}.header-brand small{display:block;font-size:10px;font-weight:normal;margin-top:5px;opacity:.88}
 .header-nav{display:flex;align-items:center;gap:10px;flex:1}.header-nav a,.header-nav span{padding:10px 13px;border-radius:6px;font-size:12px}.header-nav span{background:#7989c2;color:white;font-weight:bold}#user{font-size:11px}
 .side-nav button[aria-pressed="true"]{background:#c7d4f7;color:#142142;font-weight:bold;box-shadow:inset 3px 0 #596cba}
 #level-caption{font-weight:normal;color:#536991}
 .workspace{display:flex;flex:1;min-height:0;width:100%}.side-nav{width:215px;flex:none;background:#ecf2fd;border-right:1px solid #d4dff3;padding:24px 10px;overflow:auto}.side-title{font-weight:bold;color:#111d3f;font-size:14px;margin:2px 10px 9px}.side-nav a,.side-nav button{display:block;width:100%;border:0;border-radius:7px;background:transparent;color:#152243;text-align:left;padding:10px;font-size:12px;text-decoration:none;font-weight:normal}.side-nav a:hover,.side-nav button:hover{background:#dbe5f8}.side-nav .side-active{background:#c7d4f7;font-weight:bold}.side-rule{height:1px;background:#bdccec;margin:15px 8px}.side-nav p{font-size:11px;color:#596b8e;line-height:1.5;margin:12px 10px}
 main{width:auto;max-width:none;margin:0;padding:18px 16px 10px;flex:1;min-width:0}
 .heading h1,.dialog-head h2{color:#111d3e}.heading p,.dialog-head p{color:#596781}.eyebrow{color:#6a79b8!important}
 label{color:#202e50}input,select{border-color:#b8c8e6;color:#1f2d4b}input:focus,select:focus{outline-color:#778cc7}
 button{border-color:#aabce0;color:#4d62a6;background:#fff}button:hover{background:#eaf0fd;border-color:#7589bf}.primary,.primary:hover{background:#6979bd;border-color:#6979bd;color:white}
 .controls{background:#edf3fd;border:1px solid #d5e1f4;padding:10px;border-radius:7px}
 .note{background:#f3f6fc;border-color:#d5e0f2;color:#5d6c89}.tablewrap{overflow-y:auto;overflow-x:hidden;border-color:#b9cbed;box-shadow:none;background:white}
 thead th{position:sticky;top:0;z-index:4}
 th,th:nth-child(4n+4),th:last-child{background:#c2d1ec;color:#14203e}
 .block-0{--block-solid:#b8cbed;--block-pale:#f6f8fe;--block-subject:#dbe5f8;--block-line:#c8d7ee}
 .block-1{--block-solid:#c4d4ee;--block-pale:#f4f8fe;--block-subject:#e0eafb;--block-line:#c9d8ef}
 .block-2{--block-solid:#c8d0ed;--block-pale:#f8f8fe;--block-subject:#e5e7f9;--block-line:#cfd4ec}
 .block-3{--block-solid:#bcd5ed;--block-pale:#f4f9fd;--block-subject:#dcecf9;--block-line:#c6deef}
 .block-4{--block-solid:#d3d8ef;--block-pale:#f8f9fe;--block-subject:#e9edfa;--block-line:#d1dbef}
 .group td{color:#122347}td.subject{color:#172344}.muted,.sub{color:#53647f}.file,.pill{background:#e4ecfa;color:#304a7f}.yes{background:#e2f8e2;color:#285d39}.unsure{background:#f8e8dd;color:#805033}
 td.subject{vertical-align:top}.subject-label{position:sticky;top:52px;z-index:1}
 .link,.filebtn{color:#4d63aa}.filebtn{background:white;border-color:#9dabd8}.tablewrap td:last-child button{background:white;border-color:#9dabd8;color:#4d63aa}.subject-hide{color:#6473ab}
 .pagination,.bottom-note{color:#61708c}#overlay,#hidden-overlay{background:#172d5880}.dialog h3{color:#273e78}.entry{border-color:#d6e1f2}details{background:#f1f5fc}summary{color:#4e62a4}#toast{background:#5265a2}
}
@media screen and (max-width:1100px){.side-nav{width:165px}.header-brand{width:160px}main{padding-left:10px;padding-right:10px}}
@media screen and (max-width:759px){body{min-width:0}.workspace{display:block}.side-nav{width:auto;display:flex;align-items:center;gap:4px;padding:6px;overflow:auto}.side-nav .side-title,.side-nav .side-rule,.side-nav p{display:none}.side-nav a,.side-nav button{width:auto;white-space:nowrap}.header-nav{display:none}.tablewrap{overflow:auto}.tablewrap table{min-width:760px}}
@media print{.side-nav{display:none!important}.workspace{display:block}.tablewrap{overflow:visible!important}}
thead th{text-align:center}