/* OPPON website stylesheet v005.105.63. Scoped to op-* / opfi-*; eXperience/x.js remains unchanged. */
:root {
  --op-ink:#091328; --op-muted:#66758e; --op-line:#e2eaf1;
  --op-teal:#006b76; --op-teal-dark:#005463; --op-blue:#176ee5;
  --op-surface:#fff; --op-max:1350px; --op-radius:6px;
  --op-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif;
  --op-hero-art:none;
}
.op-home,.op-home button,.op-home a,.op-modal,.op-modal button {font-family:var(--op-font)}
.op-home{color:var(--op-ink);background:var(--op-surface);line-height:1.5;min-width:320px}
.op-home svg,.op-modal svg {width:24px;height:24px;flex:none}
.op-home button,.op-modal button{cursor:pointer}
.op-home button:focus-visible,.op-home a:focus-visible,.op-modal button:focus-visible,.op-modal a:focus-visible{outline:3px solid #4cb1c7;outline-offset:4px}
.op-container{width:min(calc(100% - 100px),var(--op-max));margin-inline:auto}
.op-header{position:relative;z-index:10;border-bottom:1px solid #e8edf2;background:rgba(255,255,255,.98)}
.op-header-inner{height:88px;display:flex;justify-content:space-between;align-items:center;gap:26px}
.op-wordmark,.op-footer-logo{font-size:34px;font-weight:820;letter-spacing:-.075em;line-height:1;color:#090f20;text-decoration:none}
.op-top-nav{display:flex;align-items:center;gap:39px}
.op-nav-item{border:0;background:transparent;text-decoration:none;display:inline-flex;align-items:center;gap:9px;font-size:14px;color:#61708a;white-space:nowrap;padding:11px 0}
.op-nav-item:hover,.op-nav-active{color:var(--op-ink)}
.op-nav-item svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.op-nav-active svg:first-child{fill:currentColor;stroke:currentColor}
.op-chevron{width:14px!important;height:14px!important}
.op-lang-menu{position:relative}
.op-lang-options{position:absolute;z-index:30;top:calc(100% + 3px);right:-10px;min-width:148px;display:flex;flex-direction:column;padding:5px;border:1px solid #dce7ef;border-radius:7px;background:white;box-shadow:0 12px 36px rgba(20,45,65,.14)}
.op-lang-options:not(.op-is-open),.op-lang-options[hidden]{display:none!important}
.op-lang-options button{border:0;background:transparent;padding:10px 12px;text-align:left;font-size:14px;border-radius:4px;color:var(--op-ink)}
.op-lang-options button:hover,.op-lang-options button[aria-current="true"]{background:#ebf3f8;color:var(--op-teal-dark)}
/* HERO */
.op-hero{background:radial-gradient(ellipse at 75% 43%,#e5f2f8 0%,#f1f7fb 39%,#f8fcfe 66%,#fff 100%);overflow:hidden}
.op-hero-grid{min-height:492px;display:grid;grid-template-columns:43% 57%;align-items:center;gap:0}
.op-hero-content{padding:46px 0 34px 2px;position:relative;z-index:1}
.op-eyebrow{font-size:11px;font-weight:750;letter-spacing:.27em;color:#596c87;margin:0 0 24px}
.op-hero h1{margin:0 0 20px;font-size:clamp(37px,3.36vw,50px);line-height:1.13;letter-spacing:-.053em;font-weight:785;color:#070c1e}
.op-hero h1 span{display:block}
.op-hero-summary{font-size:17px;line-height:1.58;max-width:505px;color:#62718b;margin:0 0 27px}
.op-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:53px;padding:12px 25px;background:var(--op-teal);border:1px solid var(--op-teal);border-radius:5px;color:#fff;font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 2px 1px rgba(2,46,53,.08);transition:background .15s,transform .15s}
.op-primary-button:hover{background:var(--op-teal-dark);transform:translateY(-1px)}
.op-primary-button svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.op-hero-benefits{display:flex;align-items:center;gap:23px;flex-wrap:wrap;list-style:none;padding:0;margin:28px 0 0;font-size:12px;color:#697790}
.op-hero-benefits li{display:flex;align-items:center;gap:8px;white-space:nowrap}
.op-tick{font-weight:900;font-size:19px;color:var(--op-teal);line-height:1}
.op-hero-art{width:100%;height:480px;background-image:var(--op-hero-art);background-repeat:no-repeat;background-position:50% 52%;background-size:contain;align-self:end;filter:drop-shadow(0 10px 18px rgba(55,106,135,.06))}
/* DISCOVERY */
.op-discover{padding:35px 0 40px;background:#fff}
.op-section-heading{text-align:center;margin:0 0 26px}
.op-section-heading .op-eyebrow{margin-bottom:12px}
.op-section-heading h2{font-size:clamp(23px,2.2vw,30px);line-height:1.27;letter-spacing:-.043em;font-weight:760;margin:0;color:#070e21}
.op-feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}
.op-feature-card{min-width:0;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:0;padding:21px 20px 19px;min-height:177px;background:#fff;border:1px solid #dfe7ef;border-radius:6px;box-shadow:0 1px 1px rgba(20,52,78,.016);color:var(--op-ink);transition:transform .16s,box-shadow .16s,border-color .16s}
.op-feature-card:hover{border-color:#c0d4e2;box-shadow:0 8px 28px rgba(13,58,81,.08);transform:translateY(-2px)}
.op-feature-icon{width:34px!important;height:34px!important;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;margin:0 0 18px}
.op-feature-icon.op-blue{color:#1774e9}.op-feature-icon.op-teal{color:#08777a}.op-feature-icon.op-green{color:#0a967c}.op-feature-icon.op-indigo{color:#2355ab}.op-feature-icon.op-violet{color:#7938dc}
.op-feature-icon.op-indigo rect{fill:currentColor;stroke:none}
.op-feature-card strong{font-size:16px;line-height:1.3;letter-spacing:-.036em;margin-bottom:7px;font-weight:730}
.op-feature-card>span:last-child{font-size:13px;line-height:1.45;color:#6c7b96}
.op-card-arrow{position:absolute;right:17px;top:16px;color:#7a8aa2;font-size:27px;line-height:1}
/* FOOTER */
.op-footer{border-top:1px solid #e7ecf2;background:#fff}
.op-footer-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.op-footer-brand,.op-footer-right{display:flex;align-items:center;gap:33px}
.op-footer-logo{font-size:26px}
.op-footer-brand>span{font-size:11px;color:#708097;white-space:nowrap}
.op-footer-links{display:flex;align-items:center;gap:28px}
.op-footer-links button{border:0;background:transparent;padding:9px 0;color:#5e718b;font-size:12px}
.op-footer-links button:hover{text-decoration:underline;color:var(--op-teal)}
.op-mobile-ready{display:flex;gap:10px;align-items:center;border-left:1px solid #d4dfeb;padding-left:36px;white-space:nowrap}
.op-mobile-ready svg{height:31px;width:24px;fill:none;stroke:#101a2c;stroke-width:1.8;stroke-linecap:round}
.op-mobile-ready span{display:flex;flex-direction:column}
.op-mobile-ready strong{font-size:12px;line-height:1.4}.op-mobile-ready small{font-size:11px;line-height:1.35;color:#74829a}
/* SHARED INFO MODAL: fail closed even if /x/TinyMCE strips HTML boolean hidden. */
.op-modal:not(.op-is-open),.op-modal[hidden]{display:none!important}
.op-modal-pane:not(.op-is-active),.op-modal-pane[hidden]{display:none!important}
.op-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:26px;color:var(--op-ink);font-family:var(--op-font)}
.op-modal-backdrop{position:absolute;inset:0;background:rgba(12,29,53,.52);backdrop-filter:blur(2px)}
.op-modal-dialog{position:relative;z-index:1;width:min(100%,745px);min-height:455px;max-height:min(88vh,740px);background:#fff;border-radius:11px;box-shadow:0 30px 90px rgba(4,22,43,.23);overflow:hidden;outline:none}
.op-modal-close{position:absolute;z-index:3;top:19px;right:19px;border:0;background:transparent;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#526380}
.op-modal-close svg{height:22px;width:22px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round}
.op-modal-grid{display:grid;grid-template-columns:210px minmax(0,1fr);padding:25px 24px 24px 17px;gap:22px;min-height:455px}
.op-modal-sidebar{border:1px solid #e4edf3;border-radius:8px;display:flex;flex-direction:column;gap:2px;padding:5px;align-self:stretch}
.op-modal-tab{display:flex;align-items:flex-start;gap:14px;text-align:left;padding:17px 10px;background:transparent;border:0;border-radius:5px;color:#394867}
.op-modal-tab:hover{background:#f4f8fc}
.op-modal-tab[aria-current="true"]{color:#095bc5;background:#eaf3ff;box-shadow:inset 4px 0 #1473ee}
.op-modal-tab svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.op-modal-tab span{display:flex;flex-direction:column;gap:5px}.op-modal-tab strong{font-size:14px;color:var(--op-ink);line-height:1.3}.op-modal-tab[aria-current="true"] strong{color:#095bc5}.op-modal-tab small{font-size:11px;color:#8090a7;line-height:1.35}
.op-modal-content{padding:13px 6px 9px 0;overflow-y:auto;max-height:calc(min(88vh,740px) - 48px)}
.op-dialog-eyebrow{font-size:11px;color:#596f90;font-weight:750;letter-spacing:.23em;margin:5px 0 14px}
.op-modal-pane h3{font-size:25px;line-height:1.2;letter-spacing:-.045em;margin:0 30px 12px 0;color:#071225}
.op-modal-pane>p:not(.op-dialog-eyebrow),.op-modal-pane .op-info-list p{font-size:14px;line-height:1.57;color:#687893;margin:0 0 20px}
.op-modal-pane h4{font-size:13px;margin:17px 0 5px;font-weight:700;color:#273650}
.op-modal-pane h4+p{margin:0 0 12px!important;font-size:13px!important}
.op-info-list{border-top:1px solid #e7ebf1;margin-top:20px}
.op-info-list>div{padding:14px 0 0}.op-info-list strong{font-size:13px;color:#20354a}.op-info-list p{margin:5px 0 2px!important;font-size:12px!important}
.op-contact-box{border-radius:7px;background:#f3f7fc;padding:18px;margin:16px 0}
.op-contact-row{display:flex;gap:16px;align-items:flex-start}.op-contact-row+.op-contact-row{margin-top:17px}
.op-contact-row svg{stroke:#1264da;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}
.op-contact-row div{display:flex;flex-direction:column;gap:3px;min-width:0}.op-contact-row a,.op-text-link{color:#1263d7;font-size:16px;text-decoration:none;word-break:break-word}.op-contact-row a:hover,.op-text-link:hover{text-decoration:underline}.op-contact-row small{font-size:12px;color:#73849f}
.op-modal-divider{height:1px;background:#e2eaf2;margin:18px 0}
.op-inline-action{margin-top:8px;min-height:45px!important;font-size:14px!important;gap:12px}
.op-sr-only{position:absolute!important;width:1px!important;height:1px!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;overflow:hidden!important;padding:0!important;border:0!important}
body.op-modal-open{overflow:hidden}
@media(max-width:1199px){
  .op-container{width:min(calc(100% - 64px),var(--op-max))}
  .op-hero-grid{grid-template-columns:46% 54%}
  .op-hero h1{font-size:clamp(34px,3.55vw,47px)}
  .op-hero-benefits{gap:14px}
  .op-feature-grid{gap:12px}.op-feature-card{padding:18px 15px}.op-feature-card strong{font-size:14px}.op-feature-card>span:last-child{font-size:12px}
  .op-footer-brand,.op-footer-right{gap:18px}.op-footer-links{gap:15px}.op-mobile-ready{padding-left:18px}
}
@media(max-width:860px){
  .op-container{width:min(calc(100% - 40px),var(--op-max))}
  .op-header-inner{height:76px}.op-wordmark{font-size:30px}.op-top-nav{gap:17px}
  .op-hero-grid{display:flex;flex-direction:column;min-height:0;align-items:stretch}
  .op-hero-content{padding:54px 0 12px}.op-hero h1{font-size:clamp(34px,5.4vw,46px)}
  .op-hero-art{background-size:contain;width:100%;height:min(56vw,450px);margin:0 auto}
  .op-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
  .op-footer-inner{flex-wrap:wrap;padding:19px 0;gap:15px}.op-footer-right{width:100%;justify-content:space-between}
}
@media(max-width:590px){
  .op-container{width:min(calc(100% - 32px),var(--op-max))}
  .op-header-inner{height:69px}.op-wordmark{font-size:28px}.op-top-nav{gap:13px}
  .op-nav-item{gap:5px;font-size:12px}.op-nav-item svg{width:19px;height:19px}.op-nav-item .op-chevron{width:11px!important}
  .op-hero-content{padding-top:42px}.op-eyebrow{font-size:10px;letter-spacing:.20em;margin-bottom:22px}
  .op-hero h1{font-size:clamp(31px,8vw,43px);margin-bottom:17px}
  .op-hero-summary{font-size:15px;line-height:1.55}
  .op-hero-benefits{margin-top:22px;gap:10px 17px;font-size:11px}
  .op-hero-art{height:64vw;max-height:390px;min-height:218px}
  .op-discover{padding:34px 0}.op-section-heading{margin-bottom:23px}.op-section-heading h2{font-size:25px}
  .op-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .op-feature-card{padding:16px 13px;min-height:175px}.op-feature-icon{width:30px!important;height:30px!important;margin-bottom:17px}.op-card-arrow{right:12px;top:13px}
  .op-feature-card strong{font-size:14px}.op-feature-card>span:last-child{font-size:12px}
  .op-footer-brand{flex-wrap:wrap;gap:8px 16px}.op-footer-logo{font-size:24px}.op-footer-brand>span{white-space:normal;font-size:10px}
  .op-footer-right{align-items:flex-start;flex-wrap:wrap}.op-footer-links{gap:20px}.op-footer-links button{font-size:12px}
  .op-mobile-ready{border-left:0;padding-left:0;align-self:center}
  .op-modal{padding:8px}.op-modal-dialog{max-height:94vh;min-height:0;border-radius:8px}
  .op-modal-grid{display:flex;flex-direction:column;gap:12px;min-height:0;padding:46px 15px 17px}
  .op-modal-sidebar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px;gap:2px}
  .op-modal-tab{padding:8px 1px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
  .op-modal-tab svg{width:19px;height:19px}.op-modal-tab strong{font-size:11px}.op-modal-tab small{display:none}
  .op-modal-tab[aria-current="true"]{box-shadow:inset 0 -3px #1473ee}
  .op-modal-content{max-height:calc(94vh - 162px);padding:6px 4px}.op-modal-pane h3{font-size:23px}
  .op-modal-close{top:9px;right:9px}
}
@media(max-width:360px){.op-feature-grid{grid-template-columns:1fr}.op-top-nav{gap:9px}.op-nav-item{font-size:11px}}
@media(prefers-reduced-motion:reduce){.op-feature-card,.op-primary-button{transition:none}}

/* v005.35: invoice cancellation is a deliberate, visible action. */
.opfi-cancel-details{border:1px solid #e7d1cf;border-radius:7px;margin:14px 0;padding:10px;background:#fffafa}
.opfi-cancel-trigger{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #d9a9a5;border-radius:6px;background:#fff;color:#a12d23;font-weight:750;font-size:13px;cursor:pointer;user-select:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}
.opfi-cancel-trigger:hover{background:#fff0ef;border-color:#b42318;color:#821c16;box-shadow:0 1px 5px rgba(180,35,24,.11)}
.opfi-cancel-trigger:focus-visible{outline:3px solid rgba(180,35,24,.36);outline-offset:3px}
.opfi-cancel-details[open]>.opfi-cancel-trigger{background:#fff0ef;border-color:#b42318}
#opfi-cancel-submit{border:1px solid #b42318!important;color:#b42318!important;transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}
#opfi-cancel-submit:hover:not(:disabled),#opfi-cancel-submit:focus-visible{background:#b42318!important;color:#fff!important;box-shadow:0 2px 9px rgba(180,35,24,.14)}
#opfi-cancel-submit:disabled{opacity:.5;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){.opfi-cancel-trigger,#opfi-cancel-submit{transition:none}}

/* v005.39: compact four-column customer position and accessible disclosure panels. */
.opca-position-list{display:grid;gap:12px}
.opca-position-by-currency{border:1px solid #d9e4ea;border-radius:8px;overflow:hidden}
.opca-position-heading{padding:10px 14px;background:#f7fafc;border-bottom:1px solid #e0e8ee;display:flex;gap:8px;align-items:center}
.opca-position-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.opca-position-cell{min-width:0;padding:14px 12px;border-right:1px solid #e7edf2}
.opca-position-cell:last-child{border-right:0}
.opca-position-total{background:#f1f8f9}
.opca-position-label{color:#52647d;font-size:12px;font-weight:650;line-height:1.4}
.opca-position-value{font-size:clamp(14px,1.2vw,19px);font-weight:700;margin-top:8px;white-space:nowrap;font-variant-numeric:tabular-nums}
.opca-position-note{font-size:11px;color:#66758b;margin-top:6px}
.opw-customer-section>summary{font-size:17px;font-weight:700;cursor:pointer;list-style:none;display:block;position:relative;padding-right:38px;line-height:1.45;margin:0;color:#091328}
.opw-customer-section>summary::-webkit-details-marker{display:none}
.opw-customer-section>summary::after{content:'+';font-size:23px;line-height:1;color:#006b76;font-weight:500;position:absolute;top:0;right:2px}
.opw-customer-section[open]>summary::after{content:'−'}
.opw-customer-section>summary:hover{color:#006b76}
.opw-customer-section>summary:focus-visible{outline:3px solid #4cb1c7;outline-offset:5px;border-radius:3px}
.opw-customer-section-body{padding-top:17px}
@media(max-width:980px){.opca-position-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.opca-position-cell:nth-child(2){border-right:0}.opca-position-cell:nth-child(-n+2){border-bottom:1px solid #e7edf2}}
@media(max-width:510px){.opca-position-grid{grid-template-columns:1fr}.opca-position-cell{border-right:0;border-bottom:1px solid #e7edf2}.opca-position-cell:last-child{border-bottom:0}.opca-position-value{font-size:18px}}

/* OPPON Customer Statement preview v005.41 — period statement and one-line ledger fields */
.opca-statement-document{border:1px solid #d9e5eb;border-radius:8px;padding:16px;background:#fff;max-width:100%;color:#142434}
.opca-stmt-parties{font-size:14px}
.opca-stmt-period{font-size:12px}
.opca-statement-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.opca-statement-totals>div{border:1px solid #e4edf2;border-radius:6px;padding:10px;font-size:12px;min-width:0}
.opca-statement-totals strong{display:block;font-size:15px;margin-top:6px;white-space:nowrap}
.opca-stmt-disclaimer{background:#f8fafc;color:#475467;border:1px solid #e4edf2;border-radius:6px;padding:9px 11px;font-size:12px}
.opca-stmt-internal-warning{background:#fff7e8;color:#725019;border:1px solid #f0dfbd;border-radius:6px;padding:10px 12px;font-size:12px}
.opca-stmt-table-wrap{overflow-x:auto}
.opca-statement-table{border-collapse:collapse;width:100%;min-width:1050px;table-layout:fixed;font-size:12px}
.opca-statement-table th,.opca-statement-table td{padding:9px 6px;border-bottom:1px solid #e6edf1;vertical-align:top;white-space:nowrap}
.opca-statement-table th{background:#f0f5f8;text-align:left}
.opca-statement-table th:nth-child(n+6){text-align:right}
.opca-statement-table td:nth-child(4){white-space:normal;overflow-wrap:anywhere}
.opca-stmt-numeric{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.opca-stmt-footnote{font-size:11px;color:#64748b}
@media(max-width:780px){.opca-statement-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v005.53: accessible, persistent action disclosures across Customers and Overview. */
.opw-persistent-section{margin:0 0 14px;padding:17px 19px;border:1px solid #d9e5eb;border-radius:9px;background:#fff}
.opw-persistent-section>summary{font-size:17px;font-weight:740;cursor:pointer;list-style:none;display:block;position:relative;padding-right:38px;line-height:1.45;color:#12253c}
.opw-persistent-section>summary::-webkit-details-marker{display:none}
.opw-persistent-section>summary:after{content:'+';font-size:27px;font-weight:500;position:absolute;right:2px;top:-4px;color:#006b76}
.opw-persistent-section[open]>summary:after{content:'−'}
.opw-persistent-section>summary:hover{color:#006b76}
.opw-persistent-section>summary:focus-visible{outline:3px solid #4cb1c7;outline-offset:5px;border-radius:3px}
.opw-persistent-section>.opw-customer-section-body{padding-top:15px}
.opw-section-explain{font-size:12px;color:#607287;margin:7px 0 13px;line-height:1.5}
.opw-account-summary{display:block!important}
.opw-account-summary h2{margin:0 0 12px;font-size:19px}
.opw-account-summary>label{display:block;font-size:12px;color:#5a7080}
.opw-account-summary #opw-customers-company{margin-right:34px}
.opfu-form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 8px}
.opfu-form-actions button[disabled]{opacity:.68;cursor:wait}

.opw-customer-section>summary small,.opw-persistent-section>summary small{display:block;font-size:12px;color:#66798b;font-weight:400;margin-top:4px;padding-right:20px;line-height:1.4}

.opw-section-toggle{width:100%;background:none;border:0;padding:0 36px 0 0;text-align:left;font:inherit;font-size:17px;font-weight:740;color:#12253c;cursor:pointer;position:relative;line-height:1.45}
.opw-section-toggle:hover{color:#006b76}
.opw-section-toggle:focus-visible{outline:3px solid #4cb1c7;outline-offset:5px;border-radius:3px}
.opw-section-toggle:after{content:'+';position:absolute;right:1px;top:-4px;color:#006b76;font-size:27px;font-weight:500}
.opw-section-toggle[aria-expanded='true']:after{content:'−'}

/* v005.54: keep each disclosure explanation directly under its title, including
   the older customer-directory forms; Overview cards are siblings, not nested. */
.opw-customer-section>summary small,.opw-persistent-section>summary small{display:block;max-width:100%;margin-top:5px;padding-right:0;line-height:1.45}
#opw-finance-root>.opw-persistent-section{margin:0 0 16px;padding:22px;min-height:unset}
@media(max-width:600px){#opw-finance-root>.opw-persistent-section{padding:17px 15px}}

/* v005.55: invoice disclosures align with Customers; report tabs belong to their report card. */
#opw-finance-root>.opw-persistent-section{margin-bottom:16px}
.opfi-report-tabs{border-bottom:1px solid #e3ebf0;padding-bottom:12px;margin-bottom:9px}
.opfi-report-count{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;margin-left:7px;padding:1px 9px;border-radius:999px;background:#e4f7f5;color:#006a70;font-size:14px;font-weight:750}
.opfi-report-content{padding:8px 0 2px;min-width:0}
.opfi-report-content>div:first-child:empty{display:none}
.opfi-overview-content{min-width:0}

/* v005.56: Overview activity mirrors the four-column customer-position boxes. */
.opfi-activity-summary-list{display:grid;gap:13px}
.opfi-activity-summary .opca-position-heading{background:#f2f8fa}
.opfi-activity-summary .opca-position-cell{padding:15px 13px}
.opfi-activity-summary .opca-position-cell:last-child{background:#fffaf0}
.opfi-activity-note{font-size:11px;color:#65798d}
.opfi-activity-secondary{border-top:1px solid #dce6eb;padding:10px 13px;font-size:12px;color:#52647d;line-height:1.5;background:#fcfdfe}
.opfi-activity-invalid{display:block;color:#b42318;margin-top:4px}
.opfi-reconciliation-footnote{margin:20px 0 0;padding:13px;background:#fff8e9;border:1px solid #e8d8af;border-radius:8px;font-size:12px;line-height:1.5}
@media(max-width:980px){.opfi-activity-summary .opca-position-cell:nth-child(2){border-right:0}.opfi-activity-summary .opca-position-cell:nth-child(3){border-bottom:0}}
@media(max-width:510px){.opfi-activity-summary .opca-position-cell:nth-child(3){border-bottom:1px solid #e7edf2}}


/* v005.57: Banking follows the same persistent action-card disclosure model. */
.opbk-disclosure-card>.opbk-disclosure,
.opmr-disclosure-heading>.opmr-disclosure{min-width:0;flex:1}
.opbk-disclosure-card>.opbk-disclosure>summary,
.opmr-disclosure-heading>.opmr-disclosure>summary{font-size:19px}
.opbk-disclosure-card>.opbk-disclosure>summary small,
.opmr-disclosure-heading>.opmr-disclosure>summary small{display:block;font-size:12px;font-weight:400;color:#66798b;margin-top:5px;line-height:1.45}
.opmr-disclosure-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.opmr-disclosure-heading>.opmr-disclosure>summary{padding-right:42px}
.opmr-disclosure-heading>#opmr-run{flex:none}
.opbk-disclosure-content[hidden],.opmr-disclosure-content[hidden]{display:none!important}
@media(max-width:540px){.opmr-disclosure-heading>#opmr-run{margin-top:5px}}

/* v005.58: one disclosure symbol size across Banking, Customers, Invoices and Overview. */
:root{--opw-disclosure-icon-size:30px}
.opw-customer-section>summary::after,
.opw-persistent-section>summary::after,
.opw-section-toggle::after{font-size:var(--opw-disclosure-icon-size);line-height:1}
/* Matching title stays a native, keyboard-operable <summary>. Its second control
   sits AFTER Run matching again and has the same visual symbol as other cards. */
.opmr-disclosure-heading>.opmr-disclosure>summary::after{content:none}
.opmr-disclosure-heading>.opmr-disclosure>summary{padding-right:8px}
.opw-disclosure-icon-button{flex:0 0 36px;display:inline-flex;align-items:center;justify-content:center;align-self:center;
  width:36px;min-height:40px;padding:0;border:0;border-radius:5px;background:transparent;
  color:#006b76;cursor:pointer;font-family:inherit}
.opw-disclosure-icon-button::before{content:'+';font-size:var(--opw-disclosure-icon-size);font-weight:500;line-height:1}
.opw-disclosure-icon-button[aria-expanded='true']::before{content:'−'}
.opw-disclosure-icon-button:hover{background:#eef8f8}
.opw-disclosure-icon-button:focus-visible{outline:3px solid #4cb1c7;outline-offset:2px}
.opmr-disclosure-heading{flex-wrap:nowrap}
@media(max-width:540px){.opmr-disclosure-heading{flex-wrap:wrap}
  .opmr-disclosure-heading>.opmr-disclosure{flex-basis:100%}
  .opmr-disclosure-heading>#opmr-run{margin-top:0}
  .opmr-disclosure-heading>.opw-disclosure-icon-button{margin-left:auto}}

/* v005.59: Invoices financial overview uses the same four-cell currency cards as Customers. */
.opfi-invoice-summary-list{display:grid;gap:13px}
.opfi-invoice-summary .opca-position-heading{background:#f2f8fa}
.opfi-invoice-summary .opca-position-cell{padding:16px 14px}
.opfi-invoice-summary-context{font-size:11px;color:#62758a;font-weight:400}
.opfi-invoice-summary-footer{border-top:1px solid #dce6eb;padding:10px 14px;background:#fcfdfe;color:#65798d;font-size:11px;line-height:1.5}
.opfi-invoice-summary-warning{margin-left:6px;color:#996011;font-weight:650}
@media(max-width:980px){.opfi-invoice-summary .opca-position-cell:nth-child(2){border-right:0}.opfi-invoice-summary .opca-position-cell:nth-child(3){border-bottom:0}}
@media(max-width:510px){.opfi-invoice-summary .opca-position-cell:nth-child(3){border-bottom:1px solid #e7edf2}}
/* Documents Center v005.60 */
.opdoc-input{display:block;width:100%;min-height:40px;margin-top:6px;padding:10px;border:1px solid #ccdce4;border-radius:6px;background:#fff;color:inherit;font:inherit}
.opdoc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.opdoc-table{width:100%;border-collapse:collapse;min-width:720px;font-size:13px}
.opdoc-table th,.opdoc-table td{padding:13px 10px;border-bottom:1px solid #e1e9ed;text-align:left;vertical-align:top}
.opdoc-table th{color:#42586b;font-weight:750}

/* v005.62: Documents Center drag/drop — native input stays keyboard-accessible. */
.opdoc-file-control{min-width:0}
.opdoc-file-label{font-weight:600;margin-bottom:8px}
.opdoc-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:166px;padding:24px 18px;border:2px dashed #9cbcc6;border-radius:10px;background:#f5fafb;color:#205468;text-align:center;transition:border-color .12s ease,background-color .12s ease}
.opdoc-dropzone strong{font-size:15px;line-height:1.4}
.opdoc-dropzone span{color:#647c8e;font-size:12px;line-height:1.5}
.opdoc-dropzone:hover,.opdoc-dropzone.opdoc-dragover{background:#e9f7f8;border-color:#087c87}
.opdoc-dropzone:focus-within{outline:3px solid #4cb1c7;outline-offset:3px}
.opdoc-file-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:0;cursor:pointer}
.opdoc-file-overlay:disabled{cursor:not-allowed}
.opdoc-file-feedback{margin:8px 0 0;font-size:13px;color:#286878;overflow-wrap:anywhere}
.opdoc-file-feedback.opdoc-file-error{color:#b42318;font-weight:600}
@media (prefers-reduced-motion:reduce){.opdoc-dropzone{transition:none}}

/* v005.63 Documents Center — metadata edits and reversible removal */
.opdoc-toolbar{display:flex;justify-content:flex-end;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.opdoc-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.opdoc-metadata-editor{border:1px solid #d2e2e8;border-radius:8px;background:#f6fbfc;padding:18px;margin:0 0 18px}
.opdoc-removed-row{opacity:.74}
.opdoc-actions .opdoc-danger{color:#a13232;border-color:#e7baba}
.opdoc-actions .opdoc-danger:hover{background:#fff1f1}

/* v005.64 Documents Center sharing panel */
.opdoc-select-label{display:inline-flex;align-items:start;gap:9px;cursor:pointer}
.opdoc-select-label input{margin-top:3px;width:16px;height:16px;accent-color:#067c80}
.opdoc-share-panel{font-size:13px;max-width:1120px}.opdoc-share-hint{color:#536f83}
.opdoc-share-grid{display:grid;grid-template-columns:minmax(190px,2fr) minmax(160px,1fr) minmax(110px,1fr);gap:12px;align-items:end;margin:14px 0}
.opdoc-share-grid label{font-weight:650}.opdoc-share-contact-list{max-height:260px;overflow:auto;border:1px solid #dce6ec;border-radius:8px;margin:10px 0;padding:5px}
.opdoc-share-contact-list label{display:flex;gap:9px;padding:8px;border-bottom:1px solid #eef2f5;cursor:pointer}
.opdoc-share-contact-list small{display:block;color:#637c90;font-weight:400}
.opdoc-share-buttons{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.opdoc-share-preview,.opdoc-share-results,.opdoc-share-history{margin-top:14px;padding:14px;border:1px solid #cfdee8;border-radius:8px}
.opdoc-share-preview label{display:flex;align-items:start;gap:10px;padding:11px 0}.opdoc-share-link{word-break:break-all;user-select:text}.opdoc-share-result,.opdoc-share-history>div{padding:10px 0;border-top:1px solid #edf2f4}
.opdoc-share-copy-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:9px}
.opdoc-share-copy-actions .opw-outline-button{display:inline-flex;flex:0 0 auto;width:auto;margin:0}
.opdoc-share-copy-status{font-size:12px;font-weight:650;min-height:18px}
.opdoc-share-error{color:#b42318}.opdoc-share-note{color:#067b68}
@media(max-width:700px){.opdoc-share-grid{grid-template-columns:1fr}}

/* OPPON v005.70 — shared import drop-zones; same interaction pattern as Documents Center. */
.opi-dropzone{border:2px dashed #9cbcc6;border-radius:10px;background:#f5fafb;color:#205468;min-height:165px;margin:13px 0 10px;padding:23px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;cursor:pointer;transition:background-color .12s,border-color .12s}
.opi-dropzone svg{flex:0 0 auto}
.opi-dropzone strong{font-size:14px;line-height:1.45}
.opi-dropzone span{font-size:12px;line-height:1.5;color:#647c8e}
.opi-dropzone:hover,.opi-dropzone.opi-dragover{background:#e9f7f8;border-color:#087c87}
.opi-dropzone:focus-visible,.opi-dropzone:focus-within{outline:3px solid #4cb1c7;outline-offset:2px}
.opi-choose-file{background:#fff;border:1px solid #b9cfd8;border-radius:6px;padding:8px 18px;color:#18465c;cursor:pointer;font-size:12px;font-weight:750}
.opi-choose-file:hover{border-color:#087c87}
.opi-file-input{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important}
.opi-dropzone .opi-file-feedback{color:#08735c;overflow-wrap:anywhere;max-width:100%}
.opi-dropzone .opi-file-feedback.opi-error{color:#b42318;font-weight:700}
.opi-dropzone.opi-disabled{opacity:.6;cursor:not-allowed}
.opi-dropzone.opi-disabled .opi-choose-file{cursor:not-allowed}
@media(prefers-reduced-motion:reduce){.opi-dropzone{transition:none}}

/* Customers v2 — directory-first workspace, v005.71. */
#opw-customers-v2-root[hidden]{display:none!important}
.ocv-shell{background:#fff;border:1px solid #dce6ea;border-radius:10px;padding:clamp(16px,2.2vw,26px);margin:0 0 24px;box-shadow:0 3px 15px #1d3e4a08;color:#152637}
.ocv-shell *{box-sizing:border-box}
.ocv-shell h2{margin:0 0 7px;font-size:23px;line-height:1.2;letter-spacing:-.035em}
.ocv-shell h3{margin:8px 0 9px;font-size:18px;letter-spacing:-.02em}
.ocv-shell p{font-size:13px;line-height:1.55;color:#637689;margin:7px 0 14px}
.ocv-shell button:focus-visible,.ocv-shell input:focus-visible,.ocv-shell select:focus-visible{outline:2px solid #087980;outline-offset:2px}
.ocv-head,.ocv-split{display:flex;justify-content:space-between;gap:20px;align-items:start;flex-wrap:wrap}
.ocv-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ocv-count{font-size:15px;color:#026d72;background:#eaf6f5;padding:3px 11px;border-radius:99px;vertical-align:middle}
.ocv-company{border:1px solid #d8e8eb;background:#f3f9fa;padding:12px 15px;border-radius:7px;font-size:13px;margin:12px 0 15px}
.ocv-stats{display:flex;gap:12px;flex-wrap:wrap;margin:5px 0 20px}
.ocv-stats span{border:1px solid #e1e9ed;background:#fbfcfd;padding:9px 13px;border-radius:7px;font-size:12px;color:#506b7b}
.ocv-toolbar{display:flex;gap:14px;align-items:end;justify-content:space-between;margin-bottom:13px;flex-wrap:wrap}
.ocv-toolbar form{display:flex;gap:8px;flex:1;min-width:200px}
.ocv-toolbar input{width:100%;min-width:130px}
.ocv-shell input:not([type=checkbox]),.ocv-shell select{padding:10px;border:1px solid #cadce2;border-radius:6px;background:#fff;font:inherit;font-size:13px;color:#172c3e;max-width:100%}
.ocv-toolbar label{font-size:12px;display:grid;gap:5px}
.ocv-scroller{overflow-x:auto;width:100%}
.ocv-table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}
.ocv-table th{background:#eff5f6;color:#4a6170;font-weight:700;white-space:nowrap;font-size:12px}
.ocv-table th,.ocv-table td{padding:12px;border-bottom:1px solid #e7edf0;vertical-align:top}
.ocv-table tr:hover td{background:#f9fbfc}
.ocv-table td button{white-space:nowrap}
.ocv-muted{font-size:12px;color:#8295a4;font-weight:400;line-height:1.45;margin-top:4px}
.ocv-flag{font-size:11px;font-weight:750;color:#aa6215;display:inline-block;margin-top:3px}
.ocv-caveat{color:#94631a!important;background:#fffcf5;border:1px solid #f1e2c3;border-radius:6px;padding:10px;margin:14px 0 0!important}
.ocv-paging{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;color:#5d7586;margin:12px 0}
.ocv-paging>div{display:flex;align-items:center;gap:10px}
.ocv-error{color:#b42318!important;background:#fff7f7;padding:10px 12px;border-radius:5px}
.ocv-notice{color:#076b57!important;background:#eaf8f4;padding:10px 12px;border-radius:5px}
.ocv-back{border:0;background:none;font-size:13px;color:#006d77;font-weight:750;padding:0;margin:0 0 20px;cursor:pointer}
.ocv-detail-head{align-items:center;margin-bottom:17px}
.ocv-detail-head .ocv-balance-caption{display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:#748797;font-size:12px}
.ocv-balance-caption strong{color:#193041;font-size:17px}
.ocv-tabs{display:flex;gap:8px;border-bottom:1px solid #dce6ea;flex-wrap:wrap;padding-bottom:0;margin-bottom:20px}
.ocv-tabs button{border:0;border-bottom:3px solid transparent;padding:13px 16px;background:#fff;font:inherit;font-size:13px;color:#63778a;font-weight:700;cursor:pointer}
.ocv-tabs button[aria-current=page]{color:#00777e;border-bottom-color:#00777e;background:#f6fbfb}
.ocv-tab-body>h3:first-child{margin-top:0}
.ocv-primary{background:#007579!important;color:#fff!important;border-color:#007579!important}
.ocv-controls{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:15px 0 18px}
.ocv-controls label{display:grid;font-size:12px;gap:5px;color:#506579}
.ocv-statement-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ocv-document{border:1px solid #dce5ea;padding:clamp(12px,2vw,24px);border-radius:7px}
.ocv-warning{color:#94631a!important;background:#fffbef;border:1px solid #ecd8b0;border-radius:5px;padding:11px}
.ocv-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:15px 0}
.ocv-totals>div{border:1px solid #dce6ec;background:#f8fafb;padding:12px;border-radius:6px;min-width:0}
.ocv-totals small{display:block;color:#63778a;font-size:11px;margin:0 0 6px}
.ocv-totals strong{font-size:15px;color:#182f40;white-space:nowrap}
.ocv-statement-table{font-size:11px}.ocv-statement-table th,.ocv-statement-table td{padding:9px}
.ocv-money{white-space:nowrap;text-align:right}
.ocv-advanced{border-top:1px solid #e5ecee;margin:20px 0 0;padding:12px 0}
.ocv-advanced summary{font-weight:700;font-size:13px;cursor:pointer}
.ocv-editor{background:#f9fbfc;border:1px solid #dfe7ea;border-radius:7px;padding:17px;margin:15px 0}
.ocv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.ocv-grid label{display:grid;gap:5px;font-size:12px;color:#4c6276}
.ocv-editor button{margin-top:12px}
.ocv-contact{border-bottom:1px solid #e5ecef;padding:12px 2px;font-size:13px}
.ocv-sharing{border-top:1px solid #d8e3e9;margin-top:20px;padding-top:20px}
.ocv-sharing .opd-panel{border:0;margin-top:3px!important;padding:0}
.ocv-sharing #opd-toggle{display:none}
.ocv-sharing .opd-body{display:block}
.ocv-danger{color:#b42318!important;border-color:#deb9b9!important}
.ocv-archives{margin:10px 0}.ocv-archives>div{padding:9px;display:flex;gap:8px;align-items:center;justify-content:space-between;border-bottom:1px solid #eef1f3}
@media(max-width:850px){.ocv-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.ocv-table td,.ocv-table th{padding:9px}.ocv-detail-head .ocv-balance-caption{align-items:flex-start}}
@media(max-width:500px){.ocv-toolbar form{flex-basis:100%}.ocv-totals strong{font-size:13px}.ocv-stats span{flex:1}.ocv-tabs button{padding:11px 10px}}

/* Customers v2.1 · 005.73: directory controls + compact secure delivery */
.ocv-flag{color:#ba222b!important;font-weight:400!important;font-size:12px;line-height:1.45}
.ocv-datebar{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin:8px 0 10px}
.ocv-datebar label{display:grid;gap:5px;font-size:12px;color:#526779}
.ocv-datebar input{width:150px}
.ocv-toolbar{margin-bottom:12px;gap:9px}
.ocv-filter-label{min-width:185px}
.ocv-sort{color:inherit;background:transparent;border:0;font:inherit;font-weight:700;cursor:pointer;text-align:left;white-space:nowrap;padding:0}
.ocv-sort:hover{text-decoration:underline}
.ocv-sort:focus-visible{outline:2px solid #007579;outline-offset:4px}
.ocv-table th:has(.ocv-sort){white-space:nowrap}
.ocv-table input[type=checkbox]{width:17px;height:17px;accent-color:#007579;cursor:pointer}
.ocv-table th:first-child:has(#ocv-select-page){width:38px}
.ocv-actions .ocv-primary:disabled{opacity:.5;cursor:not-allowed}
.ocv-modal-overlay{position:fixed;inset:0;z-index:100000;background:rgba(10,25,35,.57);padding:24px;display:flex;align-items:center;justify-content:center}
.ocv-modal{background:#fff;border-radius:12px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.22);width:min(840px,100%);max-height:calc(100vh - 48px);overflow-y:auto;color:#172c3e}
.ocv-modal h2{margin:0 0 4px;font-size:22px}
.ocv-modal p{font-size:13px}
.ocv-send-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:16px 0 8px}
.ocv-send-options label{display:grid;gap:5px;font-size:12px}
.ocv-send-recipients{margin:14px 0;border:1px solid #dbe6e9;border-radius:7px;padding:10px 14px}
.ocv-send-recipients>div{display:flex;justify-content:space-between;align-items:start;gap:14px;border-top:1px solid #ecf1f3;padding:10px 0;font-size:12px}
.ocv-send-recipients>div:first-of-type{margin-top:10px}
.ocv-send-recipients small{display:block;color:#678092;margin-top:3px;overflow-wrap:anywhere}
.ocv-send-recipients>div>b{white-space:nowrap;font-size:13px}
.ocv-send-approve{display:flex;align-items:start;gap:9px;font-size:12px;line-height:1.55;padding:12px 0}
.ocv-send-approve input{margin-top:3px;flex:none}
.ocv-send-results{border:1px solid #b9dcd0;border-radius:6px;padding:12px;margin-top:14px}
.ocv-send-results>p{border-top:1px solid #e0ebe7;padding:9px 0;overflow-wrap:anywhere}
/* v005.81: copy private link and access code independently; no combined clipboard text. */
.ocv-send-result{border-top:1px solid #e0ebe7;padding:12px 0}
.ocv-share-fields{display:grid;gap:10px;margin-top:12px}
.ocv-share-field{min-width:0}
.ocv-share-label{color:#576f7d;font-size:12px;font-weight:600;margin-bottom:4px}
.ocv-share-copy-line{display:flex;align-items:center;gap:8px;min-width:0}
.ocv-share-link,.ocv-share-code{min-width:0;flex:1;overflow-wrap:anywhere;user-select:text;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;color:#7e2437}
.ocv-share-code{font-weight:650;letter-spacing:.04em}
.ocv-copy-icon{flex:none;display:inline-flex;justify-content:center;align-items:center;width:34px;height:34px;padding:0;border:1px solid #cadce2;background:#fff;border-radius:7px;color:#006e73;cursor:pointer}
.ocv-copy-icon:hover{background:#eaf5f5;border-color:#85b5b6}
.ocv-copy-icon:disabled{opacity:.5;cursor:not-allowed}
.ocv-copy-icon:focus-visible{outline:2px solid #007579;outline-offset:2px}
.ocv-copy-feedback{display:block;min-height:1em;font-size:12px;color:#08745c;margin-top:2px}
.ocv-share-separate{margin:8px 0 0!important;color:#775b35;font-size:12px!important}
.ocv-secret{display:block;font-family:monospace;overflow-wrap:anywhere;color:#7e2437;margin-top:4px}
@media(max-width:640px){.ocv-modal-overlay{padding:7px}.ocv-modal{padding:14px;max-height:calc(100vh - 14px)}.ocv-datebar input{width:135px}}
.ocv-modal select{width:100%;min-height:42px;padding:9px;border:1px solid #cadce2;border-radius:6px;background:#fff;color:#172c3e;font:inherit;font-size:13px}
.ocv-modal button:focus-visible,.ocv-modal select:focus-visible,.ocv-modal input:focus-visible{outline:2px solid #007579;outline-offset:2px}

/* Invoice editor / per-customer invoice navigation (v005.74) */
.opfi-modal-backdrop{position:fixed;inset:0;background:rgba(6,25,44,.58);z-index:100000;display:flex;justify-content:center;align-items:center;padding:22px;overflow:auto}
.opfi-modal{width:min(920px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:12px;box-shadow:0 24px 85px rgba(6,25,44,.28);padding:24px;color:#091b36}
.opfi-modal-top{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #dce6eb;padding-bottom:12px;font-weight:700;margin-bottom:14px}
.opfi-modal-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.opfi-modal-wide{grid-column:1/-1;display:grid;gap:6px;font-size:12px}
.opfi-modal-table{width:100%;border-collapse:collapse;font-size:13px;min-width:570px}
.opfi-modal-table th,.opfi-modal-table td{text-align:left;padding:9px;border-bottom:1px solid #e1e8ee}
.opfi-modal-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;justify-content:flex-end;margin-top:16px}
.opfi-cancel-confirm{padding:14px;margin-top:12px;background:#fff7f2;border:1px solid #f0d4c0;border-radius:8px;display:grid;gap:12px}
@media(max-width:640px){.opfi-modal-backdrop{padding:8px}.opfi-modal{padding:15px}.opfi-modal-fields{grid-template-columns:1fr}}

/* Customers period activity v005.77 */
.ocv-period-summary{display:grid;gap:12px;margin:18px 0}
.ocv-period-currency{border:1px solid #d9e4ea;border-radius:8px;overflow:hidden}
.ocv-period-heading{background:#eff6f8;padding:12px 16px;font-size:13px;color:#4b6070}
.ocv-period-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.ocv-period-cell{padding:14px 16px;border-right:1px solid #dfe8ed;display:grid;gap:7px;min-width:0}
.ocv-period-cell:last-child{border-right:0;background:#fffbf2}
.ocv-period-cell strong{font-size:clamp(14px,1.25vw,19px);font-variant-numeric:tabular-nums}
.ocv-period-secondary{margin:0;padding:10px 16px;border-top:1px solid #dfe8ed;font-size:12px}
@media(max-width:800px){.ocv-period-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ocv-period-cell{border-bottom:1px solid #dfe8ed}}

/* Customer contact editor: first/last name, email and international mobile on one row. */
.ocv-primary-contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}
.ocv-grid-spaced{margin-top:13px}
.ocv-primary-contact-grid>label,.ocv-phone-field{min-width:0;display:grid;gap:5px;font-size:12px;color:#4c6276}
.ocv-phone-row{display:flex;gap:6px;min-width:0}
.ocv-phone-row select{width:126px;max-width:48%;flex:0 0 126px;min-width:0}
.ocv-phone-row input{flex:1 1 auto;width:1px;min-width:0}
.ocv-primary-contact-grid input,.ocv-primary-contact-grid select{box-sizing:border-box}
@media(max-width:1120px){.ocv-primary-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ocv-primary-contact-grid{grid-template-columns:minmax(0,1fr)}}

/* Customers v005.82: receivables, not period invoice activity. */
.ocv-receivables{display:grid;gap:14px;margin:18px 0}
.ocv-receivable-currency{border:1px solid #d9e4ea;border-radius:8px;overflow:hidden}
.ocv-receivable-head{background:#eff6f8;padding:12px 16px;font-size:13px;color:#4b6070}
.ocv-receivable-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.ocv-receivable-cell{padding:16px;border-right:1px solid #dfe8ed;display:grid;align-content:start;gap:8px;min-width:0}
.ocv-receivable-cell:last-child{border-right:0}
.ocv-receivable-cell.ocv-receivable-primary{background:#f0f8f8}
.ocv-receivable-cell strong{font-size:clamp(17px,1.6vw,24px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ocv-receivable-foot{margin:0;padding:11px 16px;border-top:1px solid #dfe8ed;font-size:12px;color:#526779}
@media(max-width:800px){.ocv-receivable-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ocv-receivable-cell{border-bottom:1px solid #dfe8ed}.ocv-receivable-cell:nth-child(2){border-right:0}}
@media(max-width:480px){.ocv-receivable-grid{grid-template-columns:1fr}.ocv-receivable-cell{border-right:0}}

/* OPPON v005.83: brief sent indicator and compact incoming-invoice panel. */
.ocv-share-date{margin-top:4px;font-size:11px;line-height:1.4;}
.ocv-counter-row{display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #dce5ec;padding:10px 2px;}
.ocv-counter-list{max-height:260px;overflow:auto;}
.ocv-counter-check{display:flex;align-items:flex-start;gap:9px;margin:14px 0;color:#24394c;font-size:13px;line-height:1.5;}
.ocv-counter-check input{width:16px;height:16px;flex:none;margin-top:2px;}
.ocv-modal #ocv-counter-form .ocv-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));}

/* v005.84 — audited partial incoming-invoice offsets */
.ocv-counter-entry{border-bottom:1px solid #dce5ec;padding:4px 0 10px;}
.ocv-counter-entry .ocv-counter-row{border-bottom:0;}
.ocv-counter-amounts{display:block;color:#60768a;font-size:12px;margin-top:6px;}
.ocv-counter-apply{border:1px solid #dce5ec;background:#f7fafb;border-radius:8px;padding:14px;margin:4px 2px 12px;}
.ocv-counter-apply .ocv-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}


/* Prospects v005.90 — full-width detail, responsive two-pane CRM and compact directory channels */
#opw-prospect-root{width:100%;min-width:0}
#opw-prospect-root .opp-pr-panel{width:100%;max-width:none;min-width:0}
#opw-prospect-root .opp-pr-detail-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start;margin-top:20px;width:100%}
#opw-prospect-root .opp-pr-detail-columns>section{min-width:0;width:100%}
#opw-prospect-root .opp-pr-detail-columns textarea{width:100%;box-sizing:border-box}
#opw-prospect-root .opp-pr-detail-columns .opp-pr-bar{align-items:end;gap:10px}
#opw-prospect-root .opp-pr-detail-columns .opp-pr-bar label{flex:0 1 auto;min-width:0}
#opw-prospect-root .opp-pr-detail-header{align-items:center;gap:12px;min-height:45px;margin:0 0 12px}
#opw-prospect-root .opp-pr-detail-header h3{margin:0;line-height:1.4;min-width:0;overflow-wrap:anywhere}
#opw-prospect-root .opp-pr-detail-header .opp-pr-action-wrap{flex:0 0 auto}
#opw-prospect-root .opp-pr-stage-pill{display:inline-flex;align-items:center;justify-content:center;width:max-content;border:1px solid #cde1e6;background:#ecf7f7;color:#087377;padding:4px 10px;font-weight:650;font-size:11px;line-height:1.3;border-radius:999px;white-space:nowrap}
#opw-prospect-root .opp-pr-stage-NEW{border-color:#dce6ec;background:#f1f6f8;color:#496577}
#opw-prospect-root .opp-pr-stage-CONTACTED,#opw-prospect-root .opp-pr-stage-DISCUSSION{border-color:#bfe0e1;background:#e7f6f6;color:#066d77}
#opw-prospect-root .opp-pr-stage-PROPOSAL{border-color:#e7d7aa;background:#fff8e5;color:#845b17}
#opw-prospect-root .opp-pr-stage-WON{border-color:#b9dec7;background:#ecf8ee;color:#237044}
#opw-prospect-root .opp-pr-stage-ON_HOLD,#opw-prospect-root .opp-pr-stage-LOST{border-color:#e9d3d3;background:#fff3f2;color:#884848}
#opw-prospect-root .opp-pr-table-wrap{overflow-x:auto;width:100%;max-width:100%}
#opw-prospect-root .opp-pr-table{table-layout:auto;width:100%}
#opw-prospect-root .opp-pr-table th:nth-child(1){width:36%}
#opw-prospect-root .opp-pr-table th:nth-child(2){width:39%}
#opw-prospect-root .opp-pr-table th:nth-child(3){width:17%;min-width:135px}
#opw-prospect-root .opp-pr-table th:nth-child(4){width:8%;min-width:90px}
#opw-prospect-root .opp-pr-table td{vertical-align:middle;padding:12px 10px}
#opw-prospect-root .opp-pr-company-cell{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
#opw-prospect-root .opp-pr-company-cell b{line-height:1.45}
#opw-prospect-root .opp-pr-contact-name{font-weight:570;line-height:1.45;overflow-wrap:anywhere}
#opw-prospect-root .opp-pr-contact-sub{margin-top:3px;font-size:12px;color:#718697;line-height:1.5;overflow-wrap:anywhere}
#opw-prospect-root .opp-pr-sort{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:inherit;font:inherit;font-weight:700;padding:0;cursor:pointer;text-align:left}
#opw-prospect-root .opp-pr-sort:hover{color:#007b83}
#opw-prospect-root .opp-pr-sort:focus-visible{outline:2px solid #007b83;outline-offset:4px;border-radius:3px}
#opw-prospect-root .opp-pr-sort span[aria-hidden]{font-size:12px;color:#698294}
#opw-prospect-root .opp-pr-channel-list{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
#opw-prospect-root .opp-pr-channel{width:30px;height:30px;border:1px solid #dce8eb;border-radius:7px;display:grid;place-items:center;color:#4c7582;text-decoration:none;background:#fff}
#opw-prospect-root .opp-pr-channel svg{width:16px;height:16px}
#opw-prospect-root .opp-pr-channel:hover,#opw-prospect-root .opp-pr-channel:focus-visible{border-color:#037f85;color:#037f85;background:#eef9f8}
#opw-prospect-root .opp-pr-muted{color:#91a3ae}
#opw-prospect-root .opp-pr-action-wrap button{flex-shrink:0}
@media(max-width:920px){#opw-prospect-root .opp-pr-detail-columns{grid-template-columns:minmax(0,1fr);gap:22px}}
@media(max-width:700px){#opw-prospect-root .opp-pr-detail-header{flex-wrap:wrap}#opw-prospect-root .opp-pr-table{min-width:620px}}
@media(prefers-reduced-motion:reduce){#opw-prospect-root .opp-pr-spinner{animation:none}}

/* v005.91 — separate CRM cards and shared secure document-delivery dialog. */
#opw-prospect-root .opp-pr-detail-columns{margin-top:0;gap:18px;align-items:stretch}
#opw-prospect-root .opp-pr-detail-columns>.opp-pr-panel{margin:0;min-width:0;overflow:hidden}
#opw-prospect-root .opp-pr-detail-columns h3{margin:0 0 16px}
#opw-prospect-root .opp-pr-profile-card{margin-bottom:18px}
#opw-prospect-root .opp-pr-evidence-card{margin-top:18px}
/* v005.95: imported evidence is a full-width, optionally collapsed directory card. */
#opw-prospect-root details.opp-pr-evidence-card>summary{font-size:19px;font-weight:750;line-height:1.4;margin:0}
#opw-prospect-root details.opp-pr-evidence-card>.opp-pr-collapse-body{padding-top:16px;min-width:0}
#opw-prospect-root details.opp-pr-evidence-card:not([open]){padding-bottom:18px}
#opw-prospect-root .opp-pr-evidence-result{border-top:1px solid #e0eaed;padding-top:14px;margin-top:14px}
#opw-prospect-root .opp-pr-evidence-card label{min-width:230px;max-width:650px}
#opw-prospect-root .opp-pr-evidence-card select{width:100%;min-width:200px}
#opw-prospect-root .opp-pr-table th:first-child:has(input[type="checkbox"]){width:36px;min-width:36px}
#opw-prospect-root .opp-pr-table .opp-pr-choice{width:auto}
.ocv-documents-primary{background:#edf0fc!important;color:#3e4f9a!important;border-color:#cdd5f3!important;font-weight:750}
.ocv-documents-primary:hover:not(:disabled){background:#e1e8fe!important}
/* v005.98: equal vertical breathing room around the Customers directory footnote.
   The pager contributes its normal 12px bottom margin; the footer uses the
   same 12px gap between the warning and the archive control. */
.ocv-directory-footer{border-top:0;margin-top:0;padding-top:0;display:flex;flex-direction:column;gap:12px}
.ocv-directory-footer .ocv-caveat{font-size:12px;line-height:1.5;margin:0!important}
.ocv-archive-actions{margin:0;display:flex;align-items:center;gap:8px}
#oprd-root{position:fixed;inset:0;z-index:30050;display:grid;place-items:center;padding:16px}
#oprd-root .oprd-backdrop{position:absolute;inset:0;background:#0c2239aa}
#oprd-root .oprd-dialog{position:relative;background:#fff;border-radius:15px;border:1px solid #d9e5e9;box-shadow:0 26px 80px #0b243848;width:min(1060px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:26px;color:#10283b}
#oprd-root .oprd-head{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e2eaed;padding-bottom:16px}
#oprd-root h2{margin:0 0 6px;font-size:24px}
#oprd-root h3{margin:0 0 7px;font-size:17px}
#oprd-root p{line-height:1.55;color:#5c7284}
#oprd-root .oprd-head p{margin:0}
#oprd-root .oprd-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin:17px 0}
#oprd-root .oprd-columns>section{min-width:0;background:#fafcfd;border:1px solid #dce6ea;border-radius:9px;padding:15px}
#oprd-root .oprd-columns p{font-size:13px;margin:0 0 8px}
#oprd-root .oprd-scroll{height:220px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;border:1px solid #e3ebef;border-radius:7px;background:#fff}
#oprd-root .oprd-doc,#oprd-root .oprd-recipient{display:flex!important;align-items:center!important;flex-direction:row!important;gap:12px;padding:10px 12px;border-bottom:1px solid #edf0f3;margin:0;cursor:pointer;min-width:0}
#oprd-root .oprd-doc:last-child,#oprd-root .oprd-recipient:last-child{border-bottom:none}
#oprd-root .oprd-doc input,#oprd-root .oprd-recipient input{flex:0 0 17px;width:17px;height:17px;margin:0}
#oprd-root .oprd-doc span,#oprd-root .oprd-recipient span{min-width:0;overflow-wrap:anywhere;line-height:1.4;font-size:13px}
#oprd-root .oprd-doc small,#oprd-root .oprd-recipient small{display:block;color:#60778a;font-size:11px;margin-top:4px}
#oprd-root .oprd-options{display:flex;align-items:end;gap:15px;flex-wrap:wrap}
#oprd-root .oprd-options label{display:flex;flex-direction:column;gap:6px;font-size:13px;min-width:130px}
#oprd-root .oprd-options label:first-child{flex:1;max-width:470px}
#oprd-root select{width:100%;min-height:42px;border:1px solid #cbdce3;background:#fff;border-radius:7px;padding:9px;color:#213e53}
#oprd-root .oprd-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:15px 0}
#oprd-root .oprd-primary{color:white!important;background:#007e86!important;border-color:#007e86!important;font-weight:750}
#oprd-root .oprd-progress{display:flex;align-items:center;gap:9px;background:#f0f8fa;padding:10px;border-radius:7px;color:#27586a}
#oprd-root .oprd-spinner{display:inline-block;flex:0 0 14px;width:14px;height:14px;border-radius:50%;border:2px solid #a4d0d4;border-top-color:#087c84;animation:oprd-spin .75s linear infinite}
@keyframes oprd-spin{to{transform:rotate(360deg)}}
#oprd-root .oprd-error{color:#aa2626!important;background:#fff4f4;border:1px solid #f2c4c4;padding:10px;border-radius:6px;overflow-wrap:anywhere}
#oprd-root .oprd-note{color:#166b65!important;background:#f0f8f6;padding:10px;border-radius:6px}
#oprd-root .oprd-review{margin-top:18px;border:1px solid #d7e4e8;border-radius:9px;padding:16px;min-width:0}
#oprd-root .oprd-review-people{max-height:180px;overflow-y:auto;border:1px solid #e7eded;padding:9px;overflow-wrap:anywhere}
#oprd-root .oprd-review-people>div{padding:6px 0;border-bottom:1px solid #e9edef;font-size:13px}
#oprd-root .oprd-review-people small{color:#7a8896}
#oprd-root .oprd-approval{display:flex;align-items:start;gap:9px;font-size:13px;margin:12px 0}
#oprd-root .oprd-approval input{flex:0 0 17px;height:17px;width:17px;margin:2px 0}
#oprd-root .oprd-result{padding:13px 0;border-top:1px solid #e5ebee;overflow-wrap:anywhere}
#oprd-root .oprd-copy-row{display:flex;align-items:center;gap:10px;margin:9px 0}
#oprd-root .oprd-copy-body{min-width:0;flex:1;display:grid;gap:5px;font-size:12px}
#oprd-root .oprd-copy-body code{overflow-wrap:anywhere;word-break:break-all;background:#f3f8fa;padding:8px;border-radius:5px;font-size:12px}
#oprd-root .oprd-copied{color:#006f69;font-size:12px}
#oprd-root .oprd-history-row{border-bottom:1px solid #e5ebee;padding:9px 0;display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;font-size:12px}
@media(max-width:720px){#oprd-root .oprd-dialog{padding:14px}#oprd-root .oprd-columns{grid-template-columns:1fr}#oprd-root .oprd-scroll{height:150px}#opw-prospect-root .opp-pr-detail-columns{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#oprd-root .oprd-spinner{animation:none}}

/* Prospects v005.92 — full-width individual cards, directory social/profile alignment.
   Colgroup proportions keep the profile action at the far-right edge even when
   some prospects have no social links. No horizontal scrolling on desktop. */
#opw-prospect-root .opp-pr-directory{width:100%;table-layout:fixed}
#opw-prospect-root .opp-pr-directory--shared .opp-pr-col-select{width:4%}
#opw-prospect-root .opp-pr-directory--shared .opp-pr-col-company{width:30%}
#opw-prospect-root .opp-pr-directory--shared .opp-pr-col-contact{width:30%}
#opw-prospect-root .opp-pr-directory--shared .opp-pr-col-social{width:26%}
#opw-prospect-root .opp-pr-directory--shared .opp-pr-col-profile{width:10%}
#opw-prospect-root .opp-pr-directory--readonly .opp-pr-col-company{width:33%}
#opw-prospect-root .opp-pr-directory--readonly .opp-pr-col-contact{width:31%}
#opw-prospect-root .opp-pr-directory--readonly .opp-pr-col-social{width:26%}
#opw-prospect-root .opp-pr-directory--readonly .opp-pr-col-profile{width:10%}
#opw-prospect-root .opp-pr-directory th{width:auto;min-width:0}
#opw-prospect-root .opp-pr-directory th:first-child:has(input[type=checkbox]){width:auto;min-width:0}
#opw-prospect-root .opp-pr-directory th.opp-pr-action-col,
#opw-prospect-root .opp-pr-directory td:last-child{text-align:right}
#opw-prospect-root .opp-pr-directory th,
#opw-prospect-root .opp-pr-directory td{box-sizing:border-box;overflow-wrap:anywhere}
#opw-prospect-root .opp-pr-directory td:last-child .opp-pr-action-wrap{justify-content:flex-end}
#opw-prospect-root .opp-pr-directory .opp-pr-channel-list{gap:7px}
#opw-prospect-root .opp-pr-detail-stack{display:flex;flex-direction:column;align-items:stretch;gap:18px;width:100%;min-width:0;margin:0}
#opw-prospect-root .opp-pr-detail-stack > .opp-pr-panel{width:100%;min-width:0;margin:0;box-sizing:border-box}
#opw-prospect-root .opp-pr-detail-stack > .opp-pr-panel h3{margin:0 0 16px}
#opw-prospect-root .opp-pr-detail-stack textarea{width:100%;box-sizing:border-box}
#opw-prospect-root .opp-pr-detail-stack .opp-pr-bar{align-items:end;gap:10px}
#opw-prospect-root .opp-pr-detail-stack .opp-pr-bar label{flex:0 1 auto;min-width:0}
@media(max-width:850px){#opw-prospect-root .opp-pr-directory{min-width:830px}}
#opw-prospect-root .opp-pr-panel{box-sizing:border-box}

/* OPPON v005.93: full-width Prospect cards use the same accessible,
   persistently collapsible <details> pattern as Overview and Invoices. */
#opw-prospect-root .opp-pr-detail-stack > details.opp-pr-collapse{display:block;padding:22px;min-height:0}
#opw-prospect-root .opp-pr-detail-stack > details.opp-pr-collapse > summary,
#opw-prospect-agenda-root details.opp-pr-collapse > summary{font-size:19px;font-weight:750;line-height:1.4;margin:0;cursor:pointer}
#opw-prospect-root .opp-pr-detail-stack > details.opp-pr-collapse > summary::after,
#opw-prospect-agenda-root details.opp-pr-collapse > summary::after{top:0}
#opw-prospect-root .opp-pr-detail-stack .opp-pr-collapse-body,
#opw-prospect-agenda-root .opp-pr-collapse-body{padding-top:17px;min-width:0}
#opw-prospect-root .opp-pr-detail-stack > details.opp-pr-collapse:not([open]),
#opw-prospect-agenda-root details.opp-pr-collapse:not([open]){padding-bottom:22px}
#opw-prospect-root .opp-pr-detail-stack > details.opp-pr-collapse h4{margin-top:20px}
@media(max-width:700px){#opw-prospect-root .opp-pr-detail-stack > details.opp-pr-collapse{padding:17px 15px}}

/* OPPON v005.96 — Prospects directory: search/filter on the left; independent
   CRM actions anchored right. Enter in the search field runs the same search. */
#opw-prospect-root .opp-pr-directory-search{width:100%;margin:0 0 12px;min-width:0}
#opw-prospect-root .opp-pr-directory-search input{display:block;width:100%;min-width:0;box-sizing:border-box}
#opw-prospect-root .opp-pr-directory-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0;margin:0 0 14px}
#opw-prospect-root .opp-pr-directory-filters,
#opw-prospect-root .opp-pr-directory-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}
#opw-prospect-root .opp-pr-directory-actions{margin-left:auto;justify-content:flex-end}
#opw-prospect-root .opp-pr-directory-filters select{min-width:150px}
@media(max-width:700px){
 #opw-prospect-root .opp-pr-directory-filters,
 #opw-prospect-root .opp-pr-directory-actions{width:100%}
 #opw-prospect-root .opp-pr-directory-actions{margin-left:0;justify-content:flex-end}
}


/* OPPON v005.99 — Align Prospects directory hierarchy with Customer directory. */
#opw-prospect-root .opp-pr-directory-card{padding:clamp(16px,2.2vw,26px);margin-top:12px}
#opw-prospect-root .opp-pr-directory-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:20px;min-width:0}
#opw-prospect-root .opp-pr-directory-intro{flex:1 1 260px;min-width:0}
#opw-prospect-root .opp-pr-directory-head h2{font-size:23px;line-height:1.2;letter-spacing:-.035em;margin:0 0 7px;font-weight:750}
#opw-prospect-root .opp-pr-directory-head .ocv-count{display:inline-block;font-size:15px;line-height:1.3;font-weight:700;letter-spacing:0;padding:3px 11px;vertical-align:middle}
#opw-prospect-root .opp-pr-directory-intro p{font-size:13px;line-height:1.55;color:#637689;margin:7px 0 14px}
#opw-prospect-root .opp-pr-directory-head-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px;margin-left:auto;min-width:0}
#opw-prospect-root .opp-pr-directory-workspace{border:1px solid #d8e8eb;background:#f3f9fa;padding:12px 15px;border-radius:7px;font-size:13px;margin:12px 0 15px;min-width:0;overflow-wrap:anywhere}
#opw-prospect-root .opp-pr-directory-search-row{display:flex;align-items:center;gap:10px;min-width:0;margin:0 0 14px}
#opw-prospect-root .opp-pr-directory-search-row input[type=search]{flex:1 1 auto;width:auto!important;min-width:125px;max-width:none;box-sizing:border-box}
#opw-prospect-root .opp-pr-directory-search-row select{flex:0 0 178px;min-width:0;box-sizing:border-box}
#opw-prospect-root .opp-pr-directory-search-row>.opp-pr-action-wrap{flex:0 0 auto}
@media(max-width:690px){
 #opw-prospect-root .opp-pr-directory-head-actions{width:100%;margin-left:0;justify-content:flex-start}
 #opw-prospect-root .opp-pr-directory-search-row{flex-wrap:wrap}
 #opw-prospect-root .opp-pr-directory-search-row input[type=search]{flex:1 1 100%;width:100%!important}
 #opw-prospect-root .opp-pr-directory-search-row select{flex:1 1 135px}
}

#opw-prospect-root .opp-pr-directory-search-row input[type=search],
#opw-prospect-root .opp-pr-directory-search-row select,
#opw-prospect-root .opp-pr-directory-search-row [data-pr-action="find"]{min-height:44px}

/* v005.100 · Customer statement history: actionable engagement at a glance.
 * Do not highlight zero events or a merely queued message. */
.ocv-table .ocv-delivery-failed{color:#b42318;font-weight:500}
.ocv-table .ocv-delivery-success{color:#16803e;font-weight:500}
.ocv-table .ocv-access-engaged{font-weight:700;color:#172c3e}

/* Customer directory: highlight engagement only, never zero activity. */
.ocv-share-date .ocv-access-engaged{font-weight:700;color:#172c3e}

/* Customer Files v005.102 — minimal customer-scoped share history. */
.ocv-files-view .ocv-split{align-items:start;gap:18px}.ocv-files-view .ocv-split h3{margin-top:0}
.ocv-files-list{border:1px solid #e0e8ee;border-radius:7px;overflow:hidden;margin:19px 0 12px}
.ocv-file-row{display:flex;align-items:center;gap:15px;padding:17px 18px;background:#fff;border-bottom:1px solid #edf1f5;min-width:0}
.ocv-file-row:last-child{border-bottom:0}.ocv-file-icon{display:grid;place-items:center;width:40px;height:44px;background:#edf6f7;color:#087884;border-radius:5px;font-size:25px;flex:none}
.ocv-file-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.ocv-file-main strong{font-size:14px;overflow-wrap:anywhere}.ocv-file-main span,.ocv-file-status small{font-size:12px;color:#64768b}
.ocv-file-status{display:flex;flex-direction:column;gap:4px;text-align:right;font-size:12px}.ocv-file-status strong{color:#24606c}.ocv-files-empty{padding:34px 23px;text-align:center}.ocv-files-empty p{font-size:13px;color:#687d8e;max-width:480px;margin:8px auto 0}.ocv-files-note{font-size:11px}
@media(max-width:750px){.ocv-file-row{flex-wrap:wrap}.ocv-file-status{width:100%;margin-left:55px;text-align:left}.ocv-files-view .ocv-split{flex-wrap:wrap}}

/* OPPON Customer Files v005.103.1 — customer vault, agreements, activity.
   High-specificity container styles prevent legacy global rules collapsing rows. */
.ocv-shell .ocf-root{font-family:inherit;width:100%;color:#162439}
.ocv-shell .ocf-root *{box-sizing:border-box}
.ocv-shell .ocf-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.ocv-shell .ocf-head h3{font-size:20px;font-weight:770;letter-spacing:-.025em;margin:0 0 7px}
.ocv-shell .ocf-head p{font-size:13px;color:#6b7d8e;line-height:1.6;max-width:690px;margin:0}
.ocv-shell .ocf-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.ocv-shell .ocf-btn{font-family:inherit;background:#fff;border:1px solid #dce6eb;color:#234153;font-size:12px;font-weight:730;padding:10px 14px;border-radius:6px;cursor:pointer;min-height:40px}
.ocv-shell .ocf-btn:hover:not(:disabled){border-color:#8fbcc1;background:#f7fbfc}
.ocv-shell .ocf-btn:disabled{opacity:.5;cursor:not-allowed}
.ocv-shell .ocf-primary{background:#007780;color:#fff;border-color:#007780}
.ocv-shell .ocf-primary:hover:not(:disabled){background:#00646c;color:#fff}
.ocv-shell .ocf-tabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid #dfE7ed;margin-bottom:18px}
.ocv-shell .ocf-tab{background:none!important;color:#667c8d!important;border:0!important;border-bottom:2px solid transparent!important;cursor:pointer;padding:11px 16px!important;font-family:inherit;font-size:13px;font-weight:700;min-height:43px}
.ocv-shell .ocf-tab[aria-current=page]{color:#006a76!important;border-bottom-color:#007e85!important;background:#f3f9f9!important}
.ocv-shell .ocf-list{display:flex!important;flex-direction:column!important;border:1px solid #e0e8ee!important;overflow:hidden;border-radius:8px;margin:12px 0 16px;background:#fff}
.ocv-shell .ocf-row{display:flex!important;flex-direction:row!important;align-items:center!important;gap:16px!important;padding:17px!important;border-bottom:1px solid #e9edf2!important;background:#fff!important;min-width:0!important}
.ocv-shell .ocf-row:last-child{border-bottom:0!important}
.ocv-shell .ocf-row-icon{width:40px;min-width:40px;height:43px;background:#ebf5f6;border-radius:7px;display:grid!important;place-items:center;font-size:24px;color:#087b80}
.ocv-shell .ocf-row-detail{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0;flex:1}
.ocv-shell .ocf-row-detail strong{display:block;font-size:14px;line-height:1.4;color:#193045;font-weight:760;overflow-wrap:anywhere}
.ocv-shell .ocf-row-detail span{display:block;font-size:12px;line-height:1.5;color:#657989;overflow-wrap:anywhere}
.ocv-shell .ocf-row-right{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:8px;max-width:250px;text-align:right}
.ocv-shell .ocf-row-right small{font-size:12px;color:#687c8b;line-height:1.45}
.ocv-shell .ocf-state{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.02em;background:#edf8f6;color:#06796f;padding:5px 8px;border-radius:5px}
.ocv-shell .ocf-prepared{background:#fff6e9;color:#9d6a20}
.ocv-shell .ocf-row-buttons{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
/* v005.103.3: document and agreement actions are real buttons, not underlined text. */
.ocv-shell .ocf-link{display:inline-flex!important;align-items:center;justify-content:center;border:1px solid #cddfe5!important;background:#fff!important;color:#087780!important;text-decoration:none!important;cursor:pointer;padding:8px 12px!important;border-radius:6px!important;min-height:36px;font-family:inherit!important;font-size:12px!important;font-weight:730!important;line-height:1.25!important;white-space:normal;text-align:center}
.ocv-shell .ocf-link:hover:not(:disabled){background:#f2f9fa!important;border-color:#88bdc2!important}
.ocv-shell .ocf-link:focus-visible{outline:2px solid #007780!important;outline-offset:2px}
.ocv-shell .ocf-link:disabled{opacity:.48!important;text-decoration:none!important;background:#f0f5f6!important;cursor:not-allowed!important}
.ocv-shell .ocf-row-buttons{gap:8px!important}
.ocv-shell .ocf-row-right>.ocf-link{min-width:136px}
.ocv-shell .ocf-row-right{max-width:280px}
.ocv-shell .ocf-empty{background:#f9fbfc;border:1px dashed #dae6e9;border-radius:8px;text-align:center;padding:38px 26px;color:#637686;font-size:13px;line-height:1.6}
.ocv-shell .ocf-empty strong{color:#1b3341;font-size:15px}
.ocv-shell .ocf-empty p{margin:9px auto 0;max-width:640px}
.ocv-shell .ocf-form{display:grid!important;gap:14px!important;padding:20px!important;background:#f7fafb;border:1px solid #dce8ec;border-radius:8px;margin-bottom:17px;width:100%!important;max-width:none!important;min-width:0}
.ocv-shell .ocf-form h4{margin:0;font-size:17px;color:#172b3b}
.ocv-shell .ocf-form p{margin:0;font-size:13px;color:#617587}
.ocv-shell .ocf-form label{display:flex!important;flex-direction:column!important;gap:6px!important;font-size:12px!important;font-weight:700;color:#475e6c}
.ocv-shell .ocf-form input:not([type=checkbox]),.ocv-shell .ocf-form textarea,.ocv-shell .ocf-form select{min-height:40px;width:100%;border:1px solid #d3e0e6;background:white;padding:9px 11px;border-radius:6px;font:13px inherit;color:#172b3c}
.ocv-shell .ocf-form textarea{resize:vertical}
.ocv-shell .ocf-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.ocv-shell .ocf-form fieldset{border:1px solid #dce6eb;border-radius:7px;padding:13px;display:grid;gap:10px}
.ocv-shell .ocf-form legend{font-size:12px;font-weight:750;color:#49606f;padding:0 4px}
.ocv-shell .ocf-form fieldset,.ocv-shell .ocf-form label{min-width:0}
.ocv-shell .ocf-source-message{color:#506d7d;font-size:12px;line-height:1.5;padding:10px 12px;background:#edf5f7;border:1px solid #dce7ec;border-radius:6px}
.ocv-shell .ocf-source-error{color:#922c24;background:#fff5f3;border-color:#f0d1cb}
.ocv-shell .ocf-source-actions{display:flex;align-items:center;gap:9px}
.ocv-shell .ocf-form label.ocf-check{flex-direction:row!important;align-items:center;font-size:13px!important}
.ocv-shell .ocf-hint{font-size:11px;color:#718395;line-height:1.5;margin:14px 0 0}
.ocv-shell .ocf-alert,.ocv-shell .ocf-notice{padding:11px 13px;border-radius:5px;margin:12px 0;font-size:13px}
.ocv-shell .ocf-alert{color:#9b2422;background:#fff5f5;border:1px solid #f1d3d1}
.ocv-shell .ocf-notice{color:#086c5b;background:#f0faf6;border:1px solid #c9e5d8}
@media(max-width:760px){.ocv-shell .ocf-head{flex-direction:column}.ocv-shell .ocf-row{align-items:flex-start!important;flex-wrap:wrap}.ocv-shell .ocf-row-right{align-items:flex-start!important;text-align:left;margin-left:56px;max-width:none}.ocv-shell .ocf-fields{grid-template-columns:1fr}}
/* v005.104 Review & Sign — keeps Customer Files and its navigation intact. */
.ocf-sign-form{width:100%;max-width:none;margin:14px 0 20px}
.ocf-sign-form textarea{display:block;min-height:90px;width:100%;padding:10px 12px;border:1px solid #cedde5;border-radius:7px;font:inherit;resize:vertical;margin-top:6px}
.ocf-sign-form select{width:100%}
.ocf-signer{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:13px;color:#435c72;line-height:1.6;margin:5px 0}
.ocf-signer strong{color:#16344c}
.ocf-sign-summary{padding:12px 15px;border:1px solid #d7e5ec;border-radius:9px;background:#f8fbfd;margin:14px 0}
.ocf-signed{background:#e9f7f2;color:#04694f}
.ocf-row-right .ocf-link{min-width:150px;text-align:center}

/* v005.105.1 Customer Files: match Document Center drag-and-drop picker. */
.ocv-shell .ocf-file-control{min-width:0}
.ocv-shell .ocf-file-label{font-size:12px;font-weight:700;color:#475e6c;margin-bottom:8px}
.ocv-shell .ocf-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:166px;padding:24px 18px;border:2px dashed #9cbcc6;border-radius:10px;background:#f5fafb;color:#205468;text-align:center;transition:border-color .12s ease,background-color .12s ease}
.ocv-shell .ocf-dropzone strong{font-size:15px;line-height:1.4}
.ocv-shell .ocf-dropzone span{font-size:12px;line-height:1.5;color:#647c8e}
.ocv-shell .ocf-dropzone:hover,.ocv-shell .ocf-dropzone.ocf-dragover{background:#e9f7f8;border-color:#087c87}
.ocv-shell .ocf-dropzone:focus-within{outline:3px solid #4cb1c7;outline-offset:3px}
.ocv-shell .ocf-file-overlay{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:1;opacity:0;cursor:pointer;padding:0!important}
.ocv-shell .ocf-file-overlay:disabled{cursor:not-allowed}
.ocv-shell .ocf-file-feedback{margin:8px 0 0;color:#286878;font-size:13px;overflow-wrap:anywhere;line-height:1.5}
.ocv-shell .ocf-file-feedback.ocf-file-error{color:#b42318;font-weight:700}
@media(prefers-reduced-motion:reduce){.ocv-shell .ocf-dropzone{transition:none}}

/* v005.105.3 — stable, immediately visible action feedback and two-stage dossier guidance */
.ocv-shell .ocf-progress{display:flex;align-items:center;gap:11px;margin:-5px 0 17px;padding:11px 15px;min-height:43px;background:#edf7f8;border:1px solid #cbe5e8;border-radius:7px;color:#12636f;font-size:13px;font-weight:700;line-height:1.45}
.ocv-shell [data-ocf-progress][hidden]{display:none!important}
.ocv-shell .ocf-spinner{display:inline-block;width:17px;height:17px;min-width:17px;border:2px solid #b2d4d9;border-top-color:#007780;border-radius:50%;animation:ocf-spin .75s linear infinite}
@keyframes ocf-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ocv-shell .ocf-spinner{animation:none}}
.ocv-shell .ocf-step{display:inline-flex;align-self:flex-start;align-items:center;border:1px solid #cfe3e6;border-radius:999px;background:#eff7f8;color:#246c72;font-size:11px;line-height:1.5;font-weight:780;padding:4px 10px}
.ocv-shell .ocf-process-note{display:flex;flex-direction:column;gap:5px;background:#ecf6f8;border-left:3px solid #00838b;border-radius:5px;padding:12px 14px;color:#355c66;font-size:12px;line-height:1.55}
.ocv-shell .ocf-process-note strong{font-size:13px;color:#155963}
.ocv-shell .ocf-what-next{color:#42737c!important;font-weight:650;font-size:12px!important;line-height:1.55!important}
.ocv-shell .ocf-btn[aria-busy=true],.ocv-shell .ocf-link[aria-busy=true]{cursor:progress}

/* v005.105.3 — 3-stage agreement workflow, responsive and noninteractive */
.ocv-shell .ocf-workflow{margin:0 0 20px}
.ocv-shell .ocf-workflow ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none!important;margin:0!important;padding:0!important}
.ocv-shell .ocf-workflow li{display:flex;gap:10px;align-items:flex-start;min-width:0;padding:12px 13px;border:1px solid #d9e5e9;border-radius:9px;background:#fff}
.ocv-shell .ocf-workflow-number{display:flex;flex:none;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;border:1px solid #c7d7dc;background:#eff3f4;color:#47636f;font-size:12px;font-weight:800}
.ocv-shell .ocf-workflow li>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.ocv-shell .ocf-workflow strong{font-size:12px;line-height:1.35;color:#204757}
.ocv-shell .ocf-workflow li>div>span{font-size:11px;color:#667d88;line-height:1.45}
.ocv-shell .ocf-workflow-current{border-color:#3da0a6!important;background:#eff9fa!important}
.ocv-shell .ocf-workflow-current .ocf-workflow-number{background:#007b83;color:#fff;border-color:#007b83}
.ocv-shell .ocf-workflow-completed .ocf-workflow-number{background:#e6f4ec;color:#097357;border-color:#a7d5be}
.ocv-shell .ocf-workflow-upcoming{opacity:.8}
@media(max-width:740px){.ocv-shell .ocf-workflow ol{grid-template-columns:1fr;gap:6px}.ocv-shell .ocf-workflow li{padding:10px 12px}}

/* v005.105.5 — persistent three-step guide throughout the agreement lifecycle. */
.ocv-shell .ocf-workflow-panel{margin:0 0 20px;padding:16px;border:1px solid #d9e5e9;border-radius:10px;background:#fff}
.ocv-shell .ocf-workflow-panel .ocf-workflow{margin:0}
.ocv-shell .ocf-workflow-context{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.ocv-shell .ocf-workflow-heading{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.ocv-shell .ocf-workflow-heading>span{color:#007780;font-size:10px;font-weight:800;letter-spacing:.1em}
.ocv-shell .ocf-workflow-heading>strong{color:#102d40;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.ocv-shell .ocf-workflow-heading>small{color:#5d7480;font-size:12px}
.ocv-shell .ocf-workflow-panel .ocf-workflow li{padding:11px 12px}
@media(max-width:740px){.ocv-shell .ocf-workflow-panel{padding:12px}.ocv-shell .ocf-workflow-context>.ocf-btn{width:100%}}

/* v005.105.6 — Step 2: match OPPON spacing inside the nested signer form.
   The outer .ocf-form is a grid; the inner #ocf-sign-assign previously wasn't,
   so its labels, fieldset, note, declaration and actions ran together. */
.ocv-shell .ocf-sign-form #ocf-sign-assign{
 display:grid;grid-template-columns:minmax(0,1fr);gap:18px;
 width:100%;min-width:0;align-items:start;
}
.ocv-shell .ocf-sign-form #ocf-sign-assign>label:not(.ocf-check){
 margin:0;gap:8px!important;
}
.ocv-shell .ocf-sign-form #ocf-sign-assign>.ocf-provider-evidence{
 display:grid;gap:11px;margin:5px 0 1px;
}
.ocv-shell .ocf-sign-form .ocf-evidence-help{
 display:block;font-size:12px;font-weight:400;line-height:1.55;
 color:#667d88;margin:1px 0 3px;
}
.ocv-shell .ocf-sign-form #ocf-sign-assign>.ocf-process-note{
 margin:2px 0 3px;
}
.ocv-shell .ocf-sign-form #ocf-sign-assign>label.ocf-check{
 display:flex!important;gap:10px!important;margin:2px 0;
 align-items:flex-start;padding:4px 0;line-height:1.5;
}
.ocv-shell .ocf-sign-form #ocf-sign-assign>label.ocf-check input{
 flex:none;margin-top:2px;
}
.ocv-shell .ocf-sign-form #ocf-sign-assign>.ocf-actions{
 margin:2px 0 0;
}

/* v005.105.9: one active agreement, one action area during Steps 2 and 3. */
.ocv-shell .ocf-sign-stage-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ocv-shell .ocf-sign-stage-head h4{margin:0}
.ocv-shell .ocf-list-heading{margin:18px 0 10px;color:#243e50;font-size:14px;font-weight:750}
@media(max-width:640px){.ocv-shell .ocf-sign-stage-head>.ocf-btn{width:100%}}

/* v005.105.10: per-signer resend pill; only shown while that signer is invited. */
.ocv-shell .ocf-resend-pill{display:inline-flex;align-items:center;justify-content:center;
 padding:5px 10px;border:1px solid #b9dce0;border-radius:999px;
 background:#f2f9fa;color:#087780;font-size:11px;font-weight:700;line-height:1.3;cursor:pointer;margin-left:5px;
 white-space:nowrap}
.ocv-shell .ocf-resend-pill:hover:not(:disabled){background:#e4f3f4;border-color:#62afb5}
.ocv-shell .ocf-resend-pill:focus-visible{outline:2px solid #007e85;outline-offset:2px}
.ocv-shell .ocf-resend-pill:disabled{opacity:.55;cursor:not-allowed}

/* v005.105.10: archived agreements stay accessible but outside the live workflow. */
.ocv-shell .ocf-archived-section{margin-top:24px;border-top:1px solid #d9e4e9;padding-top:16px}
.ocv-shell .ocf-archived-section>summary{font-weight:700;font-size:14px;color:#344d5c;cursor:pointer;padding:12px 4px}
.ocv-shell .ocf-archived-section[open]>summary{margin-bottom:9px}
.ocv-shell .ocf-archive-action{color:#795338;border-color:#e3cbb7}
/* v005.105.12 — distinct customer audit trail vs communication delivery history */
.ocv-shell .ocf-activity-header{margin:10px 0 18px}
.ocv-shell .ocf-activity-header h3{margin:0 0 7px;font-size:18px;color:#0a2435}
.ocv-shell .ocf-activity-header p{margin:0;color:#687e91;font-size:13px;line-height:1.6}
.ocv-shell .ocv-communications-history{margin-top:28px;padding-top:23px;border-top:1px solid #e0e9ef}
.ocv-shell .ocv-communications-history h3{font-size:18px;margin:0 0 8px;color:#0a2435}
.ocv-shell .ocv-communications-history>p{margin:0 0 15px;max-width:900px;font-size:13px;color:#687e91;line-height:1.6}
.ocv-shell .ocv-communications-history .ocv-table td{vertical-align:top;line-height:1.55}
.ocv-shell .ocv-communications-history .ocv-table td:first-child{white-space:nowrap}

/* Reusable tenant message notices and send-time personal text. */
.opmn-settings{margin-top:16px;min-height:unset!important}.opmn-top{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.opmn-top h2{margin:0;font-size:17px}.opmn-top p{color:#64748b;font-size:12px}.opmn-list{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.opmn-list-item{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 13px;background:#f8fafc;border:1px solid #cddde6;border-radius:9px;cursor:pointer;text-align:left;color:#223548}.opmn-list-item small{color:#667b90}.opmn-form,.opmn-compose{display:grid;gap:10px;background:#f8fbff;border:1px solid #d7e5f1;border-radius:11px;padding:16px;margin:12px 0}.opmn-form label,.opmn-compose label{display:grid;gap:5px;font-size:12px;font-weight:600;color:#30475e}.opmn-form input:not([type=checkbox]),.opmn-form select,.opmn-form textarea,.opmn-compose textarea,.opmn-compose select{width:100%;padding:10px;border:1px solid #ccd9e2;border-radius:7px;background:white;color:#203347;font:inherit;font-size:13px;box-sizing:border-box}.opmn-form .opmn-check,.opmn-compose .opmn-check{display:flex;align-items:center;gap:8px}.opmn-form .opmn-check input,.opmn-compose .opmn-check input{width:auto}.opmn-form h3,.opmn-compose h4{margin:0;font-size:14px}.opmn-actions{display:flex;gap:9px;flex-wrap:wrap}.opmn-hint{font-size:11px;color:#667b90;margin:0}.opmn-error{color:#b42318}.opmn-success{color:#08745c}

/* v005.105.13: safe plain-text note preview in the send workflow */
.opmn-inline-preview{padding:13px 15px;border-radius:8px;border-left:4px solid #64748b;border-top:1px solid #d9e2eb;border-right:1px solid #d9e2eb;border-bottom:1px solid #d9e2eb;background:#fff;color:#273449;font-size:13px}
.opmn-inline-preview[hidden]{display:none}.opmn-inline-preview strong{font-size:12px;display:block;margin-bottom:5px}
.opmn-inline-preview p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.opmn-style-info,.opmn-style-information{background:#eff6ff;border-left-color:#1d4ed8}.opmn-style-important,.opmn-style-error{background:#fef2f2;border-left-color:#b42318}.opmn-style-warning{background:#fffbeb;border-left-color:#92400e}.opmn-style-success{background:#f0fdf4;border-left-color:#166534}
.ocv-personalized-history{margin-top:5px;font-size:11px;color:#42566d;max-width:300px}
.ocv-personalized-history summary{cursor:pointer;text-decoration:underline;text-underline-offset:2px}.ocv-personalized-history div{padding:7px 0;border-bottom:1px solid #e2e8f0}.ocv-personalized-history p{margin:3px 0;white-space:normal;overflow-wrap:anywhere}

/* v005.105.15 — bilingual notice editor and live email-safe preview. */
.opmn-settings .opmn-form{gap:16px}
.opmn-email-title-field{display:block;max-width:100%;margin:10px 0 12px}.opmn-email-title-field input{display:block;width:100%;box-sizing:border-box;margin-top:7px}.opmn-form-details{display:grid;grid-template-columns:minmax(200px,.85fr) minmax(260px,1.15fr);gap:14px}
.opmn-style-field{display:grid;gap:6px;max-width:460px}
.opmn-field-label{font-size:12px;font-weight:600;color:#30475e}
.opmn-style-control{position:relative}
.opmn-style-trigger{width:100%;min-height:49px;padding:8px 11px;background:#fff;border:1px solid #ccd9e2;border-radius:8px;display:flex;align-items:center;justify-content:space-between;color:#203347;cursor:pointer;font-size:13px;font-weight:600}
.opmn-style-selected,.opmn-style-option{display:flex;align-items:center;gap:11px}
.opmn-style-icon{flex:none;color:var(--opmn-style-fg)}
.opmn-style-selected .opmn-style-icon{background:var(--opmn-style-bg);width:31px;height:31px;box-sizing:border-box;padding:5px;border-radius:7px}
.opmn-style-trigger:hover{border-color:#90b0bf}.opmn-style-trigger:focus-visible,.opmn-style-option:focus-visible{outline:3px solid #81c6d4;outline-offset:2px}
.opmn-chevron{color:#667b90;flex:none}
.opmn-style-list[hidden]{display:none}
.opmn-style-list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 5px);padding:5px;background:#fff;border:1px solid #cadbe6;box-shadow:0 12px 32px rgba(21,46,67,.16);border-radius:9px;display:grid;gap:2px}
.opmn-style-option{width:100%;text-align:left;background:#fff;border:0;border-radius:6px;padding:9px 11px;color:#25364a;cursor:pointer;font:inherit;font-size:13px}
.opmn-style-option:hover,.opmn-style-option:focus-visible{background:#f0f7fa}.opmn-style-option[aria-selected=true]{background:#eaf5f7;font-weight:700}
.opmn-style-option .opmn-style-icon{width:23px;height:23px}.opmn-option-check{margin-left:auto;color:#087d82;font-weight:700}
.opmn-editor-preview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch}
.opmn-language-editors{display:grid;gap:14px;align-content:start;min-width:0}
.opmn-language-editors textarea{min-height:132px;resize:vertical;line-height:1.55}
.opmn-preview-panel{min-width:0;border:1px solid #d7e4ee;border-radius:11px;background:#f5f8fb;overflow:hidden;display:flex;flex-direction:column}
.opmn-preview-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #d7e4ee}
.opmn-preview-top>div:first-child{display:grid;gap:4px}.opmn-preview-top strong{font-size:13px;color:#19344a}.opmn-preview-top span{font-size:11px;color:#6a7c8d;line-height:1.4}
.opmn-preview-languages{display:flex;flex:none;align-items:center;border:1px solid #c8dae5;border-radius:7px;padding:2px;background:white}
.opmn-preview-languages button{border:0;border-radius:5px;padding:6px 11px;background:none;color:#5e7285;font-size:12px;font-weight:700;cursor:pointer}
.opmn-preview-languages button.active{color:#057b80;background:#e7f4f5}
.opmn-email-frame{padding:16px;flex:1;display:flex;align-items:center}
.opmn-email-paper{width:100%;background:#fff;border:1px solid #e0e8ef;border-radius:8px;padding:16px 13px;box-shadow:0 3px 11px rgba(20,45,65,.04);min-width:0}
.opmn-email-placeholder{height:6px;max-width:74%;border-radius:4px;background:#e6edf3;margin:0 0 16px}
.opmn-email-placeholder-short{max-width:45%;margin:16px 0 0}
.opmn-email-notice{margin:14px 0;padding:15px 17px;background:#fef2f2;border:1px solid #fca5a5;border-left:4px solid #b42318;border-radius:8px;font-family:Arial,Helvetica,sans-serif;min-width:0}
.opmn-email-notice-heading{font-size:14px;line-height:1.4;font-weight:700;color:#b42318;margin-bottom:7px;overflow-wrap:anywhere}
.opmn-email-notice-text{font-size:13px;line-height:1.55;color:#243449;white-space:pre-wrap;overflow-wrap:anywhere}.opmn-preview-empty{color:#7f8b98;font-style:italic}
.opmn-preview-footnote{margin:0;padding:0 14px 13px;font-size:11px;color:#718396;line-height:1.5}
.opmn-flags{display:flex;flex-wrap:wrap;gap:12px 22px}
@media(max-width:800px){.opmn-form-details,.opmn-editor-preview-grid{grid-template-columns:minmax(0,1fr)}.opmn-preview-panel{min-height:260px}.opmn-email-frame{align-items:flex-start}}
@media(max-width:420px){.opmn-preview-top{align-items:flex-start;flex-wrap:wrap}.opmn-form,.opmn-compose{padding:12px}}

/* v005.105.16 · notice names and selection in send dialogs */
.opmn-choices{margin:0;padding:10px 12px;border:1px solid #d1e0eb;border-radius:9px;min-width:0;background:white}
.opmn-choices legend{padding:0 6px;font-weight:700;font-size:12px;color:#30475e}
.opmn-choices-list{display:grid;gap:8px;margin:6px 0 10px;font-size:12px;color:#334155}
.opmn-notice-choice{display:flex!important;flex-direction:row!important;gap:10px!important;align-items:start!important;background:#f8fbfd;border:1px solid #e0e9ef;border-radius:8px;padding:10px;cursor:pointer}
.opmn-notice-choice input{flex:none;margin-top:4px;width:auto!important}
.opmn-notice-choice span{min-width:0;display:grid;gap:3px}.opmn-notice-choice b{font-size:12px}.opmn-notice-choice small{color:#65798b;font-size:11px;max-height:45px;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}
.opmn-language-editors textarea#opmn-body{min-height:250px}

/* v005.105.18 — accessible save/initial-load preloader and compact status feedback. */
@keyframes opmn-spin{to{transform:rotate(360deg)}}
.opmn-spinner{display:inline-block;flex:none;width:15px;height:15px;box-sizing:border-box;border:2px solid #b6d5d8;border-top-color:#007b83;border-radius:50%;animation:opmn-spin .75s linear infinite;vertical-align:middle}
.opmn-loading{display:inline-flex;align-items:center;gap:9px;margin:8px 0;font-size:12px;color:#58738a}
#opmn-save{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:116px}
#opmn-save[aria-busy=true]{cursor:progress;opacity:.75}
.opmn-settings button:disabled{cursor:wait;opacity:.65}
.opmn-saving-status{color:#40677b;font-size:12px}
#opmn-feedback:empty{display:none}
#opmn-feedback p{margin:8px 0;line-height:1.5}
@media(prefers-reduced-motion:reduce){.opmn-spinner{animation:none}}

/* v005.105.19: identify approved invoice offsets in bulk statement preview. */
.ocv-shell .ocv-offset-label{display:block;color:#87651a;font-weight:650;margin-top:3px;font-size:12px;line-height:1.5}
/* Company-specific indicative interest settings */
.opis-section{padding:20px 24px}.opis-section h2{margin:0 0 8px;font-size:19px}.opis-description{color:#61798b;margin-bottom:18px;font-size:14px}.opis-label{display:block;font-size:13px;font-weight:650;margin:0 0 8px}.opis-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.opis-controls input{border:1px solid #cbdbe5;border-radius:7px;padding:10px 12px;font:inherit;max-width:190px;min-width:135px}.opis-muted{font-size:13px;line-height:1.6;color:#657e92;margin:12px 0}.opis-error{color:#b42318;font-size:14px}.opis-success{color:#167447;font-size:14px}

/* OPPON Company Hub v005.105.22 — Settings company identity and bank registry. */
.oph-hub{min-height:unset;margin-top:16px;padding:25px!important}
.oph-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;flex-wrap:wrap}.oph-head h2{font-size:22px;margin:3px 0 9px}.oph-head p{color:#61788b;line-height:1.55;margin:0;max-width:690px;font-size:13px}
.oph-head .oph-overline{font-size:11px;letter-spacing:1px;font-weight:800;color:#07868b}
.oph-company-label{background:#f1f8fb;color:#173449;border:1px solid #cde4ea;border-radius:9px;font-weight:700;padding:10px 14px;font-size:12px;max-width:300px}
.oph-company-tabs{margin-top:22px} /* Reuse .ocv-tabs customer-detail tab appearance without a second style system. */
.oph-hub button:focus-visible,.oph-hub input:focus-visible,.oph-hub select:focus-visible{outline:3px solid #52d5ce;outline-offset:2px}
.oph-count{font-size:10px;border-radius:10px;padding:3px 6px;background:#dceef0;color:#153f4b}.oph-next{color:#879eac;font-size:12px;margin-left:auto}
.oph-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.74fr);gap:24px;align-items:start}.oph-hub h3{margin:0 0 10px;font-size:16px}.oph-help{font-size:12px;color:#71889a;line-height:1.5;margin:0 0 15px}
.oph-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.oph-field{font-size:12px;font-weight:600;color:#45647a;min-width:0;display:flex;flex-direction:column;gap:6px}.oph-full{grid-column:span 2}.oph-field input,.oph-field select{width:100%;min-width:0;font:inherit;font-weight:500;color:#19394f;border:1px solid #cbdbe2;border-radius:7px;min-height:40px;background:#fff;padding:9px 10px}.oph-field input:disabled,.oph-field select:disabled{background:#eff5f7}
.oph-color{display:flex;gap:8px;align-items:center}.oph-color span{width:26px;height:26px;border-radius:7px;border:1px solid #cbdbe2;flex-shrink:0}.oph-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.oph-preview{background:#f3f8fa;border-radius:12px;padding:20px;border:1px solid #e0edf1;position:sticky;top:20px}.oph-paper{background:white;padding:24px 21px;min-height:260px;box-shadow:0 8px 24px #12304710;border:1px solid #e0e9ef;overflow-wrap:anywhere}.oph-paper h3{margin:14px 0 3px;font-size:20px}.oph-paper p{font-size:12px;color:#5c7387;line-height:1.6;margin:7px 0}.oph-rule{height:4px;margin:15px 0;border-radius:6px}.oph-logo{height:66px;display:flex;align-items:center;justify-content:flex-start}.oph-logo img{max-width:210px;max-height:65px;object-fit:contain}.oph-logo span{color:#8297a6;display:flex;gap:6px;align-items:center}.oph-logo small{font-size:12px}
.oph-bank-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.oph-bank-list,.oph-bank-form{min-width:0}.oph-bank-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.oph-bank-title h3{margin:0}.oph-bank-row{border:1px solid #dae7ec;border-radius:10px;padding:15px;margin-bottom:10px}.oph-bank-row.oph-archived{opacity:.62}.oph-bank-row-head{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:14px}.oph-pill{background:#eaf4f7;padding:3px 8px;border-radius:7px;color:#24596c;font-size:10px;font-weight:800}.oph-default{background:#e9f6ef;color:#08734e}.oph-bank-meta{font-size:12px;color:#607b8e;line-height:1.6;margin:5px 0}.oph-bank-actions{display:flex;gap:8px;align-items:center}.oph-bank-actions button{border:0;background:none;padding:4px 0;margin-right:12px;cursor:pointer;color:#087b81;font:inherit;font-size:12px;font-weight:700}.oph-bank-form{padding:19px;border:1px solid #dfebef;border-radius:10px;background:#f9fcfd}.oph-checkbox{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:12px;color:#46677b}.oph-checkbox input{width:18px;height:18px}.oph-empty{font-size:13px;color:#71889a;padding:18px;border:1px dashed #ccdde4;border-radius:10px}.oph-loading{padding:28px;color:#527285;display:flex;gap:9px;align-items:center}.oph-spinner{display:inline-block;width:16px;height:16px;border:2px solid #b8d8dc;border-top-color:#087b81;border-radius:50%;animation:oph-spin .75s linear infinite;vertical-align:middle}.oph-feedback{padding:10px 14px;border-radius:8px;font-size:13px;margin-top:15px}.oph-error{background:#fdf0ef;color:#b42318}.oph-ok{background:#eaf8f0;color:#197447}
@keyframes oph-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.oph-spinner{animation:none}}
@media(max-width:850px){.oph-columns,.oph-bank-layout{grid-template-columns:1fr}.oph-preview{position:static}.oph-next{margin-left:0}}
@media(max-width:480px){.oph-hub{padding:15px!important}.oph-fields{grid-template-columns:1fr}.oph-full{grid-column:span 1}.oph-head h2{font-size:20px}}

/* Company Hub 005.105.23: compact country selectors, international phones and drag/drop media. */
.oph-phone{display:flex;gap:6px;min-width:0}.oph-phone select{width:125px;flex:0 0 125px;font-size:11px}.oph-phone input{flex:1;min-width:0}
.oph-logo-uploader{margin-top:18px}.oph-logo-uploader h4{margin:0 0 9px;font-size:13px;color:#2c4a5e}
.oph-dropzone{border:2px dashed #a8ccd5;border-radius:11px;background:#fff;min-height:145px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-align:center;color:#284f66;position:relative}
.oph-dropzone:hover,.oph-dropzone.oph-dragging{border-color:#07868b;background:#e9f7f8}.oph-dropzone input{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:pointer}.oph-dropzone input:disabled{cursor:default}.oph-dropzone strong{font-size:12px}.oph-dropzone small{font-size:11px;color:#688599}.oph-upload-icon{font-size:27px;line-height:1;color:#07868b}
@media(max-width:480px){.oph-phone select{width:108px;flex-basis:108px}}

/* v005.105.24 — Company Hub is the single workspace switcher; team management lives below. */
.oph-company-controls{display:flex;align-items:center;gap:10px;max-width:100%;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}
.oph-company-new{min-height:40px;white-space:nowrap;font-size:12px!important;font-weight:750}
.oph-company-selector{position:relative;max-width:100%;min-width:0;display:block}
.oph-company-selector select{appearance:none;-webkit-appearance:none;background:#f1f8fb;color:#173449;border:1px solid #cde4ea;border-radius:9px;font-weight:750;padding:12px 32px 12px 13px;font-size:12px;max-width:min(100%,320px);min-width:195px;cursor:pointer;line-height:1.35;text-overflow:ellipsis}
.oph-company-selector:after{content:'⌄';position:absolute;pointer-events:none;right:12px;top:50%;transform:translateY(-55%);font-size:16px;color:#47677d}
.oph-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.oph-company-create{margin:16px 0 4px;padding:17px;background:#f5fafb;border:1px solid #d7e7eb;border-radius:10px;display:flex;gap:10px;flex-wrap:wrap;align-items:end}
.oph-company-create[hidden]{display:none}
.oph-company-create>div{flex:1 1 250px;min-width:0}
.oph-company-create label{display:block;font-size:12px;font-weight:700;color:#3d6075;margin-bottom:7px}
.oph-company-create input{box-sizing:border-box;width:100%;min-height:41px;border-radius:7px;border:1px solid #cadde5;padding:10px 12px;font:inherit;font-size:13px;background:white}
.oph-company-create button{min-height:41px}
.oph-company-create p{flex:1 1 100%;font-size:12px;margin:0}
.oph-company-empty{margin:20px 0 0}
.opw-team-card{margin-top:16px;min-height:100px!important;padding:23px!important}
.opw-team-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.opw-team-heading h2{font-size:19px;margin:2px 0 6px}
.opw-team-heading p{font-size:12px;color:#6c8191;line-height:1.5;margin:0}
.opw-team-heading .opw-team-eyebrow{font-size:10px;font-weight:800;letter-spacing:1px;color:#07868b}
.opw-team-heading button{margin-left:auto;min-height:41px}
.opw-member-list{margin-top:17px;color:#536475;font-size:13px}
.opw-member-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #e3ebef}
.opw-member-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 38px;background:#e6f1f5;border:1px solid #cbdfe6;color:#214b62;font-size:13px;font-weight:800}
.opw-member-identity{flex:1;min-width:0}.opw-member-identity strong{display:block;color:#16354b;font-size:13px;font-weight:750;overflow-wrap:anywhere}.opw-member-identity small{display:block;color:#778b9a;font-size:11px;overflow-wrap:anywhere;margin-top:3px}
.opw-member-role{font-size:11px;padding:5px 9px;background:#f0f6f9;color:#446578;border:1px solid #d6e6ec;border-radius:7px;font-weight:700}
.opw-invite-panel{background:#f7fafc;border:1px solid #deebef;border-radius:10px;margin:16px 0;padding:19px}
.opw-invite-panel[hidden]{display:none}
.opw-invite-panel h3{font-size:15px;margin:0 0 14px}
.opw-invite-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.opw-invite-fields label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#426077;font-weight:600}
.opw-invite-fields input,.opw-invite-fields select{min-width:0;width:100%;box-sizing:border-box;min-height:42px;background:white;border:1px solid #cadde5;border-radius:7px;padding:10px;font:inherit;font-size:13px}
.opw-invite-fields label[hidden]{display:none}
.opw-invite-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0}.opw-invite-actions button{min-height:41px}
.opw-invite-note{font-size:12px!important;color:#7a8a9a;line-height:1.5;margin:5px 0}
.opw-pending-section{margin-top:20px;border-top:1px solid #e0e9ed;padding-top:16px}
.opw-pending-section summary{list-style:none;cursor:pointer;color:#2b5065;font-size:13px;font-weight:750;display:flex;justify-content:space-between;align-items:center}
.opw-pending-section summary::-webkit-details-marker{display:none}
.opw-pending-section[open] summary>span{transform:rotate(180deg)}
.opw-pending-list{font-size:13px;color:#536475;margin-top:12px}
@media(max-width:720px){.oph-company-controls{width:100%;justify-content:space-between}.oph-company-selector{flex:1;min-width:0}.oph-company-selector select{width:100%;max-width:none;min-width:0}.oph-company-new{order:2}.opw-invite-fields{grid-template-columns:1fr}}
@media(max-width:480px){.opw-team-card{padding:16px!important}.oph-company-new{font-size:11px!important}.oph-company-controls{gap:8px}.oph-company-selector select{font-size:11px;padding:12px 27px 12px 9px}.oph-company-create button{flex:1 1 auto}}
/* Keep the active company and New company action on the Hub title row on wide screens. */
.oph-head>div:first-child{flex:1 1 410px;min-width:0}
.oph-head>.oph-company-controls{flex:0 1 auto;max-width:100%}
.oph-company-new,.opw-team-heading #opw-toggle-invite{border:1px solid #cbdfe6;border-radius:7px;background:white;color:#20465e;padding:10px 13px;font-family:inherit;font-weight:750;cursor:pointer}
.oph-company-new:hover,.opw-team-heading #opw-toggle-invite:hover{background:#f0f8fa;border-color:#8abfcd}
@media(max-width:720px){.oph-head>div:first-child{flex:1 1 100%}.oph-head>.oph-company-controls{flex:1 1 100%}}

/* Settings / Members v005.105.25: stronger disclosure and select affordances. */
.oph-company-selector::after{content:"";width:11px;height:11px;right:15px;top:45%;border-right:3px solid #163d59;border-bottom:3px solid #163d59;transform:translateY(-50%) rotate(45deg)}
.opw-pending-section summary>span{display:inline-block;width:11px;height:11px;font-size:0;border-right:3px solid #123b54;border-bottom:3px solid #123b54;transform:rotate(45deg);margin-right:5px;transition:transform .2s ease}
.opw-pending-section[open] summary>span{transform:rotate(225deg)}
.opw-invite-fields select{appearance:none;-webkit-appearance:none;padding-right:43px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath d='m5 9 7 7 7-7' fill='none' stroke='%23163d59' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:21px}
.opw-member-row .opw-member-avatar img,.opw-member-avatar-large img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.opw-member-edit-toggle{font-size:12px!important;padding:7px 12px!important;min-height:35px!important}
.opw-member-editor{margin:0 0 14px 50px;padding:18px;border:1px solid #d8e5ec;border-radius:10px;background:#f8fbfd}
.opw-member-editor h3{font-size:15px;margin:0 0 12px}
.opw-member-edit-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.opw-member-edit-fields label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#426077;font-weight:650}
.opw-member-edit-fields input,.opw-member-edit-fields select{width:100%;min-width:0;min-height:39px;box-sizing:border-box;border:1px solid #cadde5;border-radius:7px;padding:9px;background:white;color:#173449;font:inherit}
.opw-member-edit-fields select:disabled{background:#eef3f6;color:#637481}
.opw-member-edit-photo{display:flex;align-items:center;gap:15px;margin-bottom:15px}
.opw-member-avatar-large{width:72px;height:72px;flex:0 0 72px;font-size:22px}
.opw-member-photo-drop{border:2px dashed #a7cbdc;border-radius:9px;padding:12px 16px;min-height:64px;flex:1;display:flex;flex-direction:column;justify-content:center;cursor:pointer;background:#fff;color:#234962}
.opw-member-photo-drop input{display:none}.opw-member-photo-drop small{font-size:11px;color:#758ba0;margin-top:4px}.opw-member-photo-drop.opw-photo-dragging{background:#e5f7fc;border-color:#0d52a0}
.opw-member-security-note{font-size:12px;color:#667b8d;line-height:1.5;margin:14px 0 10px}
.opw-member-editor-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.opw-member-editor-actions span{font-size:12px;color:#255b74}
@media(max-width:720px){.opw-member-editor{margin-left:0;padding:13px}.opw-member-edit-fields{grid-template-columns:1fr}.opw-member-row{flex-wrap:wrap}.opw-member-row .opw-member-edit-toggle{margin-left:auto}}

/* v005.105.26: keep the bank count aligned inside the shared Customer-style navigation. */
.oph-company-tabs .oph-count{display:inline-block;vertical-align:middle;margin-left:5px}
.oph-company-tabs .oph-next{align-self:center}

/* v005.105.28 — reusable pro-forma template designer in Company Hub */
.opt-shell{margin-top:0}.opt-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin:2px 0 22px}.opt-intro h3{font-size:19px;margin:0 0 8px}.opt-intro p{font-size:13px;color:#647f90;line-height:1.6;max-width:760px;margin:0}.opt-intro-actions{display:flex;align-items:center;gap:12px}.opt-status{font-size:12px;color:#78909d}.opt-save{background:#10354b!important;color:#fff!important;border-color:#10354b!important;min-height:40px}.opt-save:disabled{opacity:.5}
.opt-layout{display:grid;grid-template-columns:minmax(310px,.84fr) minmax(0,1.16fr);gap:22px;align-items:start}.opt-controls{display:flex;flex-direction:column;gap:15px;min-width:0}.opt-control-section{border:1px solid #dce8ee;border-radius:11px;padding:17px;background:#fff}.opt-control-section h4{font-size:14px;margin:0 0 14px;color:#173449}.opt-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.opt-group-head h4{margin-bottom:13px}.opt-group-head small{font-size:10px;color:#7a8fa0}.opt-style-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.opt-style-choice{background:#fff;border:1px solid #d3e2e9;border-radius:9px;padding:10px 6px;cursor:pointer;font:inherit;color:#25495e;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.opt-style-choice b{font-size:11px}.opt-style-choice.opt-selected{border:2px solid #07868b;background:#f1faf9;padding:9px 5px}.opt-style-choice:disabled{cursor:default}.opt-style-sample{display:flex;flex-direction:column;gap:4px;background:white;width:70px;height:72px;padding:10px;box-shadow:0 1px 5px #14405d22;border:1px solid #e2e9ef}.opt-style-sample i{display:block;height:4px;background:#aec4d2;border-radius:2px}.opt-style-sample i:first-child{height:13px;width:56%;background:#0d52a0}.opt-style-sample i:nth-child(2){width:85%}.opt-style-sample i:nth-child(3){width:100%}.opt-style-sample-classic{border-top:8px solid #173449}.opt-style-sample-classic i:first-child{background:#173449;width:100%;height:7px}.opt-style-sample-minimal i:first-child{background:#111827;width:37%;height:8px}.opt-style-sample-modern{border-left:8px solid #0d52a0}.opt-style-sample-modern i:first-child{height:15px}
.opt-block-list{display:flex;flex-direction:column;gap:6px}.opt-block-row{display:flex;align-items:center;gap:10px;border:1px solid #dbe7ec;background:#fcfefe;padding:10px 9px;border-radius:8px;transition:border-color .1s,background .1s}.opt-block-row[draggable=true]{cursor:grab}.opt-block-row.opt-drop-target{border:2px dashed #008e93;background:#e9f8fa;padding:9px 8px}.opt-block-row.opt-dragged{opacity:.52}.opt-block-row.opt-block-off{opacity:.57}.opt-grip{font-size:21px;color:#92aabd;user-select:none}.opt-block-name{flex:1;min-width:0}.opt-block-name strong{display:block;font-size:12px;color:#193b51}.opt-block-name small{display:block;color:#7b91a0;font-size:10px;line-height:1.5;margin-top:2px}.opt-reorder{display:flex;gap:2px}.opt-reorder button{border:1px solid #dde8ec;background:#fff;border-radius:6px;width:25px;height:26px;font-size:14px;color:#35556d;cursor:pointer}.opt-reorder button:disabled{opacity:.25;cursor:default}.opt-switch{display:inline-block;position:relative;width:30px;height:18px;flex:0 0 30px}.opt-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.opt-switch span{position:absolute;inset:0;border-radius:12px;background:#c4d1d9;pointer-events:none;transition:background .15s}.opt-switch span:before{content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .15s}.opt-switch input:checked+span{background:#07868b}.opt-switch input:checked+span:before{transform:translateX(12px)}.opt-switch input:focus-visible+span{outline:3px solid #52d5ce;outline-offset:2px}.opt-switch input:disabled+span{opacity:.67}
.opt-preferences{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opt-preferences label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650;color:#3f6479}.opt-preferences select{min-width:0;border:1px solid #c8dae4;border-radius:7px;padding:10px;background:#fff;color:#234962;font:inherit;font-size:12px}.opt-notice-options{display:flex;flex-direction:column;gap:6px;margin:12px 0}.opt-notice-choice{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid #dfebef;border-radius:8px;cursor:pointer}.opt-notice-choice input{width:16px;height:16px;accent-color:#07868b;margin:3px 0 0}.opt-notice-choice strong{display:block;color:#153950;font-size:12px}.opt-notice-choice small{display:block;font-size:10px;color:#748f9f;margin-top:3px}.opt-hint{color:#74889a;font-size:11px;line-height:1.6;margin:9px 0}.opt-preview-column{background:#f1f6f8;border:1px solid #dce8ee;border-radius:12px;padding:17px;min-width:0}.opt-preview-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.opt-preview-head h4{font-size:15px;margin:0 0 4px;color:#19384b}.opt-preview-head small{color:#7990a0;font-size:10px;line-height:1.5}.opt-preview-head button{font-size:11px!important}.opt-after-paper{margin-top:14px}
.opt-a4{--opt-accent:#0d52a0;background:#fff;margin:auto;max-width:650px;width:100%;min-height:770px;padding:36px 34px 24px;border:1px solid #e2eaf0;box-shadow:0 8px 27px #10354b1c;display:flex;flex-direction:column;gap:20px;color:#19374b;overflow-wrap:anywhere;font-family:Arial,Helvetica,sans-serif}.opt-a4 img{max-width:150px;max-height:46px;object-fit:contain}.opt-preview-block{break-inside:avoid}.opt-doc-identity{display:flex;align-items:start;justify-content:space-between;gap:14px}.opt-brand{display:flex;align-items:center;gap:13px;min-width:0}.opt-brand>div{min-width:0}.opt-brand strong{font-size:19px;font-weight:800;line-height:1.2;display:block;color:#0b263c}.opt-brand small{font-size:10px;color:#75899a;display:block;margin-top:5px}.opt-sender-address{max-width:140px;line-height:1.55;font-size:9px;color:#7890a0;text-align:right}.opt-logo-placeholder{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;background:var(--opt-accent);border-radius:7px;color:#fff;font-size:23px;font-weight:800}.opt-doc-details{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:13px 0;border-top:4px solid var(--opt-accent);border-bottom:1px solid #e0e8ed}.opt-doc-details>div:first-child strong{display:block;font-size:12px;color:#6d8596;margin-top:5px}.opt-document-kind{font-size:24px;line-height:1;letter-spacing:.02em;font-weight:800;color:#0d2940}.opt-details-grid{display:flex;gap:15px}.opt-details-grid>div{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.opt-details-grid small{font-size:9px;color:#7991a3}.opt-details-grid b{font-size:11px;white-space:nowrap}.opt-doc-customer{display:flex;flex-direction:column;gap:5px}.opt-block-label{display:block;font-size:10px;color:var(--opt-accent);font-weight:800;letter-spacing:.08em;margin-bottom:5px}.opt-doc-customer strong{font-size:13px;color:#0a283c}.opt-doc-customer span{font-size:10px;color:#687f8f}.opt-doc-items table{width:100%;border-collapse:collapse;font-size:10px}.opt-doc-items th{font-size:9px;letter-spacing:.04em;background:#f1f5f8;color:#4b667a;border-top:1px solid #dae5eb;border-bottom:1px solid #dae5eb;text-align:right;padding:10px 6px}.opt-doc-items th:first-child{text-align:left}.opt-doc-items td{padding:12px 6px;border-bottom:1px solid #e8eef1;text-align:right}.opt-doc-items td:first-child{text-align:left}.opt-doc-totals{margin-left:auto;max-width:255px;width:70%;font-size:11px}.opt-doc-totals>div{display:flex;justify-content:space-between;gap:10px;padding:7px 4px}.opt-doc-totals>div span{color:#6b8394}.opt-doc-totals>.opt-total-final{border-top:2px solid var(--opt-accent);align-items:center;padding-top:12px}.opt-total-final span,.opt-total-final strong{color:#0d2637!important;font-weight:800}.opt-total-final strong{font-size:16px;white-space:nowrap}.opt-total-final small{font-size:10px}.opt-doc-banks{background:#f5f8fa;padding:15px 17px;border-radius:7px}.opt-bank-entry{display:flex;flex-direction:column;gap:5px;margin-top:7px;font-size:10px}.opt-bank-entry~.opt-bank-entry{margin-top:10px;border-top:1px solid #d5e4eb;padding-top:10px}.opt-bank-entry span{color:#627f90}.opt-bank-iban{font-size:10px;word-break:break-all;letter-spacing:.025em;font-weight:700;color:#14384c!important}.opt-placeholder{color:#8a9aa5;font-style:italic;font-size:10px;line-height:1.5}.opt-notice{padding:11px 14px;border:1px solid;border-left-width:4px;border-radius:5px;margin-bottom:8px}.opt-notice strong{display:block;font-size:11px;margin-bottom:5px}.opt-notice p{white-space:pre-wrap;line-height:1.55;font-size:10px;margin:0}.opt-doc-footer{border-top:1px solid #dce7ed;padding-top:13px;display:flex;justify-content:space-between;gap:10px;color:#8594a0;font-size:9px}.opt-a4-classic{border-top:11px solid #173449;font-family:Georgia,'Times New Roman',serif}.opt-a4-classic .opt-document-kind{font-family:Georgia,serif;font-weight:700}.opt-a4-classic .opt-doc-details{border-top:1px solid #173449}.opt-a4-classic .opt-doc-banks{background:#fafaf7;border:1px solid #e7e7df}.opt-a4-classic .opt-brand strong{font-family:Georgia,serif}.opt-a4-minimal{gap:24px}.opt-a4-minimal .opt-document-kind{letter-spacing:.1em;font-size:20px}.opt-a4-minimal .opt-doc-details{border-top-width:1px}.opt-a4-minimal .opt-doc-items th{background:#fff;border-top:0;border-bottom:2px solid #173449}.opt-a4-minimal .opt-doc-banks{background:#fff;padding:12px 0;border-top:1px solid #dde6ea;border-radius:0}.opt-a4-modern .opt-doc-details{border-top-width:5px}
@media(max-width:1000px){.opt-layout{grid-template-columns:1fr}.opt-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.opt-preview-column{max-width:760px}.opt-control-section:nth-child(2){grid-row:span 2}}
@media(max-width:680px){.opt-controls{display:flex}.opt-intro-actions{width:100%;justify-content:space-between}.opt-preview-column{padding:10px}.opt-a4{min-height:650px;padding:23px 17px;gap:16px}.opt-brand strong{font-size:15px}.opt-sender-address{font-size:8px;max-width:100px}.opt-document-kind{font-size:19px}.opt-details-grid{gap:8px}.opt-details-grid b{font-size:9px}.opt-doc-totals{width:80%}.opt-style-sample{width:65px}}
@media(max-width:390px){.opt-a4{padding:18px 11px}.opt-sender-address{display:none}.opt-details-grid{gap:6px}.opt-doc-details{gap:10px}.opt-doc-items th,.opt-doc-items td{padding:7px 4px}.opt-control-section{padding:12px}}
@media print{@page{size:A4 portrait;margin:10mm}body *{visibility:hidden!important}.opt-a4,.opt-a4 *{visibility:visible!important}.opt-a4{position:absolute!important;left:0!important;top:0!important;width:190mm!important;max-width:none!important;min-height:0!important;box-shadow:none!important;border:0!important;margin:0!important;padding:8mm!important;overflow:visible!important;background:white!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.opt-preview-block{break-inside:avoid}}

/* v005.105.29 — compact document metadata and customer-attached document label.
   Match the site's A4 invoice rendering, keep all three styles and print behavior. */
.opt-a4{gap:15px}
.opt-a4-minimal{gap:18px}
.opt-doc-details{align-items:center;gap:12px;padding:6px 0 7px;border-top:2px solid var(--opt-accent);border-bottom:1px solid #e0e8ed;min-height:0}
.opt-doc-details .opt-document-ref{display:block;font-size:11px;font-weight:650;color:#6d8596;line-height:1.2;white-space:nowrap}
.opt-doc-details .opt-details-grid{gap:15px}
.opt-doc-details .opt-details-grid>div{gap:3px}
.opt-doc-items th{padding:6px 6px;background:#fff;border-top:0;border-bottom:2px solid #173449;line-height:1.35}
.opt-doc-items td{padding:10px 6px}
.opt-a4-modern .opt-doc-details{border-top-width:2px}
.opt-a4-classic .opt-doc-details{border-top:1px solid #173449}
@media(max-width:680px){.opt-a4{gap:12px}.opt-doc-details{padding:5px 0 6px;gap:9px}.opt-doc-details .opt-details-grid{gap:8px}.opt-doc-items th{padding:5px 4px}.opt-doc-items td{padding:9px 4px}}
@media(max-width:390px){.opt-doc-details .opt-details-grid{gap:6px}.opt-doc-items th{padding:5px 3px}}

/* v005.105.30: highlight the existing photo drop zone when opened from the account menu. */
.opw-profile-photo-focus{outline:3px solid #0b8a8a;outline-offset:3px;border-radius:8px}

/* v005.105.35 — Prospect details share the Customers' flat, underlined tabs.
   Sections remain intact; only one prospect section is visible at a time. */
#opw-prospect-root .opp-pr-detail-view{padding:24px 26px;margin-top:12px}
#opw-prospect-root .opp-pr-detail-view>.opp-pr-detail-header{margin:0 0 20px;gap:12px}
#opw-prospect-root .opp-pr-detail-view>.opp-pr-tabs{margin:0 0 24px;width:100%}
#opw-prospect-root .opp-pr-detail-view>.opp-pr-tab-body{width:100%;min-width:0}
#opw-prospect-root .opp-pr-detail-view>.opp-pr-tab-body>h3{margin:0 0 18px}
#opw-prospect-root .opp-pr-tab-body textarea{width:100%;box-sizing:border-box}
#opw-prospect-root .opp-pr-tab-body .opp-pr-bar{align-items:end;gap:10px}
#opw-prospect-root .opp-pr-tab-body .opp-pr-bar label{flex:0 1 auto;min-width:0}
@media(max-width:700px){
 #opw-prospect-root .opp-pr-detail-view{padding:16px 14px}
 #opw-prospect-root .opp-pr-detail-view>.opp-pr-detail-header{margin-bottom:12px}
 #opw-prospect-root .opp-pr-detail-view>.opp-pr-tabs{margin-bottom:18px}
 #opw-prospect-root .opp-pr-tabs button{padding:11px 10px}
}

/* v005.105.36 — selected prospect Follow-ups tab. */
#opw-prospect-root .opp-pr-followup-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
#opw-prospect-root .opp-pr-followup-header h3{margin:0 0 6px}
#opw-prospect-root .opp-pr-followup-header p{margin:0;color:#6b8292;font-size:13px}
#opw-prospect-root .opp-pr-followup-meta{display:flex;align-items:center;gap:15px;flex-wrap:wrap;color:#33566a;font-size:13px}
#opw-prospect-root .opp-pr-followup-item p{margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}
#opw-prospect-root .opp-pr-followup-actions{display:flex;gap:9px;flex-wrap:wrap}
#opw-prospect-root .opp-pr-empty-followups{padding:19px 0;color:#697d8e}
/* The Overview agenda is never a second card beneath an individual prospect. */
#opw-prospect-agenda-root[hidden]{display:none!important}

/* v005.105.37 — Company Hub sellable Services catalog; reuse customer-style underlined tabs. */
.ops-catalog{padding:24px 0 6px;min-width:0}
.ops-intro{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:15px;flex-wrap:wrap}
.ops-intro h3{font-size:18px;margin:0 0 6px}.ops-intro .oph-help{max-width:735px;margin:0}
.ops-intro button{white-space:nowrap;min-height:39px}
.ops-summary{display:flex;gap:16px;align-items:center;flex-wrap:wrap;color:#5e7c91;font-size:12px;background:#f6fafb;border:1px solid #e1edf0;border-radius:9px;padding:11px 14px;margin:0 0 17px}
.ops-summary strong{color:#006c74;font-size:14px;margin-left:5px}
.ops-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.9fr);gap:18px;align-items:start}
.ops-list,.ops-editor,.ops-placeholder{min-width:0}
.ops-filters{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
.ops-search{flex:1 1 175px}.ops-search input{background:#fff;border:1px solid #cfdee4;border-radius:8px;padding:11px 12px;font-size:13px;width:100%;min-height:42px}
.ops-archive-toggle{display:flex;align-items:center;gap:7px;color:#526f82;font-size:12px;white-space:nowrap;cursor:pointer}.ops-archive-toggle input{width:17px;height:17px;accent-color:#00848b}
.ops-service{border:1px solid #dce7ed;border-radius:10px;background:#fff;padding:14px 16px;margin-bottom:10px}
.ops-service[hidden]{display:none!important}.ops-deleted{background:#f7f9fa;opacity:.75}
.ops-service-main{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap;align-items:start}
.ops-service-main strong{font-size:14px;color:#0c263c}.ops-service-main p{font-size:12px;color:#607a8f;line-height:1.5;margin:5px 0 0;overflow-wrap:anywhere}
.ops-price{text-align:right;margin-left:auto;min-width:100px}.ops-price b{font-size:14px;color:#123e56;font-variant-numeric:tabular-nums}.ops-price small{display:block;font-size:11px;color:#698092;margin-top:5px;line-height:1.45}
.ops-row-buttons{display:flex;gap:18px;margin-top:11px}.ops-row-buttons button{background:none;border:none;color:#007e86;font-size:12px;font-weight:750;cursor:pointer;padding:3px 0}.ops-row-buttons .ops-delete{color:#a73d3d}.ops-row-buttons button:disabled{opacity:.4;cursor:default}
.ops-state{background:#e9eef1;border-radius:12px;padding:3px 8px;font-weight:700;color:#5a7283;font-size:10px;margin-left:7px}
.ops-placeholder,.ops-editor{border:1px solid #dcebef;border-radius:12px;background:#f8fbfc;padding:19px}
.ops-placeholder{text-align:center;display:flex;align-items:center;justify-content:center;gap:9px;min-height:245px;flex-direction:column}
.ops-placeholder-icon{font-size:25px;border-radius:50%;border:1px solid #bcd9de;width:42px;height:42px;line-height:40px;color:#058189}
.ops-placeholder strong{font-size:14px}.ops-placeholder p{font-size:12px;line-height:1.6;color:#678396;max-width:285px;margin:0}
.ops-editor-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.ops-editor-head h3{margin:0}.ops-cancel{border:none;background:none;color:#5d7889;cursor:pointer;font-size:21px}
.ops-editor textarea{width:100%;max-width:100%;border:1px solid #cbdbe2;border-radius:7px;background:white;padding:10px;font:inherit;font-weight:500;min-height:75px;resize:vertical;color:#19394f}
.ops-editor .oph-field small{font-weight:400;color:#71899a;line-height:1.5}
.ops-note{font-size:12px;line-height:1.55;color:#677f91;margin:14px 0 0}
.ops-catalog .ops-editor button:focus-visible,.ops-catalog button:focus-visible,.ops-catalog input:focus-visible,.ops-catalog select:focus-visible{outline:3px solid #52d5ce;outline-offset:2px}
@media(max-width:950px){.ops-layout{grid-template-columns:minmax(0,1fr)}.ops-placeholder{min-height:130px}}
@media(max-width:480px){.ops-catalog{padding-top:17px}.ops-service-main{flex-direction:column;gap:6px}.ops-price{text-align:left;margin:0}.ops-filters{align-items:stretch}.ops-archive-toggle{margin:4px 0}}

/* v005.105.38 — language-independent catalog translations; EN/TR remains the UI. */
.ops-lang-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}
.ops-lang-badge{display:inline-flex;align-items:center;border:1px solid #d4e5e9;background:#f3f8f9;border-radius:20px;color:#486d7d;padding:2px 7px;font-size:10px;font-weight:700;line-height:1.5}
.ops-lang-primary{background:#e3f3f4;color:#087980;border-color:#c5e2e4}
.ops-section-caption{font-weight:800;letter-spacing:.01em;color:#193f50;font-size:13px;margin:4px 0 8px}
.ops-help{color:#607e90;font-size:12px;line-height:1.5;margin:0 0 14px}
.ops-translate-title,.ops-price-title{margin-top:22px;padding-top:16px;border-top:1px solid #dce7eb}
.ops-translation{background:#fff;border:1px solid #dbe8ed;border-radius:10px;padding:12px;margin:10px 0}
.ops-translation-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.ops-translation-number{font-size:12px;font-weight:750;color:#326074}
.ops-translation-remove{border:0;background:transparent;color:#ad4444;font-size:12px;font-weight:700;cursor:pointer;padding:5px}
.ops-translation-empty{font-size:12px;color:#718b9b;padding:12px;border:1px dashed #c4d7de;border-radius:9px;background:white}
.ops-add-translation{border:1px dashed #7dbac1;color:#087d86;font-size:12px;font-weight:750;background:#f4fafa;min-height:38px;border-radius:7px;padding:7px 14px;cursor:pointer;margin-top:11px}
.ops-add-translation:hover{background:#e8f6f7}.ops-add-translation:disabled{opacity:.5;cursor:default}
.ops-translation .oph-fields{gap:12px}.ops-translation .oph-field{min-width:0}
.ops-editor .oph-field input[dir="auto"]{unicode-bidi:plaintext}
@media(max-width:480px){.ops-translation{padding:10px}.ops-translation .oph-fields{grid-template-columns:1fr}}
.ops-editor .oph-actions .opw-outline-button{border:1px solid #cadfe6;border-radius:7px;background:#fff;color:#164961;min-height:40px;padding:9px 14px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.ops-editor .oph-actions button[type="submit"]{background:#087d84;border-color:#087d84;color:white}
.ops-editor .oph-actions .opw-outline-button:disabled{opacity:.52;cursor:default}

/* OPPON v005.105.39 — independent service categories and streamlined price editor */
.ops-category{display:inline-flex;align-items:center;border:1px solid #d4e5e9;background:#ecf7f7;border-radius:6px;color:#087b82;padding:2px 7px;font-size:11px;font-weight:750;overflow-wrap:anywhere;margin-right:7px}
.ops-code{color:#678195;font-size:11px;margin-right:7px}
.ops-service-main>div:first-child{min-width:0;flex:1 1 155px}
.ops-editor input[dir="auto"],.ops-service strong[dir="auto"]{unicode-bidi:plaintext}
.ops-editor .oph-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:480px){.ops-editor .oph-fields{grid-template-columns:minmax(0,1fr)}.ops-row-buttons{gap:16px;flex-wrap:wrap}}

/* v005.105.41 · Customer-origin sales composer; separate from financial ledger. */
.ocv-invoice-primary{background:#007f88!important;border-color:#007f88!important;color:#fff!important}
.ocv-invoice-primary:hover{background:#056a72!important}
#oppon-sales-composer-root[hidden]{display:none!important}
#oppon-sales-composer-root{position:fixed;inset:0;z-index:120000;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif;color:#182d42}
.osc-backdrop{position:fixed;inset:0;background:#0a233b90;display:flex;align-items:center;justify-content:center;padding:15px}
.osc-dialog{background:#f8fbfc;border-radius:14px;box-shadow:0 20px 70px #09233655;width:min(1220px,100%);height:min(93vh,1060px);display:flex;flex-direction:column;overflow:hidden;line-height:1.5}
.osc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:20px 25px;border-bottom:1px solid #dce9ec;background:#fff}
.osc-top h2{font-size:25px;margin:1px 0 2px;letter-spacing:-.045em;color:#122239}.osc-top p{margin:0;font-size:12px;color:#647b8c}
.osc-eyebrow{color:#007b80;font-size:10px;font-weight:800;letter-spacing:.13em}
.osc-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:15px;overflow-y:auto;min-height:0;padding:16px 20px;align-items:start}
.osc-main,.osc-side{min-width:0}.osc-side{position:sticky;top:0}
.osc-block{padding:19px;border:1px solid #dbe8eb;background:#fff;border-radius:9px;margin-bottom:14px}
.osc-block h3{font-size:15px;color:#1e3449;margin:0 0 15px}.osc-block-field{margin-top:12px!important}
.osc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:10px}
.osc-field{font-size:12px;color:#425f71;display:flex;flex-direction:column;gap:5px;min-width:0;font-weight:600}
.osc-field input,.osc-field select,.osc-field textarea{border:1px solid #cddfe6;background:#fff;border-radius:6px;padding:10px;font:inherit;font-size:13px;color:#18334a;width:100%;max-width:100%;min-width:0;box-shadow:none}
.osc-field input:focus,.osc-field select:focus,.osc-field textarea:focus{outline:2px solid #b9e1e3;border-color:#007f88}
.osc-field textarea{resize:vertical}.osc-wide{grid-column:1/-1}
.osc-head-row,.osc-line-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.osc-head-row h3{margin:0}.osc-line{border:1px solid #e0e9ed;border-radius:8px;margin-top:12px;padding:14px;background:#fbfdfd}
.osc-line-head{margin-bottom:10px}.osc-line-head strong{font-size:12px}.osc-line .osc-grid{margin:0}
.osc-remember{display:flex;gap:8px;align-items:center;font-size:12px;color:#526f7a;margin-top:13px;font-weight:500}
.osc-remember input{width:15px;height:15px;accent-color:#007f88}
.osc-button{background:white;border:1px solid #d0e0e4;border-radius:6px;padding:10px 13px;cursor:pointer;font-size:12px;color:#294f62;font-weight:700;line-height:1.4}
.osc-button:hover:not(:disabled){border-color:#007e83;background:#f4fbfa}.osc-button:disabled{cursor:not-allowed;opacity:.55}
.osc-minimal{border:0;background:transparent;font-size:20px;padding:2px 9px;line-height:1}
.osc-primary{background:#007d84;border-color:#007d84;color:#fff}.osc-primary:hover:not(:disabled){background:#00686c}
.osc-save{border-color:#5a9da3;color:#007277}
.osc-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:15px 25px;background:#fff;border-top:1px solid #dce9ec;font-size:12px;color:#657889}
.osc-footer-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.osc-error,.osc-success{padding:11px 15px;margin:10px 21px 0;border-radius:6px;font-size:12px;line-height:1.5}
.osc-error{background:#fff0ee;color:#a32522;border:1px solid #f7d1cc}.osc-success{background:#edfaf6;color:#096f55;border:1px solid #c9eade}
.osc-loading{padding:30px;text-align:center;color:#617a88}
.osc-paper{background:#fff;border:1px solid #dce6e9;padding:16px;border-radius:5px;box-shadow:0 2px 15px #173b480c;font-size:12px;min-height:310px}
.osc-paper-company,.osc-paper-customer{display:flex;flex-direction:column;gap:3px;overflow-wrap:anywhere;margin:0 0 16px}
.osc-paper-company strong{font-size:14px}.osc-paper-customer strong{font-size:13px}.osc-paper-company small,.osc-paper-customer small{color:#627582;font-size:10px}
.osc-paper-rule{border-top:2px solid #1f4b64;margin:16px 0 10px}.osc-paper-caption{font-size:12px;font-weight:800;letter-spacing:.07em;margin-bottom:2px}
.osc-preview-lines{margin:15px 0;border-top:1px solid #e4edef}.osc-preview-lines>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e4edef;padding:9px 0;overflow-wrap:anywhere}.osc-preview-lines small{color:#667987;white-space:nowrap}
.osc-summary-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;font-size:12px}.osc-summary-row strong{font-variant-numeric:tabular-nums}
.osc-grand-total{border-top:2px solid #dbe7e9;font-size:15px;font-weight:800;color:#132b41;margin-top:5px;padding-top:11px}
.osc-hint{font-size:11px;color:#697c8b;line-height:1.6;margin:11px 0 0}
@media(max-width:850px){.osc-layout{grid-template-columns:1fr}.osc-side{position:static}.osc-dialog{height:97vh}.osc-top{padding:15px}.osc-footer{padding:12px 15px}}
@media(max-width:490px){.osc-backdrop{padding:0}.osc-dialog{height:100dvh;border-radius:0}.osc-layout{padding:9px;gap:9px}.osc-block{padding:12px}.osc-top h2{font-size:21px}.osc-grid{gap:9px}.osc-footer{align-items:stretch;flex-direction:column}.osc-footer-actions{justify-content:space-between}.osc-button{padding:9px 10px}.osc-preview-lines>div{flex-wrap:wrap}.ocv-invoice-primary{order:1}}
/* v005.105.42 — stable Customer action row, named templates and shared preview */
.ocv-detail-head{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-bottom:18px}
.ocv-detail-main{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;flex-wrap:wrap;width:100%}
.ocv-detail-identity{flex:1;min-width:220px}
.ocv-detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;width:100%}
.ocv-detail-actions .opw-outline-button{margin:0;white-space:nowrap}
@media(max-width:640px){.ocv-detail-main{gap:10px}.ocv-detail-head .ocv-balance-caption{align-items:flex-start}.ocv-detail-actions{justify-content:flex-start}}
.opt-library-bar{background:#f4f9fa;border:1px solid #dce9ee;border-radius:9px;padding:14px 16px;margin:12px 0 18px;display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:end}
.opt-library-picker{display:flex;flex:1;gap:10px;flex-wrap:wrap;min-width:230px}
.opt-library-picker label{flex:1 1 180px;display:flex;flex-direction:column;gap:5px;font-size:12px;color:#486778;font-weight:650}
.opt-library-picker input,.opt-library-picker select{width:100%;padding:10px;border-radius:6px;border:1px solid #cbdce4;font:inherit;color:#203748;background:#fff;min-width:0}
.opt-library-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap}
.osc-template-picker{margin-bottom:14px}
.osc-document-preview{overflow:auto;max-height:78vh;background:#f5f8fa;padding:9px;border:1px solid #e0e7eb;border-radius:6px}
.osc-document-preview .opt-a4{max-width:100%;min-height:440px;padding:21px 16px;gap:14px;box-shadow:0 1px 7px #173b4812}
.osc-document-preview .opt-doc-items table{font-size:10px}
.osc-document-preview .opt-brand strong{font-size:14px}
.osc-notice-options{display:flex;flex-direction:column;gap:9px;margin-top:9px}
.osc-notice-item{display:flex;align-items:start;gap:10px;padding:10px;border:1px solid #e1eaee;border-radius:6px;font-size:12px;cursor:pointer}
.osc-notice-item input{margin-top:3px;flex:none;accent-color:#007f88}
.osc-notice-item span{display:flex;flex-direction:column;gap:2px}.osc-notice-item small{font-size:10px;color:#6b8090}
.opt-item-description{display:block;margin-top:4px;font-size:9px;color:#6f8090;white-space:pre-wrap}
.opt-doc-notes{font-size:11px;padding:10px 0;border-top:1px solid #dce6eb}
.opt-doc-notes p{margin:6px 0;white-space:pre-wrap;line-height:1.5}
.osc-library-dialog{height:min(84vh,790px)}
.osc-library-body{padding:20px;overflow:auto;flex:1}
.osc-library-table{overflow-x:auto}.osc-library-table table{width:100%}
.osc-library-actions,.opfi-prepared-actions{display:flex;gap:7px;align-items:center;white-space:nowrap}
.osc-danger,.opfi-retire-button{border-color:#e8b9b9!important;color:#a62727!important}
@media(max-width:670px){.opt-library-picker{width:100%}.opt-library-actions{width:100%}.osc-document-preview{max-height:none;padding:4px}.osc-document-preview .opt-a4{padding:13px 9px;gap:11px}.osc-document-preview .opt-doc-items th,.osc-document-preview .opt-doc-items td{padding:6px 3px;font-size:8px}}
/* Keep the full legal identity legible in narrow live previews. */
.osc-document-preview .opt-doc-identity{flex-wrap:wrap;gap:8px}
.osc-document-preview .opt-brand{flex:1 1 160px;max-width:100%;min-width:0}
.osc-document-preview .opt-sender-address{flex:1 1 145px;max-width:none;min-width:0;overflow-wrap:anywhere}
.osc-document-preview .opt-doc-items table{table-layout:fixed;width:100%}
.osc-document-preview .opt-doc-items th:first-child{width:43%}
.osc-document-preview .opt-doc-items th:not(:first-child){overflow-wrap:anywhere}
.osc-document-preview .opt-doc-totals{max-width:100%;min-width:0;width:85%}
.osc-document-preview .opt-total-final strong{white-space:normal;text-align:right}
.osc-document-preview .opt-doc-details{flex-wrap:wrap}
.osc-document-preview .opt-details-grid{flex-wrap:wrap;justify-content:flex-end}
.osc-document-preview .opt-doc-details .opt-document-ref{overflow-wrap:anywhere;white-space:normal}
/* Document preview stays within the available column at any breakpoint. */
.opt-a4{box-sizing:border-box}
.opt-doc-identity,.opt-doc-items,.opt-doc-details{min-width:0;max-width:100%}
.opt-doc-identity .opt-brand{overflow-wrap:anywhere}
.opt-sender-address{overflow-wrap:anywhere}
@media(max-width:690px){.opt-doc-identity{flex-wrap:wrap}.opt-sender-address{max-width:none;text-align:start;width:100%}}
.opt-retired-banner{text-align:center;border:2px solid #cc4242;background:#fff3f1;color:#a32525;font-size:12px;font-weight:800;letter-spacing:.05em;padding:12px 8px;border-radius:5px}

/* v005.105.43 — Reorder invoice services without changing calculations or IDs. */
.osc-line-position,.osc-line-controls{display:flex;align-items:center;gap:8px}
.osc-line-controls{margin-left:auto;gap:5px}
.osc-drag-handle{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:34px;background:#f1f7f8;border:1px solid #d5e5e9;border-radius:6px;color:#47717a;font-size:23px;line-height:1}
.osc-drag-handle:active{cursor:grabbing}.osc-drag-handle:focus-visible,.osc-move-button:focus-visible{outline:2px solid #007f88;outline-offset:2px}
.osc-move-button{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:32px;background:#fff;color:#356477;border:1px solid #d5e4e8;border-radius:6px;cursor:pointer;font-size:16px}
.osc-move-button:hover:not(:disabled){background:#e9f6f6;border-color:#00838c}.osc-move-button:disabled{opacity:.35;cursor:default}
.osc-line.osc-dragging{opacity:.58;border-style:dashed}.osc-line.osc-drop-before{box-shadow:inset 0 4px #00878f}.osc-line.osc-drop-after{box-shadow:inset 0 -4px #00878f}
.osc-reorder-hint{font-size:11px;color:#69808e;margin:4px 0 8px;line-height:1.5}
@media(max-width:490px){.osc-line-head{gap:5px}.osc-line-position,.osc-line-controls{gap:5px}.osc-line{padding:11px}.osc-drag-handle{min-width:36px;min-height:36px}.osc-move-button{min-width:34px;min-height:36px}}

/* v005.105.44 — public pro-forma sharing; keep actions accessible on mobile */
.osc-dialog{position:relative}.osc-send-backdrop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(17,36,57,.48);z-index:15;padding:16px;overflow:auto}
.osc-send-dialog{background:#fff;width:min(480px,100%);max-height:90%;overflow:auto;border-radius:12px;padding:22px;box-shadow:0 16px 60px rgba(0,0,0,.17)}
.osc-send-dialog h3{margin:0 0 12px;font-size:19px}.osc-send-dialog .osc-field{display:block;margin:14px 0}
.osc-send-dialog .osc-field select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #ccd7e1;border-radius:6px}
.osc-send-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:16px}
.osc-footer-actions{flex-wrap:wrap;gap:6px}.osc-footer-actions .osc-button{white-space:nowrap}
@media(max-width:650px){.osc-send-dialog{padding:15px}.osc-footer-actions{justify-content:flex-end}}

/* v005.105.45 — compact paper layout used by Settings and the Customer composer.
   Layout data, theme choices and document snapshots are unchanged. */
.opt-a4{gap:10px;padding:20px 19px 16px;min-height:0}
.opt-a4-minimal{gap:12px}
.opt-doc-identity{display:grid;grid-template-columns:minmax(100px,43%) minmax(0,57%);gap:10px;align-items:start;padding-bottom:9px;border-bottom:1px solid #e1e8ec}
.opt-doc-identity .opt-brand{min-width:0;display:flex;align-items:flex-start;justify-content:flex-start}
.opt-doc-identity .opt-brand img{width:auto;max-width:155px;max-height:50px;object-fit:contain;object-position:left top}
.opt-supplier-details{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:left;font-size:9px;line-height:1.4;color:#5b758c}
.opt-supplier-details strong{display:block;font-size:10px;font-weight:650;line-height:1.35;color:#3a6689}
.opt-supplier-details span{display:block}
.opt-doc-customer{gap:3px}
.opt-doc-customer strong{font-size:12px;line-height:1.3}
.opt-block-label{margin-bottom:3px}
.opt-doc-details{padding:5px 0 6px;gap:10px}
.opt-doc-items table{table-layout:fixed}
.opt-doc-items th,.opt-doc-items td{padding:6px 6px;text-align:right;font-variant-numeric:tabular-nums}
.opt-doc-items th:first-child,.opt-doc-items td:first-child{text-align:left;width:44%}
.opt-doc-items th:nth-child(2),.opt-doc-items td:nth-child(2){width:14%}
.opt-doc-items th:nth-child(3),.opt-doc-items td:nth-child(3){width:21%}
.opt-doc-items th:nth-child(4),.opt-doc-items td:nth-child(4){width:21%}
.opt-doc-items td{vertical-align:top;line-height:1.4}
.opt-item-description{margin-top:2px;line-height:1.35}
.opt-doc-totals{max-width:100%;width:100%;margin-left:0}
.opt-doc-totals>div{padding:5px 4px}
.opt-doc-totals .opt-total-final{padding-top:8px}
.opt-doc-banks{padding:8px 5px;background:transparent;border-top:1px solid #e0e8ef;border-radius:0}
.opt-bank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:start}
.opt-bank-entry{display:flex;flex-direction:column;min-width:0;gap:3px;margin:0;font-size:9px}
.opt-bank-entry~.opt-bank-entry{margin:0;padding:0;border:0}
.opt-bank-iban{word-break:break-word;overflow-wrap:anywhere;letter-spacing:0;font-size:9px}
.opt-notice{padding:8px 10px;margin-bottom:4px}
.opt-notice p{font-size:9px;line-height:1.4}
.opt-doc-footer{padding-top:7px;font-size:8px}
.opt-a4-classic{border-top-width:5px}
.opt-a4-classic .opt-doc-banks,.opt-a4-minimal .opt-doc-banks{padding:8px 5px;background:transparent;border-left:0;border-right:0;border-bottom:0}
@media(max-width:690px){
  .opt-doc-identity{display:grid;grid-template-columns:minmax(70px,40%) minmax(0,60%);gap:7px}
  .opt-supplier-details{font-size:8px;line-height:1.3;overflow-wrap:anywhere}
  .opt-supplier-details strong{font-size:9px}
  .opt-bank-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .opt-bank-entry{font-size:8px}
  .opt-bank-iban{font-size:8px}
}
@media(max-width:390px){
  .opt-a4{padding:12px 9px;gap:8px}
  .opt-doc-identity{grid-template-columns:minmax(55px,38%) minmax(0,62%);gap:5px}
  .opt-doc-identity .opt-brand img{max-width:100%;max-height:38px}
  .opt-doc-items th,.opt-doc-items td{padding:5px 3px}
  .opt-bank-grid{gap:4px}
}
@media print{
  @page{size:A4 portrait;margin:7mm}
  .opt-a4{padding:3mm!important;width:196mm!important;gap:8px!important}
  .opt-preview-block{break-inside:avoid}
}
/* Keep the compact layout inside the scaled customer preview too. */
.osc-document-preview .opt-a4{padding:13px 10px;gap:8px}
.osc-document-preview .opt-doc-identity{display:grid;grid-template-columns:minmax(70px,43%) minmax(0,57%);gap:7px}
.osc-document-preview .opt-brand{display:flex;max-width:100%}
.osc-document-preview .opt-supplier-details{min-width:0;overflow-wrap:anywhere}
.osc-document-preview .opt-doc-items th,.osc-document-preview .opt-doc-items td{padding:5px 4px}
@media(max-width:670px){
 .osc-document-preview .opt-a4{padding:10px 6px;gap:7px}
 .osc-document-preview .opt-doc-identity{grid-template-columns:minmax(50px,42%) minmax(0,58%);gap:5px}
}
/* Compact reference/title row shared by Settings and Customer document previews. */
.opt-doc-details{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:5px}
.opt-document-heading{display:flex;justify-content:space-between;align-items:center;min-width:0;gap:8px}
.opt-document-heading .opt-document-kind{font-size:15px;line-height:1.2;letter-spacing:0;color:#102b44}
.opt-document-heading .opt-document-ref{font-size:10px;line-height:1.25;white-space:normal;overflow-wrap:anywhere;color:#173449;text-align:right}
.opt-doc-details .opt-details-grid{display:flex;justify-content:space-between;gap:10px}
.opt-doc-details .opt-details-grid>div{display:flex;flex-direction:row;align-items:center;gap:4px;flex-wrap:wrap}
.opt-doc-details .opt-details-grid>div:last-child{justify-content:flex-end;text-align:right}
.opt-doc-details .opt-details-grid b{font-size:10px}
.opt-a4-classic .opt-document-heading .opt-document-kind{font-family:Georgia,serif}
@media(max-width:390px){.opt-document-heading .opt-document-kind{font-size:12px}.opt-doc-details .opt-details-grid small,.opt-doc-details .opt-details-grid b{font-size:8px}}


/* v005.105.46 — Import Center: shared workspace header and 2-by-2 import tools.
   The roots remain in their original DOM positions for other workspace screens. */
.opw-workspace.opw-import-screen #opw-content{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 grid-template-areas:"intro intro" "workspace workspace" "financial banking" "customers prospects" "rules rules";
 column-gap:18px;row-gap:16px;align-items:start;
}
.opw-import-screen #opw-content>.opw-intro{grid-area:intro;min-width:0;margin-bottom:0}
.opw-import-screen #opw-content>#opw-import-workspace{grid-area:workspace;min-width:0}
.opw-import-screen #opw-content>#opw-finance-root{grid-area:financial;min-width:0}
.opw-import-screen #opw-content>#opw-bank-root{grid-area:banking;min-width:0}
.opw-import-screen #opw-content>#opw-customer-root{grid-area:customers;min-width:0}
.opw-import-screen #opw-content>#opw-prospect-import-root{grid-area:prospects;min-width:0}
.opw-import-screen #opw-content>#opw-import-rules{grid-area:rules;min-width:0;margin-top:0!important}
.opw-import-workspace{min-width:0}
.opw-import-workspace[hidden]{display:none!important}
.opw-import-workspace-label{font-size:12px;color:#587083;margin-bottom:7px}
.opw-import-workspace-value{background:#f2f8f9;border:1px solid #d8e5e9;border-radius:7px;padding:12px 15px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.opw-import-screen #opw-content>:is(#opw-finance-root,#opw-bank-root,#opw-customer-root,#opw-prospect-import-root)>.opw-card{margin:0!important;min-width:0;max-width:100%;padding:20px!important}
.opw-import-screen #opw-content>:is(#opw-finance-root,#opw-bank-root,#opw-customer-root,#opw-prospect-import-root)>.opw-card h2{font-size:clamp(18px,1.6vw,23px);line-height:1.25;margin-top:0}
.opw-import-screen :is(#opfi-preview-results,#opim-results,#opbk-preview-results){max-width:100%;overflow-x:auto}
.opw-import-screen #opw-content :is(input,select,textarea){max-width:100%;min-width:0}
@media(max-width:1030px){
 .opw-workspace.opw-import-screen #opw-content{
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:"intro" "workspace" "financial" "banking" "customers" "prospects" "rules";
  row-gap:14px;
 }
}

/* v005.105.47 — Import Center visual polish and symmetry only. */
.opw-workspace.opw-import-screen #opw-content{align-items:stretch}
.opw-import-screen #opw-content>:is(#opw-finance-root,#opw-bank-root,#opw-customer-root,#opw-prospect-import-root){min-height:0;display:flex;flex-direction:column}
.opw-import-screen #opw-content>:is(#opw-finance-root,#opw-bank-root,#opw-customer-root,#opw-prospect-import-root)>.opw-card{
 flex:1 1 auto;box-sizing:border-box;height:100%;
}
.opw-import-screen #opw-content>:is(#opw-finance-root,#opw-bank-root,#opw-customer-root,#opw-prospect-import-root)>.opw-card h2{
 margin:0 0 8px!important;font-weight:700;
}
.opw-import-screen .opw-import-card-desc{
 display:block;color:#66798b!important;font-size:13px!important;
 font-weight:400;line-height:1.5;margin:0 0 16px!important;min-height:39px;
}
.opw-import-screen .opw-import-financial-fields{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
 align-items:start;margin:0;
}
.opw-import-screen .opw-import-field,
.opw-import-screen .opw-import-bank-account{
 display:block!important;margin:0!important;font-family:inherit!important;
 font-size:13px!important;line-height:1.5;font-weight:500;color:#21384e;
}
.opw-import-screen .opw-import-field :is(input,select),
.opw-import-screen .opw-import-bank-account select{
 display:block!important;box-sizing:border-box!important;
 width:100%!important;min-width:0!important;max-width:100%;
 margin:6px 0 0!important;padding:10px 12px!important;
 border:1px solid #c5d4dd;border-radius:7px;background:#fff;
 height:44px!important;min-height:44px;line-height:1.3;
 font-size:14px!important;font-family:inherit!important;font-weight:400!important;color:#15263a!important;
}
.opw-import-screen .opw-import-bank-account+ p,
.opw-import-screen .opw-import-importer-hint{margin:9px 0 12px!important;font-size:12px!important;line-height:1.45;color:#6d8194}
.opw-import-screen #opw-content :is(#opw-finance-root,#opw-bank-root,#opw-customer-root,#opw-prospect-import-root) .opi-dropzone{margin:12px 0 0}
@media(max-width:590px){
 .opw-import-screen .opw-import-card-desc{min-height:0}
 .opw-import-screen .opw-import-financial-fields{grid-template-columns:1fr;gap:12px}
}


/* v005.105.48 — Import Center: remove phantom whitespace in the second row.
   The customer importer creates an empty live-status <p> even before a file is
   selected. Its margin formerly reserved a line and enlarged the grid track,
   leaving apparent blank space under Import prospects. Keep the live region
   available when it receives text, without reserving space while empty.
   Let the two cards stretch naturally instead of combining height:100% with
   a flex item; that can overshoot the grid track after dynamic mounts. */
.opw-import-screen #opim-status:empty,
.opw-import-screen #opim-results:empty {display:none!important}
.opw-import-screen #opw-content>:is(#opw-customer-root,#opw-prospect-import-root)>.opw-card {
 height:auto!important;flex:1 1 auto;min-height:0;
}
.opw-import-screen #opw-prospect-import-root .opp-pr-import-content {
 margin:0;padding:0;min-height:0;
}


/* v005.105.49 — Import Center row alignment. Both importers now render
   their drop zones as direct children of equal-height card bodies. The
   customer live-status node must not create a blank line until it has text.
   Explicit bottom alignment is scoped to these two cards only. */
.opw-import-screen #opw-content>#opw-customer-root>.opw-card,
.opw-import-screen #opw-content>#opw-prospect-import-root>.opw-card {
  margin:0!important;
  min-height:0!important;
  height:100%!important;
  box-sizing:border-box!important;
}
.opw-import-screen #opw-content>#opw-customer-root #opim-status:empty,
.opw-import-screen #opw-content>#opw-customer-root #opim-results:empty {display:none!important}
.opw-import-screen #opw-content>#opw-prospect-import-root .opi-dropzone,
.opw-import-screen #opw-content>#opw-customer-root .opi-dropzone {
  margin:12px 0 0!important;
}

/* v005.105.51 — Company Hub action feedback, native color chooser, unsaved logo. */
.oph-hub .oph-async-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;min-width:172px;padding:8px 13px;border-radius:6px;font-family:inherit;font-size:12.5px;font-weight:650;line-height:1.3;cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s;white-space:normal;text-align:center}
.oph-hub .oph-async-button.oph-action-primary{background:#087d84;border:1px solid #087d84;color:white}
.oph-hub .oph-async-button.oph-action-primary:hover:not(:disabled){background:#066c72;border-color:#066c72}
.oph-hub .oph-async-button[data-state="success"]{background:#137c48;border-color:#137c48;color:white}
.oph-hub .oph-async-button[data-state="error"]{background:#b42318;border-color:#b42318;color:white}
.oph-hub .oph-async-button:disabled{cursor:default;opacity:.82}
.oph-hub .oph-action-icon{height:15px;width:15px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 15px}
.oph-hub .oph-action-icon svg{height:15px;width:15px}
.oph-hub .oph-spin-icon{animation:oph-spin .85s linear infinite}
.oph-hub .oph-action-feedback{font-size:12px;line-height:1.45;max-width:360px}
.oph-hub .oph-action-feedback[data-kind="error"],.oph-hub #oph-company-feedback[data-kind="error"]{color:#b42318}
.oph-hub .oph-action-feedback[data-kind="success"],.oph-hub #oph-company-feedback[data-kind="success"]{color:#137c48}
.oph-hub #oph-company-feedback[data-kind="warning"]{color:#996000}
.oph-hub .oph-color>input[type="color"]{height:40px;width:42px;min-width:42px;flex:0 0 42px;min-height:40px;padding:3px;cursor:pointer;border:1px solid #cbdbe2;border-radius:7px;background:white}
.oph-hub .oph-color>input[type="color"]:disabled{cursor:default}
.oph-hub .oph-logo-unsaved{font-size:12px;line-height:1.5;font-weight:650;color:#b42318;margin:9px 0 0}
.oph-hub .oph-logo-unsaved[hidden]{display:none}
.oph-hub #oph-upload-feedback[data-kind="error"]{color:#b42318}
.oph-hub #oph-upload-feedback[data-kind="success"]{color:#137c48}
@media(max-width:480px){.oph-hub .oph-async-button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.oph-hub .oph-spin-icon{animation:none}.oph-hub .oph-async-button{transition:none}}


/* v005.105.52 — consistent template-language controls, unsaved warning, async Save. */
.opt-shell .opt-preferences select,.opt-shell .opt-preferences input{
 width:100%;min-width:0;min-height:39px;box-sizing:border-box;
 border:1px solid #c8dae4;border-radius:7px;padding:10px;
 background:#fff;color:#234962;font-family:inherit;font-size:12px;font-weight:600;line-height:1.3;
}
.opt-shell #opt-language-custom[hidden]{display:none}
.opt-shell .opt-language-hint{font-size:10px;font-weight:400;line-height:1.45;color:#738b9b}
.opt-shell .opt-status-unsaved{color:#b42318;font-weight:700}
.opt-shell .opt-action-button{display:inline-flex;gap:7px;align-items:center;justify-content:center;
 min-width:142px;min-height:36px;border-radius:6px;font-size:12.5px;font-weight:650;
 transition:background .16s,border-color .16s,box-shadow .16s}
.opt-shell .opt-action-button .opt-action-icon,.opt-shell .opt-action-button .opt-action-icon svg{width:15px;height:15px;display:inline-block;flex:0 0 15px}
.opt-shell .opt-action-button .opt-action-icon.opt-spinning svg{animation:opt-action-spin .85s linear infinite}
@keyframes opt-action-spin{to{transform:rotate(360deg)}}
.opt-shell .opt-action-button[data-state="success"]{background:#137c48!important;border-color:#137c48!important;color:#fff!important;opacity:1}
.opt-shell .opt-action-button[data-state="error"]{background:#b42318!important;border-color:#b42318!important;color:#fff!important;opacity:1}
.opt-shell .opt-action-button[data-state="loading"]{opacity:1;cursor:progress}
.opt-shell .opt-action-button:focus-visible,.opt-shell .opt-preferences select:focus-visible,.opt-shell .opt-preferences input:focus-visible{outline:3px solid #47cfc5;outline-offset:2px}
/* Match the Modern thumbnail with a narrow accent down the paper's left edge. */
.opt-a4.opt-a4-modern{border-left:5px solid var(--opt-accent,#0d52a0)}
@media print{.opt-a4.opt-a4-modern{border-left:4px solid var(--opt-accent,#0d52a0)!important}}
@media(max-width:480px){.opt-shell .opt-action-button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.opt-shell .opt-action-button{transition:none}.opt-shell .opt-action-button .opt-action-icon.opt-spinning svg{animation:none}}

/* Company Hub v005.105.53 — bank save follows the standard action-button lifecycle. */
.oph-hub #oph-bank-save[data-state="idle"]:disabled{
  background:#8b9eaa;border-color:#8b9eaa;color:#fff;opacity:1;cursor:default;
}
.oph-hub #oph-bank-save:focus-visible{outline:3px solid #65cbd1;outline-offset:3px}

/* v005.105.54 — Services: shared, API-confirmed Save action and neutral examples. */
.ops-catalog .ops-editor .oph-actions .ops-action-button{
 display:inline-flex;align-items:center;justify-content:center;gap:7px;
 min-height:38px;min-width:151px;padding:8px 13px;
 border:1px solid #087d84;border-radius:6px;background:#087d84;color:#fff;
 font-family:inherit;font-size:12.5px;font-weight:650;line-height:1.3;
 transition:background .16s,border-color .16s,box-shadow .16s;
 cursor:pointer;
}
.ops-catalog .ops-action-icon,.ops-catalog .ops-action-icon svg{width:15px;height:15px;flex:0 0 15px;display:inline-flex;align-items:center;justify-content:center}
.ops-catalog .ops-spin-icon{animation:oph-spin .85s linear infinite}
.ops-catalog .ops-editor .oph-actions .ops-action-button:hover:not(:disabled){background:#066c72;border-color:#066c72}
.ops-catalog .ops-editor .oph-actions .ops-action-button[data-state="idle"]:disabled{
 background:#8b9eaa;border-color:#8b9eaa;color:#fff;opacity:1;cursor:default;
}
.ops-catalog .ops-editor .oph-actions .ops-action-button[data-state="loading"]{opacity:1;cursor:progress}
.ops-catalog .ops-editor .oph-actions .ops-action-button[data-state="success"]{background:#137c48;border-color:#137c48;color:#fff;opacity:1}
.ops-catalog .ops-editor .oph-actions .ops-action-button[data-state="error"]{background:#b42318;border-color:#b42318;color:#fff;opacity:1}
.ops-catalog .ops-action-feedback{font-size:12px;line-height:1.45;flex:1 1 150px;min-width:0;color:#137c48}
.ops-catalog .ops-action-feedback:empty{display:none}
.ops-catalog .ops-action-feedback[data-kind="error"]{color:#b42318}
.ops-catalog .ops-action-feedback[data-kind="success"]{color:#137c48}
.ops-catalog .ops-action-button:focus-visible{outline:3px solid #52d5ce;outline-offset:3px}
@media(max-width:480px){.ops-catalog .ops-editor .oph-actions .ops-action-button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.ops-catalog .ops-spin-icon{animation:none}.ops-catalog .ops-action-button{transition:none}}

/* v005.105.56 — invoice preview action / safe customer import controls. */
.opfi-import-option{display:flex;align-items:flex-start;gap:10px;margin:12px 0;font-size:13px;line-height:1.45;color:#263f50}
.opfi-import-option input{margin-top:3px;flex:none}
.opfi-import-option small{display:block;margin-top:3px;color:#61788b;font-size:12px}
.opfi-vat-hint{padding:9px 11px;border-left:3px solid #cf8c20;background:#fff8e9;font-size:12px;color:#765321;line-height:1.55}
.opfi-smart-action{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:36px;min-width:182px;font-weight:650;transition:background-color .16s,border-color .16s}
.opfi-smart-action [data-opfi-preview-icon]{width:16px;height:16px;display:inline-flex}
.opfi-smart-action svg{width:16px;height:16px}
.opfi-smart-action[data-state='loading']{cursor:progress}
.opfi-smart-action[data-state='success']{background:#137c48;border-color:#137c48;color:#fff}
.opfi-smart-action[data-state='error']{background:#b42318;border-color:#b42318;color:#fff}
.opfi-smart-action:focus-visible{outline:3px solid #52d5ce;outline-offset:3px}
.opfi-action-spin{animation:opfi-action-turn .8s linear infinite}
@keyframes opfi-action-turn{to{transform:rotate(360deg)}}
@media(max-width:480px){.opfi-smart-action{min-height:44px}}
@media(prefers-reduced-motion:reduce){.opfi-action-spin{animation:none}.opfi-smart-action{transition:none}}

/* v005.105.57 — natural first-import order, and contextual guidance. */
.opw-workspace.opw-import-screen #opw-content{
 grid-template-areas:"intro intro" "workspace workspace" "customers financial" "banking prospects" "rules rules";
}
.opw-import-guidance{font-size:12px;line-height:1.55;color:#536b7d;margin:9px 0 0}
@media(max-width:1030px){.opw-workspace.opw-import-screen #opw-content{
 grid-template-areas:"intro" "workspace" "customers" "financial" "banking" "prospects" "rules";
}}

/* Customer creation modal v005.105.58 — all fields inside the viewport, smart Save v2. */
.ocv-create-modal{width:min(970px,100%);padding:26px 28px;overscroll-behavior:contain}
.ocv-create-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;border-bottom:1px solid #e4ecef;padding-bottom:15px}
.ocv-create-heading #ocv-create-close{margin:0;padding:7px 12px;min-width:40px;font-size:18px;line-height:1.1}
.ocv-create-modal .ocv-create-form{margin:0;padding:10px 0 0;border:0;background:none}
.ocv-create-modal .ocv-create-form h3{margin:14px 0 12px;color:#192d3e;font-size:14px}
.ocv-create-modal .ocv-create-form .ocv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ocv-create-modal .ocv-create-form .ocv-grid .ocv-wide-field{grid-column:1/-1}
.ocv-create-modal .ocv-create-form .ocv-primary-contact-grid{margin-top:0}
.ocv-create-modal .ocv-create-form label{min-width:0}
.ocv-create-modal .ocv-create-form input,.ocv-create-modal .ocv-create-form select,.ocv-create-modal .ocv-create-form textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #cadce2;border-radius:6px;padding:10px;font:inherit;font-size:13px;background:#fff;color:#172c3e}
.ocv-create-modal .ocv-create-form textarea{resize:vertical;min-height:65px}
.ocv-create-modal .ocv-phone-row{min-width:0}
.ocv-create-modal .ocv-required{color:#b42318}
.ocv-create-footer{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid #e4ecef;margin-top:20px;padding-top:8px}
.ocv-create-footer .ocv-actions{margin-left:auto;display:flex;gap:8px;align-items:center}
.ocv-create-feedback{font-size:12px;line-height:1.4;color:#a72b2b;flex:1;min-width:170px}
.ocv-create-save{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:145px}
.ocv-create-icon{display:inline-flex;width:15px;height:15px;align-items:center;justify-content:center}
.ocv-create-icon svg{width:15px;height:15px}
.ocv-create-save[data-state=loading]{background:#087f89!important;color:#fff!important;border-color:#087f89!important}
.ocv-create-save[data-state=success]{background:#128047!important;color:#fff!important;border-color:#128047!important}
.ocv-create-save[data-state=error]{background:#b42318!important;color:#fff!important;border-color:#b42318!important}
.ocv-create-save:disabled[data-state=idle]{opacity:.55;cursor:not-allowed}
.ocv-spinning svg{animation:ocv-save-spin .85s linear infinite}
@keyframes ocv-save-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ocv-spinning svg{animation:none}}
@media(max-width:750px){.ocv-create-modal{padding:18px}.ocv-create-modal .ocv-create-form .ocv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.ocv-create-modal{padding:14px}.ocv-create-modal .ocv-create-form .ocv-grid{grid-template-columns:1fr}.ocv-create-footer .ocv-actions{width:100%;justify-content:flex-end}.ocv-create-save{min-width:0}}

/* Existing customer editor shares the ACCOUNT postal and office fields. */
.ocv-grid .ocv-wide-field{grid-column:1/-1}
.ocv-shell textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:65px;resize:vertical;padding:10px;border:1px solid #cadce2;border-radius:6px;background:#fff;color:#172c3e;font:inherit;font-size:13px}

/* v005.105.59 — shared contextual Smart Action feedback for Customers and
 * recipient-document delivery. Real operation state is owned by each module. */
.opp-smart-action,#oprd-root .opp-smart-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:134px;min-height:36px;white-space:nowrap;font-size:12px;font-weight:650;transition:background-color .17s,border-color .17s,color .17s}
.opp-smart-action .opp-smart-icon,#oprd-root .opp-smart-action .opp-smart-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 15px;width:15px;height:15px}
.opp-smart-action svg,#oprd-root .opp-smart-action svg{width:15px;height:15px}
.opp-smart-action[data-state='loading'],#oprd-root .opp-smart-action[data-state='loading']{background:#087f89!important;border-color:#087f89!important;color:#fff!important;cursor:progress}
.opp-smart-action[data-state='success'],#oprd-root .opp-smart-action[data-state='success']{background:#128047!important;border-color:#128047!important;color:#fff!important}
.opp-smart-action[data-state='error'],#oprd-root .opp-smart-action[data-state='error']{background:#b42318!important;border-color:#b42318!important;color:#fff!important}
.opp-smart-action[data-state='loading']:disabled,.opp-smart-action[data-state='success']:disabled,.opp-smart-action[data-state='error']:disabled,#oprd-root .opp-smart-action[data-state='loading']:disabled,#oprd-root .opp-smart-action[data-state='success']:disabled,#oprd-root .opp-smart-action[data-state='error']:disabled{opacity:1!important}
.opp-smart-action[data-state='idle']:disabled,#oprd-root .opp-smart-action[data-state='idle']:disabled{opacity:.5!important;cursor:not-allowed!important}
.opp-smart-action:focus-visible,#oprd-root .opp-smart-action:focus-visible{outline:3px solid #52d5ce;outline-offset:3px}
.opp-smart-spinning svg{animation:opp-smart-spin .85s linear infinite}
@keyframes opp-smart-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.opp-smart-action,#oprd-root .opp-smart-action{min-height:44px}}
@media(prefers-reduced-motion:reduce){.opp-smart-spinning svg{animation:none}.opp-smart-action,#oprd-root .opp-smart-action{transition:none}}

/* OPPON v005.105.62 — manual invoice Smart Save feedback (shared action colors). */
.opfi-new-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}
.opfi-new-feedback{color:#b42318;font-size:12px;line-height:1.45;overflow-wrap:anywhere;flex:1;min-width:160px}
.opfi-new-actions .opp-smart-action{min-width:154px}

/* v005.105.63: distinguish actionable Customer statement warnings from green notices. */
.ocv-directory-warning{margin:12px 0 16px!important;line-height:1.55;overflow-wrap:anywhere}

/* v005.105.68 — single-decision reconciliation row and floating assistant. */
.opmr-transaction{border:1px solid #dae6ea;border-radius:8px;padding:14px;margin:12px 0;background:#fff}
.opmr-txn-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.opmr-txn-meta,.opmr-txn-narration{font-size:12px;color:#66798b;line-height:1.5}
.opmr-txn-narration{color:#576b7b;overflow-wrap:anywhere;margin:8px 0}
.opmr-txn-amount{white-space:nowrap}
.opmr-txn-suggestion{font-size:12px;margin:8px 0 5px;line-height:1.5}
.opmr-decision-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:9px 0}
.opmr-decision-row select{min-height:40px;padding:8px;border:1px solid #c5d5dc;border-radius:5px;max-width:100%;background:#fff;color:#172c3e;font:inherit;font-size:13px}
.opmr-decision-row select[data-opmr-select]{min-width:220px;flex:2 1 260px}
.opmr-decision-row select[data-opmr-category]{width:210px;flex:1 1 190px}
.opmr-decision-row select:disabled{background:#edf2f4;color:#81949f;cursor:not-allowed}
.opmr-decision-row .opp-smart-action{flex:none;min-width:142px}
.opmr-approve-hint{display:inline-flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}
.opmr-locked{color:#08735c;font-size:13px}
.opmr-assistant{position:fixed;top:10px;right:10px;z-index:2147482000;width:min(420px,calc(100vw - 20px));max-height:calc(100dvh - 20px);box-sizing:border-box;background:#fff;border:1px solid #acd5d1;border-radius:14px;box-shadow:0 12px 38px rgba(13,44,55,.18);overflow:auto;overflow-wrap:anywhere;font-size:13px;color:#172c3e}
.opmr-assistant-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px 17px 13px;border-bottom:1px solid #e0ebee;background:#f3fbfa}
.opmr-assistant-eyebrow{font-size:10px;font-weight:800;letter-spacing:.09em;color:#087f89}
.opmr-assistant-head h3{font-size:18px;line-height:1.3;margin:7px 0 0;color:#162d3d}
.opmr-assistant-close{background:#fff;border:1px solid #ccdee3;color:#3a5362;border-radius:7px;font-size:23px;line-height:1;padding:5px 10px;cursor:pointer}
.opmr-assistant-content{padding:15px 17px 17px;line-height:1.5}
.opmr-assistant-content p{margin:8px 0;font-size:12px;color:#5f7180}
.opmr-assistant-content .opmr-assistant-success{color:#08735c;font-weight:700;font-size:13px}
.opmr-assistant-content .opmr-assistant-context{font-weight:650;color:#243b4a}
.opmr-assistant-content label{display:block;font-size:12px;font-weight:650;margin:12px 0 5px}
.opmr-assistant-content input{width:100%;box-sizing:border-box;padding:11px;border-radius:6px;border:1px solid #b8cfd6;background:white;color:#172c3e;font:inherit;font-size:13px}
.opmr-assistant-pattern{border:1px solid #d3e5e6;background:#f6fafb;border-radius:8px;padding:10px;margin:12px 0}
.opmr-assistant-pattern span{display:block;font-size:11px;color:#60798b;margin-bottom:6px}
.opmr-assistant-pattern strong{font-size:12px;color:#1d3b4a}
.opmr-assistant-content .opmr-assistant-error{color:#b42318;font-weight:600}
.opmr-assistant-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:15px}
.opmr-assistant-actions button{min-height:38px}
@media(max-width:600px){.opmr-assistant{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.opmr-decision-row select[data-opmr-select],.opmr-decision-row select[data-opmr-category]{flex:1 1 100%;width:100%}.opmr-decision-row .opp-smart-action{min-height:44px}}
@media(prefers-reduced-motion:reduce){.opmr-assistant{scroll-behavior:auto}}

.opmr-assistant-correction{border:1px solid #d6c286;background:#fffbec;color:#76551a;border-radius:8px;padding:9px 11px;font-size:12px;line-height:1.45}

/* v005.105.70: audited term-deposit pairing suggestions */
.opmr-deposit-pair-note{font-size:12px;line-height:1.5;color:#075e66;background:#eff8fa;border:1px solid #c1e0e5;border-radius:6px;padding:8px 10px;margin:9px 0}.opmr-pair-label{color:#09656c}.opmr-pair-summary{font-size:12px;color:#09656c;background:#eaf7f6;border:1px solid #bfe0db;border-radius:6px;padding:9px 12px}

/* v005.105.71: separate operator note, never part of imported bank evidence. */
.opmr-txn-side{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.opmr-note-open{padding:4px 10px!important;min-height:29px!important;font-size:11px!important;color:#31687d!important}
.opmr-note-summary{padding:9px 11px;border-left:3px solid #88c2be;background:#f4f9fa;border-radius:4px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:100px;overflow:auto;font-size:12px;color:#425b68;margin:7px 0}
.opmr-note-popup .opmr-assistant-content textarea{display:block;box-sizing:border-box;width:100%;resize:vertical;min-height:108px;max-height:300px;border:1px solid #b8cfd6;border-radius:7px;padding:10px;font:inherit;color:#172c3e}
.opmr-note-popup .opmr-assistant-content textarea:focus{outline:2px solid #4aa6a9;outline-offset:1px}
.opmr-note-counter{font-size:11px!important;color:#698092!important}
@media(max-width:600px){.opmr-txn-side{width:100%;align-items:flex-start}.opmr-note-popup .opmr-assistant-content textarea{min-height:110px}}

/* v005.105.72: long bank narrations wrap in the left column; amount and note
   remain in a fixed-width, right-aligned column at laptop and mobile widths. */
.opmr-txn-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) max-content;
  align-items:start;
  column-gap:14px;
  row-gap:0;
}
.opmr-txn-main{min-width:0;overflow-wrap:anywhere}
.opmr-txn-main>strong{display:block;overflow-wrap:anywhere;line-height:1.45}
.opmr-txn-side{min-width:max-content;width:auto;align-items:flex-end;text-align:right;justify-self:end}
.opmr-txn-amount{white-space:nowrap}
@media(max-width:600px){
  .opmr-txn-header{grid-template-columns:minmax(0,1fr) max-content;column-gap:8px}
  .opmr-txn-side{width:auto;align-items:flex-end}
  .opmr-txn-amount{font-size:clamp(11px,3.2vw,14px)}
}

/* v005.105.73 — visible blocking reconciliation refresh after Teach OPPON and on queue reloads.
   Keeps the old matching controls visibly unavailable until fresh suggestions arrive. */
.opmr-screen-preloader{
  position:fixed;inset:0;z-index:2147483000;
  display:flex;align-items:center;justify-content:center;
  box-sizing:border-box;padding:16px;
  background:rgba(243,248,250,.8);backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);cursor:progress;
}
.opmr-preloader-panel{
  width:min(390px,100%);box-sizing:border-box;display:flex;align-items:flex-start;gap:17px;
  padding:22px 24px;background:#fff;color:#193243;border:1px solid #c1dadd;
  border-radius:13px;box-shadow:0 18px 48px rgba(23,55,70,.16);
}
.opmr-preloader-spinner{
  flex:0 0 32px;width:32px;height:32px;box-sizing:border-box;
  border:3px solid #c6dfe2;border-top-color:#087f89;border-radius:50%;
  animation:opfi-spin .7s linear infinite;
}
.opmr-preloader-panel strong{display:block;font-size:16px;line-height:1.4;font-weight:700}
.opmr-preloader-panel p{margin:7px 0 0;font-size:12px;line-height:1.65;color:#607989}
@media(max-width:480px){.opmr-preloader-panel{padding:18px;gap:12px}.opmr-preloader-spinner{flex-basis:28px;width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.opmr-preloader-spinner{animation:none}}

/* Banking reconciliation: compact per-status totals without widening the sidebar. */
.opmr-status-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 5px;align-items:stretch}
.opmr-status-tab{display:inline-flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center;gap:4px;white-space:normal!important;min-height:42px;text-align:left}
.opmr-status-currency{display:block;font-weight:500;font-size:11px;line-height:1.45;color:#516f7b;max-width:270px;overflow-wrap:anywhere}
.opmr-status-currency>span{white-space:nowrap}
.opmr-status-note{font-size:11px;line-height:1.5;color:#6b8393;margin:0 0 12px}
@media(max-width:520px){.opmr-status-tabs{gap:7px}.opmr-status-tab{max-width:100%;padding:9px 10px}}