/* ICX HR V2 Patch 16 — Service Owner professional UI */
.p16-service-owner .content{max-width:1500px;padding:22px 24px}.p16-service-owner .p16-owner-search-hidden{display:none!important}.p16-owner-shell{--p16-navy:#173553;--p16-blue:#2767c7;--p16-muted:#75859a;--p16-line:#e2e8f0;--p16-soft:#f7f9fc}.p16-svg{display:inline-grid;place-items:center;width:18px;height:18px}.p16-svg svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.p16-owner-shell .btn,.p16-client-manager .btn,.p16-modal-form .btn{min-height:34px;height:34px;padding:0 11px;border-radius:8px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;box-shadow:none}.p16-owner-shell .btn.small,.p16-client-manager .btn.small{min-height:31px;height:31px;padding:0 9px;font-size:10.5px}.p16-owner-shell .btn.primary,.p16-client-manager .btn.primary,.p16-modal-form .btn.primary{background:#2466c8;border-color:#2466c8;box-shadow:none}.p16-owner-shell .btn.primary:hover,.p16-client-manager .btn.primary:hover{background:#1d58af}.p16-owner-shell .btn .p16-svg,.p16-client-manager .btn .p16-svg{width:14px;height:14px}
.p16-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:15px}.p16-kicker{display:block;font-size:9px;line-height:1.2;font-weight:900;letter-spacing:.14em;color:#316bb4;margin-bottom:5px}.p16-page-head h1{margin:0;color:#1b3149;font-size:26px;line-height:1.15;letter-spacing:-.025em}.p16-page-head p{margin:5px 0 0;color:#718196;font-size:12px}.p16-head-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.p16-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.p16-kpi-grid article{min-height:90px;border:1px solid var(--p16-line);background:#fff;border-radius:12px;padding:13px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 9px rgba(19,46,75,.025)}.p16-kpi-grid article.attention{border-color:#eed9b5;background:#fffcf7}.p16-kpi-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#f0f5fc;color:#2d65a8;flex:none}.p16-kpi-icon .p16-svg{width:19px;height:19px}.p16-kpi-grid small,.p16-kpi-grid em{display:block;font-style:normal}.p16-kpi-grid small{font-size:10px;color:#78889c;font-weight:750}.p16-kpi-grid strong{display:block;margin:2px 0;color:#203852;font-size:22px;line-height:1.1}.p16-kpi-grid em{font-size:9.5px;color:#8a97a7}
.p16-overview-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,.7fr);gap:12px}.p16-panel{background:#fff;border:1px solid var(--p16-line);border-radius:12px;padding:14px;box-shadow:0 2px 10px rgba(17,43,72,.025)}.p16-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.p16-panel-head>div>span{display:block;font-size:8.5px;font-weight:900;letter-spacing:.12em;color:#7185a0;margin-bottom:3px}.p16-panel-head h2{margin:0;color:#22384f;font-size:14px}.p16-panel-head p{margin:4px 0 0;color:#7b8999;font-size:10.5px;line-height:1.45}.p16-count-pill{min-width:28px;height:24px;padding:0 8px;border-radius:999px;background:#eef4fb;color:#315f91;font-size:10px;font-weight:900;display:grid;place-items:center}
.p16-table-wrap{overflow:auto;border:1px solid #e4eaf1;border-radius:10px}.p16-table{width:100%;border-collapse:collapse;min-width:1020px;background:#fff}.p16-table th{height:34px;padding:7px 9px;background:#f8fafc;border-bottom:1px solid #e5ebf2;text-align:left;color:#77869a;font-size:8.5px;font-weight:900;text-transform:uppercase;letter-spacing:.065em}.p16-table td{padding:9px;border-bottom:1px solid #edf1f5;vertical-align:middle;font-size:10.5px;color:#34475d}.p16-table tr:last-child td{border-bottom:0}.p16-table tbody tr:hover{background:#fbfcfe}.p16-company-cell{display:flex;align-items:center;gap:9px;min-width:160px}.p16-company-avatar{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf2fb,#dce9f8);border:1px solid #d5e2ef;color:#285987;font-size:9px;font-weight:900;flex:none}.p16-company-avatar.large{width:42px;height:42px;border-radius:12px;font-size:12px}.p16-company-cell strong,.p16-cell-main{display:block;color:#263b52;font-size:10.8px;font-weight:800}.p16-company-cell small,.p16-cell-sub{display:block;margin-top:2px;color:#8995a5;font-size:8.8px;line-height:1.25}.p16-number{font-size:14px;color:#234a70}.p16-actions-cell{text-align:right}.p16-manage-btn{color:#315f91}.p16-badge{display:inline-flex;align-items:center;gap:5px;min-height:22px;padding:3px 7px;border:1px solid #dfe6ed;border-radius:999px;background:#f6f8fa;color:#657587;font-size:8.7px;font-weight:850;white-space:nowrap;text-transform:capitalize}.p16-badge i{width:5px;height:5px;border-radius:50%;background:#94a0ae}.p16-badge.good{background:#eef8f3;border-color:#d0e9dc;color:#267452}.p16-badge.good i{background:#2da16e}.p16-badge.warn{background:#fff8ea;border-color:#f0deb7;color:#8a650d}.p16-badge.warn i{background:#d19a28}.p16-badge.danger-badge{background:#fff1f1;border-color:#efd0d0;color:#9b4444}.p16-badge.danger-badge i{background:#cc5a5a}
.p16-attention-list{display:grid;gap:4px}.p16-attention-list button{width:100%;border:0;background:transparent;border-radius:9px;padding:8px;display:grid;grid-template-columns:8px 1fr 15px;gap:8px;align-items:center;text-align:left;cursor:pointer}.p16-attention-list button:hover{background:#f7f9fc}.p16-attention-list strong{display:block;color:#2d4055;font-size:10.5px}.p16-attention-list small{display:block;margin-top:2px;color:#8491a0;font-size:8.8px}.p16-attention-list .p16-svg{width:13px;height:13px;color:#8795a6}.p16-attention-dot{width:7px;height:7px;border-radius:50%;background:#9ca6b2}.p16-attention-dot.warn{background:#d49a29}.p16-attention-dot.danger-badge{background:#cb5f5f}.p16-empty{min-height:76px;padding:14px;display:flex;align-items:center;justify-content:center;gap:9px;color:#7f8d9d;text-align:left}.p16-empty>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#f2f7f4;color:#3c8a65}.p16-empty strong{display:block;color:#43556a;font-size:10.5px}.p16-empty small{display:block;margin-top:2px;font-size:9px}
.p16-toolbar{min-height:43px;margin-bottom:10px;padding:5px 6px;border:1px solid var(--p16-line);border-radius:10px;background:#fff;display:flex;align-items:center;gap:8px}.p16-search{height:32px;min-width:260px;max-width:410px;flex:1;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #e0e7ee;border-radius:8px;background:#fafbfd}.p16-search .p16-svg{width:14px;height:14px;color:#7c8998}.p16-search input{width:100%;border:0;outline:0;background:transparent;color:#32465b;font-size:10.5px}.p16-filter-tabs{display:flex;gap:3px;padding:2px;background:#f3f6f9;border-radius:8px}.p16-filter-tabs button{height:27px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:#69788b;font-size:9px;font-weight:850;cursor:pointer}.p16-filter-tabs button.active{background:#fff;color:#2d5f96;box-shadow:0 1px 4px rgba(27,50,77,.08)}.p16-result-count{margin-left:auto;padding:0 7px;color:#8793a1;font-size:9px;white-space:nowrap}
.p16-commercial-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.p16-commercial-strip article{min-height:72px;border:1px solid var(--p16-line);border-radius:11px;background:#fff;padding:11px 12px;display:flex;align-items:center;gap:9px}.p16-commercial-strip>article>span{width:31px;height:31px;border-radius:8px;background:#f0f5fb;color:#32649a;display:grid;place-items:center;flex:none}.p16-commercial-strip>article>span .p16-svg{width:16px;height:16px}.p16-commercial-strip small,.p16-commercial-strip em{display:block;font-style:normal}.p16-commercial-strip small{font-size:8.8px;color:#7b8999}.p16-commercial-strip strong{display:block;margin:2px 0;color:#213b56;font-size:15px}.p16-commercial-strip em{font-size:8.5px;color:#8e99a7}
.p16-email-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:9px;margin-bottom:11px}.p16-email-grid article{min-height:76px;border:1px solid var(--p16-line);border-radius:11px;background:#fff;padding:12px;display:flex;flex-direction:column;justify-content:center}.p16-email-grid article>small,.p16-email-grid article>em{font-style:normal;color:#8491a0;font-size:9px}.p16-email-grid article>strong{display:block;margin:2px 0;color:#233c56;font-size:18px}.p16-email-state{flex-direction:row!important;align-items:center;justify-content:flex-start!important;gap:10px}.p16-email-state>span{width:34px;height:34px;border-radius:9px;background:#eef5fb;color:#346796;display:grid;place-items:center}.p16-email-state.ready{border-color:#d2e7dc;background:#fbfefc}.p16-email-state.warning{border-color:#efdeb9;background:#fffdf8}.p16-email-layout{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:11px}.p16-detail-list{border:1px solid #e5eaf0;border-radius:9px;overflow:hidden;margin-bottom:10px}.p16-detail-list>div{min-height:37px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f5}.p16-detail-list>div:last-child{border-bottom:0}.p16-detail-list span{font-size:9px;color:#7d8998}.p16-detail-list strong{font-size:9.8px;color:#34465a;text-align:right}.p16-good{color:#287a56!important}.p16-warn{color:#966c0b!important}.p16-email-log{display:grid}.p16-email-log>div{min-height:43px;padding:7px 3px;border-bottom:1px solid #edf1f5;display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center}.p16-email-log>div:last-child{border-bottom:0}.p16-mail-icon{width:27px;height:27px;border-radius:8px;background:#f2f6fb;color:#58799c;display:grid;place-items:center}.p16-mail-icon .p16-svg{width:13px;height:13px}.p16-email-log strong{display:block;color:#35485d;font-size:9.8px}.p16-email-log small{display:block;margin-top:2px;color:#8a96a5;font-size:8.4px}
.p16-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.p16-settings-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}.p16-settings-title>span{width:34px;height:34px;border-radius:9px;background:#f0f5fb;color:#326296;display:grid;place-items:center;flex:none}.p16-settings-title>span .p16-svg{width:17px;height:17px}.p16-settings-title h2{margin:0;color:#263c53;font-size:13px}.p16-settings-title p{margin:2px 0 0;color:#8793a1;font-size:9px}.p16-inline-actions{display:flex;gap:7px;flex-wrap:wrap}.p16-rule-list{display:grid;gap:6px}.p16-rule-list>div{min-height:47px;padding:8px;border:1px solid #e6ebf1;border-radius:9px;background:#fbfcfd;display:grid;grid-template-columns:25px 1fr;gap:8px;align-items:start}.p16-rule-list>div>.p16-svg{width:15px;height:15px;margin:3px;color:#3f6e9e}.p16-rule-list p{margin:0}.p16-rule-list strong{display:block;color:#36495e;font-size:9.8px}.p16-rule-list small{display:block;margin-top:2px;color:#8793a1;font-size:8.6px;line-height:1.4}
.p16-manager-modal{width:min(1000px,95vw)!important;max-height:93vh!important;padding:0!important;border-radius:14px!important}.p16-manager-modal .modal-head{position:sticky;top:0;z-index:5;padding:12px 16px;border-bottom:1px solid #e8edf2;background:#fff}.p16-manager-modal #modalBody{padding:0!important}.p16-client-manager{padding:14px 16px 16px}.p16-client-head{display:grid;grid-template-columns:42px 1fr auto auto;gap:10px;align-items:center;margin-bottom:11px}.p16-client-head h2{margin:1px 0;color:#21394f;font-size:17px}.p16-client-head p{margin:0;color:#8290a0;font-size:9.5px}.p16-client-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e2e8ef;border-radius:10px;overflow:hidden;margin-bottom:11px}.p16-client-stats>div{min-height:64px;padding:9px 11px;border-right:1px solid #e8edf2;background:#fbfcfd}.p16-client-stats>div:last-child{border-right:0}.p16-client-stats span,.p16-client-stats small{display:block;color:#8793a1;font-size:8.5px}.p16-client-stats strong{display:block;margin:2px 0;color:#27425e;font-size:14px}.p16-client-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10px}.p16-manager-section{border:1px solid #e2e8ef;border-radius:10px;padding:11px}.p16-manager-title{display:flex;gap:8px;align-items:center;margin-bottom:9px}.p16-manager-title>span{width:30px;height:30px;border-radius:8px;background:#eff5fb;color:#33679b;display:grid;place-items:center}.p16-manager-title>span .p16-svg{width:15px;height:15px}.p16-manager-title h3{margin:0;color:#2a4158;font-size:11.5px}.p16-manager-title p{margin:2px 0 0;color:#8793a1;font-size:8.5px}.p16-current-access{display:flex;align-items:center;justify-content:space-between;gap:9px;background:#f8fafc;border:1px solid #e5eaf0;border-radius:9px;padding:8px 9px}.p16-current-access span{display:block;color:#8491a0;font-size:8.5px}.p16-current-access strong{display:block;margin-top:1px;color:#30485f;font-size:13px}.p16-term-row{margin-top:9px}.p16-term-row>span{display:block;margin-bottom:5px;color:#718095;font-size:8.5px;font-weight:800}.p16-term-row>div{display:flex;gap:5px;flex-wrap:wrap}.p16-custom-date{margin-top:9px;padding-top:9px;border-top:1px solid #edf1f4}.p16-custom-date label{display:block;margin-bottom:5px;color:#718095;font-size:8.5px;font-weight:800}.p16-custom-date>div{display:flex;gap:6px}.p16-custom-date .input{height:34px;min-height:34px;padding:6px 8px;font-size:10px;max-width:180px}.p16-admin-card{display:flex;align-items:center;gap:9px;border:1px solid #e5eaf0;border-radius:9px;background:#fafbfd;padding:9px}.p16-admin-avatar{width:31px;height:31px;border-radius:9px;background:#eaf2fb;color:#315f8c;display:grid;place-items:center;font-size:9px;font-weight:900}.p16-admin-card strong{display:block;color:#34495f;font-size:10px}.p16-admin-card small{display:block;margin-top:2px;color:#8491a1;font-size:8.5px}.p16-security-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.p16-account-strip{margin-top:10px;min-height:53px;padding:8px 10px;border:1px solid #e2e8ef;border-radius:10px;background:#fbfcfd;display:flex;align-items:center;justify-content:space-between;gap:10px}.p16-account-strip>div{display:flex;align-items:center;gap:8px}.p16-account-strip>div>span{width:28px;height:28px;border-radius:8px;background:#f0f5fb;color:#32659a;display:grid;place-items:center}.p16-account-strip strong{display:block;color:#34485e;font-size:9.8px}.p16-account-strip small{display:block;margin-top:2px;color:#8793a1;font-size:8.5px}.p16-danger-row{margin-top:9px;padding:8px 10px;border:1px solid #f0dddd;border-radius:9px;background:#fffafa;display:flex;align-items:center;justify-content:space-between;gap:10px}.p16-danger-row strong{display:block;color:#774545;font-size:9.5px}.p16-danger-row small{display:block;margin-top:2px;color:#9a7777;font-size:8.3px}.p16-client-manager .btn.danger{border-color:#e2bebe;background:#fff;color:#9e4b4b}
.p16-modal-summary{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #e2e8ef;border-radius:9px;background:#f8fafc;margin-bottom:9px}.p16-modal-summary>span{width:31px;height:31px;border-radius:8px;background:#eaf2fa;color:#2e6397;display:grid;place-items:center}.p16-modal-summary strong{display:block;color:#35495e;font-size:10.5px}.p16-modal-summary small{display:block;margin-top:2px;color:#8491a0;font-size:8.8px}.p16-price-note{padding:9px 10px;border:1px solid #dfe8f2;border-radius:9px;background:#f9fbfd;margin-top:7px}.p16-price-note span,.p16-price-note small{display:block;color:#7f8d9e;font-size:8.8px}.p16-price-note strong{display:block;margin:2px 0;color:#285887;font-size:12px}.p16-modal-form .modal-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:7px}
@media(max-width:1150px){.p16-kpi-grid,.p16-commercial-strip{grid-template-columns:repeat(2,1fr)}.p16-overview-grid,.p16-email-layout{grid-template-columns:1fr}.p16-email-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.p16-service-owner .content{padding:16px}.p16-page-head{flex-direction:column}.p16-head-actions{width:100%}.p16-toolbar{align-items:stretch;flex-wrap:wrap}.p16-search{max-width:none;min-width:100%}.p16-filter-tabs{overflow:auto}.p16-result-count{margin-left:0}.p16-settings-grid{grid-template-columns:1fr}.p16-client-head{grid-template-columns:42px 1fr auto}.p16-client-head>.btn{grid-column:2/-1;justify-self:start}.p16-client-stats{grid-template-columns:repeat(2,1fr)}.p16-client-stats>div:nth-child(2){border-right:0}.p16-client-stats>div:nth-child(-n+2){border-bottom:1px solid #e8edf2}.p16-client-grid{grid-template-columns:1fr}}
@media(max-width:560px){.p16-kpi-grid,.p16-commercial-strip,.p16-email-grid{grid-template-columns:1fr}.p16-owner-shell .btn,.p16-client-manager .btn{max-width:100%}.p16-head-actions .btn{flex:1}.p16-filter-tabs{width:100%}.p16-filter-tabs button{flex:1}.p16-client-head{grid-template-columns:40px 1fr}.p16-client-head>.p16-badge{grid-column:2;justify-self:start}.p16-client-head>.btn{grid-column:2}.p16-client-stats{grid-template-columns:1fr 1fr}.p16-custom-date>div{flex-direction:column}.p16-custom-date .input{max-width:none;width:100%}.p16-account-strip,.p16-danger-row{align-items:flex-start;flex-direction:column}.p16-account-strip>.btn,.p16-danger-row>.btn{width:100%}.p16-term-row>div .btn{flex:1}.p16-security-actions .btn{flex:1}}
.p16-action-status{display:block;min-height:13px;margin-top:5px;color:#6f8297;font-size:8.5px}.p16-action-status.success{color:#267652}
.p16-service-owner #modal .btn{min-height:34px;height:34px;padding:0 11px;border-radius:8px;font-size:11px;font-weight:800;box-shadow:none}.p16-service-owner #modal .btn.small{min-height:31px;height:31px;padding:0 9px;font-size:10.5px}.p16-service-owner #modal .btn.primary{box-shadow:none}


/* Patch 18 R1 — Service Owner website pricing */
.p18-price-input,.p18-suffix-input{display:flex;align-items:center;border:1px solid #dfe6ef;border-radius:10px;background:#fff;overflow:hidden}
.p18-price-input>span,.p18-suffix-input>span{padding:0 12px;color:#617089;font-weight:800;font-size:13px;white-space:nowrap}
.p18-price-input .input,.p18-suffix-input .input{border:0!important;border-radius:0!important;box-shadow:none!important}
.p18-price-input .input{border-left:1px solid #edf1f5!important}.p18-suffix-input .input{border-right:1px solid #edf1f5!important}
.p18-pricing-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.p18-pricing-preview>div{padding:12px;border:1px solid #e5eaf2;border-radius:12px;background:#f8faff;display:flex;flex-direction:column;gap:4px}
.p18-pricing-preview span{font-size:11px;color:#7c899d}.p18-pricing-preview strong{font-size:13px;color:#22334f}
@media(max-width:820px){.p18-pricing-preview{grid-template-columns:1fr}}