:root{--navy:#183451;--deep:#10283e;--blue:#2188d1;--green:#a1c94d;--bg:#f3f6fa;--muted:#6f8093;--border:#dde6ef;--text:#21374d;--white:#fff;--red:#bf3a51;--shadow:0 10px 32px rgba(18,41,69,.07)}*{box-sizing:border-box}html{font-size:15px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:#1675b2;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin-top:0}h1{font-size:27px;letter-spacing:-.7px;line-height:1.2}h2{font-size:19px;letter-spacing:-.3px}h3{font-size:15px}small,.muted{color:var(--muted)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:flex}.sidebar{background:var(--deep);color:#e9f1f7;flex:none;width:254px;padding:28px 18px;display:flex;flex-direction:column;gap:22px}.brand{background:#fff;padding:9px 14px;border-radius:10px;display:block}.brand img{width:100%;height:54px;object-fit:contain}.aside-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#96adc3;font-weight:750;padding:6px 12px}.nav{display:flex;flex-direction:column;gap:6px}.nav a{color:#bed0e1;padding:12px 13px;border-radius:10px;font-weight:650;display:flex;gap:11px;align-items:center}.nav a:hover,.nav a.active{background:#284960;color:white;text-decoration:none}.nav .ico{font-size:18px;width:20px}.aside-bottom{margin-top:auto;color:#a7bad0;font-size:12px;border-top:1px solid #35536b;padding:20px 12px}.workspace{flex:1;min-width:0}.topbar{height:76px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:14px}.topbar b{font-size:14px}.top-right{display:flex;align-items:center;gap:16px;color:#63798d}.avatar{width:33px;height:33px;display:grid;place-items:center;background:#e8f3fa;color:var(--navy);font-weight:750;border-radius:50%}.main{max-width:1350px;margin:0 auto;padding:35px 40px 70px}.eyebrow{color:#1689cc;text-transform:uppercase;letter-spacing:1.7px;font-weight:850;font-size:11px;margin-bottom:8px}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.pagehead h1{margin:0}.pagehead p{margin:8px 0 0;color:var(--muted)}.btn{background:var(--navy);color:white;border:1px solid var(--navy);padding:10px 16px;border-radius:9px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-weight:750;text-decoration:none;line-height:1.2}.btn:hover{background:#2a5377;text-decoration:none;color:white}.btn-blue{background:#1689cf;border-color:#1689cf}.btn-green{background:#76a731;border-color:#76a731}.btn-red{background:var(--red);border-color:var(--red)}.btn-outline{background:white;border-color:#ccd8e5;color:#304d68}.btn-outline:hover{background:#f1f7fb;color:#304d68}.btn-sm{font-size:12px;padding:8px 11px}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:white;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:23px;margin-bottom:22px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:16px}.card-head h2{margin:0}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:23px;border-radius:14px;background:white;border:1px solid var(--border);box-shadow:var(--shadow)}.stat .num{font-size:33px;font-weight:850;letter-spacing:-1px;color:var(--navy);line-height:1.2}.stat .lab{font-weight:650;color:#6c8093;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-top:8px}.stat.featured{background:var(--navy);color:white}.stat.featured .num,.stat.featured .lab{color:white}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{color:#6c8195;background:#f3f7fa;font-size:11px;letter-spacing:.6px;text-transform:uppercase;text-align:left;padding:13px 14px;font-weight:800}td{padding:15px 14px;border-bottom:1px solid #edf1f4;vertical-align:middle}tr:last-child td{border-bottom:0}.strong{font-weight:780;color:var(--navy)}.status{display:inline-flex;align-items:center;border-radius:30px;padding:5px 10px;background:#eaf0f5;color:#506475;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.status.approved,.status.in_service{background:#e4f5df;color:#36782b}.status.declined{background:#ffedf0;color:#ad3451}.status.submitted,.status.under_review{background:#e7f4ff;color:#1677b4}.status.changes_requested{background:#fff0d7;color:#9b6b1a}.status.awaiting_signature{background:#eeeafe;color:#7051b4}.badge{display:inline-flex;border-radius:30px;background:#e7f0f9;padding:4px 9px;font-weight:750;font-size:11px;color:#3a6582}.help{font-size:12px;color:var(--muted);margin-top:6px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{margin-bottom:16px}.field label{font-size:12px;font-weight:780;color:#4a6275;display:block;margin-bottom:7px}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{display:block;width:100%;background:white;border:1px solid #cfdce7;border-radius:9px;padding:11px 12px;outline:none;transition:border .2s}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#1e8bd0;box-shadow:0 0 0 3px rgba(31,139,208,.12)}input[type=checkbox]{accent-color:#1c8bcb;width:15px;height:15px}.check{display:flex;align-items:center;gap:9px;font-size:13px;margin:7px 0}.alert{border-radius:10px;padding:13px 16px;font-size:13px;margin-bottom:19px;border:1px solid}.alert.ok{color:#23662f;border-color:#bde5be;background:#eff9ef}.alert.bad{color:#a32941;border-color:#f1bac6;background:#fff0f1}.alert.warn{color:#8b641e;border-color:#edd7a5;background:#fff8e7}.actions{display:flex;gap:10px;flex-wrap:wrap}.sectionlabel{font-size:11px;color:#3589b8;font-weight:850;text-transform:uppercase;letter-spacing:1px;margin:20px 0 10px}.detail-row{display:grid;grid-template-columns:160px 1fr;padding:10px 0;border-bottom:1px solid #edf0f4;gap:12px;font-size:13px}.detail-row:last-child{border:0}.detail-row>span:first-child{color:var(--muted)}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;border-left:2px solid #dbe9f1;padding:3px 0 17px 18px;margin-left:6px}.timeline li:before{position:absolute;content:'';top:7px;left:-6px;width:10px;height:10px;background:#158cd0;border:2px solid white;border-radius:50%}.timeline .when{color:var(--muted);font-size:11px}.timeline strong{display:block}.notice{padding:17px 20px;border-radius:10px;background:#eef6fd;border-left:3px solid #1689cf;font-size:13px}.notice.warning{background:#fff8ed;border-left-color:#e3a337}.mini-form{border:1px solid var(--border);padding:17px;border-radius:10px;margin-bottom:14px}.mini-form h3{margin-bottom:12px}.price{font-size:27px;font-weight:850;color:var(--navy);letter-spacing:-.7px}.price small{font-size:12px;font-weight:600}.thumb-logo{width:130px;height:45px;object-fit:contain}.login-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(250px,47%) minmax(350px,53%)}.login-left{background:var(--deep);color:white;display:flex;flex-direction:column;justify-content:center;padding:11%}.login-left h1{font-size:48px;line-height:1.1}.login-left p{font-size:17px;color:#b9cbd7;max-width:430px}.login-left .stripe{height:7px;width:82px;background:var(--green);border-radius:20px;margin-bottom:24px}.login-right{display:flex;flex-direction:column;justify-content:center;max-width:560px;padding:50px 65px}.login-logo{max-width:250px;height:auto;margin-bottom:24px}.hero-icon{width:70px;height:70px;background:#e8f5d7;color:#518719;border-radius:16px;display:grid;place-items:center;font-size:32px;margin-bottom:20px}.pagination{margin-top:24px}.pagination svg{width:16px}.soft-hr{height:1px;background:var(--border);margin:19px 0}.muted-block{background:#f6f9fb;border-radius:11px;padding:17px}.flex{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.rowcards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.footnote{font-size:11px;color:var(--muted)}summary{cursor:pointer;font-weight:750;list-style-position:outside;padding:8px}.collapse{border:1px solid var(--border);border-radius:10px;padding:6px 15px;margin-bottom:10px}.max-740{max-width:740px}.right{text-align:right}.divider{border:0;border-top:1px solid var(--border);margin:23px 0}.pill-action{padding:8px 12px;background:#eaf4fb;border-radius:8px}.empty{text-align:center;padding:40px 15px;color:var(--muted)}@media(max-width:1100px){.sidebar{width:215px}.topbar{padding:0 24px}.main{padding:28px 25px}.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app{display:block}.sidebar{width:100%;padding:12px;display:flex;gap:8px}.brand{width:135px}.brand img{height:35px}.aside-label,.aside-bottom{display:none}.nav{flex-direction:row;flex-wrap:wrap}.nav a{padding:8px;font-size:12px}.topbar{height:auto;padding:12px 18px}.main{padding:24px 15px}.pagehead{align-items:flex-start;flex-direction:column}.grid-4,.grid-3,.grid-2,.form-grid,.rowcards{grid-template-columns:1fr}.login-wrap{grid-template-columns:1fr}.login-left{padding:35px}.login-left h1{font-size:32px}.login-right{padding:36px 25px}.detail-row{grid-template-columns:110px 1fr}}

/* HOSTOWEB Channel Portal 2.0 — commercial design refresh */
:root{--navy:#17344e;--deep:#0c2138;--blue:#137fbd;--green:#a5c753;--bg:#f5f7fa;--muted:#738396;--border:#dfe6ee;--text:#162f47;--shadow:0 14px 38px rgba(12,33,56,.055)}
body{background:radial-gradient(ellipse at top right,rgba(31,132,191,.05),transparent 45%),var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.sidebar{width:266px;background:linear-gradient(164deg,#173c58 0%,#102a44 50%,#091e30 100%);padding:30px 19px;border-right:1px solid rgba(255,255,255,.06)}
.sidebar .brand{border-radius:12px;padding:10px 15px;box-shadow:0 8px 24px rgba(0,0,0,.09)}
.aside-label{padding:11px 11px 6px;color:#97b6cc}
.nav a{border:1px solid transparent;transition:background .16s ease,border-color .16s ease;padding:12px 13px}
.nav a:hover,.nav a.active{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.09)}
.nav a.active:before{content:'';display:block;width:3px;height:17px;background:#abd15b;border-radius:5px;margin-left:-5px}
.topbar{height:84px;border-bottom:1px solid #e2eaf0;box-shadow:0 2px 18px rgba(12,33,56,.025)}
.main{max-width:1380px;padding-top:42px}
.pagehead{padding:0 0 8px;align-items:flex-end}.pagehead h1{font-size:30px;line-height:1.16;letter-spacing:-1.1px;font-weight:800}.pagehead p{font-size:14px;max-width:700px}
.eyebrow{color:#187ea9;letter-spacing:1.85px;font-size:10px;margin-bottom:11px}
.card{border-radius:17px;padding:26px;border-color:#e2e9f0;box-shadow:0 7px 25px rgba(14,41,65,.032)}
.card h2{font-size:18px;margin-bottom:17px;line-height:1.3;color:#15344d}
.stat{border-radius:16px;box-shadow:0 7px 24px rgba(14,41,65,.036);border-color:#e2e9f0}
.stat .num{font-size:29px;font-weight:820;letter-spacing:-.8px}.stat .lab{font-size:10px;letter-spacing:.85px}
.btn{border-radius:10px;padding:11px 18px;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 7px 13px rgba(11,42,65,.11)}.btn-blue{background:#147db6;border-color:#147db6}.btn-blue:hover{background:#0c70a8}
.btn-green{background:#719a2d;border-color:#719a2d}.btn-outline{border:1px solid #d6e0e9}
.form-grid{gap:16px}.field{margin-bottom:19px}.field label{font-size:12px;font-weight:740;margin-bottom:9px;color:#41596e}
input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{padding:13px 14px;min-height:45px;border:1px solid #d6e0e9;border-radius:10px;background:#fcfdff;font-size:14px;transition:all .16s ease}
input:hover,select:hover,textarea:hover{border-color:#9ebdcd}textarea{line-height:1.65}
input:focus,select:focus,textarea:focus{background:#fff;border-color:#298bc3;box-shadow:0 0 0 4px rgba(23,129,189,.11)}
.sectionlabel{font-size:10px;letter-spacing:1.3px;margin:23px 0 12px}.muted-block{background:#f2f7fa;border:1px solid #dce8ef;border-radius:12px;padding:19px}
.option-heading{font-size:13px!important;text-transform:uppercase;letter-spacing:1px;color:#244d69;margin:25px 0 12px!important}
.option-control{border:1px solid #dfebf1;background:#fbfdfe;border-radius:13px;padding:16px 17px;margin:11px 0;display:flex;align-items:center;justify-content:space-between;gap:17px;min-height:76px}
.option-info{display:flex;flex-direction:column;min-width:0;gap:4px}.option-info strong{font-size:13px;color:#173b55}.option-price{color:#718798;font-size:12px}.option-select{width:115px;max-width:115px;padding:10px 12px;font-weight:750!important}
.toggle{display:flex;gap:10px;align-items:center;cursor:pointer;flex-shrink:0;position:relative}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle-track{display:block;width:50px;height:28px;border-radius:50px;background:#c8d3dc;position:relative;transition:background .2s}.toggle-track:after{position:absolute;content:'';width:21px;height:21px;background:white;top:3.5px;left:4px;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.15);transition:transform .2s}.toggle input:checked+.toggle-track{background:#4aab79}.toggle input:checked+.toggle-track:after{transform:translateX(21px)}.toggle input:focus-visible+.toggle-track{outline:3px solid #badff2}.toggle-caption{font-size:11px;font-weight:800;letter-spacing:.5px;width:28px;color:#496174}
.esign-card{margin-top:20px;border-radius:16px;padding:24px;border:1px solid #c7e3e9;background:linear-gradient(145deg,#f5fbff,#ffffff 50%);box-shadow:0 8px 26px rgba(18,89,139,.07)}
.esign-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px}.esign-head h3{font-size:19px;letter-spacing:-.35px;margin:4px 0 6px;color:#103b5b}.esign-head p{font-size:12px;color:#718698;margin:0}.esign-head .eyebrow{font-size:9px;margin:0}
.signature-surface{height:148px;position:relative;border:1px dashed #8eb3c6;background:repeating-linear-gradient(transparent 0px,transparent 35px,#f3f8fc 36px);border-radius:11px;overflow:hidden;touch-action:none;margin-bottom:10px}
.signature-surface:after{content:'';position:absolute;left:22px;right:22px;bottom:28px;border-bottom:1px solid #cedde7;pointer-events:none}
.signature-canvas{position:absolute;width:100%;height:100%;inset:0;z-index:1;touch-action:none;cursor:crosshair}.signature-hint{position:absolute;left:20px;bottom:10px;font-size:11px;color:#adbdc7;pointer-events:none}
.consent-check{font-weight:500!important;line-height:1.5;align-items:flex-start!important;margin:20px 0}.consent-check input{margin-top:3px!important;flex-shrink:0}.esign-submit{width:100%;min-height:48px;margin-top:12px}
.notice{border-radius:12px;padding:19px}.mini-form{border-radius:13px}.collapse{border-radius:12px;border-color:#dce6ef}.table-wrap{border:1px solid #e1eaf0;border-radius:12px;overflow:hidden}th{background:#eff5f9;color:#526a80}td{border-color:#eef2f6}.status{letter-spacing:.55px}
@media(max-width:1100px){.sidebar{width:215px}.main{padding:32px 25px}}@media(max-width:760px){.sidebar{width:100%;padding:12px}.main{padding:24px 15px}.pagehead h1{font-size:26px}.card{padding:19px}.option-control{align-items:flex-start;flex-direction:column}.option-select{width:100%;max-width:100%}.esign-head{flex-wrap:wrap}}

.contract-preview iframe{display:block;width:100%;height:560px;border:1px solid #dde8ee;border-radius:11px;background:#e9edf1}.contract-preview h3{font-size:15px;margin:0 0 14px}@media(max-width:760px){.contract-preview iframe{height:410px}}
/* CHANNEL PARTNERS v3 — progressive order workflow + delivery operations */
:root{--cp-navy:#102d45;--cp-ink:#173a53;--cp-cyan:#168bbd;--cp-mint:#a4c957;--cp-line:#e1eaf1;--cp-muted:#6e8294;--cp-surface:#f7fafc}
.wizard-shell{margin-top:24px}.wizard-topbar{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:23px 30px 16px;border:1px solid var(--cp-line);border-radius:18px 18px 0 0}.wizard-topbar h2{font-size:22px;margin:5px 0 0;letter-spacing:-.45px}.wizard-progress-caption{font-weight:700;font-size:12px;color:#58768a}.wizard-progress-track{height:4px;background:#e4edf3}.wizard-progress-track>div{height:4px;background:linear-gradient(90deg,#1a91c5,#a5c951);width:25%;transition:width .28s ease}.wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--cp-line);border-top:0;background:#fff;border-radius:0 0 17px 17px;overflow:hidden;margin-bottom:25px}.wizard-step{border:0;background:transparent;text-align:left;padding:19px 20px;cursor:pointer;border-right:1px solid #e9eef3;display:grid;grid-template-columns:34px 1fr;column-gap:9px;align-items:center;color:#7b8da0}.wizard-step:last-child{border-right:0}.wizard-step span{grid-row:span 2;display:grid;place-items:center;width:32px;height:32px;border:1px solid #d8e3e9;background:#f5f8fa;border-radius:50%;font-size:11px;font-weight:850}.wizard-step strong{font-size:13px;color:#5a7285}.wizard-step small{font-size:10px;letter-spacing:.2px}.wizard-step.current{background:#f1f8fc}.wizard-step.current span{background:var(--cp-navy);border-color:var(--cp-navy);color:white}.wizard-step.current strong{color:#174c6c}.wizard-step.completed span{background:#e6f4db;color:#517d25;border-color:#c7dfa4}.wizard-step.completed strong{color:#486b42}
.wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:23px;align-items:start}.wizard-content>.card{margin-bottom:0;min-height:465px;padding:31px 35px}.wizard-panel[hidden]{display:none!important}.wizard-ready .wizard-panel:not([hidden]){animation:wizardFade .2s ease}@keyframes wizardFade{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.panel-heading{display:flex;align-items:flex-start;gap:16px;margin-bottom:27px;padding-bottom:20px;border-bottom:1px solid #e8eef3}.panel-heading h2{margin:0 0 6px;font-size:22px}.panel-heading p{color:#74889a;font-size:13px;margin:0}.panel-number{width:42px;height:42px;display:grid;place-items:center;background:#e8f3f8;border:1px solid #cfe4ee;border-radius:11px;color:#1f7da6;font-weight:850;font-size:15px}.wizard-side{position:sticky;top:25px}.wizard-summary{padding:27px}.wizard-summary h2{font-size:18px;margin:7px 0 10px}.wizard-summary p{font-size:13px;line-height:1.6;min-height:40px}.summary-price-label{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#7890a0;margin-top:25px}.summary-price{font-size:33px;font-weight:850;color:#163c54;letter-spacing:-1.5px;margin-top:7px}.wizard-summary-foot{margin-top:30px;padding:14px 15px;border-radius:10px;background:#eff6fa;color:#516e84;font-size:11px;line-height:1.5}.wizard-actions{display:flex;align-items:center;gap:12px;padding:18px 0 24px}.wizard-actions .muted{margin-right:auto;font-size:12px}.wizard-actions button[hidden]{display:none}.review-card{background:#fafcfd;border:1px solid #e1eaf0;border-radius:13px;margin:15px 0;padding:16px 20px}.review-heading{font-size:12px;text-transform:uppercase;font-weight:850;letter-spacing:1px;color:#236e95;margin-bottom:12px}.review-line{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:8px 0;border-bottom:1px solid #e8eff3;font-size:12px}.review-line:last-child{border:0}.review-line>span{color:#75899b}.review-line>strong{text-align:right;color:#1e3b51;max-width:66%;overflow-wrap:anywhere}.review-totals{display:flex;gap:15px;background:#163c57;color:white;border-radius:13px;margin:18px 0;padding:17px}.review-totals>div{flex:1;display:flex;flex-direction:column;gap:8px}.review-totals span{color:#bfd3e1;font-size:11px}.review-totals strong{font-size:21px}.wizard-content .option-control{background:#fff}
.order-list-card{padding:24px 23px}.orders-table{width:100%;border-collapse:collapse}.orders-table thead th{font-size:10px;text-transform:uppercase;letter-spacing:.8px}.orders-table tbody tr:hover{background:#f8fbfd}.orders-table td{vertical-align:middle;padding:17px 12px}.order-number{font-weight:850;color:#0c7fb6;text-decoration:none;white-space:nowrap}.order-number:hover{text-decoration:underline}.orders-table .muted{font-size:11px;margin-top:5px}.detail-stats{margin:23px 0}.order-detail-grid{align-items:start;gap:22px}.order-detail-grid>.card,.order-detail-grid>div>.card{margin-bottom:20px}.detail-card .card-head{margin-bottom:14px}.detail-group-title{font-size:10px;color:#2188b6;font-weight:850;text-transform:uppercase;letter-spacing:1.1px;padding:18px 0 9px;margin-top:7px;border-top:1px solid #e7edf2}.detail-group-title:first-of-type{border-top:0}.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 20px;padding:5px 0 14px}.detail-item{display:flex;flex-direction:column;gap:5px;min-width:0}.detail-item span{font-size:11px;color:#788c9c}.detail-item strong{font-size:13px;line-height:1.45;overflow-wrap:anywhere;color:#1c3b53}.detail-page-actions{display:flex;margin-bottom:12px;justify-content:flex-end}.partner-identity{background:linear-gradient(135deg,#f6fafc,#fff)}.partner-identity h2{margin:4px 0}.document-stack{border-top:1px solid #e6edf2}.document-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #e6edf2}.document-symbol{min-width:40px;height:43px;border-radius:9px;display:grid;place-items:center;background:#edf6fa;color:#197fae;font-size:10px;font-weight:900}.document-body{flex:1;min-width:0}.document-body strong{font-size:12px;display:block}.document-body .help{font-size:10px;line-height:1.4;margin-top:4px;overflow-wrap:anywhere}.action-card{border:1px solid #cfe3eb;background:#fafdff}.approval-panel{background:#f1f8f0;border:1px solid #cce2bb;padding:20px;border-radius:13px;margin:20px 0}.approval-panel h3{font-size:17px;margin:8px 0}.approval-panel .consent-check{margin:13px 0}.activity-comment{font-size:12px;margin-top:6px;color:#4c6579}.contract-preview{margin:20px 0}.contract-preview iframe{height:520px}
.order-progress{background:#fff;border:1px solid #e0e9f0;box-shadow:0 6px 22px rgba(15,46,75,.025);border-radius:17px;padding:23px 26px}.progress-title{display:flex;justify-content:space-between;align-items:center}.progress-title h2{margin:0 0 17px;font-size:16px}.progress-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-bottom:3px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:9px;position:relative;font-size:10px;text-align:center;color:#8194a4}.progress-step:after{content:'';position:absolute;top:16px;left:50%;height:2px;width:100%;background:#e2eaf0;z-index:0}.progress-step:last-child:after{display:none}.progress-dot{position:relative;z-index:1;border-radius:50%;height:34px;width:34px;background:#eff3f7;border:2px solid #e0e8ed;display:grid;place-items:center;font-size:12px;font-weight:800;color:#90a0af}.progress-step.done .progress-dot{background:#dff0d7;color:#548334;border-color:#c4dfb7}.progress-step.current .progress-dot{background:#157dae;border-color:#157dae;color:white;box-shadow:0 0 0 4px #e6f4fa}.progress-step strong{font-size:11px;color:#678195}.progress-step.current strong{color:#136d9c}.progress-step.done strong{color:#52805e}.order-progress .notice{margin-top:17px}
.status{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:850;padding:7px 9px;border-radius:99px;white-space:nowrap}.status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.status.survey_pending,.status.survey_scheduled,.status.ready{background:#eaf4fb;color:#197eaf}.status.in_service{background:#e5f5e6;color:#338148}.status.not_feasible{background:#fce9e8;color:#b34d45}.status.approved{background:#e7f6e7;color:#338148}.status.declined{background:#fce8eb;color:#b9475b}.status.changes_requested{background:#fff5de;color:#a87515}.status.awaiting_signature,.status.submitted,.status.under_review{background:#e9f1fd;color:#3569aa}
@media(max-width:1150px){.wizard-layout{grid-template-columns:minmax(0,1fr) 260px}.wizard-step{padding:15px 11px}.wizard-content>.card{padding:25px}.wizard-side{top:10px}}
@media(max-width:900px){.wizard-layout{grid-template-columns:1fr}.wizard-side{order:-1;position:static}.wizard-summary-foot{display:none}.wizard-summary .summary-price{font-size:25px}.wizard-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.wizard-step{grid-template-columns:1fr;text-align:center;justify-items:center;gap:5px}.wizard-step span{grid-row:auto}.wizard-step small{display:none}.detail-list{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wizard-topbar{padding:18px}.wizard-topbar h2{font-size:18px}.wizard-progress-caption{font-size:11px}.wizard-steps{margin-bottom:15px}.wizard-step{padding:12px 5px}.wizard-step strong{font-size:10px}.wizard-step span{width:29px;height:29px}.wizard-content>.card{padding:22px 17px;min-height:auto}.wizard-actions{gap:8px;flex-wrap:wrap}.wizard-actions .muted{width:100%;order:-1}.wizard-actions .btn{flex:1}.review-totals{flex-direction:column}.progress-step strong{font-size:9px}.progress-steps{gap:3px}.order-progress{padding:19px 12px}.progress-dot{width:26px;height:26px}.progress-step:after{top:12px}.detail-list{grid-template-columns:1fr}.document-item{flex-wrap:wrap}.document-item .btn{margin-left:auto}}
/* Keep telephone and preset upload controls visually consistent with other inputs. */
input[type=tel]{width:100%;padding:13px 14px;min-height:45px;border:1px solid #d6e0e9;border-radius:10px;background:#fcfdff;font-size:14px;transition:all .16s ease}
input[type=tel]:focus{background:#fff;border-color:#298bc3;box-shadow:0 0 0 4px rgba(23,129,189,.11);outline:0}
input[type=file]{font-size:13px;max-width:100%;border:1px dashed #b6cad8;border-radius:11px;padding:13px;width:100%;background:#f9fcfe}


/* v3.1 — UNIVERSAL FORM SYSTEM: every input has consistent dimensions.
   Many existing Blade inputs omit type="text"; [type=text] does not match them. */
.field, .form-grid > *, .wizard-content, .wizard-panel { min-width: 0; }
.field > input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
.field > select,
.field > textarea,
input:not([type]),
input[type="text"], input[type="email"], input[type="tel"],
input[type="number"], input[type="password"], input[type="search"],
input[type="url"], input[type="date"],
textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 48px;
  box-sizing: border-box;
  padding: 12px 15px;
  font: inherit;
  font-size: 14px;
  color: var(--cp-ink, #173a53);
  background-color: #fff;
  border: 1px solid #ccdbe6;
  border-radius: 10px;
  transition: border-color .16s ease, box-shadow .16s ease;
}
textarea { min-height: 112px; resize: vertical; line-height: 1.55; }
.field > input:not([type="checkbox"]):not([type="radio"]):focus,
.field > select:focus, .field > textarea:focus,
input:not([type]):focus, input[type="email"]:focus, input[type="tel"]:focus,
input[type="text"]:focus, input[type="number"]:focus,
input[type="password"]:focus, input[type="search"]:focus,
input[type="url"]:focus, input[type="date"]:focus {
  border-color: #2088bd;
  outline: none;
  box-shadow: 0 0 0 4px rgba(32,136,189,.11);
}
input::placeholder, textarea::placeholder { color: #96a7b7; opacity: 1; }
.field > label { font-size: 12px; letter-spacing: .01em; font-weight: 750; color: #415b70; margin-bottom: 9px; }
.form-grid { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 22px; }
.form-grid > .field { margin: 0; }
.wizard-panel .field { max-width: none; width: 100%; }
.wizard-panel .form-grid { margin-bottom: 20px; }
.wizard-panel .form-grid > .field { margin: 0; }
.wizard-panel .field > input, .wizard-panel .field > select, .wizard-panel .field > textarea { width:100%; }
.wizard-panel .field > input { min-width:0; }
.option-control .option-select { width: 120px; max-width: 120px; min-width: 110px; }
.option-control input[type="checkbox"] { width: 1px; min-height: 1px; }
.table-wrap input:not([type]), .table-wrap input[type="number"], .table-wrap input[type="password"] { min-width: 120px; }
.topbar form, .topbar .btn { flex-shrink:0; }
.section-icon { color: #1886b8; font-size: .95em; margin-right: 9px; }
.nav .ico { width: 22px; text-align: center; flex: 0 0 22px; font-size: 15px; }
.btn > .fa-solid, .btn > .fa-regular, .btn > .fa-brands { margin-right: 3px; font-size: .94em; }
.wizard-step .step-icon { color: #2f91b9; margin-right: 4px; font-size: .9em; }
.document-symbol .fa-solid { font-size: 18px; }
@media (max-width:760px) {
  .form-grid { grid-template-columns: minmax(0,1fr); gap: 0; }
  .form-grid > .field { margin-bottom: 17px; }
  .wizard-panel .form-grid { margin-bottom: 0; }
  .option-control .option-select { width:100%; max-width:100%; }
  .top-right > span { display:none; }
}


/* v3.2: master form control reset, applied after every previous rule */
.field > input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),
.field > select, .field > textarea, .form-grid .field input:not([type=checkbox]):not([type=radio]):not([type=file]),
.form-grid .field select, .form-grid .field textarea, .wizard-panel input:not([type=checkbox]):not([type=radio]):not([type=file]),
.wizard-panel select, .wizard-panel textarea {
  display:block; box-sizing:border-box; width:100%; max-width:100%; min-width:0;
  min-height:48px; padding:12px 14px; font-size:14px; line-height:1.45;
  border:1px solid #c9d8e4; border-radius:10px; background:#fff; color:#173a53;
}
.form-grid > .field, .wizard-layout > *, .wizard-panel, .wizard-content {min-width:0}
.wizard-panel .field, .wizard-panel .form-grid, .wizard-panel .field > input {width:100%;max-width:none;}
.field input[type=file]{width:100%;max-width:100%;padding:10px;border:1px dashed #b7cbdc;background:#f7fafc;border-radius:10px}
.provider-edit{padding:18px 0;border-top:1px solid #e8eef4}
.provider-edit:first-of-type{border-top:0}
@media(max-width:820px){.form-grid{grid-template-columns:1fr}.topbar{padding:0 14px}}

/* HOSTOWEB Channel Portal V3.3 — partner team & access */
.team-summary{margin:0 0 22px}.team-main-grid{grid-template-columns:minmax(310px,0.75fr) minmax(0,1.25fr);gap:22px;align-items:start}
.team-main-grid>.card{min-width:0}.team-list-card>.card-head{margin-bottom:10px}
.permission-list{display:grid;gap:8px;margin:12px 0 23px}.permission-row{display:flex;align-items:flex-start;gap:12px;border:1px solid #e1e9ef;background:#f9fbfd;padding:14px;border-radius:12px;cursor:pointer;color:#254057}
.permission-row input[type=checkbox]{width:18px;height:18px;min-width:18px;margin-top:2px;accent-color:#1684b7}.permission-row span{display:grid;gap:5px;flex:1}.permission-row small{font-size:11px;font-weight:500;color:#74889a;line-height:1.5}.permission-row strong{font-size:13px}.permission-row>.fa-lock{color:#95a5b5;margin-left:auto;font-size:12px}.team-submit{width:100%;justify-content:center}
.team-member{border-top:1px solid #edf2f6;padding:19px 0}.team-member:first-of-type{border-top:0}.team-member-top{display:flex;align-items:center;gap:13px;min-width:0;flex-wrap:wrap}.team-avatar{width:42px;height:42px;border-radius:12px;background:#e7f3f8;color:#147baf;display:grid;place-items:center;font-size:17px;font-weight:850;flex-shrink:0}.team-user-info{flex:1;min-width:120px;overflow-wrap:anywhere}.team-user-info .muted{font-size:12px;margin-top:3px}.team-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:50px;font-size:10px;font-weight:850;white-space:nowrap}.team-pill.owner{color:#225074;background:#e8f2f8}.team-pill.active{background:#e8f6e8;color:#348045}.team-pill.pending{color:#926b11;background:#fff3da}.team-pill.disabled{color:#9b4b51;background:#feebec}.team-member-detail{font-size:12px;margin:10px 0 0 55px;line-height:1.6}.team-details{margin:14px 0 0 55px;border:1px solid #e1eaf1;border-radius:12px;overflow:hidden}.team-details summary{padding:12px 15px;cursor:pointer;font-size:12px;font-weight:800;color:#38647e;display:flex;align-items:center;gap:10px}.team-details summary .fa-chevron-down{margin-left:auto}.team-details-inner{padding:16px;background:#fbfdff;border-top:1px solid #e2eaf1}.team-details .permission-list{margin:12px 0}.permission-list.compact .permission-row{padding:10px 12px;font-size:12px}.team-actions{border-top:1px solid #e0eaf1;margin-top:15px;padding-top:15px}.invite-link-card{border-left:4px solid #a7c955;margin-bottom:22px}.invite-link-row{display:flex;gap:10px}.invite-link-row input{flex:1;min-width:0}.team-audit-card{margin-top:22px}
@media(max-width:980px){.team-main-grid{grid-template-columns:1fr}}@media(max-width:580px){.invite-link-row{flex-direction:column}.team-details{margin-left:0}.team-user-info{flex-basis:60%}.team-member-detail{margin-left:0}}

/* V3.4 - Installation date picker */
input[type="date"], .wizard-panel input[type="date"] { display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;background:#fff;border:1px solid #cfdce7;border-radius:10px;padding:12px 14px;font:inherit;color:#1d3448;min-height:46px;color-scheme:light; }
input[type="date"]:focus {border-color:#1e8bd0;outline:none;box-shadow:0 0 0 3px rgba(31,139,208,.12);}
.date-guidance {line-height:1.65;padding:11px 13px;margin-top:10px;background:#f0f7fc;border-left:3px solid #238abd;border-radius:6px;color:#536c7e;}
.field-error {font-size:12px;color:#b42337;margin-top:8px;font-weight:700;}


/* V3.4.1 — Workday-only preferred installation calendar */
.install-picker {position:relative;width:100%;max-width:460px;}
.install-picker-trigger {display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-height:49px;border-radius:10px;background:#fff;border:1px solid #c9d8e4;padding:12px 14px;color:#7d8d9b;font-weight:600;box-shadow:0 1px 2px rgba(14,42,62,.04);}
.install-picker-trigger.has-date {color:#173a53;}
.install-picker-trigger:hover {border-color:#92bcd4;background:#fbfdff;}
.install-picker-trigger:focus-visible {outline:3px solid rgba(31,139,208,.18);outline-offset:2px;border-color:#268ccb;}
.install-picker-trigger[aria-invalid="true"] {border-color:#d1707a;}
.install-picker-trigger .fa-calendar-days {color:#2582b3;}
.install-picker-chevron {font-size:11px;color:#8296aa;margin-left:auto;}
.install-picker-dialog[hidden],.install-picker .field-error[hidden] {display:none!important;}
.install-picker-dialog {position:absolute;left:0;top:calc(100% + 7px);z-index:80;width:min(100%,360px);padding:16px;border:1px solid #d9e5ed;border-radius:14px;background:#fff;box-shadow:0 18px 46px rgba(14,38,62,.16);}
.install-picker-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;color:#163853;}
.install-picker-head strong {font-weight:800;font-size:14px;}
.install-picker-nav {border:1px solid #e1e9f1;background:#f7fafc;border-radius:8px;font-size:22px;line-height:1;width:34px;height:34px;color:#315979;}
.install-picker-nav:disabled {opacity:.35;cursor:not-allowed;}
.install-picker-grid {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;}
.install-picker-weekday {text-align:center;font-size:10px;font-weight:800;color:#71879a;padding:5px 0 8px;}
.install-picker-weekday:nth-child(7n+6),.install-picker-weekday:nth-child(7n+7) {color:#a0aeb8;}
.install-picker-day {border:0;border-radius:8px;background:transparent;color:#23435b;min-height:37px;font-size:12px;font-weight:700;}
.install-picker-day:not(:disabled):hover {background:#e7f3fb;color:#126e9c;}
.install-picker-day:focus-visible {outline:2px solid #2088bd;outline-offset:1px;}
.install-picker-day.selected {background:#1784bf!important;color:white!important;}
.install-picker-day:disabled {color:#b2bfc9;opacity:.58;cursor:not-allowed;text-decoration:line-through;}
.install-picker-day.weekend:disabled {background:#f1f3f5;color:#b7c0c7;}
.install-picker-day.blocked:disabled {background:#fff1ed;color:#bc9f9a;}
.install-picker-note {font-size:11px;color:#71889b;margin:13px 2px 0;line-height:1.4;}
@media(max-width:520px){.install-picker{max-width:100%;}.install-picker-dialog{width:100%;}}


/* V3.5 — precision installation fields and partner-facing order detail */
.premises-fields{border:1px solid #dbe7ef;border-radius:15px;background:#f8fbfe;padding:19px 19px 5px;margin:20px 0 22px}
.premises-fields-head{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;margin-bottom:17px}
.premises-fields-head>div{min-width:0}.premises-fields-head strong{font-weight:820;color:#183b54;font-size:14px}
.premises-fields-head p{margin:4px 0 0;font-size:12px;color:#6f8495}
.premises-fields-icon{display:inline-flex;align-items:center;justify-content:center;color:#1685be;background:#e1f1fa;width:31px;height:31px;margin-right:8px;border-radius:9px}
.premises-optional{font-size:10px;font-weight:850;color:#537791;background:#e8f3f9;border-radius:50px;padding:6px 9px;white-space:nowrap}
.premises-fields-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 17px}
.premises-fields-grid .field{margin:0 0 15px;min-width:0}.premises-fields-grid .field label{font-size:12px}
.po-breadcrumb{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:700;color:#8396a8;margin:-8px 0 18px}
.po-breadcrumb a{color:#387695}.po-breadcrumb .fa-chevron-right{font-size:9px;color:#afbfcb}
.po-hero{padding:27px 31px 0;margin-bottom:22px;border-radius:19px;overflow:hidden;position:relative;background:linear-gradient(112deg,#102c46 0%,#204665 78%,#246488 100%);color:#fff;box-shadow:0 16px 38px rgba(19,48,74,.12)}
.po-hero:after{content:'';position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-88px;top:-140px;pointer-events:none}
.po-hero-top,.po-hero-body,.po-hero-meta{position:relative;z-index:1}.po-hero-top{display:flex;align-items:center;justify-content:space-between;gap:15px}
.po-reference{font-size:12px;letter-spacing:.65px;font-weight:750;color:#c1d8e8}.po-reference i{color:#a5ca5b;margin-right:6px}
.po-hero .status{padding:8px 13px;background:#e8f2fa;color:#224f70;letter-spacing:.55px}
.po-hero-body{display:flex;align-items:center;gap:19px;margin:28px 0 26px}.po-hero-icon{width:64px;height:64px;flex:none;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.13);color:#b7da71;font-size:26px}
.po-hero-eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#abd3e9;margin-bottom:6px}.po-hero h1{color:#fff;font-size:29px;letter-spacing:-.8px;margin:0}.po-hero-body p{margin:7px 0 0;color:#c0d4e3;font-size:13px}
.po-hero-meta{display:flex;flex-wrap:wrap;gap:22px;border-top:1px solid rgba(255,255,255,.16);padding:16px 0;color:#c1d7e7;font-weight:600;font-size:11px}.po-hero-meta i{margin-right:7px;color:#add362}
.po-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:20px 0 23px}
.po-kpi{display:flex;flex-direction:column;gap:9px;background:#fff;border:1px solid #e0e8ef;border-radius:16px;padding:21px 23px;box-shadow:0 5px 20px rgba(18,43,68,.03);min-width:0}
.po-kpi>span{font-size:11px;font-weight:800;color:#59758c;text-transform:uppercase;letter-spacing:.3px}.po-kpi>span i{color:#2785b4;margin-right:6px}
.po-kpi strong{font-size:26px;line-height:1.15;letter-spacing:-.65px;font-weight:850;color:#15374f;overflow-wrap:anywhere}.po-kpi strong em{font-size:15px;letter-spacing:0;font-style:normal;font-weight:700}
.po-kpi small{font-size:11px;color:#7a8fa1}.po-kpi-primary{background:#edf7f1;border-color:#d2e9d4}.po-kpi-primary>span i{color:#68a63d}
.po-main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(285px,.95fr);gap:20px;align-items:start}
.po-main-column,.po-side-column{min-width:0}.po-section{padding:26px;margin-bottom:19px}
.po-section-title{display:flex;align-items:center;gap:13px;margin-bottom:24px}.po-section-title>div{flex:1;min-width:0}.po-section-title h2{font-size:17px;color:#153851;margin:0 0 2px}.po-section-title p{font-size:11px;color:#7890a4;margin:0}.po-section-title .btn{margin-left:auto}
.po-section-icon{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#147dac;background:#e8f3fa;font-size:16px}
.po-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}
.po-info{display:grid;gap:5px;min-width:0}.po-info span,.po-address-panel span,.po-premise span,.po-install-date span,.po-contact span,.po-remarks span{font-size:11px;color:#8396a7;font-weight:700}
.po-info strong,.po-premise strong,.po-contact strong{font-size:13px;line-height:1.5;color:#183951;font-weight:760;overflow-wrap:anywhere}
.po-subheading{font-size:10px;text-transform:uppercase;font-weight:850;letter-spacing:1.2px;color:#55758c;margin:26px 0 12px;padding-bottom:8px;border-bottom:1px solid #e5ecf3}
.po-option-list{display:grid;gap:8px}.po-option{display:flex;justify-content:space-between;gap:16px;align-items:center;border-radius:9px;background:#f4f8fb;padding:11px 13px;font-size:12px}.po-option span i{color:#64a944;margin-right:7px}.po-option strong{color:#245b7d;font-size:11px;white-space:nowrap}
.po-address-panel{display:flex;gap:15px;border-radius:12px;background:#f4f8fb;border:1px solid #e8eef4;padding:17px;margin-top:21px}.po-address-icon{flex:none;display:grid;place-items:center;width:41px;height:41px;border-radius:11px;background:#e4eff8;color:#1b7cae}
.po-address-panel>div:last-child{min-width:0}.po-address-panel strong{display:block;margin:4px 0;font-size:14px;color:#18384f;overflow-wrap:anywhere}.po-address-panel>div:last-child>div{font-size:12px;color:#647f92}
.po-premises-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.po-premise{display:grid;gap:6px;padding:13px;background:#fafcfe;border:1px solid #e4edf3;border-radius:10px;min-width:0}
.po-install-date{margin-top:19px;padding:17px;display:flex;gap:15px;align-items:flex-start;border:1px solid #dcebe0;border-radius:12px;background:#f5faf6}
.po-install-calendar{display:grid;place-items:center;flex:none;border-radius:11px;background:#e2f2e2;color:#4b9852;width:40px;height:40px;font-size:18px}
.po-install-date strong{font-size:15px;display:block;margin:3px 0;color:#1d4e43}.po-install-date small{color:#70877b;font-size:11px;display:block;line-height:1.6}
.po-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.po-contact{display:flex;gap:12px;align-items:flex-start;min-width:0}.po-contact>i{display:grid;place-items:center;flex:none;color:#197da9;width:34px;height:34px;background:#edf6fa;border-radius:9px;padding-top:9px;text-align:center}.po-contact>div{display:grid;gap:5px;min-width:0}.po-wrap{overflow-wrap:anywhere}
.po-remarks{background:#f5f8fa;border-left:3px solid #80b6d6;border-radius:7px;padding:13px 16px;margin-top:20px}.po-remarks p{font-size:12px;color:#38566f;margin:6px 0 0;white-space:pre-line;overflow-wrap:anywhere}
.po-full-button{width:100%}.po-next-step>p{font-size:12px;color:#678096;line-height:1.7}.po-next-step .btn{margin-top:7px}
.po-waiting{text-align:center;border:1px dashed #c8ddea;border-radius:12px;padding:24px 15px;background:#f7fbfd;display:grid;justify-items:center;gap:8px}.po-waiting i{font-size:24px;color:#318bb7}.po-waiting strong{font-size:13px;color:#1d4c6d}.po-waiting span{font-size:11px;color:#7890a2}.po-delivery{background:#f7fbf5;border-color:#d1e8d0}.po-delivery i{color:#65a84f}
.po-alert{display:flex;gap:13px;border-radius:13px;padding:17px 19px;margin:0 0 19px;background:#f0f8fb;border:1px solid #d5e6ee}.po-alert>i{font-size:20px;color:#3388b3;margin-top:2px}.po-alert strong{display:block;color:#234b64;font-size:13px}.po-alert p{font-size:12px;line-height:1.6;color:#627b8c;margin:4px 0 8px}.po-alert-warning{background:#fff9ec;border-color:#f0dfb5}.po-alert-warning>i{color:#c99731}.po-alert-danger{background:#fff1f3;border-color:#f2d8dc}.po-alert-danger>i{color:#c64b63}.po-alert-success{background:#f1faef;border-color:#d5eace}.po-alert-success>i{color:#62a441}
.po-signing-section .contract-preview iframe{min-height:480px;width:100%;border:1px solid #e1eaf0;border-radius:8px}.po-signing-section .esign-card{max-width:850px;margin:20px auto 0}
.po-history-section{margin-top:4px}.po-history-section>.card{margin-bottom:0}
@media(max-width:1130px){.po-main-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}.po-kpi strong{font-size:22px}}
@media(max-width:980px){.po-main-grid{grid-template-columns:1fr}.po-side-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:start}.po-side-column>.card{margin:0}.po-hero{padding:25px 25px 0}}
@media(max-width:700px){.premises-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.po-hero{padding:22px 19px 0}.po-hero h1{font-size:24px}.po-hero-body{gap:12px}.po-hero-icon{width:50px;height:50px;font-size:20px}.po-kpis{grid-template-columns:1fr}.po-kpi{padding:18px}.po-info-grid,.po-contact-grid{grid-template-columns:1fr}.po-premises-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.po-side-column{display:block}.po-side-column>.card{margin-bottom:18px}}
@media(max-width:480px){.premises-fields-grid,.po-premises-grid{grid-template-columns:1fr}.po-hero-top{align-items:flex-start;flex-wrap:wrap}.po-hero-meta{gap:8px 20px}.po-section{padding:20px}.po-section-title{flex-wrap:wrap}.po-section-title>.btn{margin:0 0 0 54px}}

/* V3.6: service handover — admin editor and distributor read-only panel */
.handover-admin{padding:25px;margin:0 0 20px}.handover-admin .card-head{align-items:flex-start;gap:14px;margin-bottom:18px}
.handover-admin .card-head .eyebrow{margin-bottom:6px}.handover-admin .card-head h2{margin:0 0 7px}
.handover-admin .card-head p{margin:0;line-height:1.5}.handover-published{display:flex;gap:12px;align-items:flex-start;padding:15px;border-radius:12px;border:1px solid #bde2c4;background:#edf8ef;color:#255d39;margin:14px 0}
.handover-published>i{font-size:19px;margin-top:2px}.handover-published strong{font-size:13px}.handover-published p{font-size:12px;margin:5px 0 0;line-height:1.6}
.handover-form{margin:18px 0}.handover-subtitle{display:flex;align-items:center;gap:10px;padding:19px 0 13px;margin-top:8px;border-top:1px solid #e5edf2}.handover-subtitle span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#e7f2f9;color:#187fae;font-size:12px;font-weight:850}.handover-subtitle h3{margin:0;font-size:14px;color:#183c56}
.handover-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 17px}.handover-form-grid>.field{min-width:0}.handover-form>.field{width:100%}.handover-form-grid label{line-height:1.4}
.handover-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f3f8fa;padding:14px;border-radius:12px;margin-top:14px}.handover-editor-footer p{margin:0;font-size:11px;line-height:1.6;color:#667f8e;max-width:62%}.handover-editor-footer strong{color:#23475d}
.handover-send-panel{padding:20px;border:1px solid #d2e7d5;border-radius:13px;background:#f5fbf5;margin-top:25px}.handover-send-head{display:flex;gap:12px;align-items:start;justify-content:space-between;margin-bottom:17px}.handover-send-head h3{margin:5px 0;font-size:17px}.handover-send-head p{font-size:12px;margin:0}.handover-send-panel label.check{display:flex;align-items:flex-start;gap:10px;margin:15px 0 20px}.handover-send-panel input[type=checkbox]{flex:none;margin-top:3px}
.handover-send-panel button:disabled{opacity:.5;cursor:not-allowed}.handover-history{padding:12px 0;font-size:12px;color:#536e80}.handover-history>div{border-bottom:1px solid #e3ecf0;padding:8px 0}
.po-handover .po-section-title{align-items:center}.handover-public-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 19px;border-radius:10px;background:#edf7fb;padding:14px 16px;margin:19px 0;color:#236789;font-size:12px;font-weight:700}.handover-public-meta i{margin-right:4px}
.handover-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;word-break:break-word}.handover-photo-link a{font-size:13px;font-weight:750;color:#147aac;text-decoration:none;display:inline-flex;align-items:center;gap:9px}.handover-photo-link a:hover{text-decoration:underline}
.handover-archive{border-top:1px solid #e3ecf0;margin-top:20px;padding-top:15px}.handover-archive summary{cursor:pointer;font-size:12px;font-weight:800;color:#416d87}.handover-archive ul{font-size:12px;color:#587388;line-height:1.9}
@media(max-width:760px){.handover-form-grid{grid-template-columns:1fr}.handover-editor-footer{align-items:stretch;flex-direction:column}.handover-editor-footer p{max-width:100%}.handover-send-head{flex-direction:column}.handover-admin{padding:18px}.handover-admin .card-head{flex-direction:column;align-items:flex-start}.handover-public-meta{flex-direction:column;align-items:flex-start}}

/* V3.7 – HOSTOWEB order view tabs (partner and admin). */
.htw-order-tabs{min-width:0;margin:21px 0 0}
.htw-order-tabs__nav{display:flex;align-items:center;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#cbdde9 transparent;background:#fff;border:1px solid #dce6ef;border-radius:15px;padding:7px;box-shadow:0 5px 21px rgba(18,48,76,.04);margin-bottom:23px;max-width:100%}
.htw-order-tabs__button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:0 0 auto;min-height:44px;padding:11px 17px;background:transparent;border:1px solid transparent;border-radius:10px;color:#59758b;font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background .16s,color .16s,box-shadow .16s}
.htw-order-tabs__button i{font-size:15px;color:#7e97a8;transition:color .16s}
.htw-order-tabs__button:hover{background:#edf5fa;color:#174e71}
.htw-order-tabs__button[aria-selected="true"]{background:#193953;color:white;box-shadow:0 4px 11px rgba(14,46,76,.15)}
.htw-order-tabs__button[aria-selected="true"] i{color:#b1d6eb}
.htw-order-tabs__button:focus-visible{outline:3px solid #47a4db;outline-offset:2px}
.htw-order-tabs__count{background:#e6f1f8;color:#2d6688;min-width:20px;height:19px;display:inline-grid;place-items:center;padding:0 5px;font-size:10px;border-radius:7px}
.htw-order-tabs__button[aria-selected="true"] .htw-order-tabs__count{background:#365b76;color:white}
.htw-order-tabs__panel{min-width:0;animation:htw-tab-reveal .13s ease-out}
.htw-order-tabs__panel[hidden]{display:none!important}
.htw-order-tabs:not(.is-enhanced) .htw-order-tabs__panel{border-top:1px solid #d7e3ed;padding-top:18px;margin-top:24px}
.htw-order-tabs__heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:0 0 18px}
.htw-order-tabs__heading h2{font-size:19px;color:#193c56;font-weight:850;letter-spacing:-.35px;margin:0 0 4px}
.htw-order-tabs__heading p{margin:0;color:#7c90a1;font-size:12px}
.htw-order-tabs__layout{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:19px;align-items:start}
.htw-order-tabs__layout>*{min-width:0}
.htw-order-tabs__layout>.card{height:auto}
.htw-order-tabs__narrow{max-width:890px}
.htw-order-tabs__panel>.card{margin-bottom:20px}
.htw-order-tabs__panel .po-main-grid>.po-side-column{min-width:0}
.htw-order-tabs__panel .po-signing-section{margin-bottom:20px}
.htw-order-tabs__panel .po-signing-section+.card{margin-top:18px}
.htw-order-tabs__panel .card:only-child{margin-bottom:0}
@keyframes htw-tab-reveal{from{opacity:.7;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.htw-order-tabs__layout{grid-template-columns:1fr}}
@media(max-width:700px){.htw-order-tabs__nav{margin:0 -7px 20px;padding:6px;border-radius:12px}.htw-order-tabs__button{padding:10px 12px;min-height:43px;font-size:11px}.htw-order-tabs__heading h2{font-size:17px}.htw-order-tabs__panel .po-main-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.htw-order-tabs__panel{animation:none}.htw-order-tabs__button{transition:none}}


/* V3.8 · Operational command center. Shared partner/admin service order views. */
.ow-breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;color:#7790a4;margin:0 0 18px;font-weight:650}.ow-breadcrumb a{color:#237ba5;text-decoration:none}.ow-breadcrumb i{font-size:10px}
.ow-hero{background:linear-gradient(113deg,#173751 0%,#1b4461 72%,#235370 100%);border-radius:17px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:white;box-shadow:0 12px 26px rgba(20,59,85,.11);min-width:0}
.ow-hero__main{min-width:0;flex:1}.ow-hero__eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:#a9c4d8;font-size:10px;font-weight:750;letter-spacing:.055em}.ow-tag{color:#dceefa;background:#ffffff14;padding:6px 8px;border-radius:6px;letter-spacing:.085em}.ow-hero h1{margin:15px 0 5px;font-size:clamp(23px,2.6vw,31px);line-height:1.18;color:white;letter-spacing:-.035em;overflow-wrap:anywhere}.ow-hero p{margin:0;color:#c0d3e1;font-size:12px;line-height:1.65}.ow-hero p i{margin-right:5px}.ow-hero p span{margin:0 7px;color:#7b9bb0}.ow-hero__status{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:17px;line-height:1.5}.ow-hero__status>span:last-child{font-size:11px;color:#bed3df;max-width:680px}.ow-hero__status .status{box-shadow:none}.ow-hero__cta{display:flex;flex:0 0 auto;justify-content:end;align-items:center}.ow-hero__cta .btn{background:#fff;color:#174461;border:1px solid #fff;font-weight:800;white-space:normal;text-align:center}
.ow-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0}.ow-metric{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #e0e9f0;border-radius:12px;padding:17px 18px;min-width:0;box-shadow:0 2px 7px #142f4905}.ow-metric>span{font-weight:700;font-size:10px;color:#678095;text-transform:uppercase;letter-spacing:.025em}.ow-metric>strong{font-size:21px;line-height:1.4;letter-spacing:-.04em;color:#153a55;overflow-wrap:anywhere}.ow-metric>strong em{font-style:normal;font-weight:650;font-size:13px}.ow-metric>small{font-size:10px;color:#91a3b1;line-height:1.4}.ow-metric--date>strong{font-size:17px}
.ow-lifecycle{background:white;border:1px solid #e0e9f0;border-radius:14px;padding:19px 22px;margin:16px 0 20px}.ow-lifecycle__title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.ow-lifecycle__title strong{font-size:13px;color:#193d56}.ow-lifecycle__title strong i{color:#2185b0;margin-right:6px}.ow-lifecycle__title>span{font-size:11px;color:#6f8b9e;font-weight:700}.ow-lifecycle__steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;margin:0;list-style:none;position:relative}.ow-lifecycle__steps:before{content:"";position:absolute;top:15px;left:10%;right:10%;height:2px;background:#e2eaf0}.ow-lifecycle__steps li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;font-size:11px;font-weight:700;color:#96a6b2;line-height:1.35;min-width:0}.ow-lifecycle__dot{display:grid;place-items:center;border-radius:50%;width:30px;height:30px;font-size:11px;border:2px solid #dbe6ed;background:#fff;color:#8fa6b7;z-index:1}.ow-lifecycle__steps li.is-done .ow-lifecycle__dot{color:white;background:#6eac55;border-color:#6eac55}.ow-lifecycle__steps li.is-done{color:#48765c}.ow-lifecycle__steps li.is-current .ow-lifecycle__dot{background:#1e789e;border-color:#1e789e;color:#fff;box-shadow:0 0 0 5px #dff1f8}.ow-lifecycle__steps li.is-current{color:#155a7c}.ow-lifecycle__exception{display:flex;align-items:flex-start;gap:9px;border-radius:9px;background:#fff7e9;color:#9b6926;font-size:11px;padding:13px;margin-top:16px;line-height:1.5}.ow-lifecycle__exception span{overflow-wrap:anywhere}
.ow-operations{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:17px;margin:0 0 23px}.ow-operations>*{min-width:0;background:white;border:1px solid #dce8ee;border-radius:13px;padding:22px}.ow-panel-head{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:17px}.ow-mini-title{display:block;font-size:10px;color:#2480a8;letter-spacing:.075em;font-weight:800;margin-bottom:7px}.ow-panel-head h3{font-size:17px;line-height:1.35;letter-spacing:-.025em;color:#193d55;margin:0}.ow-inline-state{display:flex;gap:6px;align-items:center;font-size:10px;font-weight:800;color:#6b8798;background:#f1f6f9;border-radius:18px;padding:6px 9px;white-space:nowrap}.ow-inline-state>span{width:7px;height:7px;background:#5fab6b;border-radius:100%}.ow-task{display:flex;align-items:center;gap:12px;min-height:70px;border-radius:11px;padding:14px;border:1px solid #dce8f0;text-decoration:none;background:#f8fbfd;margin:9px 0;color:#1b455f}.ow-task--primary{background:#eaf6fb;border-color:#c9e5f3}.ow-task:hover{background:#e0f0f8;text-decoration:none}.ow-task__icon{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:10px;background:white;color:#257eac;font-size:16px}.ow-task__body{display:grid;gap:4px;flex:1;min-width:0}.ow-task__body strong{font-size:12px;color:#184763}.ow-task__body small{font-size:11px;color:#658296;line-height:1.5}.ow-task__arrow{flex:none;font-size:12px;color:#4785a4}.ow-task-form{margin-top:12px;display:block}.ow-task-form .btn{width:100%}.ow-closed{display:flex;gap:8px;padding:12px;background:#fff4f4;color:#995e5e;font-size:12px;line-height:1.5;border-radius:9px}.ow-detail-link{font-size:11px;color:#187aa7;font-weight:750;text-decoration:none;white-space:nowrap}.ow-detail-link i{font-size:10px}.ow-snapshot-row{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:13px;padding:12px 0;border-bottom:1px solid #edf2f5}.ow-snapshot-row>span{font-size:11px;font-weight:650;color:#7b91a2;display:flex;align-items:start;gap:7px}.ow-snapshot-row>span i{color:#71a2bd;margin-top:3px;width:14px}.ow-snapshot-row>strong{font-size:12px;font-weight:750;color:#24475d;overflow-wrap:anywhere;line-height:1.5}.ow-snapshot-row small{display:block;color:#7f95a4;font-weight:500;margin-top:3px;font-size:11px}.ow-handover-link{display:flex;align-items:center;gap:8px;padding:12px;margin-top:13px;border-radius:10px;color:#357942;background:#eff9ee;text-decoration:none;font-size:11px;font-weight:800}.ow-handover-link i:last-child{margin-left:auto}.ow-section-subhead{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 15px;margin:24px 0 13px}.ow-section-subhead h3{font-size:15px;color:#1a415c;margin:0}.ow-section-subhead p{font-size:11px;color:#8299a7;margin:0}.ow-service-card{margin-bottom:20px}
.htw-order-tabs__nav{position:sticky;top:0;z-index:8;scroll-padding-inline:12px;box-shadow:0 8px 19px #19384d0b;margin-bottom:22px}.htw-order-tabs__button{min-height:45px}.htw-order-tabs__heading h2{font-size:20px}.htw-order-tabs__panel .card{border:1px solid #e0e9ef}.htw-order-tabs__nav:focus-within{scroll-margin-top:30px}
@media(max-width:1100px){.ow-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ow-operations{grid-template-columns:1fr}}
@media(max-width:710px){.ow-hero{flex-direction:column;align-items:stretch;padding:21px}.ow-hero__cta{justify-content:stretch}.ow-hero__cta .btn{width:100%}.ow-metrics{gap:9px}.ow-metric{padding:14px}.ow-metric>strong{font-size:18px}.ow-metric--date>strong{font-size:15px}.ow-lifecycle{padding:16px 12px}.ow-lifecycle__title{flex-wrap:wrap}.ow-lifecycle__steps li{font-size:9px}.ow-lifecycle__dot{width:27px;height:27px}.ow-lifecycle__steps:before{top:13px}.ow-operations>*{padding:16px}.ow-snapshot-row{grid-template-columns:1fr;gap:5px}.htw-order-tabs__nav{top:0}}
@media(max-width:390px){.ow-metrics{grid-template-columns:1fr}.ow-lifecycle__steps li{font-size:8px}.ow-lifecycle__dot{width:24px;height:24px}}

.ow-quick-update{border-top:1px solid #e3edf2;margin-top:20px;padding-top:17px;display:grid;gap:8px}.ow-quick-update__head{display:flex;align-items:center;gap:9px;color:#1a4a69;font-size:12px;margin-bottom:5px}.ow-quick-update__head i{color:#2181ae}.ow-quick-update label{font-size:11px;color:#658195;font-weight:750;margin:5px 0 0}.ow-quick-update select,.ow-quick-update textarea{width:100%;max-width:100%;min-width:0;border:1px solid #cbdce8;border-radius:8px;padding:10px 12px;font:inherit;font-size:12px;color:#244b65;background:#fff}.ow-quick-update textarea{resize:vertical}.ow-quick-update .btn{margin-top:5px;width:100%}


/* V3.9 · Service-specification cards and commercial summary in the command center. */
.ow-metric--service{position:relative;min-height:112px;justify-content:center;gap:7px;border-top:3px solid #78b548;padding-top:14px}
.ow-metric--service>span i{color:#2783ad;margin-right:6px}
.ow-metric--service>strong{font-size:clamp(14px,1.45vw,18px);line-height:1.35;letter-spacing:-.02em}
.ow-metric--service>small{font-size:10px;color:#829bae}
.ow-commercial-card{margin-bottom:20px}
.ow-commercial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
.ow-commercial-fact{display:flex;flex-direction:column;gap:7px;padding:17px;background:#f5f9fc;border:1px solid #e2edf3;border-radius:11px;min-width:0}
.ow-commercial-fact>span{color:#678298;font-size:11px;line-height:1.45;font-weight:700}
.ow-commercial-fact>span i{color:#2480a8;margin-right:5px}
.ow-commercial-fact>strong{font-size:clamp(15px,1.5vw,21px);line-height:1.3;color:#193d56;overflow-wrap:anywhere;letter-spacing:-.02em}
.ow-commercial-fact>small{font-size:10px;color:#8197a8;line-height:1.5}
.ow-commercial-fact--installed{background:#f0f8ee;border-color:#cde8c7}
.ow-commercial-fact--installed>span i{color:#5f9e4e}
.po-install-date--confirmed{border-color:#cce7c9;background:#f1faf0}
.handover-installed-date{max-width:410px;margin-bottom:20px}
.handover-installed-date input[type=date]{width:100%;max-width:100%;min-height:47px;box-sizing:border-box}
.handover-installed-date>small{display:block;color:#6b8293;font-size:11px;line-height:1.6;margin-top:6px}
.handover-installed-date .field-error{color:#ad3434;font-weight:700}
@media(max-width:700px){.ow-commercial-grid{grid-template-columns:1fr}.ow-metric--service{min-height:105px}.ow-metric--service>strong{font-size:15px}}

/* V3.10 — secure handover galleries and WHMCS operational actions */
.ow-hero__cta{flex-wrap:wrap;gap:9px;max-width:380px}
.ow-hero__cta .ow-whmcs-btn{background:transparent;color:#e4f3fb;border-color:rgba(255,255,255,.5);font-weight:700}
.ow-hero__cta .ow-whmcs-btn:hover{background:rgba(255,255,255,.12);color:#fff}
.ow-metric--ip{border-top-color:#36a7d3}
.handover-photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin:14px 0 20px}
.handover-photo-card{margin:0;display:flex;flex-direction:column;background:#fff;border:1px solid #dbe7ef;border-radius:12px;overflow:hidden;min-width:0}
.handover-photo-card>a{display:block;aspect-ratio:4/3;overflow:hidden;background:#eff5f8}
.handover-photo-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .2s ease}
.handover-photo-card>a:hover img{transform:scale(1.035)}
.handover-photo-card figcaption{padding:11px 12px;color:#233f53;font-size:12px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}
.handover-photo-card .handover-remove-photo{margin:0 10px 10px;align-self:flex-start}
.handover-new-photo-labels{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}
.handover-new-photo-labels:empty{display:none}
.handover-archive-published{padding:20px;border:1px solid #e0e9f1;border-radius:12px;margin-top:20px}
.handover-archive-published h3{margin:0 0 10px}
@media(max-width:710px){.ow-hero__cta{max-width:none}.handover-photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:370px){.handover-photo-gallery{grid-template-columns:1fr}}
@media(min-width:1200px){.ow-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:800px) and (max-width:1199px){.ow-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* V3.11 – Operational communications */
.ow-comms{border:1px solid #dce6ee;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 4px 24px rgba(20,50,80,.035)}
.ow-comms__info{padding:25px 29px;background:#f4f9fc;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #e2eaf0}
.ow-comms__info h3{margin:8px 0 7px;color:#163853;font-size:22px}.ow-comms__info p{font-size:14px;color:#688093;max-width:630px;line-height:1.65;margin:0}.ow-comms__eyebrow{font-weight:800;font-size:11px;letter-spacing:.1em;color:#1688b8}
.ow-comms__state{white-space:nowrap;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#e3f6ef;color:#11674e;border-radius:99px;font-weight:700;font-size:12px}.ow-comms__state--closed{background:#edf0f4;color:#566b7f}
.ow-comms__thread{padding:28px;display:flex;flex-direction:column;gap:18px;max-height:650px;overflow:auto;min-height:165px}
.ow-comms__message{display:flex;gap:12px;align-items:flex-start;max-width:90%}.ow-comms__message--partner{align-self:flex-start}.ow-comms__message--admin{align-self:flex-end;flex-direction:row-reverse}
.ow-comms__avatar{width:36px;height:36px;flex:0 0 36px;border-radius:11px;background:#dceefa;color:#187ea9;font-weight:800;display:grid;place-items:center}.ow-comms__message--admin .ow-comms__avatar{background:#e8f2d9;color:#638c25}
.ow-comms__bubble{background:#f2f6fa;border:1px solid #e1e9ef;border-radius:14px;padding:16px 19px;min-width:0;overflow-wrap:anywhere}.ow-comms__message--admin .ow-comms__bubble{background:#edf7ff;border-color:#d4eaf7}
.ow-comms__messagehead{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;font-size:13px}.ow-comms__messagehead strong{color:#143855}.ow-comms__messagehead span{color:#147eaa;font-size:11px;font-weight:700}.ow-comms__messagehead time{color:#71889a;font-size:11px}.ow-comms__bubble p{white-space:pre-wrap;line-height:1.65;font-size:14px;color:#304d61;margin:11px 0 0}
.ow-comms__empty{text-align:center;color:#8298a9;padding:30px}.ow-comms__empty i{font-size:34px;color:#a5c1d3;display:block;margin-bottom:12px}.ow-comms__empty strong{color:#385670;display:block}.ow-comms__empty p{font-size:13px}
.ow-comms__compose{border-top:1px solid #e0e9f0;padding:24px 28px}.ow-comms__compose label{display:block;font-size:14px;font-weight:750;color:#25475e;margin-bottom:12px}.ow-comms__compose textarea{width:100%;box-sizing:border-box;min-height:118px;resize:vertical}.ow-comms__composefoot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}.ow-comms__composefoot span{font-size:12px;color:#778a9c}.ow-comms__notice{padding:20px 26px;background:#f5f8fa;display:flex;gap:14px;align-items:center;color:#536f83;font-size:14px}.ow-comms__notice--closed{background:#f1f4f6}.ow-comms__notice p{margin:4px 0 0;font-size:13px}.ow-comms__email{display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:#627a8e;font-size:11px;margin-top:8px}.ow-comms__email form,.ow-comms__logrows form{display:inline-flex;margin:0}.mail-ok{color:#18815e}.mail-error{color:#ad443b}.ow-comms__email-log{margin-top:18px;padding:14px 20px;border:1px solid #dae6ee;border-radius:12px}.ow-comms__email-log summary{cursor:pointer;font-weight:700;color:#31516a}.ow-comms__logrows>div{padding:11px 0;border-top:1px solid #e6edf2;display:flex;align-items:center;gap:12px;justify-content:space-between;font-size:12px;color:#6b8397}
@media(max-width:700px){.ow-comms__info{padding:21px;flex-direction:column}.ow-comms__thread{padding:16px}.ow-comms__message{max-width:100%}.ow-comms__bubble{padding:14px}.ow-comms__compose{padding:19px}.ow-comms__composefoot{align-items:stretch;flex-direction:column}.ow-comms__composefoot .btn{width:100%}.ow-comms__logrows>div{flex-wrap:wrap}}

.status.planned_install{background:#e9f1ff;color:#205eb0;border-color:#b9d2f6}

/* V3.14.1 — original transparent white HOSTOWEB logo in dark sidebar */
.sidebar .brand { background: transparent !important; padding: 6px 4px 12px !important; border-radius: 0 !important; box-shadow: none !important; display: block; }
.sidebar .brand img { width: 100%; height: auto; max-height: 82px; object-fit: contain; object-position: left center; display: block; }
.sidebar .brand:hover { background: transparent !important; }
@media (max-width: 760px) { .sidebar .brand { width: 165px; padding: 4px !important; } .sidebar .brand img { max-height: 53px; } }


/* V3.17: Operational order lists (admin and channel partner) */
.htw-list-pagehead{margin-bottom:22px}
.htw-list-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 20px}
.htw-list-stat{display:flex;flex-direction:column;gap:7px;background:#fff;border:1px solid #dce7ef;border-radius:14px;padding:17px 20px;min-width:0;text-decoration:none;color:#1d3a53;box-shadow:0 5px 16px rgba(24,52,81,.04);transition:transform .15s,border-color .15s,box-shadow .15s}
.htw-list-stat:hover{border-color:#82b3d0;text-decoration:none;transform:translateY(-1px);box-shadow:0 8px 25px rgba(24,52,81,.08)}
.htw-list-stat.is-selected{border:2px solid #328abb;padding:16px 19px;background:#f3faff}
.htw-list-stat__label{display:flex;gap:8px;align-items:center;color:#627d93;font-size:12px;font-weight:800}
.htw-list-stat__label i{color:#2589b9;font-size:14px}
.htw-list-stat strong{font-size:32px;line-height:1.2;letter-spacing:-.035em;color:#193b55}
.htw-list-stat__hint{font-size:11px;color:#7290a4;display:flex;justify-content:space-between;gap:7px}
.htw-list-stat__hint i{color:#238abf}
.htw-list-panel,.htw-list-results{border:1px solid #dce7ef;background:#fff;border-radius:15px;box-shadow:0 5px 22px rgba(24,52,81,.045);overflow:hidden}
.htw-list-panel{padding:22px 23px 23px;margin-bottom:19px}
.htw-list-panel__heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:18px}
.htw-list-panel__heading h2{font-size:17px;color:#173a55;margin:0 0 4px;display:flex;align-items:center;gap:9px}
.htw-list-panel__heading h2 i{font-size:15px;color:#2687b5}
.htw-list-panel__heading p{font-size:12px;color:#7b8ea0;margin:0}
.htw-list-clear{font-size:12px;font-weight:800;white-space:nowrap;color:#247fa9}
.htw-list-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 15px;align-items:end}
.htw-list-filter{min-width:0}
.htw-list-filter label{display:block;margin:0 0 6px;color:#4f697f;font-size:11px;font-weight:800}
.htw-list-filter input,.htw-list-filter select{width:100%;max-width:100%;border:1px solid #d4e0e9;border-radius:9px;background:white;font-size:12px;min-height:42px;padding:9px 11px;box-sizing:border-box;outline:none;color:#213e54}
.htw-list-filter input:focus,.htw-list-filter select:focus{border-color:#278dc4;box-shadow:0 0 0 3px rgba(39,141,196,.12)}
.htw-list-filter input[type=search]{padding-left:34px}
.htw-list-input-icon{position:relative}
.htw-list-input-icon i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#8197a8;font-size:12px;pointer-events:none}
.htw-list-filter--submit .btn{min-height:42px;width:100%;font-size:12px}
.htw-list-results__top{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:19px 22px;border-bottom:1px solid #e6edf3}
.htw-list-results__top h2{margin:0 0 4px;font-size:18px;color:#173c59}
.htw-list-results__top p{font-size:12px;margin:0;color:#73889c}
.htw-list-results__count{font-size:12px;padding:3px 8px;vertical-align:middle;display:inline-block;background:#ebf4f9;color:#28678e;border-radius:7px}
.htw-list-results__chip{padding:6px 10px;white-space:nowrap;border-radius:999px;background:#eaf3f9;color:#266f94;font-size:11px;font-weight:750}
.htw-list-table-wrap{overflow-x:auto;width:100%}
.htw-list-table{table-layout:auto;width:100%;min-width:760px;border-collapse:collapse}
.htw-list-table th{background:#f7f9fc;border-bottom:1px solid #e5edf3;padding:12px 15px;color:#6a8094;font-size:10px;font-weight:850;letter-spacing:.075em;white-space:nowrap}
.htw-list-table td{padding:17px 15px;border-bottom:1px solid #eaf0f4;vertical-align:top;font-size:12px}
.htw-list-table tbody tr:hover{background:#fbfdff}
.htw-list-table tbody tr:last-child td{border-bottom:0}
.htw-list-order-id{font-size:13px;font-weight:850;color:#147cae;display:block;white-space:nowrap}
.htw-list-order-ref,.htw-list-order-meta,.htw-list-sub{font-size:11px;line-height:1.5;display:block;color:#7b8fa1;margin-top:5px}
.htw-list-order-ref strong{color:#526f86}
.htw-list-main{display:block;font-size:12px;font-weight:800;line-height:1.45;color:#274660;overflow-wrap:anywhere}
.htw-list-sub{line-height:1.55}
.htw-list-sub i{margin-right:3px;color:#7da0b4}
.htw-list-status{display:block;margin-bottom:3px}
.htw-list-price{display:block;font-size:13px;font-weight:850;color:#173e5b;white-space:nowrap}
.htw-list-actions{text-align:right}
.htw-list-actions .btn{white-space:nowrap}
.htw-list-pagination{padding:12px 22px;border-top:1px solid #e9eff4}
.htw-list-noresults td{text-align:center;padding:42px 18px}
.htw-list-noresults i{color:#9aadc0;font-size:26px}
.htw-list-noresults h3{margin:10px 0 5px;font-size:16px}
.htw-list-noresults p{color:#7c91a4;font-size:12px}
@media (max-width:1160px){.htw-list-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.htw-list-stats{gap:9px}.htw-list-stat{padding:15px}}
@media (max-width:780px){.htw-list-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.htw-list-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.htw-list-panel{padding:17px}.htw-list-results__top{padding:17px}.htw-list-table{min-width:0}.htw-list-table thead{display:none}.htw-list-table tbody{display:grid;gap:13px;padding:13px;background:#f4f7fa}.htw-list-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 15px;border:1px solid #dce6ee;background:white;border-radius:12px;padding:17px}.htw-list-table td{display:block;border:0;padding:0;min-width:0}.htw-list-table td:before{content:attr(data-label);display:block;font-size:10px;font-weight:800;text-transform:uppercase;color:#7d93a5;margin:0 0 4px}.htw-list-table td.htw-list-actions{grid-column:1/-1;text-align:initial}.htw-list-table td.htw-list-actions:before{display:none}.htw-list-table td.htw-list-actions .btn{width:100%}.htw-list-table .htw-list-noresults{display:block}.htw-list-results__top{flex-wrap:wrap}}
@media (max-width:470px){.htw-list-filters{grid-template-columns:1fr}.htw-list-stat strong{font-size:26px}.htw-list-panel__heading{flex-wrap:wrap}.htw-list-table tr{grid-template-columns:1fr}.htw-list-results__chip{white-space:normal}}