/* WEB_ASSET_GPT V86.90.0 - Admin Billing Workflow */
.wf-page{max-width:1380px;margin:0 auto;padding:4px 0 32px;color:#0f172a}.wf-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 30px;border-radius:18px;background:linear-gradient(135deg,#064e3b,#087f5b 55%,#0f766e);color:#fff;box-shadow:0 16px 38px rgba(6,78,59,.18)}.wf-eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;opacity:.82}.wf-hero h1{margin:8px 0 7px;font-size:30px}.wf-hero p{margin:0;max-width:760px;line-height:1.65;color:#d1fae5}.wf-hero-badge{min-width:155px;padding:15px 18px;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:rgba(255,255,255,.1);text-align:center}.wf-hero-badge strong,.wf-hero-badge span{display:block}.wf-hero-badge strong{font-size:20px}.wf-hero-badge span{margin-top:4px;font-size:12px;color:#d1fae5}.wf-test-banner{margin:16px 0;padding:12px 15px;border:1px solid #f59e0b;border-radius:10px;background:#fffbeb;color:#92400e;font-size:13px}.wf-message{margin:14px 0;padding:12px 15px;border-radius:10px;white-space:pre-line;font-size:13px}.wf-message.success{border:1px solid #86efac;background:#f0fdf4;color:#166534}.wf-message.warning{border:1px solid #fcd34d;background:#fffbeb;color:#92400e}.wf-message.error{border:1px solid #fca5a5;background:#fef2f2;color:#991b1b}.wf-message.info{border:1px solid #93c5fd;background:#eff6ff;color:#1e40af}.wf-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 12px}.wf-tab{display:flex;align-items:center;gap:13px;padding:15px 18px;border:1px solid #cbd5e1;border-radius:13px;background:#fff;color:#334155;text-align:left;cursor:pointer;transition:.18s ease}.wf-tab>span{font-size:25px}.wf-tab strong,.wf-tab small{display:block}.wf-tab strong{font-size:16px}.wf-tab small{margin-top:2px;color:#64748b}.wf-tab:hover{border-color:#0f766e;transform:translateY(-1px)}.wf-tab.active{border-color:#047857;background:#ecfdf5;color:#065f46;box-shadow:0 8px 20px rgba(4,120,87,.1)}.wf-panel{border:1px solid #dbe4ef;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.06);overflow:hidden}.wf-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 22px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.wf-panel-head h2{margin:0 0 5px;font-size:21px}.wf-panel-head p{margin:0;color:#64748b}.wf-status{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.wf-status span{padding:6px 9px;border:1px solid #dbe4ef;border-radius:7px;background:#fff;color:#64748b;font-size:11px}.wf-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:22px}.wf-step{position:relative;padding:18px 15px 15px;border:1px solid #dbe4ef;border-radius:13px;background:#fff}.wf-step:not(:last-child):after{content:'→';position:absolute;right:-20px;top:40px;z-index:2;width:24px;text-align:center;color:#0f766e;font-size:22px;font-weight:900}.wf-step-number{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#047857;color:#fff;font-weight:900}.wf-step-heading{margin:10px 0 14px}.wf-step-heading strong,.wf-step-heading span{display:block}.wf-step-heading strong{font-size:16px}.wf-step-heading span{margin-top:3px;color:#64748b;font-size:11px}.wf-step label{display:block;margin:10px 0 0;color:#475569;font-size:11px;font-weight:700}.wf-input{display:block;width:100%;margin-top:5px;padding:9px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;font:inherit;font-size:12px;box-sizing:border-box}.wf-input:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px rgba(5,150,105,.12)}textarea.wf-input{resize:vertical;min-height:58px}.wf-two-col{display:grid;grid-template-columns:1fr 1.35fr;gap:8px}.wf-person-field{position:relative}.wf-search-results{display:none;position:absolute;left:0;right:0;top:100%;z-index:20;max-height:250px;overflow:auto;margin-top:4px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;box-shadow:0 12px 25px rgba(15,23,42,.15)}.wf-search-results.show{display:block}.wf-person-result{display:block;width:100%;padding:10px 11px;border:0;border-bottom:1px solid #e2e8f0;background:#fff;text-align:left;cursor:pointer}.wf-person-result:last-child{border-bottom:0}.wf-person-result:hover{background:#ecfdf5}.wf-person-result strong,.wf-person-result span{display:block}.wf-person-result strong{color:#0f172a;font-size:12px}.wf-person-result span{margin-top:3px;color:#64748b;font-size:10px}.wf-result-empty{padding:12px;color:#64748b;font-size:11px}.wf-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px;padding:16px 22px;border-top:1px solid #e2e8f0;background:#f8fafc}.wf-btn{padding:10px 14px;border-radius:9px;border:1px solid transparent;font-weight:800;cursor:pointer}.wf-btn.primary{background:#047857;color:#fff}.wf-btn.primary:hover{background:#065f46}.wf-btn.secondary{border-color:#cbd5e1;background:#fff;color:#334155}.wf-btn.secondary:hover{background:#f1f5f9}.wf-btn.danger{color:#b91c1c}.wf-btn:disabled{opacity:.55;cursor:not-allowed}.wf-note{display:flex;gap:12px;margin-top:14px;padding:14px 16px;border-left:4px solid #0f766e;border-radius:8px;background:#f0fdfa;color:#115e59;font-size:13px;line-height:1.55}.wf-loading,.wf-access-denied{padding:70px 24px;border:1px dashed #cbd5e1;border-radius:16px;background:#fff;text-align:center}.wf-loading h2,.wf-access-denied h2{margin:14px 0 6px}.wf-loading p,.wf-access-denied p{margin:0;color:#64748b}.wf-access-denied>div{font-size:42px}.wf-spinner{display:inline-block;width:34px;height:34px;border:4px solid #d1fae5;border-top-color:#047857;border-radius:50%;animation:wfspin .8s linear infinite}@keyframes wfspin{to{transform:rotate(360deg)}}

.wf-mode-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0;padding:16px 18px;border:1px solid;border-radius:14px}.wf-mode-panel.test{border-color:#f59e0b;background:#fffbeb;color:#92400e}.wf-mode-panel.production{border-color:#ef4444;background:#fff1f2;color:#991b1b;box-shadow:0 8px 22px rgba(185,28,28,.08)}.wf-mode-copy{min-width:0}.wf-mode-kicker,.wf-mode-copy strong,.wf-mode-copy small{display:block}.wf-mode-kicker{font-size:10px;font-weight:900;letter-spacing:.12em;opacity:.76}.wf-mode-copy strong{margin-top:5px;font-size:17px}.wf-mode-copy small{margin-top:5px;max-width:790px;line-height:1.5}.wf-mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:360px}.wf-mode-option{padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#334155;text-align:left;cursor:pointer}.wf-mode-option b,.wf-mode-option span{display:block}.wf-mode-option b{font-size:12px}.wf-mode-option span{margin-top:3px;font-size:10px;color:#64748b}.wf-mode-option:hover{border-color:#64748b}.wf-mode-panel.test .wf-mode-option[data-wf-mode=TEST].active{border-color:#d97706;background:#fef3c7;color:#92400e;box-shadow:0 0 0 2px rgba(217,119,6,.12)}.wf-mode-panel.production .wf-mode-option[data-wf-mode=PRODUCTION].active{border-color:#dc2626;background:#fee2e2;color:#991b1b;box-shadow:0 0 0 2px rgba(220,38,38,.12)}
@media(max-width:1150px){.wf-chain{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-step:after{display:none}}@media(max-width:720px){.wf-hero,.wf-panel-head,.wf-mode-panel{flex-direction:column;align-items:stretch}.wf-mode-selector{min-width:0}.wf-hero-badge{width:100%;box-sizing:border-box}.wf-tabs,.wf-chain{grid-template-columns:1fr}.wf-two-col{grid-template-columns:1fr}.wf-status{justify-content:flex-start}.wf-actions{justify-content:stretch}.wf-actions .wf-btn{flex:1 1 46%}.wf-note{flex-direction:column}}

/* V99.0087 - App & O365 Cost manager acknowledgement workflow */
.wf-manager-cost-config{display:grid;grid-template-columns:minmax(280px,1fr) minmax(240px,1fr);gap:14px;padding:6px 0 14px}.wf-manager-cost-config>label,.wf-manager-cost-block{border:1px solid #dbe5ef;border-radius:12px;padding:14px;background:#fbfdff}.wf-manager-cost-config>label{font-size:.76rem;font-weight:800;color:#405873}.wf-manager-cost-config .wf-input{margin-top:7px;width:100%}.wf-manager-cost-block strong{display:block;font-size:.78rem;color:#29435f;margin-bottom:9px}.wf-manager-levels{display:flex;gap:16px;flex-wrap:wrap}.wf-manager-levels label{font-weight:800;color:#29435f}.wf-manager-levels input{accent-color:#0b918b}.wf-fixed-rule{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eaf8f6;color:#087b83;font-size:.72rem;font-weight:800}
@media(max-width:760px){.wf-manager-cost-config{grid-template-columns:1fr}}
