/* Shared workspace presentation; semantic colors remain on statuses and alerts. */
body:has(.layout){height:100dvh;overflow:hidden}
#app:has(.layout),.layout{height:100dvh;min-height:0}
.layout .main{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.layout .topbar{flex-shrink:0}
#content{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}
#content.table-page{display:flex;flex-direction:column;overflow:hidden;gap:4px}
#content.table-page>.table-wrap{flex:1;min-height:0;max-height:none;margin:0;overflow:auto}
#content.table-page>:not(.table-wrap){flex-shrink:0}
.sidebar{min-height:0;overflow-y:auto;scrollbar-width:thin}
.table-wrap{border-radius:14px;border-top:3px solid #3275df;box-shadow:0 3px 15px #17233708;isolation:isolate}
.table-wrap tbody tr:nth-child(even){background:rgba(107,123,149,.07)}
.table-wrap tbody tr:hover{background:var(--row-hover)}
.table-wrap th,.table-wrap td{white-space:nowrap;text-align:center}
.card,.metric{border-radius:14px;border-top:3px solid #3275df}
.metric:nth-child(3n+2){border-top-color:#8060c9}.metric:nth-child(3n){border-top-color:#3b9b86}
.freight-filterbar .saved button,.saved button{background:var(--panel,#fff)!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:none!important}
.freight-filterbar .saved button.active,.saved button.active{background:#7650b5!important;color:white!important;border-color:#7650b5!important;box-shadow:0 3px 10px #7650b52b!important}
.freight-filterbar .saved button:hover,.saved button:hover{border-color:#7650b5!important;box-shadow:0 0 0 3px #7650b517!important}
.column-head{position:relative}
.column-head .column-title{padding-right:0}
.column-filter{position:relative;padding-right:22px}
.column-exclude{position:absolute;right:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:20px;min-width:20px;height:26px;padding:0!important;border:0!important;background:transparent!important;color:var(--muted);box-shadow:none;border-radius:5px}
.column-exclude:hover,.column-exclude.active{background:#7650b51b!important;color:#7650b5!important}
.column-exclude.active{font-size:12px;font-weight:700}
.exclude-panel{max-width:760px;margin:auto}.exclude-values{max-height:42vh;overflow:auto;margin:12px 0;border:1px solid var(--line);border-radius:10px}
.exclude-option{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}
.exclude-option:hover{background:#7650b510}.exclude-option input{width:auto}.exclude-option span{flex:1;overflow-wrap:anywhere}.exclude-option small{opacity:.65}
.action-whatsapp{display:inline-flex!important;align-items:center;justify-content:center;width:36px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--panel,#fff);vertical-align:middle;margin-left:4px}
.action-whatsapp:hover{border-color:#22a76c;box-shadow:0 0 0 3px #22a76c20;background:#22a76c10}
.section-heading{padding:8px 0;border-bottom:2px solid #3275df;font-weight:700}
.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.book-card{display:flex;flex-direction:column;gap:9px;margin:0}.book-card h2{font-size:18px;margin:0}.book-card p{margin:0}.book-card button{align-self:flex-start;margin-top:10px}.book-eyebrow{font-size:12px;color:var(--muted,#637085)}
.book-section{border-left:3px solid #3275df;padding:4px 16px;margin:15px 0;background:#3275df07;border-radius:0 10px 10px 0}.book-section p{white-space:pre-wrap;overflow-wrap:anywhere}.book-section h3{font-size:14px}
@media(max-height:600px){#content.table-page>.table-wrap{min-height:50px}.freight-controls{max-height:35vh;overflow:auto}}
/* Compact fixed chrome lets the table occupy the remaining viewport height. */
.layout > .main{padding-bottom:4px}
.layout .topbar{margin-bottom:4px}
#content .freight-controls{margin:0;padding:5px;gap:5px}
#content .toolbar{margin-top:0;margin-bottom:0}
#content .pagination{padding:2px 0;margin:0;min-height:30px;flex-wrap:wrap;gap:6px}
#content.table-page>.table-wrap{flex:1 1 0}
.topbar-actions #open-ai{position:static;font:inherit;font-size:12px;padding:7px 10px;border-radius:8px;background:var(--panel);color:var(--ink);border:1px solid var(--line)}
.topbar-actions #open-ai:hover{color:var(--brand);border-color:#a3a6ef;box-shadow:0 0 0 2px var(--glow),0 4px 12px var(--glow)}
.freight-table .column-title{overflow:visible;text-overflow:clip}
@media(max-width:650px){.layout .topbar{flex-wrap:wrap}.topbar-actions{margin-left:auto}}


/* Primary-table page size control. */
#content > .pagination > label{display:flex;align-items:center;gap:8px;white-space:nowrap;margin:0}
#content > .pagination > label select{width:78px;min-width:78px;margin:0}
#content > .pagination{flex-wrap:wrap;gap:10px}