:root{font-family:Arial,Helvetica,sans-serif;color:#2b3f32;background:#f5f4ef;font-size:16px;line-height:1.5}*{box-sizing:border-box;min-width:0}body{margin:0}a{color:#315c3b}button,input{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid #b37a20;outline-offset:3px}[hidden]{display:none!important}.top{max-width:1280px;margin:auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #dce3d6}.brand{font-size:25px;text-decoration:none;font-weight:600;color:#294d3d}.top nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}main{max-width:1280px;margin:auto;padding:45px 28px 80px}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;color:#657d5d}h1{font-size:clamp(30px,4vw,48px);line-height:1.15;font-weight:500;margin:10px 0 15px;overflow-wrap:anywhere}h2{font-size:21px;line-height:1.3;margin:0 0 16px}.lead{max-width:750px;color:#61715d;margin:0 0 28px}.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.card{background:#fffefa;border:1px solid #d9e2d4;border-radius:12px;padding:25px;overflow-wrap:anywhere}.narrow{max-width:480px}.card form{display:grid;gap:16px}.card label{display:grid;gap:6px;font-size:14px;font-weight:600}.card input{width:100%;border:1px solid #b7c5af;border-radius:6px;padding:10px 11px;min-height:44px;background:#fff;color:#203428}.card input:focus{border-color:#456d46}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border-radius:6px;font-size:14px;font-weight:600;text-align:center;text-decoration:none;white-space:normal}.primary{background:#3d633e;border:1px solid #3d633e;color:#fff}.secondary{background:#fffefa;border:1px solid #b8c9b0;color:#315c3b}.primary:hover{background:#2a4e32}.secondary:hover{background:#eef4e9}.muted{color:#667666;font-size:13px;line-height:1.55}.price{font-size:25px;font-weight:600;margin:20px 0}.plan{min-height:330px}.button{width:max-content;max-width:100%}.billing{margin-top:22px}.actions{display:flex;gap:10px;flex-wrap:wrap}.billing #invoice-list,.card #company-list,.card #finance-invoices,.card #catalog-versions{display:grid;gap:10px;margin-top:18px}.item{padding:14px;border:1px solid #e2e8dd;border-radius:7px;background:#fafbf7}.item strong{display:block}.item p{margin:5px 0;color:#5e705d;font-size:13px}.item .actions{margin-top:9px}.item input{max-width:250px}.break{overflow-wrap:anywhere}#notice:not(:empty){background:#e9f0e4;border-left:4px solid #60844d;padding:12px 16px;margin-bottom:24px;border-radius:5px}#notice.error{background:#fbebe6;border-color:#aa5d4a}.catalog-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.catalog-grid button{justify-self:start}.card+.card{margin:0}@media(max-width:800px){.columns{grid-template-columns:minmax(0,1fr)}main{padding-top:30px}.plan{min-height:0}}@media(max-width:500px){.top{padding:13px 16px;align-items:flex-start;flex-direction:column;gap:7px}main{padding:28px 16px 55px}.card{padding:18px}.catalog-grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Operator call workspace and client observability */
.operator-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.operator-intro .lead{margin-bottom:0}
#operator-freshness{font-size:13px}
.operator-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
.operator-tile{background:#fffefa;border:1px solid #d9e2d4;border-radius:12px;padding:15px 18px}
.operator-tile strong{display:block;font-size:29px;line-height:1.2}
.operator-tile span{display:block;color:#657666;font-size:13px}
.operator-workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:18px;align-items:start}
.operator-workspace>.card,.operator-right{min-width:0}
.operator-right{display:grid;gap:18px}
.operator-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}
.operator-panel-head .eyebrow{margin-bottom:5px}
.operator-panel-head .muted{font-size:13px}
.operator-call-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 14px}
.operator-call-form .full{grid-column:1/-1}
.invitation-preview{border:1px solid #e2e9df;border-radius:9px;padding:15px;background:#f8faf6;overflow-wrap:anywhere}
.invitation-preview-head{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}
.invitation-preview h3,.invitation-status h3,.recent-invitations h3,.operator-detail-card h3{font-size:17px;line-height:1.3;margin:0}
.invitation-preview p{margin:10px 0 0;white-space:pre-wrap}
#invitation-preview-body{overflow-wrap:anywhere}
.operator-call-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.operator-call-actions .muted{font-size:13px;max-width:330px}
.operator-call-actions button{min-width:190px}
.invitation-status{border-top:1px solid #e2e8de;margin-top:20px;padding-top:18px}
.invitation-status-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.invitation-status-head p,#invitation-identity{font-size:13px}
#invitation-identity{margin:6px 0 12px;overflow-wrap:anywhere}
.invitation-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:0;margin:12px 0;list-style:none}
.invitation-steps li{border:1px solid #dfe6dc;border-radius:8px;background:#fcfdf9;padding:10px 11px;min-width:0}
.invitation-steps li.done{border-color:#b9d9c0;background:#eff8f0}
.invitation-steps li.active{border-color:#e6cc93;background:#fff9eb}
.invitation-steps strong{display:block;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.invitation-steps time{display:block;font-size:12px;color:#657666;margin-top:7px}
.invitation-next{color:#456149;font-size:13px;margin:11px 0}
.recent-invitations{border-top:1px solid #e2e8de;margin-top:18px;padding-top:16px}
#recent-invitations{display:grid;gap:8px;margin-top:10px}
.recent-invitation{display:block;text-align:left;width:100%;border:1px solid #e1e8dd;border-radius:8px;background:#fff;padding:9px 12px;color:#273a2e}
.recent-invitation:hover{background:#f8faf6}
.recent-invitation strong,.recent-invitation small{display:block;overflow-wrap:anywhere}
.recent-invitation small{font-size:12px;color:#657666}
.operator-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr) minmax(0,.7fr);gap:10px;margin:15px 0}
.operator-filters select{width:100%;min-height:44px;border:1px solid #b7c5af;border-radius:6px;padding:9px 11px;background:#fff;color:#203428}
.operator-company-list{display:grid;gap:9px}
.operator-company{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(46px,.42fr)) minmax(0,.75fr);align-items:center;gap:7px;width:100%;border:1px solid #e1e8dd;border-radius:9px;background:#fff;padding:12px;text-align:left;color:#273a2e}
.operator-company:hover,.operator-company[aria-current=true]{background:#f8faf6;border-color:#a9c3a6}
.operator-company-identity strong,.operator-company-identity small,.operator-score strong,.operator-score small,.operator-company-state small{display:block;overflow-wrap:anywhere}
.operator-company-identity small,.operator-company-state small{color:#657666;font-size:11px}
.operator-score strong{font-size:18px;line-height:1.15}
.operator-score small{font-size:10px;line-height:1.25}
.operator-badge{display:inline-block;border-radius:999px;background:#e8eee5;color:#416044;padding:3px 8px;font-size:11px;font-weight:700;white-space:normal}
.operator-badge.good{background:#e1f0e4;color:#2d6a41}
.operator-badge.warn{background:#f9ecd4;color:#865b18}
.operator-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:14px}
.operator-instance-selector{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.operator-instance-selector button[aria-pressed=true]{background:#e7f2e6;border-color:#6e9b72}
.operator-instance-caption{overflow-wrap:anywhere}
.operator-score-reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.operator-score-reason{border:1px solid #dbe5d6;background:#f7faf5;border-radius:9px;padding:12px;min-width:0}
.operator-score-reason h3{font-size:15px;line-height:1.3;margin:0 0 7px}
.operator-score-reason p{font-size:12px;color:#526c55;margin:5px 0 0;overflow-wrap:anywhere}
.operator-detail-card{border:1px solid #e1e8dd;border-radius:9px;padding:12px;min-width:0}
.operator-detail-card p{font-size:13px;color:#5d705f;margin:7px 0 0;overflow-wrap:anywhere}
.operator-referrals,#finance-panel,#catalog-panel{margin-top:22px}
.operator-referrals form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:10px;margin-top:14px;align-items:end}
.operator-referrals form button{min-height:44px}
@media(max-width:1100px){.operator-workspace{grid-template-columns:minmax(0,1fr)}.operator-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.invitation-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-company{grid-template-columns:minmax(0,1fr) repeat(3,minmax(45px,.35fr))}.operator-company-state{grid-column:1/-1}.operator-score-reasons{grid-template-columns:minmax(0,1fr)}.operator-referrals form{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-referrals form button{grid-column:1/-1}}
@media(max-width:470px){.operator-tile{padding:12px}.operator-tile strong{font-size:25px}.operator-call-form,.operator-detail-grid,.operator-filters{grid-template-columns:minmax(0,1fr)}.operator-call-form .full{grid-column:auto}.operator-call-actions button{width:100%}.operator-company{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px}.operator-company-identity,.operator-company-state{grid-column:1/-1}.operator-score strong{font-size:16px}.operator-score small{font-size:9px}.operator-referrals form{grid-template-columns:minmax(0,1fr)}.operator-referrals form button{grid-column:auto}}
@media(max-width:300px){.primary,.secondary{max-width:100%;overflow-wrap:anywhere}.operator-tile{overflow-wrap:anywhere}.operator-summary{grid-template-columns:minmax(0,1fr)}.operator-call-actions button{min-width:0}.invitation-steps{grid-template-columns:minmax(0,1fr)}.operator-company{display:flex;flex-direction:column;align-items:stretch;overflow-wrap:anywhere}.operator-score{overflow-wrap:anywhere}.operator-panel-head{display:block}.operator-panel-head span,.operator-company span{overflow-wrap:anywhere}}

#help-panel{margin-bottom:22px}#help-list{display:grid;gap:14px;margin-top:16px}.help-case{border-top:1px solid #dbe5d6;padding-top:14px;min-width:0}.help-case h3{overflow-wrap:anywhere}.help-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.help-form label,.help-form select{min-width:0}.help-form select,#help-filter{max-width:100%;min-height:44px;padding:8px;border:1px solid #b7c5af;border-radius:6px;background:#fff}.help-case details{margin-top:12px}.help-case summary{cursor:pointer;min-height:32px}#catalog-price{white-space:pre-line;font-size:20px}@media(max-width:600px){.help-form{grid-template-columns:minmax(0,1fr)}}

/* Billing controls follow the existing technical-form layout. */
.billing>label{max-width:420px;display:grid;gap:6px}.billing select,.catalog-grid select{width:100%;font:inherit;min-height:44px;padding:10px;border:1px solid #b7c5af;border-radius:6px;background:#fff;color:#203428}.access-extension-form{margin-top:16px;padding-top:16px;border-top:1px solid #dce3d6}.access-extension-form input{max-width:100%!important}.access-extension-form .actions{align-items:end}#invoice-recover{margin-top:12px}#access-extension-list{display:grid;gap:10px}
