/* ETS workspace visual system */
:root{color-scheme:dark;--ets-bg:#0b0f13;--ets-panel:#181f26;--ets-panel2:#202a33;--ets-line:#34434d;--ets-orange:#e59751;--ets-muted:#aebdc7}
body{background:radial-gradient(circle at 8% 0%,#20252a 0,transparent 440px),var(--ets-bg)!important;color:#f4f1eb;line-height:1.5}
header{background:#12191f!important;border-bottom:2px solid var(--ets-orange)!important}
main{max-width:1240px!important;margin:0 auto!important;padding:24px!important}
section{background:linear-gradient(160deg,#1b242c,#151c23)!important;border:1px solid var(--ets-line)!important;border-radius:14px!important;padding:24px!important;box-shadow:0 14px 30px rgba(0,0,0,.1)}
h1{letter-spacing:-.025em}h2{letter-spacing:-.02em;font-size:1.4rem}
button,.button{background:var(--ets-orange)!important;border:1px solid transparent!important;color:#15191c!important;font-weight:700;transition:filter .15s,transform .15s}
button:hover:not(:disabled){filter:brightness(1.09)}button:active:not(:disabled){transform:translateY(1px)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f8b977!important;outline-offset:2px}
input,textarea,select{background:#10171d!important;border:1px solid #566672!important;color:#fff!important;border-radius:8px!important}
label{color:#dce6ec}.small{color:var(--ets-muted)!important}
.line,.offer{border-bottom:1px solid #3c4c56;padding:18px 0}
a{color:#f7ad77}details{border-radius:10px}
.workspace-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:12px;background:#141b22;border:1px solid #35444e;border-radius:12px}
.workspace-nav a{color:#f2f0eb;text-decoration:none;padding:8px 13px;border-radius:8px;background:#27313a;font-size:.92rem}
.workspace-nav a:hover{background:#374651}
@media(max-width:680px){main{padding:12px!important}section{padding:16px!important}header{padding:15px!important}button{max-width:100%}.workspace-nav{gap:5px}.workspace-nav a{font-size:.84rem;padding:7px 10px}}

#contractorDirectory .contractor-profile{background:#111921;border:1px solid #34434d;margin:7px 0;padding:12px 16px;border-radius:9px}
#contractorDirectory .contractor-profile>summary{font-weight:650;cursor:pointer;line-height:1.6}
#contractorDirectory .line{padding:5px 0;border:0}
#contractorDirectory #contractorResults>.line{padding:0;border:0}
#dispatchPaymentsRows details{background:#111921;padding:10px;border-radius:8px;margin-top:10px}
#dispatchPaymentsRows details>summary{cursor:pointer}
#dispatchPaymentsRows details>input,#dispatchPaymentsRows details>select{margin:8px 0;max-width:430px;display:block;width:100%;padding:10px}

#workspace section[hidden]{display:none!important}
#workspace .grid:has(>section[hidden]){align-items:start}
.workspace-nav button{background:#28333d!important;color:#dce5eb!important;border:1px solid #45515a!important;padding:10px 16px;margin:0;box-shadow:none}
.workspace-nav button.active-view{background:#e59751!important;color:#10171d!important;border-color:#e59751!important}
#activeWorkspaceTitle{margin:18px 0 10px;font-size:1.6rem}
#workspace:not([data-active-view])>section{display:none}

.job-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:14px 0}
.job-pagination .small{margin-right:auto}
.job-pagination button{margin:0;padding:8px 14px}
.job-pagination button:disabled{opacity:.35;cursor:not-allowed}

.job-actions{border:1px solid #34434d;padding:8px 12px;border-radius:9px;margin:10px 0;background:#111920}
.job-actions>summary{cursor:pointer;color:#eaa66f;font-weight:650}
.job-actions>button{margin:10px 8px 4px 0}
#jobs>.line{border-bottom:1px solid #35414a;padding:15px 0}
