/* Shared semantic theme for administration, customer portal and browser workbench. */
:root{--ink:#243b5b;--muted:#75869e;--green:#2563eb;--dark:#183f7b;--mint:#edf4ff;--lime:#dceaff;--bg:#f4f7fc;--line:#e0e8f3;--blue:#2563eb;--amber:#b47c28;--red:#c85a61;--purple:#8b5cc7;--radius:12px;--shadow:0 8px 30px #173f7b0c;color-scheme:light}
html,body{background:var(--bg);color:var(--ink)}body{font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}::selection{background:#d4e4ff;color:#173d78}input,select,textarea{accent-color:#2563eb}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #7aa7ff;outline-offset:3px}.sidebar{background:#fff;border-right:1px solid #e0e8f3}.sidebar .brand{border-color:#edf1f8}.sidebar .brand strong,.sidebar .brand span{color:#2f4b70;font-size:14px}.sidebar .brand img{width:166px}.nav-label{color:#8f9db2}.nav-item{color:#6b7e9b}.nav-item:hover{background:#f3f7fe;color:#2b5caa}.nav-item.active{background:#eaf2ff;color:#2563eb;font-weight:600}.nav-item.active:before{background:#2563eb}.topbar{background:#ffffffed;border-color:#e4ebf5}.topbar .breadcrumb{color:#91a0b7}.topbar .breadcrumb strong{color:#345278}.page-head .eyebrow,.eyebrow{color:#6486ba}.page-head h1{color:#203d65}.page-head p,.subtext{color:#8293ab}.btn.primary,.auth-submit{background:#2563eb;border-color:#2563eb;color:#fff}.btn.primary:hover,.auth-submit:hover{background:#1d4ed8}.btn.soft{background:#ecf3ff;border-color:#dfeaff;color:#3768b4}.btn.text{color:#4279c8}.btn.danger{color:#bf4f59}.btn:disabled{opacity:.5;cursor:not-allowed}.badge.blue{background:#eaf2ff;color:#4278c7}.badge.green{background:#e9f6ef;color:#398260}.badge.amber{background:#fff5df;color:#aa7c29}.badge.red{background:#feedef;color:#be5e69}.badge.purple{background:#f1eafa;color:#8b61b1}.avatar,.avatar.teal,.avatar.blue{background:#e6efff;color:#547bc0}.panel{border-color:#e0e8f3;box-shadow:0 2px 6px #1c427703}.plant-card{background:#f2f6fd}.plant-dot{background:#5984d5}.progress-fill{background:#6b96df}.stat-spark polyline{stroke:#8aace3}.stat-spark polygon{fill:#c4d7f321}.global-search{background:#f4f7fc;border-color:#e0e8f3}.modal,.drawer{box-shadow:0 22px 90px #15376330}.modal-head,.modal-foot{border-color:#e6edf7}.modal-foot{background:#f8faff}.form-field>span,.form-field label{color:#657fa2}.auth-page{background:#f7faff;color:#284466}.auth-story{background:linear-gradient(145deg,#173b78,#1e56a2 65%,#246ac2)}.auth-story-brand>span,.auth-story-foot span{color:#93b5e5}.auth-story p{color:#c0d3ef}.auth-story .auth-eyebrow{color:#93bbf4}.auth-story-brand img{background:#fff}.auth-story-foot{color:#ccdcf4}.auth-main{background:#f8faff}.auth-brand>span,.auth-intro p{color:#7e91ad}.auth-intro h1{color:#203c65}.auth-form>label{color:#4d668b}.auth-input{border-color:#d8e3f2;background:#fff}.auth-input:focus-within{border-color:#6c9bef;box-shadow:0 0 0 3px #2563eb12}.auth-input>span,.auth-reveal{color:#6d8cb8}.auth-options,.auth-footer{color:#8197b6}.auth-workspace{background:#edf4ff;border-color:#dfebfb;color:#6884ac}.auth-workspace-dot{background:#4d86e4}.auth-brand{margin-bottom:36px}.auth-input input{color:#29486f}.auth-process span{border-color:#93b5e544}.auth-process i{background:#93b5e566}.auth-process i:after{border-color:#a8c5ed}.auth-help{background:#edf4ff;color:#5579a8}.graph-node.test-node,.process-node.test{background:#faf6ff!important;border-color:#c8abe8!important;color:#694693!important}.graph-node.test-node .node-kicker,.graph-node.test-node .canvas-estimate,.process-node.test .canvas-estimate,.process-node.test .process-node-kind{color:#8051b5!important}.graph-node.test-node .canvas-node-code,.graph-node.test-node .canvas-node-note,.process-node.test .process-node-meta{color:#9b7fb6!important}.graph-legend .test:before{background:#b58ad9!important}.graph-node.flow-node,.process-node.flow{border-color:#afc9ef;background:#f6f9ff}.graph-legend .process:before{background:#739cda}.test-hero{background:linear-gradient(135deg,#214881,#326db5)}.test-hero>span{color:#bed5f6}#mobile-app{background:#f4f7fc}.m-top,.m-tabs{background:#fff;border-color:#e2e9f4}.m-tabs button.active{color:#2563eb}.m-hero{background:#214b8a}.m-btn.primary,.m-btn:not(.secondary){background:#2563eb}.m-avatar{background:#e7efff;color:#557ec0}.customer-workspace .topbar .global-search,.customer-workspace .topbar [data-action=notifications],.customer-workspace .topbar .notification-dot{display:none}.customer-workspace .brand>div{flex-wrap:wrap}.customer-workspace .sidebar .brand span{font-size:12px;letter-spacing:0}.customer-workspace .brand strong{font-size:14px}.customer-workspace .content{max-width:1700px;margin:0 auto;width:100%}.customer-workspace .user-menu{cursor:pointer}
@media(max-width:960px){.sidebar .brand img{width:52px}.top-actions>.btn{font-size:11px;padding:8px}.user-menu>span:nth-child(2){display:none}.customer-sidebar-note{display:none}.sidebar-bottom>.full-width{padding:8px;font-size:10px}.sidebar .brand>div{display:none}}
@media(max-width:600px){.topbar{height:58px;padding:0 14px}.top-actions{gap:7px}.breadcrumb{font-size:11px}.top-actions>.btn{font-size:10px;min-height:30px}.content{padding:20px 14px}.page-head{gap:12px;align-items:flex-start}.page-head h1{font-size:24px}.page-head p{line-height:1.8}.head-actions{flex-wrap:wrap}.auth-brand{margin-bottom:30px}.commerce-table-wrap{max-width:100%}}
/* Larger search fields across the web administration pages. */
.layout .global-search{width:clamp(280px,25vw,380px);min-height:44px;padding:0 13px;gap:10px;border:1px solid #d7e3f3;border-radius:9px}
.layout .global-search input{flex:1;min-width:0;width:100%;font-size:14px;line-height:22px;padding:10px 0;color:var(--ink)}
.layout .global-search kbd{flex:none;white-space:nowrap}
.layout .search-input{flex:0 1 380px;width:380px;min-width:min(280px,100%);max-width:100%;min-height:44px;padding:0 14px;gap:10px;border-radius:9px}
.layout .search-input input{min-width:0;font-size:14px;line-height:22px;padding:10px 0}
.layout .loc-search{min-height:44px;padding:10px 14px}
.layout .loc-search input,.ams-search input{font-size:14px;line-height:22px}
.layout .global-search:focus-within,.layout .search-input:focus-within{border-color:#7aa7ee;box-shadow:0 0 0 3px #2563eb12}
.layout .global-search input:focus-visible,.layout .search-input input:focus-visible{outline:none}
@media(max-width:640px){.layout .search-input{flex:1 1 100%;width:100%;min-width:0}}
