html,body{max-width:100%;margin:0}body{overflow-wrap:anywhere}main,.m-content,.panel,.form-grid,.cards,.hero,.site-header,.site-header nav{min-width:0}main{width:min(96%,2200px)}.brand img{width:220px;max-width:55vw;height:54px;object-fit:contain}.brand span{font-size:17px}.site-header{padding:12px 2%;gap:16px}.site-header nav{gap:10px;flex:1;justify-content:flex-end}.wspom-language-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;min-width:42px;padding:5px 9px;border:1px solid #b2c6d0;border-radius:6px;font-size:13px;font-weight:bold;line-height:1.3;white-space:nowrap;flex:none;text-decoration:none}.subscription-fields{border:1px solid var(--line);border-radius:8px;padding:15px;min-width:0;grid-column:1/-1}.subscription-fields>label{margin-block:10px}.subscription-fields>p{font-size:14px}.btn{display:inline-block;border-radius:6px;padding:9px 15px;text-decoration:none;line-height:1.4;border:1px solid #c7d7df;cursor:pointer}.btn-primary{background:#08798c;color:white}.btn-secondary{background:white;color:#183346}.dashboard-main{margin-top:22px}#dashboardMetrics{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}#dashboardMetrics>.dashboard-card{width:100%;min-width:0;margin:0}#dashboardMetrics>.dashboard-card-evaluation{grid-column:1/-1}.m-portlet{background:white;border:1px solid #dbe5e9;border-radius:10px;min-width:0;overflow:hidden}.m-portlet__head{padding:18px 22px;border-bottom:1px solid #e7edf1}.m-portlet__head-text{font-size:18px;line-height:1.5;margin:0}.m-portlet__body{padding:18px;width:100%;min-width:0;box-sizing:border-box}.chart-date-info{margin:10px 18px 18px!important;font-size:13px;line-height:1.5}[data-chart-metric]{max-width:100%;width:100%!important;display:block!important}.morris-hover{max-width:95%;pointer-events:none}.morris-hover.morris-default-style{font-family:Arial,Tahoma,sans-serif;font-size:13px}.m-content{padding:0}.dashboard-main h2{margin-top:10px}td,th{text-align:start}td{overflow-wrap:anywhere}.table-scroll{max-width:100%;min-width:0}img,svg,video{max-width:100%}fieldset,details,article,section,form{min-width:0}h1,h2,h3,h4{overflow-wrap:anywhere}.panel p{white-space:normal}.actions a,.tabs a{overflow-wrap:anywhere}.report-table{table-layout:fixed}.report-table td:first-child{width:60%}html[dir=ltr] input,html[dir=ltr] select,html[dir=ltr] textarea{text-align:left}html[dir=rtl] input[type=text],html[dir=rtl] textarea{text-align:right}.wspom-language-toggle[lang=en]{direction:ltr}.wspom-language-toggle[lang=ar]{direction:rtl}
@media(max-width:800px){.site-header{align-items:flex-start}.site-header nav{flex-basis:100%;justify-content:flex-start;gap:10px;font-size:13px}main{width:94%}.form-grid{grid-template-columns:minmax(0,1fr)}#dashboardMetrics{grid-template-columns:minmax(0,1fr);gap:18px}.m-portlet__head{padding:14px}.m-portlet__body{padding:10px}.m-portlet__head-text{font-size:16px}.brand img{height:45px;width:200px}.panel{padding:16px}.actions,.tabs{gap:9px}.hero>div{padding:22px}.site-header .brand small{font-size:11px}table{font-size:14px}th,td{padding:10px}.report-table{table-layout:auto}.subscription-fields{padding:10px}}
@media(min-width:1600px){main{width:94%;max-width:2400px}.site-header nav{font-size:16px}.m-portlet__body{padding:24px}.m-portlet__head-text{font-size:21px}[data-chart-metric]{height:360px!important}}
@media print{.wspom-language-toggle,.site-header{display:none!important}main{width:100%;max-width:none}.dashboard-card{break-inside:avoid}.report-table{table-layout:auto}}

#dashboardMetrics svg{direction:ltr}#dashboardMetrics svg text{direction:ltr}.m-brand img{width:170px!important;height:50px!important;object-fit:contain;background:#fff;border-radius:4px;padding:4px}
@media(min-width:1600px){main.dashboard-main{max-width:none;width:96%}#dashboardMetrics svg text{font-size:14px}}@media(min-width:2200px){body{font-size:19px}.site-header nav{font-size:18px}.m-portlet__head-text{font-size:24px}#dashboardMetrics svg text{font-size:16px}}
[hidden]{display:none!important}
/* Shared navigation: clear hierarchy, current-page state and keyboard focus. */
.site-header{display:block;padding:0 2%;background:#fff;box-shadow:0 3px 14px #123a4d0a;border-bottom:1px solid #c8dce1}
.header-identity{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;min-width:0}
.header-account{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;flex-wrap:wrap}
.site-header .primary-nav{display:flex;justify-content:flex-start;gap:7px;padding:11px 0 13px;border-top:1px solid #e3edf0;flex-wrap:wrap;font-size:14px}
.site-header .nav-link{color:#244c5c;background:#edf5f7;border:1px solid #d9e8ed;padding:9px 14px;border-radius:8px;text-decoration:none;font-weight:600;line-height:1.5;transition:background .15s,color .15s,box-shadow .15s}
.site-header .nav-link:hover{background:#d9edf1;color:#084d60;border-color:#80b7c3}
.site-header .nav-link.is-active{background:#07687a;color:#fff;border-color:#07687a;box-shadow:0 3px 7px #075a7026}
.site-header a:focus-visible{outline:3px solid #dfac3a;outline-offset:3px}
.site-header .nav-signout{color:#923c3c;background:#fff5f2;border-color:#efdad3;font-size:13px}
.account-chip{display:flex;align-items:center;gap:9px;text-decoration:none;color:#173e4f;border-radius:9px;padding:6px 10px;background:#f2f7f9;border:1px solid #e0ebef;max-width:330px;min-width:0}
.account-chip>span:last-child{min-width:0}.account-chip strong{display:block;font-size:14px;overflow-wrap:anywhere;line-height:1.5}.account-chip small{display:block;font-size:12px;color:#507080}
.account-avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:50%;background:#d8edf0;color:#07687a;font-weight:700}
.site-header .wspom-language-toggle{color:#164a5b;background:#fff;border-color:#9bbdc9;min-height:36px}
.account-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px}.account-layout>.panel{margin:0}.account-facts{margin:0}.account-value{border-bottom:1px solid #e5edf0;padding:12px 0}.account-value dt{font-size:13px;color:#537080}.account-value dd{margin:3px 0 0;font-weight:bold;overflow-wrap:anywhere}.account-scope-summary{display:flex;gap:15px;flex-wrap:wrap;background:#f0f7f9;padding:14px;border-radius:8px}.scope-list{line-height:2}.permission-status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:bold;white-space:nowrap}.permission-status.allowed{color:#1a6749;background:#e5f3eb}.permission-status.unavailable{color:#5f6f77;background:#edf0f2}.permission-summary th:last-child{width:130px}.password-panel{max-width:1200px}.footer-about{max-width:950px;margin:0 auto 20px;font-size:14px;color:#d2e7ec}.hero .scope-note{padding:11px 15px;border:1px solid #5c8390;background:#1c4b5b;border-radius:8px;font-size:14px}.hero .product-expansion{font-size:clamp(17px,1.6vw,24px);line-height:1.5;letter-spacing:.3px;color:#b9ebed}.hero>div{padding:38px}.hero img{min-height:510px}.service-image{height:280px}.service-caption{font-size:12px;color:#69818c;margin:8px 0}.home-scope{background:#e7f2f5;border-inline-start:4px solid #08798c;padding:20px;border-radius:8px;margin-bottom:26px}
@media(max-width:800px){.header-identity{flex-wrap:wrap;gap:12px}.header-account{width:100%;justify-content:flex-start;gap:8px}.site-header .primary-nav{gap:7px;font-size:13px}.site-header .nav-link{padding:8px 11px}.account-chip{flex:1;max-width:none}.account-layout{grid-template-columns:minmax(0,1fr)}.hero img{min-height:230px;max-height:300px}.hero>div{padding:24px}.service-image{height:230px}}
@media(min-width:1600px){.site-header .primary-nav{font-size:16px}.account-chip strong{font-size:16px}}
@media print{.header-identity,.primary-nav,.password-panel{display:none!important}}

.hero h1{font-size:clamp(28px,4vw,50px);line-height:1.4;margin-block:24px}.hero .product-expansion{margin-bottom:18px}

.chart-date-info>span{display:block;margin-block:5px}.coverage-warning{color:#8b4d06;background:#fff5df;border-inline-start:3px solid #cc8c24;padding:10px;border-radius:5px}.coverage-good{color:#1d6b4a;font-weight:bold}.evaluation-explain{margin-block:12px}.evaluation-summary .price{font-size:32px}.evaluation-details table{font-variant-numeric:tabular-nums}.evaluation-details .actions .field{max-width:260px}
.unit-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:200px}.unit-row-actions .button,.unit-row-actions button{font-size:13px;padding:8px 12px;white-space:nowrap}.unit-row-actions form{margin:0}.unit-row-actions .unit-edit-link{font-size:13px;padding:6px}.unit-name-link{font-weight:bold;text-decoration:none}.unit-state{display:inline-block;padding:3px 11px;border-radius:20px;white-space:nowrap;font-size:13px}.unit-state.active{background:#e5f3eb;color:#1a6749}.unit-state.inactive{background:#edf0f2;color:#5f6f77}.unit-page-actions{padding:12px 0}.reading-history{margin-top:30px}.reading-history-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.reading-history-heading p{color:#526d7a;font-size:14px}.reading-record{background:white;border:1px solid #d7e5eb;border-radius:12px;margin-block:14px;overflow:hidden}.reading-record>summary{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:18px 20px;list-style:none;cursor:pointer;background:#f8fbfc;font-weight:normal}.reading-record>summary::-webkit-details-marker{display:none}.reading-record>summary:focus-visible{outline:3px solid #c7962a;outline-offset:-3px}.reading-type{font-weight:bold;font-size:13px;padding:5px 12px;border-radius:20px}.reading-type.operational{color:#075f79;background:#e0f1f7}.reading-type.chemical{color:#5d4195;background:#eee9f7}.reading-record time{font-size:14px;font-variant-numeric:tabular-nums;color:#274c5e}.reading-summary-score{font-size:13px;color:#4e6977}.reading-expand-label{margin-inline-start:auto;font-size:13px;font-weight:bold;color:#07687a}.reading-expand-label:after{content:' +';font-size:18px}.reading-record[open] .reading-expand-label:after{content:' −'}.reading-record[open]>summary{border-bottom:1px solid #dce8ed}.reading-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;margin:0;padding:20px}.reading-measurement{background:#f4f8fa;border:1px solid #e2ebef;border-radius:8px;padding:12px 14px;min-width:0}.reading-measurement dt{font-size:13px;color:#536e7d;line-height:1.5;overflow-wrap:anywhere}.reading-measurement dd{margin:8px 0 0;font-size:20px;font-weight:bold;color:#173f50;font-variant-numeric:tabular-nums;text-align:start;overflow-wrap:anywhere}.reading-record-actions{padding:0 20px 18px}.reading-record-actions .button{font-size:14px}.reading-history .pager{margin-block:16px}@media(max-width:600px){.reading-record>summary{gap:10px;padding:14px}.reading-expand-label{width:100%;margin:0}.reading-values{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:9px}.reading-measurement{padding:10px}.reading-measurement dd{font-size:17px}.unit-page-actions .button{font-size:14px}.reading-summary-score{width:100%}}@media print{.reading-record{break-inside:avoid}.reading-record-actions,.reading-expand-label{display:none}}
.problem-bell{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 13px;border:1px solid #e6c9ba;border-radius:9px;text-decoration:none;color:#873e21;background:#fff6ee;font-size:14px;font-weight:bold;min-height:42px}.problem-bell strong{display:inline-flex;align-items:center;justify-content:center;border-radius:20px;min-width:27px;padding:2px 7px;background:#ad4028;color:white;font-size:13px;line-height:1.5;font-variant-numeric:tabular-nums}.problem-bell:hover{background:#ffead9;border-color:#c88d6e}.problem-bell.refresh-failed{border-style:dashed}.problem-bell.session-expired{opacity:.7}.problem-center-filters{background:white;padding:20px;border:1px solid #dce6eb;border-radius:12px;margin-block:20px}.problem-center-summary{margin-block:22px}.problem-center-summary h2{font-size:18px}.problem-center-summary .price{display:block;margin-top:8px}.problem-center-table{font-size:14px}.problem-center-table th{white-space:nowrap}.problem-center-table td{min-width:95px}.problem-center-table td:first-child{min-width:180px}.problem-center-table .actions{margin:0;min-width:160px;align-items:flex-start}.problem-center-table .button{font-size:13px;padding:7px 10px}.problem-description{margin-top:8px}.problem-description summary{font-size:13px;color:#507080}.problem-description p{white-space:pre-wrap}.problem-live-status{font-size:13px;color:#507080}@media(max-width:800px){.problem-center-table,.problem-center-table tbody{display:block}.problem-center-table thead{display:none}.problem-center-table tr{display:block;border:1px solid #d8e5eb;border-radius:10px;padding:10px;margin:12px;background:white}.problem-center-table td{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;padding:10px 4px;min-width:0!important}.problem-center-table td:before{content:attr(data-label);font-size:12px;font-weight:bold;color:#567483}.problem-center-table td>.problem-description{grid-column:2}.problem-center-table td:first-child strong{grid-column:2}.problem-center-table td .actions{min-width:0}.problem-center-filters{padding:14px}.problem-bell{font-size:13px;padding:8px 10px}}
.order-bell{background:#eef7fa;border-color:#bdd7e0;color:#215c73}.order-bell strong{background:#216b83}.order-bell:hover{background:#dfeff5}.order-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.order-details p{overflow-wrap:anywhere}.order-card .actions form{margin:0}.order-card details{margin-block:15px}@media(max-width:600px){.order-details{grid-template-columns:1fr}.order-card{padding:15px}}
.hierarchy-picker{grid-column:1/-1;min-width:0}.hierarchy-picker .form-grid{margin:0}.hierarchy-picker [hidden]{display:none!important}.hierarchy-picker select:disabled{background:#edf2f5;color:#74858e;cursor:not-allowed}.hierarchy-picker noscript{color:#9b3e2c}.hierarchy-picker .field{min-width:0}
.hierarchy-static{display:block;min-height:48px;padding:11px 12px;border:1px solid #d2dfe5;border-radius:6px;background:#edf2f5;color:#425d6b;font-weight:normal!important;overflow-wrap:anywhere}

/* Keep mobile identity and actions in separate rows, in both writing directions. */
@media(max-width:800px){
 .site-header .header-identity{display:flex!important;flex-direction:column!important;align-items:stretch!important;height:auto!important;min-height:0!important;gap:12px;padding:12px 0}
 .site-header .brand{display:flex!important;align-items:center;gap:12px;width:100%;height:auto!important;min-height:0!important}
 .site-header .brand img{max-width:65%;height:48px!important;object-fit:contain}
 .site-header .header-account{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%!important;gap:8px!important;align-items:stretch!important}
 .site-header .account-chip{grid-column:1/-1;max-width:none!important;width:100%;box-sizing:border-box;flex:none!important;min-height:52px}
 .site-header .account-chip>span:last-child{flex:1;min-width:0;white-space:normal;word-break:normal;overflow-wrap:break-word}
 .site-header .account-chip strong{white-space:normal;word-break:normal;overflow-wrap:break-word}
 .site-header .header-account>a{margin:0!important;min-width:0;box-sizing:border-box;text-align:center;justify-content:center;white-space:normal}
 .site-header .primary-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important}
 .site-header .primary-nav .nav-link{font-size:12px;padding:9px 5px!important;text-align:center;margin:0!important}
}
.discount-offer{border:1px solid #93c9b2;background:#edf9f3;padding:18px;border-radius:10px}.discount-offer [data-offer-end]{font-size:20px;font-weight:bold;direction:ltr;display:inline-block}.import-preview{max-height:450px;overflow:auto}.import-preview td,.import-preview th{white-space:nowrap}

.pricing-extras{padding:20px;background:#f0f6f8;border:1px solid #cbdde5;border-radius:10px;margin:24px 0}.pricing-extras h2{margin-top:0}