/* finesse · product redesign · operational split workspace · CSS depth · blue-violet by explicit request */
:root{--wb-ink:#152c49;--wb-muted:#536982;--wb-accent:#345bcd;--wb-violet:#6a42ad;--wb-night:#192f54;--wb-paper:#f7f9fd;--wb-line:#d7e1f1;--wb-pale:#e7edfa;--wb-white:#fafcff;--wb-luminous:#c5d9ff;--wb-shadow:rgba(30,54,98,.17);--wb-edge:rgba(213,228,255,.4)}
html[data-ls-workbench] :is(.task-page,.merchant-detail-page)>.page-header{background:transparent!important;border:0!important;min-height:68px!important;padding:16px 24px!important}
html[data-ls-workbench=home] .task-page>.page-header{display:none!important}
html[data-ls-workbench=home] #channel-unified-task-root{padding:0!important;background:none!important}
html[data-ls-workbench=home] .workflow-task{background:none!important;border:0!important;padding:0!important;display:grid;grid-template-columns:196px minmax(0,1fr);gap:20px;align-items:start}
.ls-command{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;min-height:300px;padding:32px 40px;border-radius:24px;background:var(--wb-night);color:var(--wb-white);overflow:hidden;position:relative}
.ls-command h2{color:var(--wb-white)!important;font-size:clamp(28px,2.7vw,42px)!important;line-height:1.25;margin:12px 0;letter-spacing:-1px;font-weight:700}
.ls-command-label{color:var(--wb-luminous);font-size:13px;margin:0;letter-spacing:2px}
.ls-command-note{font-size:14px;line-height:1.8;color:var(--wb-luminous);max-width:360px}
.ls-command-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}
.ls-command-links a{min-height:44px;display:inline-flex;align-items:center;gap:16px;color:var(--wb-white);text-decoration:none;border-bottom:1px solid var(--wb-edge);font-size:14px;white-space:nowrap}
.ls-command-links a:focus-visible,.ls-task-search input:focus-visible{outline:3px solid var(--wb-accent);outline-offset:4px}
.ls-command-links a:hover{border-color:var(--wb-white)}
.ls-depth-scene{perspective:1000px;display:grid;place-items:center;min-width:0;min-height:220px;padding:20px;isolation:isolate}
.ls-depth-card{position:relative;width:100%;max-width:360px;transform-style:preserve-3d;transform:rotateX(var(--rx,5deg)) rotateY(var(--ry,-9deg));transition:transform .28s cubic-bezier(.16,1,.3,1)}
.ls-depth-back{position:absolute;inset:-10px 14px 10px -14px;border-radius:20px;background:linear-gradient(130deg,var(--wb-accent),var(--wb-violet));border:1px solid var(--wb-edge);transform:translateZ(-26px)}
.ls-depth-face{position:relative;background:linear-gradient(120deg,var(--wb-accent),var(--wb-violet));border:1px solid var(--wb-edge);border-radius:20px;padding:26px;color:var(--wb-white);box-shadow:0 24px 45px var(--wb-shadow);transform:translateZ(22px)}
.ls-depth-face>span{font-size:13px;letter-spacing:1px;color:var(--wb-white)}
.ls-depth-face>p{font-size:12px;line-height:1.7;margin:18px 0 0;color:var(--wb-white)}
.ls-command-counts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}
.ls-command-counts>div{display:grid;gap:6px}
.ls-command-counts strong{font-size:48px;line-height:1.1;font-weight:600;font-variant-numeric:tabular-nums;color:var(--wb-white)!important}
.ls-command-counts span{font-size:13px;color:var(--wb-white)}
.ls-depth-caption{position:relative;margin:14px -10px -20px 24px;padding:12px 16px;background:var(--wb-paper);color:var(--wb-ink);border-radius:10px;font-size:12px;transform:translateZ(52px);box-shadow:0 12px 24px var(--wb-shadow)}
html[data-ls-workbench=home] .workflow-task__toolbar{grid-column:1;grid-row:2/4;display:flex!important;flex-direction:column;align-items:stretch!important;gap:20px;background:var(--wb-white)!important;border:1px solid var(--wb-line)!important;border-radius:18px!important;padding:20px 12px!important}
html[data-ls-workbench=home] .workflow-task__tabs{display:flex;flex-direction:column;gap:12px}
html[data-ls-workbench=home] .workflow-task__tabs button{display:flex;justify-content:space-between;align-items:center;min-height:52px!important;margin:0!important;border:0!important;border-radius:10px!important;padding:14px!important;white-space:nowrap}
html[data-ls-workbench=home] .workflow-task__tabs button[aria-selected=true]{background:var(--wb-accent)!important;color:var(--wb-white)!important}
html[data-ls-workbench=home] [data-task-lists]{grid-column:2;min-width:0}
.ls-task-search{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--wb-white);border:1px solid var(--wb-line);padding:14px 18px;border-radius:14px;min-width:0}
.ls-task-search label{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--wb-muted);min-width:0}
.ls-task-search input{box-sizing:border-box;width:220px;max-width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--wb-line);border-radius:8px;background:var(--wb-paper);font-size:14px;color:var(--wb-ink)}
.ls-task-search>span{font-size:12px;color:var(--wb-muted)}
html[data-ls-workbench=home] .workflow-task__section{border:1px solid var(--wb-line)!important;border-radius:18px!important;padding:8px 20px!important;background:var(--wb-white)!important}
html[data-ls-workbench=home] .workflow-task__section>header{padding:12px 0!important}
html[data-ls-workbench=home] .workflow-task__item{background:transparent!important;border:0!important;border-top:1px solid var(--wb-line)!important;border-radius:0!important;padding:20px 0!important;margin:0!important;gap:16px}
html[data-ls-workbench=home] .workflow-task__item:hover{background:var(--wb-paper)!important}
html[data-ls-workbench=home] .workflow-task__item strong{font-size:17px!important}
html[data-ls-workbench=home] .workflow-task__actions{gap:12px;flex-wrap:wrap;justify-content:flex-end}
html[data-ls-workbench=home] .workflow-task__assignment{font-size:12px}
html[data-ls-workbench=home] .workflow-task__detail{grid-column:1/-1}
html[data-ls-workbench=home] .workflow-task:has(>[data-task-detail]:not([hidden]))>.ls-command,html[data-ls-workbench=home] .workflow-task:has(>[data-task-detail]:not([hidden]))>.ls-task-search{display:none}
html[data-ls-workbench=home] .ls-search-hidden{display:none!important}
html[data-ls-workbench=detail] .merchant-detail-page{display:grid!important;grid-template-columns:248px minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:20px!important;align-items:start;background:var(--wb-paper)!important}
html[data-ls-workbench=detail] .merchant-detail-page>.page-header{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin:0!important;padding:4px 4px 16px!important;border-bottom:1px solid var(--wb-line)!important}
.ls-dossier-stamp{margin-left:auto;background:var(--wb-pale);color:var(--wb-accent);font-size:12px;padding:8px 12px;border-radius:7px;white-space:nowrap}
html[data-ls-workbench=detail] .ls-dossier-rail{grid-column:1;grid-row:2/4;min-width:0;padding:0!important;margin:0!important;background:none!important}
html[data-ls-workbench=detail] .workflow-v3--archive{padding:0!important;background:transparent!important}
.ls-dossier-depth{padding:8px 12px 24px;min-height:130px}
.ls-dossier-depth .ls-depth-face{padding:20px;border-radius:16px}
.ls-dossier-depth strong{display:block;font-size:23px;margin-top:12px;color:var(--wb-white)!important}
html[data-ls-workbench=detail] .workflow-v3--archive .workflow-v3__header{padding:18px!important;background:var(--wb-white)!important;border:1px solid var(--wb-line)!important;border-radius:14px 14px 0 0!important}
html[data-ls-workbench=detail] .workflow-v3--archive .workflow-v3__header h2{font-size:18px!important}
html[data-ls-workbench=detail] .workflow-v3--archive .workflow-v3__timeline{display:flex!important;flex-direction:column!important;gap:0!important;overflow:visible!important;min-width:0!important;margin:0!important;padding:8px 18px 18px!important;background:var(--wb-white);border:1px solid var(--wb-line);border-top:0;border-radius:0 0 14px 14px}
html[data-ls-workbench=detail] .workflow-v3--archive .workflow-v3__timeline>li{min-width:0!important;flex:none!important;border-bottom:1px solid var(--wb-line)!important;padding:12px 0!important;font-size:13px!important}
html[data-ls-workbench=detail] .merchant-detail-page>.tab-bar{grid-column:2;display:flex!important;flex-wrap:wrap;gap:8px;margin:0!important;padding:8px!important;background:var(--wb-pale)!important;border-radius:12px;min-width:0}
html[data-ls-workbench=detail] .merchant-detail-page>.tab-content{grid-column:2;min-width:0;margin:0!important;background:transparent!important}
html[data-ls-workbench=detail] .merchant-detail-page>.reject-info-card{grid-column:2;min-width:0}
html[data-ls-workbench=detail] .basic-layout{display:flex;flex-direction:column;gap:20px!important}
html[data-ls-workbench=detail] .basic-left,html[data-ls-workbench=detail] .basic-right{width:100%!important;min-width:0!important;flex:auto!important}
html[data-ls-workbench=detail] .tab-item{min-height:44px;display:flex;align-items:center;justify-content:center;white-space:nowrap;padding:10px 24px!important;border-radius:8px!important}
html[data-ls-workbench=detail] .tab-item.active{background:var(--wb-accent)!important;color:var(--wb-white)!important}
html[data-ls-design] #h270-safe-center-root .h270-safe-center-hero{background:linear-gradient(115deg,var(--wb-accent),var(--wb-violet))!important;border:0!important;border-radius:22px!important;padding:32px!important;color:var(--wb-white)!important}
html[data-ls-design] #h270-safe-center-root .h270-safe-center-hero :is(h1,p,span){color:var(--wb-white)!important}
html[data-ls-design] #h270-safe-center-root .h270-safe-center-hero .h270-safe-eyebrow{background:transparent!important;border:1px solid var(--wb-edge)}
@media(max-width:1100px){.ls-command{padding:28px;gap:8px}.ls-task-search{flex-direction:column;align-items:stretch}.ls-task-search input{flex:1}.ls-task-search label{display:flex}.ls-command-counts strong{font-size:38px}html[data-ls-workbench=detail] .merchant-detail-page{grid-template-columns:200px minmax(0,1fr);gap:14px!important}}
@media(max-width:800px){html[data-ls-workbench=home] .workflow-task{grid-template-columns:minmax(0,1fr);gap:14px}.ls-command{grid-template-columns:minmax(0,1fr);padding:24px}.ls-command h2 br{display:none}.ls-command h2{font-size:30px!important}.ls-command-note{max-width:none}.ls-command-links{margin-top:16px}.ls-depth-scene{min-height:190px;padding:20px 24px}.ls-depth-card{max-width:420px}.ls-command-counts strong{font-size:36px}html[data-ls-workbench=home] .workflow-task__toolbar{grid-column:1;grid-row:auto;flex-direction:row!important;padding:12px!important}html[data-ls-workbench=home] .workflow-task__tabs{flex-direction:row;flex:1;flex-wrap:wrap}html[data-ls-workbench=home] [data-task-lists],.ls-task-search{grid-column:1}html[data-ls-workbench=detail] .merchant-detail-page{display:flex!important;flex-direction:column;gap:14px!important}html[data-ls-workbench=detail] .merchant-detail-page>*{width:100%;box-sizing:border-box}html[data-ls-workbench=detail] .ls-dossier-rail .workflow-v3__timeline{flex-direction:row!important;overflow-x:auto!important;gap:14px!important}html[data-ls-workbench=detail] .ls-dossier-rail .workflow-v3__timeline>li{min-width:120px!important}.ls-dossier-depth{display:none}.ls-dossier-stamp{display:none}html[data-ls-workbench=detail] .workflow-v3--archive .workflow-v3__header{border-radius:14px 14px 0 0!important}html[data-ls-workbench=detail] .workflow-v3--archive .workflow-v3__header h2{display:none}}
@media(max-width:440px){.ls-command{padding:22px 18px}.ls-command h2{font-size:28px!important}.ls-command-links{gap:12px}.ls-command-links a{font-size:13px;gap:8px}.ls-depth-scene{padding:20px 12px}.ls-depth-face{padding:20px}.ls-depth-caption{font-size:11px;margin-left:8px}.ls-task-search{padding:12px}.ls-task-search label{display:grid;gap:8px}.ls-task-search input{width:100%}html[data-ls-workbench=home] .workflow-task__toolbar{flex-wrap:wrap}html[data-ls-workbench=home] .workflow-task__tabs button{padding:12px!important}html[data-ls-workbench=home] .workflow-task__section{padding:8px 12px!important}html[data-ls-workbench=home] .workflow-task__item{flex-direction:column;align-items:stretch!important}html[data-ls-workbench=home] .workflow-task__actions{justify-content:flex-start}html[data-ls-design] #h270-safe-center-root .h270-safe-center-hero{padding:24px!important}}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.ls-depth-card{transform:none!important;transition:none!important}.ls-depth-back,.ls-depth-face,.ls-depth-caption{transform:none!important}}
html[data-ls-motion=off] .ls-depth-card,html[data-ls-motion=off] .ls-depth-back,html[data-ls-motion=off] .ls-depth-face,html[data-ls-motion=off] .ls-depth-caption{transform:none!important;transition:none!important}
/* These selectors intentionally outrank the previous generic skin. */
html[data-ls-workbench=home] #app .workflow-task__item{background:transparent!important;border:0!important;border-top:1px solid var(--wb-line)!important;border-radius:0!important;padding:20px 0!important;margin:0!important}
html[data-ls-workbench=home] #app .workflow-task__item:hover{background:var(--wb-paper)!important}
html[data-ls-workbench=home] #app .workflow-task__tabs button[aria-selected=true]{background:var(--wb-accent)!important;color:var(--wb-white)!important}
html[data-ls-workbench=home] #app .workflow-task__assignment{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;max-width:100%}
html[data-ls-workbench=home] #app .workflow-task__assignment>small{white-space:normal;overflow-wrap:anywhere}
html[data-ls-workbench=home] #app .workflow-task__actions{align-items:flex-end}
/* Native business state wins over decorative layout, including task forms. */
html[data-ls-workbench] #app :is(.workflow-task,.merchant-detail-page) [hidden]{display:none!important}
html[data-ls-workbench=detail] #app .tab-bar{background:var(--wb-pale)!important}
html[data-ls-workbench=detail] #app .tab-item.active,html[data-ls-workbench=detail] #app .tab-item.active :is(.tab-text,.tab-icon){background:var(--wb-accent)!important;color:var(--wb-white)!important}
/* Product-library cards own the requested blue-violet treatment. */
html[data-ls-design=workspace] #app .product-page .product-card>.card-header{background:linear-gradient(115deg,var(--wb-accent),var(--wb-violet))!important;color:var(--wb-white)!important;border-radius:12px!important;padding:20px 16px!important;border:0!important}
html[data-ls-design=workspace] #app .product-page .product-card>.card-header .product-name{color:var(--wb-white)!important}
/* Analysis uses the same palette across the hero, steps, icons and actions. */
html[data-ls-design=workspace] #h270-safe-center-root :is(.h270-safe-flow b,.h270-safe-module-icon){background:var(--wb-accent)!important;color:var(--wb-white)!important}
html[data-ls-design=workspace] #h270-safe-center-root .h270-safe-module .h270-safe-direct{background:var(--wb-accent)!important;color:var(--wb-white)!important;border-color:var(--wb-accent)!important}
html[data-ls-design=workspace] #h270-safe-center-root .h270-safe-module button[data-analysis-intent]{color:var(--wb-accent)!important;border-color:var(--wb-line)!important;background:var(--wb-paper)!important}
html[data-ls-design=workspace] #h270-safe-center-root :is(.h270-safe-module em,.h270-safe-module-head em){background:var(--wb-pale)!important;color:var(--wb-violet)!important}
@media(max-width:440px){
 .ls-command{padding:18px 14px;gap:8px;min-height:0;border-radius:18px}
 .ls-command-label{font-size:12px;letter-spacing:1px}
 .ls-command h2{font-size:23px!important;margin:8px 0;line-height:1.3}
 .ls-command-note,.ls-depth-caption{display:none}
 .ls-command-links{margin-top:8px;gap:8px;flex-wrap:nowrap}
 .ls-command-links a{font-size:11px;gap:2px;min-height:44px}
 .ls-command-links a span{display:none}
 .ls-command .ls-depth-scene{padding:8px 4px;min-height:120px}
 .ls-command .ls-depth-face{padding:14px;border-radius:12px}
 .ls-command .ls-depth-face>span{font-size:12px;letter-spacing:0}
 .ls-command-counts{gap:12px;margin-top:10px}
 .ls-command-counts strong{font-size:28px}
 .ls-command-counts span{font-size:12px;white-space:nowrap}
 .ls-command .ls-depth-face>p{display:none}
 html[data-ls-workbench=home] .workflow-task__toolbar{gap:8px!important}
 html[data-ls-workbench=home] .workflow-task__tabs{gap:8px}
 html[data-ls-workbench=home] .workflow-task__tabs button{font-size:13px!important;padding:10px!important;min-height:44px!important}
 html[data-ls-workbench=home] [data-refresh-tasks]{min-height:44px!important}
}
