:root{--wo-dark:#07152f;--wo-ink:#102039;--wo-muted:#5e6c82;--wo-line:#dde5ef;--wo-bg:#f2f5fa;--wo-shadow:0 12px 35px rgba(13,32,65,.075)}
.wo-app{background:radial-gradient(circle at 95% 2%,color-mix(in srgb,var(--wo) 7%,transparent),transparent 25%),var(--wo-bg)}.wo-side{width:272px;padding:28px 20px;background:radial-gradient(circle at 15% 3%,color-mix(in srgb,var(--wo) 30%,transparent),transparent 24%),linear-gradient(180deg,#091933,#061126);border-right:1px solid rgba(255,255,255,.05);box-shadow:12px 0 40px rgba(4,14,32,.08)}.wo-side .wo-brand{font-size:19px;letter-spacing:-.02em;padding:0 7px}.wo-side .wo-brand span{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--wo) 85%,white),var(--wo));box-shadow:0 9px 22px color-mix(in srgb,var(--wo) 30%,transparent)}.wo-company-chip{margin:30px 0 22px;padding:20px 11px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.045)}.wo-company-chip>b{width:42px;height:42px;border-radius:11px;box-shadow:0 8px 18px rgba(0,0,0,.15)}.wo-company-chip strong{font-size:12px;line-height:1.4}.wo-company-chip small{font-size:9px;letter-spacing:.04em}.wo-side nav{gap:7px}.wo-side nav a,.wo-logout{min-height:45px;padding:12px 14px;border-radius:10px;font-size:12px;transition:background .2s,color .2s,transform .2s}.wo-side nav a:hover{background:rgba(255,255,255,.07);color:#fff!important;transform:translateX(2px)}.wo-side nav a.active{background:linear-gradient(90deg,color-mix(in srgb,var(--wo) 26%,transparent),rgba(255,255,255,.055));color:#fff!important;border-left:0;box-shadow:inset 3px 0 color-mix(in srgb,var(--wo) 70%,white)}.wo-side nav i{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.055);font-size:14px}.wo-side nav a.active i{background:color-mix(in srgb,var(--wo) 65%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--wo) 20%,transparent)}.wo-main{margin-left:272px;width:calc(100% - 272px)}.wo-top{height:84px;padding:0 38px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-color:rgba(216,225,237,.86);position:sticky;top:0;z-index:50}.wo-top small{letter-spacing:.09em}.wo-top strong{font-size:13px}.wo-avatar{width:42px;height:42px;border:1px solid color-mix(in srgb,var(--wo) 18%,white);background:linear-gradient(145deg,color-mix(in srgb,var(--wo) 10%,white),#fff);box-shadow:0 6px 17px rgba(15,34,67,.08)}.wo-content{padding:40px;max-width:1540px}.wo-page-head{margin-bottom:30px}.wo-page-head h1{font-size:30px;letter-spacing:-.035em;margin-bottom:8px}.wo-page-head>div>p:last-child{font-size:13px;color:#657289}.eyebrow{font-size:9px!important;letter-spacing:.16em}.wo-btn{min-height:43px;border-radius:10px;padding:12px 18px;font-size:11px;background:linear-gradient(135deg,color-mix(in srgb,var(--wo) 90%,white),var(--wo));box-shadow:0 10px 22px color-mix(in srgb,var(--wo) 22%,transparent);transition:transform .2s,box-shadow .2s,filter .2s}.wo-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px color-mix(in srgb,var(--wo) 28%,transparent)}.wo-btn.secondary{background:#fff;border-color:#d8e1ec}.wo-metrics{gap:17px;margin-bottom:24px}.wo-metric{min-height:110px;padding:20px;border-radius:14px;border:1px solid rgba(215,225,237,.95);box-shadow:var(--wo-shadow);position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s}.wo-metric:after{content:"";position:absolute;top:0;left:20px;right:20px;height:2px;background:linear-gradient(90deg,var(--wo),transparent);opacity:.55}.wo-metric:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--wo) 25%,var(--wo-line));box-shadow:0 18px 45px rgba(13,32,65,.11)}.wo-metric>span{width:39px;height:39px;border-radius:10px;border:1px solid color-mix(in srgb,var(--wo) 13%,white);background:linear-gradient(145deg,color-mix(in srgb,var(--wo) 10%,white),#f8faff)}.wo-metric small{font-size:9px;text-transform:uppercase;letter-spacing:.055em}.wo-metric strong{font-size:23px;letter-spacing:-.025em}.wo-metric em{font-size:9px}.wo-card{border-radius:15px;border:1px solid rgba(216,225,237,.95);padding:24px;box-shadow:var(--wo-shadow);margin-bottom:24px}.wo-card-head{margin-bottom:20px}.wo-card h2{font-size:15px;letter-spacing:-.01em}.wo-card-head small{background:#f3f6fa;border:1px solid #e4eaf2;padding:5px 8px;border-radius:99px}.wo-chart{max-height:275px!important}.wo-grid{gap:24px;margin-bottom:24px}.wo-table-wrap{border:1px solid #e7ecf3;border-radius:11px;overflow:auto}.wo-card>.wo-table-wrap{margin:-3px}table{font-size:11px}th{padding:13px 14px;background:#f7f9fc;color:#758198;font-size:8.5px;border-bottom:1px solid #dfe6ef}td{padding:15px 14px;border-color:#e9edf3}tbody tr{transition:background .18s}tbody tr:hover{background:color-mix(in srgb,var(--wo) 3.5%,white)}td>a{display:inline-flex;padding:6px 9px;border:1px solid color-mix(in srgb,var(--wo) 18%,#e2e8f0);border-radius:7px;background:#fff;transition:.18s}td>a:hover{color:#fff;background:var(--wo);border-color:var(--wo)}.wo-status{padding:6px 9px;font-size:8.5px;letter-spacing:.015em;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 18%,transparent)}.wo-status:before{width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 10%,transparent)}.wo-feed{position:relative}.wo-feed:before{content:"";position:absolute;left:15px;top:20px;bottom:20px;width:1px;background:#e0e7f0}.wo-feed>div{position:relative;padding:14px 0;gap:14px}.wo-feed>div>span{width:31px;height:31px;z-index:1;border:1px solid #caeadb;box-shadow:0 0 0 5px #fff}.wo-feed p{font-size:11px;padding-top:2px}.wo-feed small{font-size:9px;margin-top:5px}.wo-form-card{max-width:980px;padding:30px}.wo-form{gap:21px 19px}.wo-form label,.wo-form fieldset{font-size:10px;color:#3c4a60;letter-spacing:.012em}.wo-form input,.wo-form select,.wo-form textarea{height:48px;margin-top:9px;border-color:#d5deea;border-radius:10px;padding:11px 13px;background:#fbfcfe;transition:border-color .2s,box-shadow .2s,background .2s}.wo-form textarea{height:105px}.wo-form input:hover,.wo-form select:hover,.wo-form textarea:hover{border-color:#bcc9da}.wo-form input:focus,.wo-form select:focus,.wo-form textarea:focus{outline:0;border-color:color-mix(in srgb,var(--wo) 70%,white);box-shadow:0 0 0 4px color-mix(in srgb,var(--wo) 10%,transparent);background:#fff}.form-actions{padding-top:12px}.wo-people,.wo-service-grid{gap:19px}.wo-person{padding:22px;border-radius:14px;border-color:#dbe3ed;box-shadow:0 7px 24px rgba(14,33,65,.055);transition:.22s}.wo-person:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(14,33,65,.1);border-color:color-mix(in srgb,var(--wo) 22%,#dbe3ed)}.wo-person-top>span,.company-mark{width:43px;height:43px;border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--wo) 10%,white),#f8faff);border:1px solid color-mix(in srgb,var(--wo) 15%,white)}.wo-person h3{font-size:15px;margin-top:18px}.wo-person dl{padding:13px;border-radius:9px;background:#f7f9fc;justify-content:space-between}.wo-service{padding:23px!important;border-radius:14px!important;transition:.22s}.wo-service:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(13,32,65,.1)}.wo-service>span{width:42px;height:42px;border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--wo) 10%,white),#f8faff)}.wo-theme-options{gap:12px}.wo-theme-options label{min-width:125px;padding:12px 14px;border-radius:10px;background:#fbfcfe;transition:.2s}.wo-theme-options label:has(input:checked){border-color:var(--wo);box-shadow:0 0 0 3px color-mix(in srgb,var(--wo) 9%,transparent);background:#fff}.theme-dot{width:15px;height:15px;box-shadow:0 0 0 3px #eef2f7}.wo-invoice{border-radius:16px;padding:48px;border-color:#dbe3ed;box-shadow:0 24px 60px rgba(13,32,65,.11)}.invoice-logo{width:51px;height:51px;border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--wo) 80%,white),var(--wo));box-shadow:0 10px 22px color-mix(in srgb,var(--wo) 20%,transparent)}.invoice-head h2{font-size:19px}.invoice-head h1{font-size:31px;letter-spacing:-.03em}.invoice-bill{padding:23px 0}.wo-company-list article{padding:21px 8px;border-radius:10px;transition:.18s}.wo-company-list article:hover{background:#f8fafd}.wo-login{background:radial-gradient(circle at 82% 18%,rgba(65,106,226,.12),transparent 28%),#f3f6fb}.wo-login-side{padding:62px 7vw;background:radial-gradient(circle at 15% 15%,rgba(68,107,223,.26),transparent 29%),radial-gradient(circle at 90% 88%,rgba(118,82,205,.18),transparent 24%),linear-gradient(145deg,#07152f,#10284e);position:relative;overflow:hidden}.wo-login-side:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px}.wo-login-side>*{position:relative;z-index:1}.wo-login-side h2{font-size:44px;letter-spacing:-.04em;line-height:1.08}.wo-login-card{padding:44px;border-radius:18px;border-color:#dbe3ed;box-shadow:0 35px 80px rgba(13,32,65,.15)}.wo-login-card h1{font-size:30px;letter-spacing:-.035em}.wo-login-card>p{font-size:12px;line-height:1.6}.wo-login-card label{font-size:10px}.wo-login-card input[type=text],.wo-login-card input[type=password],.wo-login-card input:not([type]){height:49px;border-radius:10px;border-color:#d4deea;background:#fbfcfe;padding:12px;transition:.2s}.wo-login-card input:focus{outline:0;border-color:var(--wo);box-shadow:0 0 0 4px color-mix(in srgb,var(--wo) 10%,transparent);background:#fff}.wo-login-card .wo-btn{height:49px}
@media(max-width:1180px){.wo-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.wo-side{width:272px;box-shadow:22px 0 55px rgba(4,15,35,.28)}.wo-main{margin:0;width:100%}.wo-top{height:72px;padding:0 22px}.wo-content{padding:28px 22px}}@media(max-width:600px){.wo-content{padding:21px 13px}.wo-page-head{margin-bottom:23px}.wo-page-head h1{font-size:25px}.wo-metrics{gap:11px}.wo-metric{min-height:103px;padding:16px;border-radius:13px}.wo-metric strong{font-size:19px}.wo-card{padding:16px;border-radius:13px}.wo-table-wrap{border:0}.wo-table-wrap tr{padding:11px;border-radius:10px;background:#fff;box-shadow:0 5px 17px rgba(13,32,65,.05)}.wo-table-wrap td{padding:8px 5px}.wo-form-card{padding:19px 17px}.wo-form{gap:17px}.wo-form input,.wo-form select{height:47px}.wo-person dl{gap:8px}.wo-invoice{padding:23px}.wo-login-card{padding:29px 22px;border-radius:16px}}

/* Third-pass portal scale, filtering and company profile */
.wo-side nav a,.wo-logout{font-size:15px}.wo-company-chip strong{font-size:14px}.wo-company-chip small{font-size:12px}.wo-page-head h1{font-size:34px}.wo-page-head>div>p:last-child{font-size:15px}.eyebrow{font-size:12px!important}.wo-btn{min-height:48px;padding:14px 22px;font-size:15px}.wo-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.wo-metric{min-height:142px;padding:24px}.wo-metric>span{width:46px;height:46px}.wo-metric small{font-size:13px;letter-spacing:.04em}.wo-metric strong{font-size:34px}.wo-metric em{font-size:13px;margin-top:8px}.wo-card h2,.wo-card-head h2{font-size:20px}.wo-card-head small,.wo-card-head a{font-size:13px}.wo-chart{max-height:320px!important}.wo-table-wrap table{font-size:14px}.wo-table-wrap th{padding:15px 16px;font-size:12px}.wo-table-wrap td{padding:18px 16px;font-size:14px}.wo-table-wrap td small{font-size:12px}.wo-status{font-size:12px;padding:7px 11px}.wo-feed p{font-size:14px}.wo-feed small{font-size:12px}.wo-form label,.wo-form fieldset{font-size:14px}.wo-form input,.wo-form select,.wo-form textarea{font-size:15px;min-height:52px}.wo-form textarea{height:125px}.wo-person h3{font-size:19px}.wo-person>p,.wo-person small,.wo-person>a{font-size:14px}.wo-person dt,.wo-company-list dt,.wo-details dt{font-size:12px}.wo-person dd,.wo-company-list dd,.wo-details dd{font-size:14px}.wo-service h3{font-size:19px}.wo-service p,.wo-service strong,.wo-service small,.wo-service>a{font-size:14px}.wo-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:-3px 0 22px;padding:10px;border:1px solid #dce4ee;border-radius:14px;background:rgba(255,255,255,.86);box-shadow:0 8px 25px rgba(13,32,65,.05)}.wo-filter-tabs{display:flex;gap:5px;flex-wrap:wrap}.wo-filter-tabs a{padding:10px 14px;border-radius:9px;color:#657289;text-decoration:none;font-size:13px;font-weight:650;transition:.2s}.wo-filter-tabs a:hover{background:#f0f4fa;color:var(--wo)}.wo-filter-tabs a.active{background:color-mix(in srgb,var(--wo) 10%,white);color:var(--wo);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--wo) 16%,white)}.wo-list-toolbar form label{display:flex;align-items:center;gap:9px;color:#667085;font-size:13px;font-weight:600;white-space:nowrap}.wo-list-toolbar select{height:40px;min-width:175px;padding:0 34px 0 12px;border:1px solid #d7e0eb;border-radius:9px;background:#fff;color:#26354c;font:600 13px Inter}.wo-result-count{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#7b8798;margin-bottom:13px}.wo-result-count.standalone{margin:5px 0 14px}.wo-list-card{padding-top:18px}.wo-profile-hero{display:grid;grid-template-columns:auto minmax(220px,1fr) 1.5fr;align-items:center;gap:25px;margin-bottom:28px;padding:30px;border:1px solid #d9e2ed;border-radius:18px;background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--wo) 10%,transparent),transparent 32%),linear-gradient(145deg,#fff,#f8faff);box-shadow:0 18px 45px rgba(13,32,65,.09)}.wo-profile-logo{display:block;width:88px;height:88px;border-radius:20px;object-fit:cover}.wo-profile-logo.placeholder{display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--wo) 75%,white),var(--wo));font-size:31px;font-weight:800;box-shadow:0 15px 30px color-mix(in srgb,var(--wo) 20%,transparent)}.wo-profile-title h1{margin:2px 0 8px;font-size:27px;letter-spacing:-.03em}.wo-profile-title>p:last-child{display:flex;gap:10px;align-items:center;margin:0;font-size:14px;color:#637187}.wo-profile-hero dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:0}.wo-profile-hero dl div{padding:11px 13px;border:1px solid #e2e8f0;border-radius:10px;background:rgba(255,255,255,.7)}.wo-profile-hero dt{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#7c8798}.wo-profile-hero dd{margin:5px 0 0;font-size:14px;font-weight:650;color:#233249}.wo-theme-options label{font-size:14px;min-width:145px}.wo-theme-options label:has(input:checked):after{content:"✓";margin-left:auto;color:var(--wo);font-weight:800}.wo-service>a{letter-spacing:2px;font-size:17px}.wo-service>a .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.wo-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.wo-metric{min-height:132px;padding:20px}.wo-metric strong{font-size:29px}}
@media(max-width:850px){.wo-page-head h1{font-size:30px}.wo-list-toolbar{align-items:stretch;flex-direction:column}.wo-list-toolbar form label{justify-content:space-between}.wo-list-toolbar select{flex:1}.wo-profile-hero{grid-template-columns:auto 1fr}.wo-profile-hero dl{grid-column:1/3}}
@media(max-width:600px){.wo-page-head h1{font-size:27px}.wo-page-head>div>p:last-child{font-size:14px}.wo-btn{font-size:14px;min-height:46px}.wo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.wo-metric{min-height:125px;padding:18px}.wo-metric small{font-size:11px}.wo-metric strong{font-size:27px}.wo-metric em{font-size:11px}.wo-card h2,.wo-card-head h2{font-size:18px}.wo-filter-tabs{display:grid;grid-template-columns:repeat(2,1fr)}.wo-filter-tabs a{text-align:center;font-size:12px;padding:10px 8px}.wo-list-toolbar select{min-width:0;width:100%}.wo-table-wrap td{font-size:14px}.wo-form label,.wo-form fieldset{font-size:14px}.wo-form input,.wo-form select,.wo-form textarea{font-size:16px}.wo-profile-hero{grid-template-columns:1fr;text-align:center;padding:23px 18px}.wo-profile-logo{margin:auto}.wo-profile-title>p:last-child{justify-content:center}.wo-profile-hero dl{grid-column:auto;grid-template-columns:1fr;text-align:left}.wo-theme-options{display:grid;grid-template-columns:1fr 1fr}.wo-theme-options label{min-width:0}.wo-company-chip strong{font-size:13px}}
@media(max-width:380px){.wo-metrics{grid-template-columns:1fr}.wo-filter-tabs{grid-template-columns:1fr}.wo-theme-options{grid-template-columns:1fr}}

/* Fourth-pass financial pulse and dashboard atmosphere */
.wo-app{background:radial-gradient(circle at 92% 3%,color-mix(in srgb,var(--wo) 13%,transparent),transparent 27%),radial-gradient(circle at 35% 35%,rgba(105,81,214,.06),transparent 30%),linear-gradient(145deg,#eef3fa,#f7f9fc 48%,#edf2f9)}
.wo-content{position:relative}.wo-content:before{content:"";position:absolute;z-index:0;inset:0;background-image:radial-gradient(rgba(53,81,128,.1) 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(to bottom,#000,transparent 34%);opacity:.3;pointer-events:none}.wo-content>*{position:relative;z-index:1}.wo-metric{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,249,254,.94));box-shadow:0 15px 40px rgba(13,32,65,.085)}
.wo-totals-panel{position:relative;isolation:isolate;overflow:hidden;margin:0 0 26px;padding:30px;border:1px solid rgba(137,158,206,.2);border-radius:21px;background:radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--wo) 34%,transparent),transparent 30%),radial-gradient(circle at 10% 94%,rgba(111,81,210,.2),transparent 26%),linear-gradient(135deg,#07162f,#10274d 58%,#172655);box-shadow:0 28px 70px rgba(7,22,50,.2);color:#fff}.wo-totals-panel:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(110deg,#000,transparent 82%)}
.wo-totals-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.wo-totals-head .eyebrow{margin:0 0 6px!important;color:#9fb6ff!important}.wo-totals-head h2{margin:0;color:#fff;font-size:25px;letter-spacing:-.03em}.wo-live-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(171,196,238,.2);border-radius:999px;background:rgba(255,255,255,.07);color:#c7d3e7;font-size:11px;font-weight:650;white-space:nowrap}.wo-live-chip i{width:7px;height:7px;border-radius:50%;background:#55d69a;box-shadow:0 0 0 5px rgba(85,214,154,.1)}
.wo-total-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wo-total-card{padding:24px;border:1px solid rgba(188,205,236,.15);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.045));box-shadow:inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(12px);transition:transform .25s,border-color .25s,background .25s}.wo-total-card:hover{transform:translateY(-3px);border-color:rgba(180,201,244,.28);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.06))}.wo-total-card header{display:flex;align-items:center;gap:14px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.1)}.wo-total-card header>span{min-width:74px;padding:9px 10px;border:1px solid rgba(166,189,239,.2);border-radius:9px;background:rgba(97,123,255,.16);color:#bdccff;text-align:center;font-size:9px;font-weight:800;letter-spacing:.08em}.wo-total-card header small{display:block;color:#8194b4;font-size:8px;letter-spacing:.11em}.wo-total-card h3{margin:4px 0 0;color:#fff;font-size:18px;letter-spacing:-.02em}.wo-total-rows{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;padding:12px 0}.wo-total-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;border-bottom:1px solid rgba(255,255,255,.075)}.wo-total-row:nth-child(5){grid-column:1/3}.wo-total-row span{color:#aebbd0;font-size:12px}.wo-total-row strong{color:#fff;font-size:14px;white-space:nowrap}.wo-total-card footer{padding-top:8px}.wo-total-card footer>div{display:flex;justify-content:space-between;margin-bottom:9px;color:#9eafc8;font-size:10px}.wo-total-card footer strong{color:#fff}.wo-total-card footer>i{display:block;height:6px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.09)}.wo-total-card footer b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f7cff,#8a66ef,#55d69a);box-shadow:0 0 14px rgba(93,122,255,.45)}.wo-totals-note{margin:16px 2px 0;color:#8193ae;font-size:10px;line-height:1.55}
@media(max-width:1050px){.wo-total-rows{grid-template-columns:1fr}.wo-total-row:nth-child(5){grid-column:auto}}
@media(max-width:700px){.wo-totals-panel{padding:22px 17px;border-radius:18px}.wo-totals-head{align-items:flex-start;flex-direction:column}.wo-totals-head h2{font-size:22px}.wo-total-grid{grid-template-columns:1fr}.wo-total-rows{grid-template-columns:1fr 1fr}.wo-total-row:nth-child(5){grid-column:1/3}}
@media(max-width:380px){.wo-total-rows{grid-template-columns:1fr}.wo-total-row:nth-child(5){grid-column:auto}.wo-total-card{padding:20px 17px}}

/* Fifth-pass portal composition and depth */
.wo-side{isolation:isolate;overflow:hidden}.wo-side:before{content:"";position:absolute;z-index:-1;width:330px;height:330px;left:-205px;bottom:-165px;border:1px solid rgba(135,158,225,.1);border-radius:50%;box-shadow:0 0 0 55px rgba(112,137,216,.025),0 0 0 110px rgba(112,137,216,.018)}.wo-side:after{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(rgba(183,200,242,.12) 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(to bottom,#000,transparent 32%);opacity:.34;pointer-events:none}.wo-company-chip{backdrop-filter:blur(10px);box-shadow:inset 0 1px rgba(255,255,255,.045)}
.wo-top{background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(246,248,254,.9));box-shadow:0 8px 28px rgba(10,30,65,.045)}.wo-top small{font-size:11px;color:#6b7890}.wo-top strong{font-size:14px}
.wo-page-head{position:relative;isolation:isolate;overflow:hidden;padding:28px 30px;border:1px solid rgba(211,222,237,.95);border-radius:20px;background:radial-gradient(circle at 90% 5%,color-mix(in srgb,var(--wo) 13%,transparent),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.97),rgba(244,247,253,.94));box-shadow:0 18px 48px rgba(13,32,65,.085)}.wo-page-head:before{content:"";position:absolute;z-index:-1;right:-85px;bottom:-95px;width:220px;height:220px;border:1px solid color-mix(in srgb,var(--wo) 12%,transparent);border-radius:50%;box-shadow:0 0 0 35px color-mix(in srgb,var(--wo) 2.8%,transparent),0 0 0 70px color-mix(in srgb,var(--wo) 1.8%,transparent)}.wo-page-head:after{content:"";position:absolute;left:30px;bottom:0;width:92px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--wo),#7967eb);box-shadow:0 -7px 20px color-mix(in srgb,var(--wo) 22%,transparent)}.wo-page-head h1{color:#101828}.wo-page-head .eyebrow{color:var(--wo)!important}.wo-page-head>div>p:last-child{color:#526076}
.wo-metrics{perspective:900px}.wo-metric:nth-child(1){background:linear-gradient(145deg,#fff,#edf3ff)}.wo-metric:nth-child(2){background:linear-gradient(145deg,#fff,#eaf8f2)}.wo-metric:nth-child(3){background:linear-gradient(145deg,#fff,#fff4e8)}.wo-metric:nth-child(4){background:linear-gradient(145deg,#fff,#edf5ff)}.wo-metric:nth-child(5){background:linear-gradient(145deg,#fff,#f3efff)}.wo-metric:nth-child(6){background:radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--wo) 15%,transparent),transparent 28%),linear-gradient(145deg,#fff,#eef2fa)}.wo-metric:hover{transform:translateY(-5px) rotateX(1deg)}.wo-metric>span{box-shadow:0 8px 20px rgba(20,46,91,.08)}
.wo-grid.two>.wo-card:first-child{background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--wo) 7%,transparent),transparent 30%),linear-gradient(145deg,#fff,#f7f9fd)}.wo-grid.two>.wo-card:last-child{background:radial-gradient(circle at 90% 0,rgba(105,81,214,.07),transparent 30%),linear-gradient(145deg,#fff,#f8f7fd)}.wo-card{box-shadow:0 15px 42px rgba(13,32,65,.075);transition:border-color .22s,box-shadow .22s}.wo-card:hover{border-color:color-mix(in srgb,var(--wo) 16%,var(--wo-line));box-shadow:0 22px 52px rgba(13,32,65,.1)}
.wo-table-wrap tbody tr{position:relative}.wo-table-wrap tbody tr:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--wo) 5%,white),#fff)}.wo-table-wrap td:first-child strong{color:#172744}.wo-table-wrap td:last-child a{min-width:54px;justify-content:center;font-weight:700}.wo-status{box-shadow:inset 0 1px rgba(255,255,255,.65)}
.wo-feed>div>span{transition:transform .22s,box-shadow .22s}.wo-feed>div:hover>span{transform:scale(1.08);box-shadow:0 0 0 5px #fff,0 8px 18px rgba(16,43,83,.14)}.wo-form-card{background:radial-gradient(circle at 95% 0,color-mix(in srgb,var(--wo) 6%,transparent),transparent 26%),#fff}
@media(max-width:850px){.wo-page-head{padding:25px 24px}.wo-page-head:after{left:24px}.wo-top small{font-size:10px}}
@media(max-width:600px){.wo-page-head{padding:22px 19px;border-radius:17px}.wo-page-head:after{left:19px}.wo-page-head .wo-btn{width:100%;justify-content:center}.wo-metric:hover{transform:translateY(-3px)}}
.wo-quick-add{margin-left:auto;position:relative}.wo-quick-menu{display:none;position:absolute;z-index:80;right:0;top:calc(100% + 10px);width:250px;padding:8px;background:#fff;border:1px solid #e4e9f1;border-radius:16px;box-shadow:0 18px 45px #17233a29}.wo-quick-add.open .wo-quick-menu{display:block}.wo-quick-menu a{display:flex;flex-direction:column;padding:11px 12px;border-radius:10px;color:#15233b;text-decoration:none}.wo-quick-menu a:hover{background:#f2f6fc}.wo-quick-menu small{color:#7d899b}
.wo-search,.wo-calendar-tools,.wo-cal-nav,.wo-cal-views,.wo-cal-filters{display:flex;gap:8px;align-items:center}.wo-search{margin-bottom:16px}.wo-calendar-tools{justify-content:space-between;flex-wrap:wrap;background:#fff;border:1px solid #e5eaf1;border-radius:16px;padding:12px;margin-bottom:16px}.wo-cal-nav a,.wo-cal-views a{padding:9px 12px;border:1px solid #dfe5ed;border-radius:9px;text-decoration:none;color:#536174}.wo-cal-views a.active{background:var(--wo);color:#fff}.wo-calendar{padding:0;overflow:auto}.wo-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));min-width:1050px}.wo-day .wo-calendar-grid{grid-template-columns:1fr;min-width:0}.wo-month .wo-calendar-grid{grid-template-columns:repeat(7,minmax(125px,1fr));min-width:875px}.wo-cal-day{min-height:420px;border-right:1px solid #e8edf3}.wo-month .wo-cal-day{min-height:170px;border-bottom:1px solid #e8edf3}.wo-cal-day.today{background:#f6f9ff}.wo-cal-day header{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid #e8edf3}.wo-cal-events{padding:8px}.wo-cal-event{display:flex;flex-direction:column;gap:2px;margin-bottom:7px;padding:9px;border-radius:9px;border-left:4px solid #4d76c9;background:#eff4ff;text-decoration:none;color:#23344f;font-size:12px}.wo-cal-event.status-completed{border-color:#2d9b67;background:#edf9f3}.wo-cal-event.status-in-progress{border-color:#d68a24;background:#fff6e9}.wo-cal-event.status-cancelled{border-color:#d45050;background:#fff0f0}.wo-cal-event time,.wo-cal-event strong{font-weight:700}.wo-empty-slot{display:block;border:1px dashed #cad3e0;border-radius:8px;padding:9px;text-align:center;color:#7d899b;text-decoration:none}.wo-agenda h3{margin:22px 0 10px}.wo-agenda .wo-cal-event{display:grid;grid-template-columns:120px 1fr 1fr 1fr}.wo-workloads>div:last-child{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.wo-workloads p{display:flex;justify-content:space-between;padding:12px;background:#f7f9fc;border-radius:10px}.wo-conflict,.wo-ok{padding:6px 9px;border-radius:99px}.wo-conflict{color:#b54747;background:#fff0f0}.wo-ok{color:#267a51;background:#edf9f3}
.wo-line-items{border:1px solid #e1e7ef;border-radius:14px;padding:16px}.wo-line{display:grid;grid-template-columns:1fr 2fr .6fr .8fr 34px;gap:10px;align-items:end;padding:12px 0;border-top:1px solid #edf0f4}.wo-remove-line{height:42px;border:0;border-radius:8px;background:#fff0f0;color:#b54747;font-size:22px}.wo-doc-totals{margin-left:auto;width:min(100%,380px);padding:15px;background:#f6f8fb;border-radius:12px}.wo-doc-totals p,.wo-hours-form>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.wo-brand-media{border:1px dashed #ccd5e2;border-radius:12px;padding:14px}.wo-brand-media img{display:block;max-height:120px;width:auto}.wo-upload-placeholder{display:grid;place-items:center;height:90px;background:#f7f9fc;color:#8490a0}.wo-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wo-hours-form>div{padding:9px;border-bottom:1px solid #eef1f5}.wo-hours-form>div strong{width:120px}.wo-danger{color:#b54747!important}
@media(max-width:800px){.wo-cal-filters{width:100%;overflow:auto}.wo-line{grid-template-columns:1fr 1fr}.wo-agenda .wo-cal-event{grid-template-columns:80px 1fr}.wo-hours-form>div{flex-wrap:wrap}.wo-check-grid{grid-template-columns:1fr}}@media(max-width:600px){.wo-quick-toggle{font-size:0}.wo-quick-toggle:after{content:'+';font-size:20px}.wo-quick-menu{position:fixed;top:72px;right:12px;left:12px;width:auto}.wo-line{display:block}.wo-line label{margin-bottom:8px}.wo-agenda .wo-cal-event{display:flex}}
.wo-cal-event.out-hours{box-shadow:inset 0 0 0 1px #d78b32;background-image:repeating-linear-gradient(135deg,transparent 0,transparent 8px,#fff4df 8px,#fff4df 12px)}
.wo-week .wo-cal-events,.wo-day .wo-cal-events{position:relative;height:720px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 59px,#e8edf3 59px,#e8edf3 60px)}.wo-week .wo-cal-event,.wo-day .wo-cal-event{position:absolute;z-index:1;top:var(--slot-top);left:8px;right:8px;min-height:var(--slot-height);overflow:hidden}.wo-day .wo-cal-event{right:45%}

/* Production refinement tokens and components */
:root{--wo-primary:#7257d8;--wo-secondary:#315fbd;--wo-surface:#fff;--wo-surface-soft:#f7f7fc;--wo-border:#dfe4ee;--wo-text:#152238;--wo-text-soft:#657187;--wo-success:#18845b;--wo-info:#286bc6;--wo-warning:#cf7915;--wo-danger:#cb414b;--wo-radius:14px;--wo-shadow:0 14px 38px rgba(19,34,67,.08);--wo-focus:0 0 0 3px color-mix(in srgb,var(--wo) 22%,transparent)}
.wo-app :where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--wo);outline-offset:2px;box-shadow:var(--wo-focus)}.wo-app button,.wo-app a,.wo-app input,.wo-app select,.wo-app textarea{transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}.wo-form :where(input,select,textarea),.wo-search input,.wo-cal-filters select,.wo-hours-form input{appearance:none;border:1px solid var(--wo-border);border-radius:10px;background:linear-gradient(#fff,#fbfcff);box-shadow:inset 0 1px 2px rgba(17,30,55,.025);min-height:44px}.wo-form select,.wo-cal-filters select{background-image:linear-gradient(45deg,transparent 50%,#718096 50%),linear-gradient(135deg,#718096 50%,transparent 50%);background-position:calc(100% - 17px) 19px,calc(100% - 12px) 19px;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}.wo-form input[type=checkbox],.wo-form input[type=radio],.wo-hours-form input[type=checkbox]{appearance:auto;min-height:0;width:17px;height:17px;accent-color:var(--wo)}
.status-in-progress,.status-partially-paid,.status-sent{color:var(--wo-info)!important;background:#eaf2ff!important}.status-scheduled{color:#7454ca!important;background:#f1edff!important}.status-pending{color:var(--wo-warning)!important;background:#fff3e3!important}.status-approved,.status-paid,.status-completed{color:var(--wo-success)!important;background:#e9f7f1!important}.status-rejected,.status-cancelled,.status-overdue{color:var(--wo-danger)!important;background:#fff0f1!important}.status-expired{color:#8a621f!important;background:#f6f0e5!important}.status-open{color:var(--wo-info);background:#eaf2ff}
.wo-metric-link{display:block;color:inherit;text-decoration:none!important;border-radius:14px}.wo-metric-link .wo-metric{height:100%;cursor:pointer;position:relative}.wo-metric-link .wo-metric:after{content:'›';position:absolute;right:13px;top:13px;color:#9aa5b5;font-size:18px}.wo-metric-link:focus-visible{outline:2px solid var(--wo);outline-offset:3px}.wo-period-tabs,.wo-profile-nav{display:flex;gap:5px;padding:5px;margin:-10px 0 20px;width:max-content;max-width:100%;overflow:auto;border:1px solid var(--wo-border);border-radius:13px;background:rgba(255,255,255,.75);box-shadow:0 8px 25px rgba(23,36,63,.05)}.wo-period-tabs a,.wo-profile-nav a{padding:9px 13px;border-radius:9px;color:#68758a;text-decoration:none;font-size:11px;font-weight:700;white-space:nowrap}.wo-period-tabs a.active,.wo-profile-nav a:hover{background:var(--wo);color:#fff}
.wo-company-logo{width:38px;height:38px;border-radius:10px;object-fit:contain;background:#fff;padding:3px}.wo-avatar .wo-company-logo{width:34px;height:34px;border-radius:50%;padding:2px}.wo-notifications{position:relative}.wo-bell{position:relative;width:40px;height:40px;border:1px solid var(--wo-border);border-radius:11px;background:#fff;color:#394860;font-size:19px;cursor:pointer}.wo-bell>span{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:var(--wo-danger);color:#fff;font-size:9px;font-weight:800}.wo-notification-panel{display:none;position:absolute;z-index:90;right:0;top:50px;width:340px;max-height:420px;overflow:auto;padding:12px;border:1px solid var(--wo-border);border-radius:16px;background:#fff;box-shadow:0 24px 60px rgba(12,25,51,.18)}.wo-notifications.open .wo-notification-panel{display:block}.wo-notification-panel>a{display:flex;flex-direction:column;gap:3px;padding:11px;border-radius:10px;text-decoration:none;color:var(--wo-text)}.wo-notification-panel>a.unread{background:#f1f4ff;border-left:3px solid var(--wo)}.wo-notification-panel>a span,.wo-notification-panel>a small{color:var(--wo-text-soft);font-size:10px}
.wo-dashboard-widgets{align-items:stretch}.wo-task-progress{display:flex;gap:7px;align-items:baseline;color:var(--wo-text-soft);font-size:11px}.wo-task-progress strong{font-size:23px;color:var(--wo-text)}.wo-task-progress span{margin-left:auto;color:var(--wo-danger)}.wo-mini-task,.wo-attention{display:flex;gap:10px;align-items:center;padding:11px;border-top:1px solid #edf0f5;text-decoration:none;color:var(--wo-text)}.wo-mini-task>span,.wo-attention>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#f1edff;color:var(--wo)}.wo-mini-task strong{flex:1}.wo-mini-task time{color:var(--wo-text-soft);font-size:10px}.wo-attention>div{display:flex;flex-direction:column}.wo-attention small{color:var(--wo-text-soft)}
.wo-task-list article{display:grid;grid-template-columns:34px minmax(180px,1fr) 170px 100px auto 34px;gap:12px;align-items:center;padding:13px;border-bottom:1px solid #edf0f4}.wo-task-list article>a:first-of-type{display:flex;flex-direction:column;text-decoration:none;color:var(--wo-text)}.wo-task-list article small{color:var(--wo-text-soft)}.wo-task-priority{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#eef2f7}.priority-urgent .wo-task-priority,.priority-urgent.wo-task-event>span{background:#fff0f1;color:var(--wo-danger)}.priority-high .wo-task-priority{background:#fff3e3;color:var(--wo-warning)}.wo-kebab{border:0;background:transparent;font-size:20px;color:#7b8799}.wo-empty{display:grid;place-items:center;gap:5px;min-height:130px;padding:24px;color:var(--wo-text-soft);text-align:center}.wo-empty.compact{min-height:65px;padding:15px}.wo-snooze{display:flex;flex-wrap:wrap;gap:8px}.wo-snooze a{padding:9px 12px;border:1px solid var(--wo-border);border-radius:9px;text-decoration:none}.wo-task-event{display:grid;grid-template-columns:55px 170px 1fr auto;gap:12px;align-items:center;padding:11px;margin:7px 0;border:1px solid var(--wo-border);border-left:4px solid var(--wo);border-radius:10px;text-decoration:none;color:var(--wo-text)}.wo-task-event>span{padding:5px;border-radius:6px;background:#f1edff;color:var(--wo);font-size:9px;text-align:center;text-transform:uppercase}.wo-pagination{display:flex;justify-content:center;align-items:center;gap:14px}.wo-pagination a{padding:9px 12px;border:1px solid var(--wo-border);border-radius:9px;text-decoration:none}.wo-pagination span{font-size:11px;color:var(--wo-text-soft)}
.wo-switch{display:inline-flex!important;align-items:center;gap:8px}.wo-switch input{position:absolute;opacity:0;pointer-events:none}.wo-switch>span{position:relative;width:38px;height:22px;border-radius:99px;background:#ccd4df;box-shadow:inset 0 1px 3px #0002}.wo-switch>span:after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0003;transition:.18s}.wo-switch input:checked+span{background:var(--wo)}.wo-switch input:checked+span:after{transform:translateX(16px)}.wo-recurring-fields,.wo-permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:16px!important;border:1px solid var(--wo-border)!important;border-radius:12px!important}.wo-permission-grid{grid-template-columns:repeat(4,1fr);padding:0!important;border:0!important}.wo-info-chip{padding:8px 10px;border-radius:99px;background:#f1edff;color:var(--wo);font-size:10px}.wo-balance{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.wo-balance>div{padding:17px;border-radius:12px;background:#eef8f4}.wo-balance .due{background:#fff3e3}.wo-balance small,.wo-balance strong{display:block}.wo-balance strong{font-size:23px;margin-top:5px}.wo-payment-panel{max-width:850px;margin:20px auto}.wo-invoice-summary{margin-top:0}
.wo-cal-event.out-hours{background:#fff8ed!important;background-image:none!important;border-color:#d78b32}.wo-cal-event.out-hours small:after{content:' ⚠';color:#b86c14}.wo-calendar-tasks{margin-top:18px}.wo-profile-nav{position:sticky;top:85px;z-index:20;margin-bottom:16px}.wo-hours-form input[type=time]{padding:8px}.wo-table-wrap thead{position:sticky;top:0;z-index:2;background:#fff}
@media(max-width:900px){.wo-task-list article{grid-template-columns:34px 1fr auto}.wo-task-list article time{grid-column:2}.wo-task-list article .wo-status{grid-column:3;grid-row:1}.wo-task-list article .wo-btn,.wo-task-list article .wo-kebab{display:none}.wo-recurring-fields,.wo-permission-grid{grid-template-columns:1fr 1fr}.wo-profile-nav{top:72px}.wo-notification-panel{position:fixed;left:12px;right:12px;top:70px;width:auto}}
@media(max-width:600px){.wo-top{gap:9px}.wo-notifications{margin-left:auto}.wo-quick-add{margin-left:0}.wo-avatar{display:none!important}.wo-task-event{grid-template-columns:50px 1fr}.wo-task-event strong{grid-column:2}.wo-task-event .wo-status{grid-column:2}.wo-recurring-fields,.wo-permission-grid{grid-template-columns:1fr}.wo-balance{grid-template-columns:1fr}.wo-profile-nav{position:static;width:100%}}

/* True day/week timetable axis and interactive hourly slots. */
.wo-week .wo-calendar-grid{grid-template-columns:72px repeat(7,minmax(150px,1fr));min-width:1122px}.wo-day .wo-calendar-grid{grid-template-columns:72px minmax(440px,1fr);min-width:512px}.wo-time-axis{position:sticky;left:0;z-index:4;background:#fbfcff;border-right:1px solid #dfe5ed}.wo-time-axis header{height:49px;padding:14px 10px;border-bottom:1px solid #e8edf3;font-size:11px;color:#7d899b;text-transform:uppercase}.wo-time-axis>div{position:relative;height:720px}.wo-time-axis span{position:absolute;right:10px;transform:translateY(-7px);font-size:11px;color:#7d899b}.wo-hour-slot{position:absolute;z-index:0;left:0;right:0;height:60px;color:transparent;text-decoration:none;border-radius:7px}.wo-hour-slot:hover,.wo-hour-slot:focus-visible{z-index:2;color:var(--wo);background:rgba(74,93,210,.06);outline:2px solid rgba(74,93,210,.32);outline-offset:-2px;padding:4px}.wo-now-line{position:absolute;z-index:3;top:var(--now-top);left:0;right:0;border-top:2px solid #ef5350;pointer-events:none}.wo-now-line span{position:absolute;right:4px;top:-10px;background:#ef5350;color:#fff;border-radius:99px;padding:2px 6px;font-size:9px;font-style:normal}.wo-more-events{display:block;margin:6px 8px;color:var(--wo);font-size:12px;font-weight:700;text-decoration:none}
.wo-custom-snooze{display:flex;align-items:end;gap:8px;margin-top:14px}.wo-custom-snooze label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--wo-text-soft)}.wo-custom-snooze input{width:130px;min-height:38px;border:1px solid var(--wo-border);border-radius:9px;padding:8px}
.financial-restricted .wo-metrics .wo-metric-link:nth-child(6),.financial-restricted .wo-totals-panel,.financial-restricted .wo-grid.two:not(.wo-dashboard-widgets)>section:nth-child(2),.financial-restricted .wo-attention[href*="/invoices/"]{display:none!important}
.wo-app:not(.platform-owner) a[href*="/owner/activity/"]{display:none}
.wo-theme-options{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px}.wo-theme-options label{position:relative;display:grid!important;grid-template-columns:58px 1fr;align-items:center;gap:9px;padding:10px!important;border:1px solid var(--wo-border);border-radius:11px;background:#fff}.wo-theme-options input{position:absolute;opacity:0}.wo-theme-options label:has(input:checked){border-color:var(--wo);box-shadow:0 0 0 2px color-mix(in srgb,var(--wo) 18%,transparent)}.wo-theme-options .theme-dot{display:block!important;width:54px!important;height:34px!important;border-radius:6px!important;border:1px solid #d9deea;background:linear-gradient(90deg,#142642 0 29%,#eff3fa 29% 100%)!important;box-shadow:inset 19px 7px 0 -15px currentColor}.wo-theme-options .theme-dot:after{content:'';display:block;width:27px;height:7px;margin:8px 0 0 21px;border-radius:3px;background:currentColor;opacity:.7}.theme-dot.blue{color:#3768ff}.theme-dot.teal{color:#159982}.theme-dot.purple{color:#7257d8}.theme-dot.orange{color:#e08326}.theme-dot.navy{color:#203756}.wo-form label:has(>input[type=file]){padding:16px;border:1px dashed #bdc8d8;border-radius:12px;background:#f8faff}.wo-form input[type=file]{margin-top:7px;padding:8px;background:#fff}.wo-remove-logo{margin-top:10px!important;padding:0!important;border:0!important;background:transparent!important}

/* Phase 2 controls */
.wo-company-chip{text-decoration:none;color:#fff}.wo-company-chip:hover{background:#ffffff0a;border-radius:11px}.wo-top-context{margin-right:auto}.wo-global-trigger{display:flex;align-items:center;gap:9px;width:min(290px,24vw);height:42px;padding:0 10px;border:1px solid var(--wo-border);border-radius:11px;background:#f8f9fc;color:#778397;cursor:pointer}.wo-global-trigger span{font-size:20px}.wo-global-trigger b{overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:500;white-space:nowrap}.wo-global-trigger kbd{margin-left:auto;padding:3px 7px;border:1px solid #d9dfe9;border-radius:6px;background:#fff;font:10px Inter}.wo-global-overlay{display:none;position:fixed;z-index:500;inset:0;padding:9vh 18px;background:#081226ad;backdrop-filter:blur(4px)}.wo-global-overlay.open{display:block}.wo-global-dialog{width:min(720px,100%);max-height:78vh;margin:auto;overflow:hidden;border:1px solid var(--wo-border);border-radius:18px;background:#fff;box-shadow:0 35px 100px #07142f55}.wo-global-input{display:grid;grid-template-columns:28px 1fr 38px;align-items:center;padding:13px 15px;border-bottom:1px solid var(--wo-border)}.wo-global-input>span{font-size:23px;color:var(--wo)}.wo-global-input input{height:45px;border:0!important;outline:0!important;box-shadow:none!important;font:500 16px Inter}.wo-global-input button{height:34px;border:0;border-radius:8px;background:#f0f2f6;font-size:22px;color:#667085}.wo-global-results{max-height:60vh;overflow:auto;padding:10px}.wo-global-results section{padding:7px 0}.wo-global-results header{display:flex;justify-content:space-between;padding:6px 10px}.wo-global-results header strong{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#8490a0}.wo-global-results header a{font-size:10px;color:var(--wo);text-decoration:none}.wo-global-results section>a{display:grid;grid-template-columns:1fr;gap:3px;padding:10px;border-radius:9px;color:var(--wo-text);text-decoration:none}.wo-global-results section>a:hover,.wo-global-results section>a:focus{background:#f2f5fb}.wo-global-results section>a span{font-size:12px;font-weight:700}.wo-global-results section>a small{color:var(--wo-text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wo-search-hint{display:grid;place-items:center;min-height:90px;padding:25px;color:var(--wo-text-soft);text-align:center}.wo-user-menu{position:relative}.wo-user-toggle{display:flex;align-items:center;gap:8px;height:46px;padding:3px 7px;border:0;background:transparent;text-align:left;cursor:pointer}.wo-user-toggle>span:first-child{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#edf0ff;color:var(--wo);font-size:10px;font-weight:800}.wo-user-toggle strong,.wo-user-toggle small{display:block;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wo-user-toggle strong{font-size:11px}.wo-user-toggle small{margin-top:2px;font-size:9px;color:var(--wo-text-soft)}.wo-user-toggle i{font-style:normal}.wo-user-panel{display:none;position:absolute;z-index:100;right:0;top:52px;width:190px;padding:7px;border:1px solid var(--wo-border);border-radius:13px;background:#fff;box-shadow:0 18px 45px #17233a29}.wo-user-menu.open .wo-user-panel{display:grid}.wo-user-panel a{padding:10px;border-radius:8px;color:var(--wo-text);font-size:11px;text-decoration:none}.wo-user-panel a:hover{background:#f1f4fa}.wo-login-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.wo-login-options label{margin:0!important}.wo-login-options a{font-size:11px;color:var(--wo);text-decoration:none}
.wo-native-select{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.wo-select{position:relative;margin-top:7px;font-weight:400}.wo-select-button{display:flex;align-items:center;width:100%;height:48px;padding:0 35px 0 12px;overflow:hidden;border:1px solid var(--wo-border);border-radius:10px;background:#fff;color:var(--wo-text);font:400 12px Inter;text-align:left;text-overflow:ellipsis;white-space:nowrap}.wo-select-button:after{content:'⌄';position:absolute;right:13px;color:#768296}.wo-select-panel{display:none;position:absolute;z-index:120;left:0;right:0;top:53px;max-height:300px;padding:8px;border:1px solid var(--wo-border);border-radius:13px;background:#fff;box-shadow:0 18px 46px #0e1d3a2e}.wo-select.open .wo-select-panel{display:block}.wo-select-panel>input{height:40px!important;margin:0 0 7px!important}.wo-select-options{max-height:225px;overflow:auto}.wo-select-option{display:block;width:100%;padding:9px;border:0;border-radius:7px;background:#fff;color:var(--wo-text);font:400 11px Inter;text-align:left}.wo-select-option:hover,.wo-select-option:focus,.wo-select-option.selected{background:#f0f3ff;color:var(--wo)}.wo-select-empty{display:block;padding:15px;color:var(--wo-text-soft);text-align:center}
.wo-list-filters{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin-bottom:18px}.wo-list-filters>:where(input,select,.wo-select){min-width:145px;min-height:48px}.wo-list-filters>input{padding:0 11px;border:1px solid var(--wo-border);border-radius:10px;background:#fff}.wo-list-filters>.wo-btn{min-height:48px}.wo-list-filters label{font-size:10px;color:var(--wo-text-soft)}.wo-list-filters label input{display:block;height:48px;margin-top:5px;border:1px solid var(--wo-border);border-radius:10px;padding:10px}.wo-report-filter{padding:13px;border:1px solid var(--wo-border);border-radius:13px;background:#fff}.wo-search-list{display:grid;gap:5px}.wo-search-list>a{display:grid;grid-template-columns:110px minmax(150px,1fr) 2fr 20px;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #edf0f4;color:var(--wo-text);text-decoration:none}.wo-search-list>a>span{font-size:9px;color:var(--wo);text-transform:uppercase}.wo-search-list>a>small{color:var(--wo-text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wo-profit-card{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;align-items:center}.wo-profit-card>div{padding:13px;border-radius:10px;background:#f5f7fb}.wo-profit-card small,.wo-profit-card strong{display:block}.wo-profit-card small{color:var(--wo-text-soft);font-size:9px}.wo-profit-card strong{margin-top:5px;font-size:17px}.wo-contact-actions,.wo-actions,.wo-job-steps{display:flex;gap:8px;flex-wrap:wrap}.wo-tech-jobs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:15px}.wo-tech-jobs article>div:first-child{display:flex;justify-content:space-between}.wo-tech-jobs h2{margin:15px 0 5px}.wo-tech-jobs p,.wo-tech-jobs address{color:var(--wo-text-soft);font-size:11px}.wo-tech-jobs address{min-height:42px;font-style:normal}.wo-tech-jobs .wo-contact-actions{margin:15px 0 10px}.wo-tech-jobs article>.wo-btn{width:100%}.wo-tech-detail>.wo-contact-actions{margin:15px 0}.wo-job-steps{margin:18px 0;padding:7px;border:1px solid var(--wo-border);border-radius:12px}.wo-job-steps a{flex:1;min-width:110px;padding:10px;border-radius:8px;color:var(--wo-text-soft);font-size:10px;text-align:center;text-decoration:none}.wo-job-steps a.active{background:var(--wo);color:#fff}.wo-signature{font-size:10px;font-weight:600;color:#526077}.wo-signature canvas{display:block;width:100%;height:190px;margin:8px 0;border:1px dashed #aeb9c9;border-radius:12px;background:#fff;touch-action:none}.status-on-the-way{color:#7557d5!important;background:#f1edff!important}
@media(max-width:1024px){.wo-global-trigger{width:46px}.wo-global-trigger b,.wo-global-trigger kbd,.wo-user-toggle>span:nth-child(2),.wo-user-toggle>i{display:none}.wo-profit-card{grid-template-columns:repeat(3,1fr)}.wo-profit-card>.wo-btn{grid-column:1/-1}}
@media(max-width:768px){.wo-top-context{display:none}.wo-global-trigger{margin-left:auto}.wo-list-filters{display:grid;grid-template-columns:1fr 1fr}.wo-list-filters>*{width:100%;min-width:0}.wo-search-list>a{grid-template-columns:80px 1fr 18px}.wo-search-list>a small{grid-column:2}.wo-search-list>a i{grid-column:3;grid-row:1/3}.wo-profit-card{grid-template-columns:1fr 1fr}.wo-profit-card>div:last-of-type{grid-column:1/-1}}
@media(max-width:414px){.wo-top{gap:5px;padding:0 10px}.wo-bell,.wo-global-trigger{width:38px;height:38px}.wo-quick-toggle{width:38px;height:38px;padding:0}.wo-user-toggle{padding:0}.wo-list-filters{grid-template-columns:1fr}.wo-global-overlay{padding:8px}.wo-global-dialog{border-radius:14px}.wo-profit-card{grid-template-columns:1fr}.wo-profit-card>div:last-of-type{grid-column:auto}.wo-job-steps{display:grid;grid-template-columns:1fr 1fr}.wo-search-list>a{grid-template-columns:1fr 18px}.wo-search-list>a span,.wo-search-list>a strong,.wo-search-list>a small{grid-column:1}.wo-search-list>a i{grid-column:2;grid-row:1/4}}

/* Phase 3 operations */
.wo-side nav{overflow:auto;padding-bottom:16px}.wo-nav-group{display:block;margin:17px 14px 5px;color:#8996aa;font-size:8px;font-weight:800;letter-spacing:.14em}.wo-nav-group:first-child{margin-top:5px}.wo-link-button{display:block;margin-top:7px;padding:0;border:0;background:transparent;color:var(--wo);font:700 10px Inter;cursor:pointer}.wo-required{float:right;color:#c64141;font-size:8px}.wo-fast-order{max-width:1040px}.wo-quick-customer{padding:16px;border:1px dashed #b8c4d7;border-radius:12px;background:#f7f9fd}.wo-quick-customer h3{margin:0 0 12px}.wo-inline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.wo-customer-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-height:74px;padding:12px;border:1px solid #e3e8f0;border-radius:12px;background:#f8faff;color:#68758a;font-size:10px}.wo-customer-context:empty:before{content:attr(data-empty);grid-column:1/-1;align-self:center}.wo-customer-context>div{min-width:0;padding:5px 9px;border-right:1px solid #e4e9f1}.wo-customer-context>div:last-child{border:0}.wo-customer-context small,.wo-customer-context strong,.wo-customer-context span{display:block;overflow-wrap:anywhere}.wo-customer-context strong{margin:4px 0;color:#172744;font-size:12px}.wo-conflict{min-height:22px}.wo-availability-ok{display:inline-flex;padding:7px 10px;border-radius:8px;background:#eaf8f1;color:#14734d;font-size:10px;font-weight:700}.wo-checklist-preview{padding:10px 12px;border-radius:10px;background:#f1f4fb;color:#58657a;font-size:10px}.wo-tag-picker,.wo-tag-list{display:flex;flex-wrap:wrap;gap:7px}.wo-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:700}.tag-blue{background:#e9efff;color:#315ed0}.tag-green{background:#e5f7ef;color:#13734d}.tag-gold{background:#fff3d6;color:#95640a}.tag-red{background:#feeaea;color:#b53a3a}.tag-purple{background:#f1eaff;color:#7045c3}.tag-navy{background:#e8edf5;color:#243a61}.wo-address-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wo-address-fields legend{grid-column:1/-1}.wo-address-list{display:grid;gap:8px;margin:14px 0}.wo-address-list article{display:grid;grid-template-columns:160px 1fr auto;gap:12px;padding:11px;border:1px solid #e5e9f0;border-radius:10px;font-size:10px}.wo-note-list{display:grid;gap:10px;margin-top:15px}.wo-note-list article{padding:12px;border-left:3px solid var(--wo);border-radius:8px;background:#f8f9fc}.wo-note-list p{margin:9px 0;color:#33405a;font-size:11px}.wo-note-list small{color:#7c8799}.status-internal{background:#edf0f5!important;color:#526077!important}.status-customer{background:#e7f5ff!important;color:#176b9f!important}.wo-timeline{position:relative;display:grid;gap:2px}.wo-timeline:before{content:'';position:absolute;left:16px;top:15px;bottom:15px;width:1px;background:#dfe5ee}.wo-timeline article{position:relative;display:flex;gap:13px;padding:10px}.wo-timeline article>i{z-index:1;display:grid;place-items:center;width:14px;height:14px;padding:8px;border-radius:50%;background:#eef2ff;color:var(--wo)}.wo-timeline strong,.wo-timeline time{display:block}.wo-timeline strong{font-size:11px}.wo-timeline time{margin-top:3px;color:#7c8799;font-size:9px}.wo-portal-access .wo-alert input{display:block;width:100%;margin-top:10px}.wo-checklist-admin{margin:15px 0 0;padding:0;list-style:none}.wo-checklist-admin li{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #e8ecf2;font-size:11px}.wo-checklist-admin b{margin-left:7px;color:#bb3d3d;font-size:8px;text-transform:uppercase}.wo-job-checklist{display:grid;gap:9px}.wo-setting-row{display:grid;grid-template-columns:1fr 120px;gap:15px;align-items:end;margin:8px 0}.wo-saved-views{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;padding:9px 12px;border:1px solid var(--wo-border);border-radius:11px;background:#fff}.wo-saved-views>a{padding:6px 9px;border-radius:7px;background:#f0f3f9;color:var(--wo);font-size:9px;text-decoration:none}.wo-saved-views form{display:flex;gap:5px;margin-left:auto}.wo-saved-views input{height:34px!important}.wo-export-bar{display:flex;justify-content:flex-end;gap:7px;margin-bottom:10px}.wo-import-summary{display:flex;gap:10px;margin-bottom:15px}.wo-import-summary span{padding:8px 11px;border-radius:8px;background:#eef3ff;color:#3358b1;font-size:10px;font-weight:700}.wo-export-grid{display:flex;flex-wrap:wrap;gap:8px}.wo-onboarding{display:grid;grid-template-columns:1fr 220px;gap:16px;align-items:center;background:linear-gradient(135deg,#f8faff,#edf3ff)}.wo-onboarding .wo-actions{grid-column:1/-1}.wo-progress{height:9px;overflow:hidden;border-radius:99px;background:#dfe5ef}.wo-progress span{display:block;height:100%;border-radius:inherit;background:var(--wo)}.wo-public-body{margin:0;background:#f2f5fa;color:#172744;font-family:Inter,Arial,sans-serif}.wo-customer-portal{width:min(1120px,calc(100% - 30px));margin:0 auto;padding-bottom:50px}.wo-customer-portal>header{display:flex;align-items:center;justify-content:space-between;padding:19px 0}.wo-customer-portal>header>div{display:flex;align-items:center;gap:10px}.wo-customer-portal header strong,.wo-customer-portal header small{display:block}.wo-customer-portal header small{color:#738097;font-size:10px}.wo-public-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#3768ff;color:#fff;font-weight:800}.wo-public-hero{padding:38px;border-radius:20px;background:linear-gradient(135deg,#101d3b,#203b72);color:#fff}.wo-public-hero h1{max-width:650px;margin:8px 0;font-size:36px}.wo-public-hero p{max-width:680px;color:#ced8ed}.wo-public-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.wo-public-grid .wo-card{margin:0}.wo-public-grid article{display:grid;gap:5px;padding:12px 0;border-bottom:1px solid #e7ebf1}.wo-public-grid article span,.wo-public-grid article small{font-size:10px;color:#67748a}.wo-public-grid details{margin-top:7px;padding:10px;border-radius:9px;background:#f6f8fc}.wo-public-grid details form{display:grid;gap:9px;margin-top:10px}.wo-payment-instructions{margin-top:15px;padding:13px;border-radius:10px;background:#f4f6fa}
@media(max-width:1024px){.wo-customer-context{grid-template-columns:1fr 1fr}.wo-customer-context>div{border-right:0}.wo-public-grid{grid-template-columns:1fr}}
@media(max-width:768px){.wo-inline-grid,.wo-address-fields,.wo-onboarding{grid-template-columns:1fr}.wo-address-fields legend,.wo-onboarding .wo-actions{grid-column:auto}.wo-customer-context{grid-template-columns:1fr}.wo-address-list article{grid-template-columns:1fr}.wo-saved-views form{width:100%;margin-left:0}.wo-saved-views input{flex:1;min-width:0}.wo-public-hero{padding:26px}.wo-public-hero h1{font-size:28px}}
@media(max-width:414px){.wo-fast-order .form-actions{display:grid}.wo-fast-order .form-actions>*{width:100%}.wo-public-hero{padding:21px;border-radius:15px}.wo-public-hero h1{font-size:23px}.wo-customer-portal{width:min(100% - 18px,1120px)}.wo-customer-portal>header p{display:none}.wo-setting-row{grid-template-columns:1fr}.wo-import-summary{display:grid}}
.wo-bulk-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:10px;border:1px solid var(--wo-border);border-radius:11px;background:#fff}.wo-bulk-toolbar select,.wo-bulk-toolbar input[type=date]{width:auto;min-width:140px;height:38px}.wo-bulk-toolbar .wo-select{min-width:150px}.wo-bulk-count{margin-left:auto;color:#6d788a;font-size:9px;font-weight:700}.wo-row-select{width:16px;height:16px;accent-color:var(--wo)}
@media(max-width:768px){.wo-bulk-toolbar>*{width:100%!important}.wo-bulk-count{margin-left:0}}

/* Phase 4: portal-layer selects, controlled theming, and adaptable workspace UI. */
.wo-select-layer{position:fixed;z-index:460;inset:0;pointer-events:none}.wo-select-layer.modal-context{z-index:720}.wo-select-layer .wo-select-panel{display:block;right:auto;min-width:180px;padding:8px;overflow:hidden;pointer-events:auto;border:1px solid var(--wo-border,#e0e6ee);border-radius:13px;background:var(--wo-card-bg,#fff);box-shadow:0 20px 55px #08152f38}.wo-select-layer .wo-select-panel[hidden]{display:none}.wo-select-layer .wo-select-options{max-height:220px;overscroll-behavior:contain}.wo-select-layer .wo-select-option{color:var(--wo-text,#172744);background:var(--wo-card-bg,#fff)}.wo-select-layer .wo-select-option:hover,.wo-select-layer .wo-select-option:focus,.wo-select-layer .wo-select-option.selected{background:var(--wo-primary-soft,#eef2ff);color:var(--wo-primary,#3768ff)}.wo-select-button:focus-visible{outline:3px solid color-mix(in srgb,var(--wo-focus,#3768ff) 30%,transparent);outline-offset:1px;border-color:var(--wo-focus,#3768ff)}
.wo-app{background:var(--wo-page-bg,#f3f6fa);color:var(--wo-body,#536176)}.wo-app .wo-main,.wo-app .wo-content{background:var(--wo-page-bg,#f3f6fa)}.wo-app .wo-side{background:var(--wo-sidebar-bg,#111d36);color:var(--wo-sidebar-text,#fff)}.wo-app .wo-side a,.wo-app .wo-side .wo-brand,.wo-app .wo-company-chip{color:var(--wo-sidebar-text,#fff)}.wo-app .wo-side nav>a.active{background:var(--wo-primary,#3768ff);color:var(--wo-primary-fg,#fff)}.wo-app .wo-card,.wo-app .wo-list-filters,.wo-app .wo-saved-views,.wo-app .wo-bulk-toolbar,.wo-app .wo-top{border-color:var(--wo-border,#e0e6ee);background:var(--wo-card-bg,#fff)}.wo-app h1,.wo-app h2,.wo-app h3,.wo-app strong,.wo-app th{color:var(--wo-heading,#172744)}.wo-app :where(input,textarea,select,.wo-select-button){border-color:var(--wo-border,#e0e6ee);background:var(--wo-card-bg,#fff);color:var(--wo-text,#172744)}.wo-btn{background:var(--wo-primary,#3768ff)!important;color:var(--wo-primary-fg,#fff)!important}.wo-btn:hover{background:var(--wo-primary-hover,#2f58d4)!important}.wo-btn.secondary{border-color:var(--wo-primary-border,#cbd7ff)!important;background:var(--wo-primary-soft,#eef2ff)!important;color:var(--wo-primary,#3768ff)!important}.sidebar-light .wo-side{border-right:1px solid var(--wo-border);box-shadow:none}.sidebar-light .wo-nav-group{color:color-mix(in srgb,var(--wo-sidebar-text) 60%,transparent)}
.appearance-dark .wo-content :where(.wo-customer-context,.wo-checklist-preview,.wo-note-list article,.wo-profit-card>div,.wo-address-list article,.wo-setting-row,.wo-view-chip>a){background:#1c2938;color:var(--wo-body)}.appearance-dark .wo-content :where(td,th,.wo-admin-list article,.wo-public-grid article){border-color:var(--wo-border)}.appearance-dark .wo-status{filter:saturate(.85)}
@media(prefers-color-scheme:dark){.appearance-system{--wo-page-bg:#101722!important;--wo-card-bg:#17212f!important;--wo-border:#2a3748!important;--wo-heading:#f5f7fb!important;--wo-text:#f5f7fb!important;--wo-body:#c1cad7!important;--wo-text-soft:#c1cad7!important}}
.density-compact .wo-content{padding-top:18px}.density-compact .wo-card{padding:16px}.density-compact table :where(th,td){padding-top:8px;padding-bottom:8px}.density-compact .wo-list-filters{gap:6px}.density-compact .wo-metric{padding:14px}
.wo-preset-grid{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:9px}.wo-preset-grid label{position:relative;display:grid;gap:7px;padding:10px;border:1px solid var(--wo-border);border-radius:11px;cursor:pointer}.wo-preset-grid input{position:absolute;opacity:0}.wo-preset-grid label:has(input:checked){border-color:var(--wo-primary);box-shadow:0 0 0 2px var(--wo-primary-soft)}.wo-preset-grid i{height:34px;border-radius:7px;background:linear-gradient(90deg,var(--preset-side) 0 30%,var(--preset-primary) 30% 100%)}.wo-preset-grid span{font-size:10px;font-weight:700}.wo-theme-preview{--preview-primary:var(--wo-primary);--preview-side:var(--wo-sidebar-bg);--preview-fg:var(--wo-primary-fg);display:grid;grid-template-columns:130px 1fr;min-height:190px;overflow:hidden;border:1px solid var(--wo-border);border-radius:15px;background:#f4f6fa}.wo-theme-preview aside{display:grid;align-content:start;gap:7px;padding:17px;background:var(--preview-side,#111d36);color:#fff}.wo-theme-preview aside b{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--preview-primary);color:var(--preview-fg)}.wo-theme-preview aside span,.wo-theme-preview aside strong{padding:8px;border-radius:7px;color:inherit;font-size:9px}.wo-theme-preview aside strong{background:var(--preview-primary);color:var(--preview-fg)}.wo-theme-preview main{padding:22px}.wo-theme-preview article{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:15px;border-radius:11px;background:#fff;box-shadow:0 8px 22px #17274412}.wo-theme-preview article small,.wo-theme-preview article strong{display:block}.wo-theme-preview button{border:0;border-radius:8px;padding:8px 10px;background:var(--preview-primary);color:var(--preview-fg)}.wo-theme-preview em{padding:5px 8px;border-radius:99px;background:#e5f7ef;color:#13734d;font-size:8px;font-style:normal}
.wo-admin-list{display:grid}.wo-admin-list>article{display:flex;align-items:center;gap:12px;padding:11px 3px;border-bottom:1px solid var(--wo-border)}.wo-admin-list>article>div:first-child{min-width:160px;margin-right:auto}.wo-admin-list small{display:block;margin-top:3px;color:var(--wo-text-soft);font-size:9px}.wo-inline-edit{display:flex;align-items:center;gap:7px;flex:1}.wo-inline-edit :where(input,select,textarea){min-width:100px;height:38px!important;margin:0!important}.wo-inline-edit textarea{height:64px!important}.wo-row-actions{display:flex;align-items:center;gap:9px}.wo-row-actions a,.wo-admin-list>article>a,.wo-admin-list summary{font-size:10px;color:var(--wo-primary);text-decoration:none;cursor:pointer}.wo-custom-fields,.wo-contract-billing-fields{display:grid;gap:10px;padding:16px;border:1px solid var(--wo-border);border-radius:12px}.wo-contract-billing-fields>small{color:var(--wo-text-soft)}
.wo-health .wo-card-head{align-items:center}.wo-health .wo-progress{width:min(280px,40%)}.wo-health-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:8px;margin:15px 0}.wo-health-grid a{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--wo-border);border-radius:9px;color:var(--wo-body);font-size:10px;text-decoration:none}.wo-health-grid i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-style:normal}.wo-health-grid .complete i{background:#e5f7ef;color:#13734d}.wo-health-grid .pending i{background:#fff3d6;color:#95640a}.wo-dashboard-customizer summary{font-weight:700;cursor:pointer}.wo-dashboard-customizer form{display:grid;gap:12px;margin-top:15px}
.wo-view-chip{position:relative;display:inline-flex;align-items:center;border-radius:8px;background:var(--wo-primary-soft)}.wo-view-chip>a{padding:6px 5px 6px 9px;color:var(--wo-primary);font-size:9px;text-decoration:none}.wo-view-chip summary{padding:6px;cursor:pointer;list-style:none;color:var(--wo-primary)}.wo-view-chip details>form,.wo-view-chip details>a{position:absolute;z-index:20;top:30px;left:0;width:190px;padding:8px;border:1px solid var(--wo-border);background:var(--wo-card-bg);box-shadow:0 12px 30px #17274422}.wo-view-chip details>form{display:flex}.wo-view-chip details>form input{min-width:0}.wo-view-chip details>a{top:77px;color:#b43d3d;text-decoration:none}
.wo-notification-filters{display:flex;gap:4px;overflow:auto;padding:7px}.wo-notification-filters button{padding:5px 7px;border:0;border-radius:7px;background:#edf1f7;color:#596679;font-size:8px}.wo-notification-filters button.active{background:var(--wo-primary);color:var(--wo-primary-fg)}.wo-notification-panel>article{position:relative;border-bottom:1px solid var(--wo-border)}.wo-notification-panel>article>a:first-child{display:grid;padding:10px 70px 10px 10px;color:var(--wo-text);text-decoration:none}.wo-notification-panel>article>a span,.wo-notification-panel>article>a small{font-size:9px;color:var(--wo-text-soft)}.wo-snooze{position:absolute;right:8px;top:12px;font-size:8px;color:var(--wo-primary);text-decoration:none}
.wo-customer-quick{padding:0;border:0;background:transparent;color:var(--wo-primary);text-align:left;cursor:pointer}.wo-quick-view-overlay{display:none;position:fixed;z-index:620;inset:0;padding:20px;background:#08122699;backdrop-filter:blur(3px)}.wo-quick-view-overlay.open{display:grid;place-items:center}.wo-quick-view{width:min(620px,100%);max-height:min(760px,calc(100vh - 30px));overflow:auto;padding:22px;border:1px solid var(--wo-border);border-radius:18px;background:var(--wo-card-bg,#fff);box-shadow:0 30px 90px #07142f55}.wo-quick-view header{display:flex;justify-content:space-between}.wo-quick-close{width:36px;height:36px;border:0;border-radius:9px;background:var(--wo-primary-soft);color:var(--wo-primary);font-size:22px}.wo-quick-view dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.wo-quick-view dl>div{padding:11px;border-radius:9px;background:var(--wo-primary-soft)}.wo-quick-view dt{font-size:8px;color:var(--wo-text-soft)}.wo-quick-view dd{margin:4px 0 0;font-size:11px;font-weight:700;color:var(--wo-heading)}
.wo-template-tools{display:flex;gap:7px;align-items:start;margin-top:7px}.wo-template-tools button{padding:5px 8px;border:1px solid var(--wo-border);border-radius:7px;background:var(--wo-card-bg);color:var(--wo-primary);font-size:9px}.wo-template-tools output{flex:1;padding:8px;border-radius:7px;background:var(--wo-primary-soft);color:var(--wo-text);font-size:9px}.wo-public-body{background:var(--wo-page-bg,#f2f5fa);color:var(--wo-body,#172744)}.wo-public-body .wo-card{border-color:var(--wo-border);background:var(--wo-card-bg,#fff)}.wo-public-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--wo-primary) 45%,#08152f),var(--wo-primary))}.wo-public-mark{background:var(--wo-primary);color:var(--wo-primary-fg)}.wo-public-logo{width:48px;height:48px;object-fit:contain;border-radius:9px}.wo-powered{padding:18px;color:var(--wo-body);font-size:9px;text-align:center}
@media(max-width:1024px){.wo-preset-grid{grid-template-columns:repeat(3,1fr)}.wo-health-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.wo-admin-list>article,.wo-inline-edit{align-items:stretch;flex-direction:column}.wo-admin-list>article>div:first-child{width:100%}.wo-inline-edit>*{width:100%!important}.wo-theme-preview{grid-template-columns:95px 1fr}.wo-health-grid{grid-template-columns:1fr 1fr}.wo-health .wo-progress{width:100%}}
@media(max-width:414px){.wo-preset-grid{grid-template-columns:1fr 1fr}.wo-theme-preview{grid-template-columns:75px 1fr}.wo-theme-preview main{padding:12px}.wo-theme-preview article{grid-template-columns:1fr}.wo-health-grid,.wo-quick-view dl{grid-template-columns:1fr}.wo-quick-view-overlay{padding:8px}.wo-quick-view{padding:16px;border-radius:13px}.wo-view-chip details>form,.wo-view-chip details>a{position:fixed;left:10px;right:10px;width:auto;top:auto;bottom:65px}.wo-view-chip details>a{bottom:25px}}

/* Phase 4 completion: foreground tokens and surface-safe contrast. */
.wo-app .wo-side{border-color:var(--wo-sidebar-border);color:var(--wo-sidebar-text)}
.wo-app .wo-side .wo-brand,.wo-app .wo-side .wo-company-chip,.wo-app .wo-side .wo-company-chip strong,.wo-app .wo-side nav a,.wo-app .wo-side .wo-logout{color:var(--wo-sidebar-text)!important}
.wo-app .wo-side .wo-company-chip small{color:var(--wo-sidebar-text-muted)!important}
.wo-app .wo-side .wo-nav-group{color:var(--wo-sidebar-heading)!important;opacity:.78}
.wo-app .wo-side nav i{color:var(--wo-sidebar-icon);border:1px solid var(--wo-sidebar-border);background:color-mix(in srgb,var(--wo-sidebar-text) 8%,transparent)}
.wo-app .wo-side nav a:hover{color:var(--wo-sidebar-text)!important;background:color-mix(in srgb,var(--wo-sidebar-text) 10%,transparent)}
.wo-app .wo-side nav>a.active{color:var(--wo-sidebar-active-text)!important;background:var(--wo-sidebar-active-bg)}
.wo-app .wo-side nav>a.active i{color:var(--wo-sidebar-active-text);background:color-mix(in srgb,var(--wo-sidebar-active-text) 15%,transparent)}
.wo-company-chip{min-width:0}.wo-company-chip>div{min-width:0}.wo-company-chip strong,.wo-company-chip small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wo-company-chip strong{max-width:170px}
.wo-top-context{min-width:0;max-width:min(340px,28vw)}.wo-top-context strong,.wo-top-context small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wo-top-context strong{color:var(--wo-heading)!important}
.wo-user-toggle{min-width:0;max-width:190px}.wo-user-toggle>span:nth-child(2){min-width:0}.wo-user-toggle strong{max-width:132px}.wo-user-toggle i{flex:0 0 auto;color:var(--wo-text-soft)}
.wo-app .wo-totals-panel{background:radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--wo-primary) 34%,transparent),transparent 30%),radial-gradient(circle at 10% 94%,rgba(111,81,210,.2),transparent 26%),linear-gradient(135deg,var(--wo-dark-surface-bg),#10274d 58%,#172655);color:var(--wo-dark-surface-text)}
.wo-app .wo-totals-panel :where(h1,h2,h3,strong){color:var(--wo-dark-surface-heading)!important}.wo-app .wo-totals-panel :where(p,span,small,footer,footer div){color:var(--wo-dark-surface-muted)}
.wo-app .wo-totals-panel .wo-total-row strong,.wo-app .wo-totals-panel footer strong{color:var(--wo-dark-surface-text)!important}.wo-app .wo-totals-panel .wo-total-card header{border-color:color-mix(in srgb,var(--wo-dark-surface-text) 14%,transparent)}.wo-app .wo-totals-panel .wo-total-row{border-color:color-mix(in srgb,var(--wo-dark-surface-text) 10%,transparent)}
.wo-app .wo-card{color:var(--wo-card-text)}.wo-app .wo-card :where(p,small,dt){color:var(--wo-card-muted)}.wo-app .wo-card :where(h1,h2,h3,strong,dd){color:var(--wo-card-text)}
.wo-app .wo-btn.secondary{color:var(--wo-primary-soft-text)!important}
.wo-dashboard-customizer .wo-check{display:grid;grid-template-columns:auto 1fr 48px;align-items:center;gap:8px}.wo-dashboard-customizer .wo-widget-position{width:48px;min-width:0;padding:6px;text-align:center}
.appearance-dark .wo-page-head,.appearance-dark .wo-metric,.appearance-dark .wo-grid.two>.wo-card,.appearance-dark .wo-form-card,.appearance-dark .wo-list-card,.appearance-dark .wo-saved-views,.appearance-dark .wo-list-filters,.appearance-dark .wo-bulk-toolbar{background:var(--wo-card-bg)!important;border-color:var(--wo-card-border)!important;color:var(--wo-card-text)}
.appearance-dark .wo-page-head h1,.appearance-dark .wo-page-head>div>p:last-child,.appearance-dark .wo-metric :where(strong,small,em),.appearance-dark .wo-table-wrap td:first-child strong{color:var(--wo-card-text)!important}
.appearance-dark .wo-page-head>div>p:last-child,.appearance-dark .wo-metric :where(small,em){color:var(--wo-card-muted)!important}.appearance-dark .wo-table-wrap tbody tr:hover{background:color-mix(in srgb,var(--wo-primary) 9%,var(--wo-card-bg))}
.appearance-dark .wo-table-wrap :where(table,thead,tbody,tr,th,td),.appearance-dark .wo-table-wrap{border-color:var(--wo-card-border);background:transparent;color:var(--wo-card-text)}.appearance-dark .wo-table-wrap th{background:color-mix(in srgb,var(--wo-card-bg) 86%,#fff 14%);color:var(--wo-card-muted)!important}
.appearance-dark .wo-theme-preview main,.appearance-dark .wo-theme-preview article{background:var(--wo-card-bg);color:var(--wo-card-text)}
.wo-profile-nav,[id]{scroll-margin-top:105px}.wo-content{padding-top:max(32px,env(safe-area-inset-top))}
@media(max-width:850px){.wo-content{padding-top:26px}.wo-profile-nav,[id]{scroll-margin-top:84px}.wo-company-chip strong{max-width:180px}}
@media(max-width:414px){.wo-top-context{display:none}.wo-user-toggle{max-width:44px}.wo-company-chip strong{max-width:176px}}

/* Phase 5 SaaS platform, signup and account lifecycle. */
.wo-signup{min-height:100vh;display:grid;grid-template-columns:minmax(300px,.82fr) minmax(520px,1.18fr);background:radial-gradient(circle at 12% 15%,rgba(90,116,255,.2),transparent 28%),linear-gradient(145deg,#07152e,#102c58 48%,#f4f7fc 48%);font-family:Inter,system-ui,sans-serif}.wo-signup-intro{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,7vw,100px);color:#fff}.wo-signup-intro .wo-brand{position:absolute;top:34px;color:#fff}.wo-signup-intro .eyebrow{color:#a9bdff}.wo-signup-intro h1{max-width:610px;margin:16px 0;font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.05em;color:#fff}.wo-signup-intro>p:not(.eyebrow){max-width:560px;font-size:16px;line-height:1.75;color:#c5d1e4}.wo-signup-intro ul{display:grid;gap:12px;margin:28px 0 0;padding:0;list-style:none;color:#e7edf7}.wo-signup-intro li:before{content:'✓';display:inline-grid;place-items:center;width:23px;height:23px;margin-right:10px;border-radius:50%;background:#ffffff18;color:#9fc0ff}.wo-signup-card{align-self:center;width:min(720px,calc(100% - 48px));margin:40px auto;padding:clamp(26px,4vw,46px);border:1px solid #dce4f0;border-radius:24px;background:#fff;box-shadow:0 35px 100px rgba(8,25,57,.22)}.wo-signup-card h2{margin:5px 0 25px;font-size:32px}.wo-signup-form .wo-check{display:flex;align-items:flex-start;gap:9px}.wo-signup-form .wo-check input{width:auto;margin-top:2px}.wo-signup-login{text-align:center;color:#65738a}.wo-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.wo-trial-banner,.wo-support-banner{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:11px 16px;border-radius:11px;text-decoration:none}.wo-trial-banner{border:1px solid #dacdff;background:#f4efff;color:#573bb0}.wo-trial-banner span{margin-left:auto}.wo-support-banner{position:sticky;z-index:350;top:84px;border:1px solid #f0c46c;background:#fff5d8;color:#714b00}.wo-support-banner a{margin-left:auto;font-weight:800;color:#714b00}.wo-subscription-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,var(--wo-primary-soft),var(--wo-card-bg))}.wo-subscription-hero h2{font-size:30px}.wo-health-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.wo-health-list>section{display:flex;align-items:center;justify-content:space-between;gap:12px}.wo-health-list strong,.wo-health-list small{display:block}.wo-health-state{padding:6px 9px;border-radius:999px;font-size:9px;font-weight:800;text-transform:uppercase}.wo-health-state.healthy{background:#e4f6ed;color:#0a7048}.wo-health-state.warning{background:#fff2d8;color:#8a5700}.wo-health-state.action-needed{background:#ffe7e7;color:#a52a2a}.wo-status.status-trial,.wo-status.status-expired{background:#eee9ff;color:#5c43b5}.wo-status.status-past_due,.wo-status.status-past-due{background:#fff1dc;color:#9a5c00}.wo-status.status-suspended,.wo-status.status-cancelled{background:#ffe7e7;color:#a02c2c}.platform-owner .wo-side{background:linear-gradient(180deg,#07152e,#132a52)}.platform-owner .wo-company-chip{background:#ffffff0d}.platform-owner .wo-table-wrap table{min-width:980px}
@media(max-width:1024px){.wo-signup{grid-template-columns:1fr;background:linear-gradient(180deg,#07152e 0 37%,#f4f7fc 37%)}.wo-signup-intro{min-height:390px;padding:95px 42px 50px}.wo-signup-card{margin:30px auto 60px}.wo-health-list{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wo-signup{display:block;background:linear-gradient(180deg,#07152e 0 31%,#f4f7fc 31%)}.wo-signup-intro{min-height:330px;padding:82px 20px 38px}.wo-signup-intro .wo-brand{top:22px}.wo-signup-intro h1{font-size:39px}.wo-signup-intro ul{display:none}.wo-signup-card{width:calc(100% - 24px);margin:20px 12px 42px;padding:24px 18px;border-radius:17px}.wo-signup-form{grid-template-columns:1fr}.wo-signup-form .span-2{grid-column:auto}.wo-health-list{grid-template-columns:1fr}.wo-support-banner{top:65px;align-items:flex-start;flex-direction:column}.wo-support-banner a{margin-left:0}.wo-trial-banner{align-items:flex-start;flex-direction:column}.wo-trial-banner span{margin-left:0}.wo-subscription-hero{align-items:flex-start;flex-direction:column}}
.account-restricted .wo-quick-add{display:none}
.platform-owner .wo-admin-list article.is-unread{background:var(--wo-primary-soft);border-color:var(--wo-primary-border)}
@media(max-width:600px){
  .wo-app :where(small,table,th,.wo-status,.wo-metric small,.wo-metric em,.wo-admin-list small,.wo-admin-list>article>a,.wo-card-head a,.wo-form label,.wo-health-state,.eyebrow),
  .wo-signup :where(small,.wo-form label,.eyebrow),
  .wo-login :where(small,label,.eyebrow){font-size:12px!important}
}

/* Phase 5.1: simple settings, custom fields and filter clarity. */
.wo-help{position:relative;display:inline-grid;place-items:center;width:17px;height:17px;margin-left:4px;border:1px solid var(--wo-border);border-radius:50%;background:var(--wo-card-bg);color:var(--wo-primary);font-size:10px;font-style:normal;font-weight:700;cursor:help;vertical-align:middle}.wo-help:after{content:attr(data-help);position:absolute;z-index:500;left:50%;bottom:calc(100% + 8px);width:220px;padding:9px 11px;opacity:0;visibility:hidden;transform:translate(-50%,4px);border-radius:9px;background:#0b1932;color:#fff;font-size:11px;font-weight:400;line-height:1.45;box-shadow:0 12px 35px #07152e35;transition:.16s}.wo-help:hover:after,.wo-help:focus:after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.wo-settings-nav{position:sticky;z-index:90;top:0;display:flex;gap:6px;margin:-4px 0 18px;padding:8px;overflow-x:auto;border:1px solid var(--wo-border);border-radius:14px;background:color-mix(in srgb,var(--wo-card-bg) 94%,transparent);box-shadow:0 8px 28px #0a1c3810;backdrop-filter:blur(12px);scrollbar-width:thin}.wo-settings-nav :where(button,a){flex:0 0 auto;min-height:38px;padding:0 13px;border:0;border-radius:9px;background:transparent;color:var(--wo-text-soft);font:600 11px Inter;text-decoration:none;cursor:pointer}.wo-settings-nav :where(button,a):hover,.wo-settings-nav button.active{background:var(--wo-primary-soft);color:var(--wo-primary)}[data-wo-settings-section][hidden]{display:none!important}
.wo-custom-field-manager>.wo-card-head p,.wo-custom-reports .wo-card-head p{margin:5px 0 0;color:var(--wo-text-soft);font-size:11px}.wo-suggestions{margin:15px 0;padding:15px;border:1px solid var(--wo-primary-border);border-radius:13px;background:var(--wo-primary-soft)}.wo-suggestions>.wo-card-head{margin-bottom:12px}.wo-suggestions small,.wo-muted-line{display:block;color:var(--wo-text-soft);font-size:11px}.wo-suggestion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.wo-suggestion-grid article{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--wo-border);border-radius:10px;background:var(--wo-card-bg)}.wo-suggestion-grid article div{min-width:0;margin-right:auto}.wo-suggestion-grid a{font-size:11px;font-weight:700;text-decoration:none}.wo-add-field{margin:16px 0;border:1px solid var(--wo-border);border-radius:13px}.wo-add-field>summary{padding:14px 16px;color:var(--wo-primary);font-size:12px;font-weight:700;cursor:pointer;list-style:none}.wo-add-field>summary::-webkit-details-marker{display:none}.wo-add-field>summary span{font-size:18px}.wo-add-field>.wo-form{padding:0 16px 16px}.wo-field-flags{display:flex;flex-wrap:wrap;gap:18px}.wo-field-list{border:1px solid var(--wo-border);border-radius:13px;overflow:hidden}.wo-field-list-head,.wo-field-list>article{display:grid;grid-template-columns:minmax(150px,1.3fr) 110px 85px 75px 90px 100px minmax(125px,auto);gap:10px;align-items:center}.wo-field-list-head{padding:10px 14px;background:var(--wo-primary-soft);color:var(--wo-text-soft);font-size:9px;font-weight:700;text-transform:uppercase}.wo-field-list>article{padding:13px 14px;border-top:1px solid var(--wo-border);font-size:11px}.wo-field-list>article:first-of-type{border-top:0}.wo-field-name small{display:block;margin-top:3px;color:var(--wo-text-soft)}.wo-order-controls{display:flex;align-items:center;gap:6px}.wo-order-controls a{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--wo-border);border-radius:7px;text-decoration:none}.wo-field-edit{position:absolute;z-index:150;right:20px;width:min(650px,calc(100vw - 40px));padding:16px;border:1px solid var(--wo-border);border-radius:13px;background:var(--wo-card-bg);box-shadow:0 18px 50px #07152e2e}.wo-row-actions details{position:relative}.wo-row-actions summary{cursor:pointer;color:var(--wo-primary);font-weight:700}.wo-filter-summary{display:flex;align-items:center;gap:10px;margin:0 0 9px;color:var(--wo-text-soft);font-size:11px}.wo-filter-summary strong{color:var(--wo-heading)}.wo-filter-summary a{margin-left:auto;font-weight:700;text-decoration:none}.wo-report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.wo-report-grid>article{padding:14px;border:1px solid var(--wo-border);border-radius:12px}.wo-report-grid>article>div:first-child{display:flex;justify-content:space-between;margin-bottom:12px}.wo-report-bar{display:grid;grid-template-columns:90px 1fr 28px;gap:9px;align-items:center;margin:8px 0;font-size:10px}.wo-report-bar>i{height:7px;overflow:hidden;border-radius:10px;background:var(--wo-primary-soft)}.wo-report-bar>i>b{display:block;height:100%;border-radius:inherit;background:var(--wo-primary)}.wo-platform-more>summary{cursor:pointer;font-weight:700}.wo-platform-more .wo-metrics{margin-top:15px}
@media(max-width:900px){.wo-field-list-head{display:none}.wo-field-list>article{grid-template-columns:1fr 1fr}.wo-field-name,.wo-row-actions{grid-column:1/-1}.wo-field-list>article>span[data-label]:before{content:attr(data-label);display:block;margin-bottom:4px;color:var(--wo-text-soft);font-size:9px;font-weight:700;text-transform:uppercase}.wo-field-edit{position:fixed;z-index:800;inset:70px 12px auto;width:auto;max-height:calc(100vh - 90px);overflow:auto}}
@media(max-width:600px){.wo-settings-nav{top:64px;margin-inline:-4px}.wo-field-list>article{grid-template-columns:1fr}.wo-field-name,.wo-row-actions{grid-column:auto}.wo-field-flags{display:grid;gap:10px}.wo-suggestion-grid,.wo-report-grid{grid-template-columns:1fr}.wo-help:after{left:auto;right:-8px;transform:none}.wo-help:hover:after,.wo-help:focus:after{transform:none}}
.wo-advanced-section{border:1px solid var(--wo-border);border-radius:12px;background:color-mix(in srgb,var(--wo-card-bg) 96%,var(--wo-primary-soft))}.wo-advanced-section>summary{padding:13px 15px;color:var(--wo-primary);font-size:11px;font-weight:700;cursor:pointer}.wo-advanced-section>.wo-form{padding:0 15px 15px}.wo-advanced-section:not([open]){min-height:46px}
.wo-condition-hidden{display:none!important}

/* Phase 5.1 completion: unified controls, branding and document tools. */
.wo-app{--wo-control-height:50px;--wo-control-radius:10px;--wo-control-pad:0 14px}
.wo-content :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),select,textarea,.wo-select-button),.wo-signup :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),select,textarea){width:100%;min-width:0;height:var(--wo-control-height);margin-top:7px;padding:var(--wo-control-pad);border:1px solid var(--wo-border);border-radius:var(--wo-control-radius);background:var(--wo-card-bg,#fff);color:var(--wo-card-text,var(--wo-text));font:500 12px/1.35 Inter,system-ui,sans-serif;box-shadow:0 1px 2px #0c23400a;transition:border-color .16s,box-shadow .16s,background .16s}
.wo-content :where(textarea,.wo-rich-editor){min-height:112px;height:auto;padding:13px 14px;resize:vertical;line-height:1.55}.wo-content :where(input,select,textarea,.wo-select-button,.wo-rich-editor):focus-visible{outline:3px solid color-mix(in srgb,var(--wo-focus,var(--wo-primary)) 25%,transparent);outline-offset:1px;border-color:var(--wo-primary)}
.wo-content select{appearance:none;padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,var(--wo-text-soft) 50%),linear-gradient(135deg,var(--wo-text-soft) 50%,transparent 50%);background-position:calc(100% - 17px) 22px,calc(100% - 12px) 22px;background-size:5px 5px;background-repeat:no-repeat}.wo-native-select{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.wo-select{width:100%;min-width:0}.wo-select-button{position:relative;text-align:left;padding-right:38px!important}.wo-select-button:after{content:'⌄';position:absolute;right:14px;top:50%;transform:translateY(-55%);color:var(--wo-text-soft);font-size:15px}.wo-select-panel{padding:8px;border:1px solid var(--wo-border);border-radius:12px;background:var(--wo-card-bg,#fff);box-shadow:0 18px 50px #07152e30}.wo-select-panel>input{height:42px!important;margin:0 0 7px!important}.wo-select-options{display:grid;gap:3px;max-height:230px;overflow:auto}.wo-select-option{min-height:38px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--wo-card-text,var(--wo-text));font:500 11px Inter;text-align:left}.wo-select-option:hover,.wo-select-option.selected{background:var(--wo-primary-soft);color:var(--wo-primary)}
.wo-content :where(label,.wo-form label,.wo-inline-grid label,.wo-layout-workspace label){display:block;color:var(--wo-card-muted,var(--wo-text-soft));font:650 11px/1.35 Inter,system-ui,sans-serif}.wo-content :where(input[type=checkbox],input[type=radio]){appearance:none;width:19px;height:19px;flex:0 0 19px;margin:0;border:1.5px solid color-mix(in srgb,var(--wo-text-soft) 55%,var(--wo-border));background:var(--wo-card-bg,#fff);display:inline-grid;place-items:center}.wo-content input[type=checkbox]{border-radius:6px}.wo-content input[type=radio]{border-radius:50%}.wo-content input[type=checkbox]:checked,.wo-content input[type=radio]:checked{border-color:var(--wo-primary);background:var(--wo-primary)}.wo-content input[type=checkbox]:checked:after{content:'✓';color:var(--wo-primary-fg);font:800 12px Inter}.wo-content input[type=radio]:checked:after{content:'';width:7px;height:7px;border-radius:50%;background:var(--wo-primary-fg)}.wo-content .wo-check{display:flex;align-items:center;gap:9px;min-height:34px}.wo-content input[type=file]{padding:9px;background:var(--wo-primary-soft);border-style:dashed}.wo-content input[type=file]::file-selector-button{height:30px;margin-right:10px;padding:0 11px;border:0;border-radius:7px;background:var(--wo-primary);color:var(--wo-primary-fg);font:700 10px Inter}.wo-content input[type=color]{width:100%;height:50px;margin-top:7px;padding:5px;border:1px solid var(--wo-border);border-radius:10px;background:var(--wo-card-bg)}
.wo-list-filters,.wo-bulk-toolbar{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:10px!important;padding:12px!important;border:1px solid var(--wo-border);border-radius:14px;background:var(--wo-card-bg);box-shadow:0 4px 18px #0a1c3809}.wo-list-filters>*{height:var(--wo-control-height)!important;margin:0!important}.wo-list-filters>.wo-select{height:var(--wo-control-height)}.wo-list-filters>.wo-select .wo-select-button{margin:0}.wo-list-filters :where(.wo-btn,button){min-height:var(--wo-control-height);border-radius:var(--wo-control-radius)}.wo-list-filters>a{display:flex;align-items:center;justify-content:center;color:var(--wo-primary);font-size:11px;font-weight:700}.wo-filter-summary{padding:0 4px}.wo-pagination a,.wo-pagination span{display:inline-grid;place-items:center;min-width:38px;height:38px;border:1px solid var(--wo-border);border-radius:9px;background:var(--wo-card-bg);text-decoration:none}
.wo-inline-grid.wo-address-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px;padding-top:18px;border-top:1px solid var(--wo-border)}.wo-address-form label:nth-of-type(4),.wo-address-form label:nth-of-type(5){grid-column:1/-1}.wo-address-form>.wo-check{align-self:end;height:var(--wo-control-height)}.wo-address-form>.wo-btn{align-self:end;justify-self:start;min-width:140px}.wo-inline-grid.wo-customer-note-form{display:grid;grid-template-columns:minmax(180px,.45fr) 1.55fr;align-items:end;gap:15px}.wo-customer-note-form .span-2{grid-column:auto}.wo-customer-note-form>.wo-btn{grid-column:2;justify-self:start;min-width:120px}.wo-address-list article{min-width:0}.wo-address-list article span{overflow-wrap:anywhere}
.wo-workload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.wo-workload-grid article{display:flex;min-width:0;min-height:78px;padding:14px;border:1px solid var(--wo-border);border-radius:11px;background:var(--wo-primary-soft);flex-direction:column;justify-content:center;gap:7px}.wo-workload-grid strong{display:block;overflow-wrap:anywhere;line-height:1.35}.wo-workload-grid span{display:block;color:var(--wo-card-muted);font-size:11px}
.wo-color-exact{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.wo-color-exact label{font-size:9px}.wo-color-exact input{height:42px!important;margin-top:4px!important}.wo-field-error{grid-column:1/-1;min-height:15px;color:#b42318!important}.wo-field-error:not(:empty){padding:6px 8px;border-radius:7px;background:#fff0ef}
.wo-logo-editor{padding:0;border:0}.wo-logo-workspace{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,1.2fr);gap:20px}.wo-logo-preview{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--wo-border);border-radius:14px;background:repeating-conic-gradient(#f0f3f8 0 25%,#fff 0 50%) 50%/20px 20px}.wo-logo-preview img{width:100%;height:100%;padding:14px;object-fit:contain;object-position:var(--logo-x) var(--logo-y);transform:scale(var(--logo-zoom));transform-origin:var(--logo-x) var(--logo-y)}.wo-logo-editor[data-fit=cover] .wo-logo-preview img,.wo-logo-editor[data-fit=square] .wo-logo-preview img{object-fit:cover;padding:0}.wo-logo-editor[data-fit=square] .wo-logo-preview{aspect-ratio:1;max-width:280px}.wo-logo-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wo-logo-fields>label:first-child{grid-column:1/-1}.wo-logo-fields input[type=range],.wo-layout-workspace input[type=range]{width:100%;accent-color:var(--wo-primary)}
.wo-rich-field{min-width:0}.wo-rich-toolbar{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px;padding:6px;border:1px solid var(--wo-border);border-bottom:0;border-radius:10px 10px 0 0;background:var(--wo-primary-soft)}.wo-rich-toolbar button{min-height:32px;padding:0 10px;border:1px solid var(--wo-border);border-radius:7px;background:var(--wo-card-bg);color:var(--wo-card-text);font-size:10px}.wo-rich-editor{margin-top:0;border:1px solid var(--wo-border);border-radius:0 0 10px 10px;background:var(--wo-card-bg);color:var(--wo-card-text)}.wo-quote-copy>.wo-form{grid-template-columns:1fr}.wo-template-picker{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:end;gap:10px;padding:13px;border:1px solid var(--wo-primary-border);border-radius:12px;background:var(--wo-primary-soft)}.wo-template-picker>a{align-self:center;font-size:11px;font-weight:700}.wo-template-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--wo-border)}.wo-template-list strong,.wo-template-list small{display:block}.wo-template-list small{margin-top:4px;color:var(--wo-card-muted)}.invoice-copy{margin:20px 0;color:var(--wo-card-text)}.invoice-copy h3{margin:0 0 8px;font-size:12px;color:var(--wo-primary)}.invoice-copy :where(p,ul,ol){font-size:10px;line-height:1.6}.invoice-copy :where(ul,ol){padding-left:20px}
.wo-layout-tabs{display:flex;gap:6px;margin-bottom:16px;padding:6px;overflow-x:auto;border:1px solid var(--wo-border);border-radius:11px}.wo-layout-tabs button,.wo-position-presets button{min-height:36px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:var(--wo-card-muted);font:650 10px Inter;white-space:nowrap}.wo-layout-tabs button.active,.wo-position-presets button:hover{background:var(--wo-primary-soft);color:var(--wo-primary)}.wo-layout-workspace{display:grid;grid-template-columns:minmax(260px,420px) minmax(240px,1fr);gap:24px;align-items:start}.wo-a4-preview{position:relative;aspect-ratio:210/297;overflow:hidden;border:1px solid var(--wo-border);border-radius:7px;background:#fff;box-shadow:0 12px 32px #0a1c3815;touch-action:none}.wo-a4-copy{padding:8%;color:#18304f}.wo-a4-copy b{font-size:11px}.wo-a4-copy i{display:block;width:45%;height:4px;margin-top:5px;border-radius:4px;background:#d8e1ed}.wo-a4-copy span{display:block;height:24px;margin-top:12px;border-radius:3px;background:#f1f4f8}.wo-a4-copy strong{display:block;width:34%;margin:16px 0 0 auto;padding:12px;background:#e9eff9;font-size:9px}.wo-layout-asset{position:absolute;left:var(--asset-x);top:var(--asset-y);transform:translate(-50%,-50%) scale(var(--asset-scale));min-width:84px;min-height:42px;padding:7px;border:2px dashed var(--wo-primary);border-radius:9px;background:color-mix(in srgb,var(--wo-primary) 10%,#fff);color:var(--wo-primary);font:700 9px Inter;cursor:grab}.wo-layout-asset.signature{border-color:#7956ca;color:#6241b5;background:#f5f0ff}.wo-layout-workspace aside{display:grid;gap:13px}.wo-layout-workspace fieldset{padding:13px;border:1px solid var(--wo-border);border-radius:11px}.wo-layout-workspace legend{font-size:11px;font-weight:750}.wo-position-presets{display:flex;gap:4px;margin-top:8px}.wo-position-presets button{border:1px solid var(--wo-border);background:var(--wo-card-bg)}
.wo-company-list h3,.wo-admin-list strong,.wo-page-head h1,.invoice-head h2{overflow-wrap:anywhere}.wo-company-list h3,.wo-admin-list strong{line-height:1.35}.wo-company-chip strong,.wo-top-context strong{max-width:100%;text-overflow:ellipsis}
.appearance-dark .wo-select-panel,.appearance-dark .wo-select-option,.appearance-dark .wo-rich-editor,.appearance-dark .wo-layout-tabs,.appearance-dark .wo-layout-workspace fieldset{background:var(--wo-card-bg);color:var(--wo-card-text);border-color:var(--wo-card-border)}.appearance-dark .wo-content input[type=file]{background:var(--wo-primary-soft)}
@media(max-width:768px){.wo-list-filters,.wo-bulk-toolbar{grid-template-columns:1fr 1fr}.wo-logo-workspace,.wo-layout-workspace{grid-template-columns:1fr}.wo-logo-fields{grid-template-columns:1fr 1fr}.wo-template-picker{grid-template-columns:1fr auto}.wo-template-picker>a{grid-column:1/-1}.wo-a4-preview{width:min(100%,380px);margin:auto}.wo-customer-note-form{grid-template-columns:1fr!important}.wo-customer-note-form .span-2,.wo-customer-note-form>.wo-btn{grid-column:auto}}
@media(max-width:414px){.wo-app{--wo-control-height:48px}.wo-list-filters,.wo-bulk-toolbar,.wo-address-form,.wo-logo-fields{grid-template-columns:1fr!important}.wo-address-form label,.wo-address-form>.wo-btn{grid-column:auto!important;width:100%}.wo-template-picker{grid-template-columns:1fr}.wo-template-picker .wo-btn{width:100%}.wo-layout-tabs{margin-inline:-4px}.wo-layout-workspace aside{order:-1}.wo-a4-preview{width:min(100%,300px)}.wo-rich-toolbar button{flex:1 1 auto}.wo-color-exact{grid-template-columns:1fr}.wo-color-exact .wo-field-error{grid-column:auto}.wo-workload-grid{grid-template-columns:1fr 1fr}}
@media(max-width:340px){.wo-workload-grid{grid-template-columns:1fr}.wo-layout-tabs button{padding-inline:8px}.wo-a4-preview{width:260px}}
.wo-exact-field{display:block;color:var(--wo-card-muted,var(--wo-text-soft));font:650 9px/1.35 Inter,system-ui,sans-serif}
.wo-rich-field textarea[hidden]{display:none!important}
.wo-logo-frame{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;overflow:hidden;border-radius:10px;background:#fff}.wo-logo-frame img{display:block;width:100%;height:100%;padding:4px;object-fit:var(--wo-logo-fit,contain);object-position:var(--wo-logo-x,50%) var(--wo-logo-y,50%);transform:scale(var(--wo-logo-zoom,1));transform-origin:var(--wo-logo-x,50%) var(--wo-logo-y,50%)}.wo-company-chip>.wo-logo-frame{width:42px;height:42px;flex-basis:42px}.wo-profile-hero .wo-logo-frame{width:112px;height:76px;border-radius:12px}.wo-profile-hero .wo-logo-frame img{padding:5px}.wo-customer-portal .wo-logo-frame{width:48px;height:48px}.invoice-head .wo-logo-frame{width:58px;height:58px}.invoice-head .wo-logo-frame img{padding:5px}
.wo-document-marks{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:100px;margin-top:24px;padding-top:18px;border-top:1px solid var(--wo-border)}.wo-document-marks>div{display:grid;gap:5px;max-width:190px}.wo-document-marks small{font-size:8px;letter-spacing:.08em;color:var(--wo-card-muted)}.wo-document-marks img{display:block;max-width:150px;max-height:72px;object-fit:contain}.wo-document-marks span{padding-top:5px;border-top:1px solid var(--wo-border);font-size:10px;font-weight:700}.wo-document-marks em{font-size:9px;color:var(--wo-card-muted)}
@media(max-width:414px){.wo-document-marks{align-items:flex-start;flex-direction:column}}