:root{--dispatch-blue:#285b91;--dispatch-dark:#173a5d;--dispatch-pale:#e7eef5;--dispatch-line:#9ba9b6;--dispatch-focus:#0b74d1;--dispatch-alert:#a92d2d}
body{background:#d8dee4;color:#14202b}
#console>header{height:34px;padding:0 12px;background:linear-gradient(#326aa5,#24578c);border-bottom:1px solid #153b61;box-shadow:inset 0 1px #ffffff30}
#console>header strong{font-size:13px;letter-spacing:.15px;text-align:center}
#console>header span{font-variant-numeric:tabular-nums}
#console>nav{height:43px;align-items:stretch;gap:0;padding:0 7px;background:#f3f5f7;border-bottom:1px solid #9daab6;box-shadow:0 1px 2px #0001}
#console>nav button{padding:0 14px;border:0;border-right:1px solid #d3d9de;background:transparent;color:#172839;font-weight:600;white-space:nowrap}
#console>nav button:hover{background:#e1e9f1;color:#113f6e}
#console>nav button:focus{outline:0;box-shadow:inset 0 -3px var(--dispatch-focus)}
#console>nav button:first-child{box-shadow:inset 0 -3px var(--dispatch-blue);color:#174c7e}
#console>aside#layout-tools{min-height:48px;padding:6px 10px;background:#e6edf4;border-bottom-color:#9ba9b6}
#grid{gap:5px;padding:5px;background:#cfd6dc;align-items:start}
.module{border-color:#929fac;background:#fdfefe;box-shadow:0 1px 2px #18263420}
.module h2{min-height:28px;padding:4px 7px;color:#102f4c;background:linear-gradient(#edf3f8,#d9e5ef);border-bottom-color:#9eacb8;font-size:13px;font-weight:700}
.module h2::before{content:"";width:3px;align-self:stretch;margin:-4px 5px -4px -7px;background:var(--dispatch-blue)}
.module:focus-within{border-color:#5587b5;box-shadow:0 0 0 1px #5587b5}
.form{gap:6px;padding:8px}
.form label{gap:2px;font-size:12px;color:#273746}
.form input,.form textarea,.form select{min-height:29px;padding:4px 6px;border-color:#8e9ba8;border-radius:0;background:#fff;color:#101820}
.form textarea{min-height:58px}
.form input:focus,.form textarea:focus,.form select:focus{outline:1px solid var(--dispatch-focus);box-shadow:inset 3px 0 var(--dispatch-focus)}
.form>button{min-height:31px;border-color:#174879;background:linear-gradient(#3476b5,#245c92);font-weight:700}
[data-module="entry"] .form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start}
[data-module="entry"] .form>label:first-of-type,[data-module="entry"] .form>label:nth-of-type(2),[data-module="entry"] .form>label:nth-last-of-type(1),[data-module="entry"] .form>button{grid-column:1/-1}
[data-module="entry"] .form>label:has(textarea){grid-column:1/-1}
.table-wrap{background:#fff}
table{font-size:12px}
th,td{height:27px;padding:4px 6px;border-right:1px solid #e0e5e9;border-bottom:1px solid #d2d9df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
th{top:28px;color:#18344e;background:linear-gradient(#fafbfc,#e7ebef);border-bottom-color:#9ba7b2;font-weight:700}
tbody tr:nth-child(even){background:#f7f9fa}
tbody tr:hover{background:#e5f0fa}
tbody tr.selected{background:#bdd9f2;box-shadow:inset 4px 0 #1769aa}
.state{border:1px solid #ffffff80;box-shadow:inset 0 0 0 1px #0002}
.notice{background:#eef4f8;border-left-color:#2a6397}
.empty{color:#53616e;background:repeating-linear-gradient(-45deg,#fafbfc,#fafbfc 8px,#f6f8fa 8px,#f6f8fa 16px)}
#journal .journal-line{background:#fff}
#journal .journal-line:nth-child(even){background:#f5f7f9}
#console>footer{position:sticky;bottom:0;min-height:27px;align-items:center;padding:4px 9px;background:#f1f3f5;border-top-color:#98a4af;font-size:12px;box-shadow:0 -1px 2px #0001}
.editing .module{outline:1px dashed #3a79b2;outline-offset:-3px}.editing .module h2{background:#d5e8f8}
@media(max-width:1100px){#console>nav button{padding:0 9px}[data-module="entry"] .form{grid-template-columns:1fr}}
@media(max-width:600px){#console>nav{height:auto;min-height:42px}[data-module="entry"] .form{grid-template-columns:1fr}.module h2{position:sticky}}
