/* Account and agency workspace: presentation only; auth and storage unchanged. */
#agentView{background:#f3f6f2;padding:24px 0 56px!important}
.str-agent,.str-auth{--ws-forest:#123e32;--ws-ink:#183a30;--ws-muted:#65786d;--ws-lime:#d5f37c;--ws-line:#dce5db;color:var(--ws-ink)!important;font-family:'DM Sans',system-ui,sans-serif!important}
.str-agent{max-width:1240px!important;padding:30px 28px 64px!important}
.str-agent .agent-tag{font-size:11px!important;letter-spacing:2.3px!important;color:#57715a!important;margin-bottom:12px}
.str-agent h1,.str-auth h1{font-family:Manrope,system-ui,sans-serif!important;letter-spacing:-1.7px!important;font-weight:800!important;line-height:1.1!important}
.str-agent h1{font-size:clamp(34px,4vw,52px)!important;margin:10px 0 16px!important;max-width:790px}
.str-agent>p,.str-auth>p{color:var(--ws-muted);font-size:15px;max-width:700px}
.str-agent h2{font-family:Manrope,system-ui,sans-serif!important;font-size:22px!important;letter-spacing:-.6px!important;margin-bottom:24px!important}
.str-agent .agent-note{background:#e9f0e4!important;border:1px solid #d4dfcd!important;border-radius:16px!important;color:#415c45;font-size:13px!important;line-height:1.7;padding:19px 22px!important;margin:26px 0!important}
.str-agent .agent-note strong{color:var(--ws-forest)}
.str-agent .agent-layout{gap:24px!important;align-items:start}
.str-agent .agent-panel{background:#fff!important;border:1px solid var(--ws-line)!important;border-radius:23px!important;padding:29px!important;box-shadow:0 8px 26px #173d2b04!important}
.str-agent .agent-grid{gap:19px 16px!important}
.str-agent label,.str-auth label{font-size:12px!important;line-height:1.4;font-weight:700!important;color:#3c5747;margin-bottom:8px!important}
.str-agent input,.str-agent select,.str-agent textarea,.str-auth input{min-height:47px;border:1px solid #dce4d9!important;border-radius:11px!important;background:#fafcf9!important;padding:12px 13px!important;color:var(--ws-ink)!important;font-size:14px!important;transition:border-color .15s,box-shadow .15s,background .15s;max-width:100%}
.str-agent textarea{min-height:130px!important;line-height:1.65}
.str-agent input::placeholder,.str-agent textarea::placeholder,.str-auth input::placeholder{color:#8b988e}
.str-agent input:focus,.str-agent select:focus,.str-agent textarea:focus,.str-auth input:focus{border-color:#6f936c!important;background:#fff!important;box-shadow:0 0 0 3px #d5f37c55}
.str-agent button,.str-auth button{min-height:43px;padding:12px 18px!important;border-radius:11px!important;background:var(--ws-forest)!important;color:#fff!important;font-size:13px!important;font-weight:700!important;line-height:1.3;transition:background .15s,transform .15s;box-shadow:none}
.str-agent button:hover,.str-auth button:hover{background:#24513f!important;transform:translateY(-1px)}
.str-agent button.secondary,.str-auth button.auth-link{background:#eef3e9!important;color:#35573e!important;border:1px solid #e0e8da!important}
.str-agent button.danger{background:#fff1ec!important;color:#a3442f!important;border:1px solid #f3dcd2!important}
.str-agent #agent-save,.str-auth form>button{background:var(--ws-lime)!important;color:#183a30!important;min-width:160px}
.str-agent #agent-save:hover,.str-auth form>button:hover{background:#c8eb65!important}
.str-agent button:disabled,.str-auth button:disabled{opacity:.5;cursor:wait;transform:none}
.str-agent button:focus-visible,.str-auth button:focus-visible,.str-agent input:focus-visible,.str-agent select:focus-visible,.str-agent textarea:focus-visible,.str-auth input:focus-visible{outline:3px solid #7da337!important;outline-offset:3px}
.str-agent input[type=file]{padding:7px!important;font-size:11px!important;line-height:2.4}
.str-agent input[type=file]::file-selector-button{border:0;background:#e7eedf;color:#36503b;border-radius:7px;padding:7px 9px;margin-right:8px;font-family:inherit;font-weight:700}
.str-agent small{display:block;font-size:11px;line-height:1.5;color:#7c8a7e;margin-top:7px}
.str-agent .agent-actions{gap:9px!important;margin-top:19px!important}
.str-agent #agent-message,.str-agent #profile-message{font-size:13px!important;line-height:1.65;overflow-wrap:anywhere}
.str-agent .agent-count{font-size:12px!important;color:#788878!important;padding-bottom:8px}
.str-agent .agent-empty{padding:29px!important;background:#f3f6ef!important;border:1px dashed #d7e2ce;border-radius:15px!important;font-size:14px;line-height:1.75!important}
.str-agent .agent-card{gap:15px!important;padding:22px 0!important;border-top:1px solid #e7ece3!important}
.str-agent .agent-card img{width:96px!important;height:108px!important;border-radius:12px!important;flex-shrink:0}
.str-agent .agent-card>div{min-width:0}
.str-agent .agent-card h3{font-family:Manrope,system-ui,sans-serif;font-size:16px!important;line-height:1.4;overflow-wrap:anywhere}
.str-agent .agent-card p{color:#778475!important;font-size:12px!important;line-height:1.6}
.str-agent .agent-card button{min-height:34px;font-size:11px!important;padding:8px 12px!important;border-radius:8px!important}
.str-agent .agent-status{display:inline-block;margin-top:5px;padding:4px 9px;border-radius:30px;background:#edf4e2;color:#4b6a30!important;font-size:10px!important;text-transform:capitalize;font-weight:700;letter-spacing:.3px}
.str-agent #agent-preview{height:160px!important;max-width:100%;border-radius:13px!important}
.str-auth{position:relative;max-width:470px!important;margin:36px auto 60px!important;padding:36px!important;background:#fff!important;border:1px solid #dce5db!important;border-radius:25px!important;box-shadow:0 20px 65px #173d2b09!important;overflow:hidden}
.str-auth:before{content:'';display:block;width:46px;height:6px;border-radius:8px;background:var(--ws-lime);margin-bottom:27px}
.str-auth>p:first-of-type{text-transform:uppercase;letter-spacing:1.8px;font-size:10px!important;font-weight:700;color:#55734d!important}
.str-auth h1{font-size:34px!important;margin:17px 0!important}
.str-auth p{font-size:13px!important;line-height:1.7!important;color:#6b7c6d}
.str-auth form{margin-top:24px}
.str-auth label{margin-top:18px!important}
.str-auth form>button{width:100%;margin-top:25px!important}
.str-auth .auth-link{margin-top:13px!important;font-size:11px!important;min-height:37px;padding:9px 11px!important}
.str-auth #auth-message{overflow-wrap:anywhere;min-height:0;margin-bottom:0}
@media(max-width:800px){.str-agent{padding:22px 16px 45px!important}.str-agent .agent-layout{grid-template-columns:1fr!important}.str-agent h1{font-size:36px!important}.str-agent .agent-panel{padding:23px!important}.str-agent .agent-note{padding:16px 18px!important}.str-auth{margin:24px 18px 40px!important}}
@media(max-width:430px){.str-agent{padding:17px 10px 35px!important}.str-agent h1{font-size:31px!important;letter-spacing:-1.2px!important}.str-agent .agent-panel{padding:19px!important;border-radius:18px!important}.str-agent .agent-grid{gap:16px 12px!important}.str-agent .agent-grid>div{min-width:0}.str-agent .agent-grid>div:has(input[type=file]){grid-column:1/-1}.str-agent .agent-card img{width:75px!important;height:95px!important}.str-agent .agent-note #agent-logout{display:block;margin-top:12px}.str-auth{padding:27px 23px!important;border-radius:20px!important}.str-auth h1{font-size:30px!important}}
@media(prefers-reduced-motion:reduce){.str-agent *,.str-auth *{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:850px){.str-auth input,.str-agent input,.str-agent select,.str-agent textarea{font-size:16px!important}}
/* Muted controls remain readable, including while a request is processing. */
.str-agent button:disabled,.str-auth button:disabled{opacity:1!important;color:#52634f!important;background:#eef2e9!important;border:1px solid #cbd5c3!important;cursor:not-allowed!important}.str-agent small,.str-agent .agent-count,.str-agent .agent-empty{color:#596b58!important}.str-agent input::placeholder,.str-agent textarea::placeholder,.str-auth input::placeholder{color:#667863!important;opacity:1!important}