/* TITUS customer billing surface */
#titus-workspace[data-section="billing"]{overflow:auto}
#titus-workspace[data-section="billing"]{box-sizing:border-box;width:min(1060px,calc(100vw - 40px));max-width:1060px;max-height:92vh;padding:0;border:1px solid #2c495e;border-radius:18px;background:#091522;box-shadow:0 32px 100px #0009;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#titus-workspace[data-section="billing"]::backdrop{background:#020812d9;backdrop-filter:blur(6px)}
#titus-workspace[data-section="billing"]>.ta-header{position:sticky;top:0;z-index:2;background:#0c1a29f5;padding:24px 30px;border-bottom:1px solid #203549;backdrop-filter:blur(10px)}
#titus-workspace[data-section="billing"]>.ta-header h2{font-size:20px;font-weight:650;letter-spacing:-.025em;color:#ecf4fb}
#titus-workspace[data-section="billing"] [data-close]{font-family:inherit;font-size:12px;background:transparent;color:#a6b9ca;border-color:#30485c;border-radius:8px;padding:8px 13px}
#titus-workspace[data-section="billing"] [data-output]{max-height:none;overflow:visible;padding:0}
#titus-workspace .tb{padding:26px 30px 18px;color:#e5edf6;font-size:14px;line-height:1.5}
#titus-workspace .tb *{box-sizing:border-box}
#titus-workspace .tb p{white-space:normal;margin:0;line-height:1.6}
#titus-workspace .tb h3,#titus-workspace .tb h4{margin:0;color:#ecf4fb;letter-spacing:-.025em;font-family:inherit}
#titus-workspace .tb h3{font-size:17px;font-weight:620}
#titus-workspace .tb h4{font-size:17px;font-weight:620}
#titus-workspace .tb svg{width:20px;height:20px;flex:0 0 auto}
#titus-workspace .tb .tb-eyebrow{color:#7bb7cf;font-size:10px;letter-spacing:.17em;font-weight:700;margin-bottom:5px}
#titus-workspace .tb .tb-muted,#titus-workspace .tb .tb-subtitle{color:#95aabe;font-size:13px}
#titus-workspace .tb-intro{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:23px}
#titus-workspace .tb-intro .tb-subtitle{flex:1;min-width:200px}
#titus-workspace .tb-intro>.tb-eyebrow{width:100%;margin:0}
#titus-workspace .tb-current{display:grid;grid-template-columns:1fr 2.25fr;gap:28px;padding:25px 26px;border:1px solid #2c4b61;border-radius:12px;background:linear-gradient(115deg,#102b3d,#101e30 65%);position:relative;overflow:hidden}
#titus-workspace .tb-current:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;background:#56d5ef;border-radius:2px}
#titus-workspace .tb h3.tb-plan-name{font-size:28px;font-weight:650;text-transform:capitalize;margin-bottom:2px}
#titus-workspace .tb .tb-account{color:#9db6c8;font-size:12px;margin-bottom:12px}
#titus-workspace .tb-badge{display:inline-flex;align-items:center;border:1px solid #3d4c62;color:#b2c2d3;border-radius:20px;padding:4px 10px;font-size:11px;background:#132438}
#titus-workspace .tb-badge-active{background:#103535;border-color:#276461;color:#8ce2cf}
#titus-workspace .tb-badge-active:before{content:"";width:5px;height:5px;border-radius:50%;background:#71dbc2;margin-right:6px}
#titus-workspace .tb-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:16px;margin:0;padding:10px 0}
#titus-workspace .tb-metrics>div{border-left:1px solid #2a4054;padding-left:18px;min-height:80px}
#titus-workspace .tb-metrics dt{font-size:11px;color:#9bb0c3;margin-bottom:10px}
#titus-workspace .tb-metrics dd{font-size:15px;font-weight:600;margin:0 0 5px;line-height:1.4;color:#edf5fc}
#titus-workspace .tb .tb-metrics p{font-size:10px;color:#819caf;line-height:1.6}
#titus-workspace .tb-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:29px 0 15px;flex-wrap:wrap}
#titus-workspace .tb-period{display:flex;gap:3px;padding:4px;background:#07111c;border:1px solid #263c50;border-radius:9px}
#titus-workspace .tb-period button{display:flex;align-items:center;gap:7px;border:0;background:transparent;border-radius:6px;padding:7px 10px;color:#91a8bd;font-size:12px;min-height:34px}
#titus-workspace .tb-period button[aria-pressed="true"]{color:#e6f3ff;background:#20354b;box-shadow:0 1px 5px #0004}
#titus-workspace .tb-save{font-size:9px;color:#93e5cc;background:#123d35;border:1px solid #24574b;border-radius:4px;padding:2px 4px;white-space:nowrap}
#titus-workspace .tb-plans{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}
#titus-workspace .tb-plan{display:flex;flex-direction:column;border:1px solid #294055;border-radius:12px;padding:24px;background:#0d1d2d}
#titus-workspace .tb-plan-commercial{border-color:#3b8099;background:linear-gradient(140deg,#102b3c,#0d1d2e 70%);box-shadow:inset 0 1px 0 #63dfff14}
#titus-workspace .tb-plan-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
#titus-workspace .tb-small-badge{font-size:9px;font-weight:600;color:#9be6f6;background:#133849;border:1px solid #2c6177;border-radius:5px;padding:4px 7px}
#titus-workspace .tb-enterprise>h4{margin-bottom:6px}
#titus-workspace .tb-price{display:flex;align-items:baseline;gap:7px;margin:20px 0 2px}
#titus-workspace .tb-price strong{font-size:40px;letter-spacing:-.05em;line-height:1.2;font-weight:650;color:#f2f9ff}
#titus-workspace .tb-price>span{font-size:12px;color:#91a9bf}
#titus-workspace .tb .tb-price-note{font-size:11px;color:#93aec4;min-height:18px}
#titus-workspace .tb-enterprise-price{font-size:32px;letter-spacing:-.035em;font-weight:600;line-height:1.5;margin:20px 0 0;color:#e2edf8}
#titus-workspace .tb-features{list-style:none;padding:0;margin:21px 0;display:grid;gap:11px;flex:1}
#titus-workspace .tb-features li{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:#c5d6e5}
#titus-workspace .tb-check{color:#6ed6d4;flex:0 0 auto}
#titus-workspace .tb .tb-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #365269;border-radius:7px;min-height:39px;padding:10px 13px;background:#14283a;color:#cde5f6;cursor:pointer;font-family:inherit;font-weight:600;font-size:12px;line-height:1.3;text-decoration:none;transition:background .15s,border-color .15s}
#titus-workspace .tb .tb-button svg{width:15px;height:15px}
#titus-workspace .tb .tb-button:hover{background:#1b364d;border-color:#5a88a6}
#titus-workspace .tb .tb-button:disabled{opacity:.5;cursor:not-allowed}
#titus-workspace .tb .tb-button.tb-primary{background:#65d7ee;border-color:#65d7ee;color:#06212d;box-shadow:0 3px 16px #34cbe315}
#titus-workspace .tb .tb-button.tb-primary:hover{background:#91e8f7;border-color:#91e8f7}
#titus-workspace .tb .tb-button.tb-quiet{background:transparent;font-size:11px;padding:7px 11px;min-height:32px;color:#9cb8cd;border-color:#2a4358}
#titus-workspace .tb .tb-fine{font-size:10px;color:#809bb0;line-height:1.65;margin-top:10px}
#titus-workspace .tb .tb-plan>.tb-fine{text-align:center;min-height:33px}
#titus-workspace .tb .tb-evaluation{display:flex;justify-content:center;align-items:baseline;gap:5px;flex-wrap:wrap;font-size:11px;color:#819cb1;margin-top:14px}
#titus-workspace .tb .tb-text-button{padding:0;border:0;background:none;min-height:28px;color:#8ed6eb;font:inherit;font-size:inherit;cursor:pointer;text-decoration:none}
#titus-workspace .tb .tb-text-button:hover{color:#c2f2ff;text-decoration:underline}
#titus-workspace .tb-management-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
#titus-workspace .tb-tile{display:flex;flex-direction:column;align-items:flex-start;padding:19px;border:1px solid #253c50;border-radius:10px;background:#0c1b2a}
#titus-workspace .tb-tile>svg{color:#78b7cf;margin-bottom:13px;width:22px;height:22px}
#titus-workspace .tb-tile>h4{font-size:13px;margin-bottom:7px}
#titus-workspace .tb .tb-tile>p{font-size:11px;flex:1;margin-bottom:16px}
#titus-workspace .tb .tb-tile>.tb-button{width:100%;font-size:10px;padding:9px 8px;min-height:36px;background:transparent}
#titus-workspace .tb-empty{text-align:center;border:1px dashed #2b4256;border-radius:10px;padding:24px 18px;background:#0b1a29}
#titus-workspace .tb-empty>svg{color:#61869e;width:25px;height:25px;margin-bottom:9px}
#titus-workspace .tb-empty h4{font-size:13px;margin-bottom:4px}
#titus-workspace .tb .tb-empty p{font-size:11px}
#titus-workspace .tb-table-scroll{overflow-x:auto;border:1px solid #294055;border-radius:9px}
#titus-workspace .tb-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;min-width:560px}
#titus-workspace .tb-table th{padding:12px 16px;background:#112337;font-weight:500;font-size:10px;color:#8faac1}
#titus-workspace .tb-table td{padding:15px 16px;border-top:1px solid #233a4f;color:#d3e3f1;white-space:nowrap}
#titus-workspace .tb-invoice-status{padding:3px 7px;border-radius:5px;font-size:10px;color:#a0dccd;background:#153630}
#titus-workspace .tb-invoice-link{color:#8bd8ec;text-decoration:none;font-size:11px}
#titus-workspace .tb-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #20374b;margin-top:25px;padding-top:16px;font-size:10px;color:#7895aa}
#titus-workspace .tb-secure{display:inline-flex;align-items:center;gap:6px}
#titus-workspace .tb-secure svg{width:14px;height:14px;color:#73adbf}
#titus-workspace .tb-notice{border:1px solid #765a32;background:#302819;border-radius:9px;padding:20px;margin:18px 0;color:#ecd2a1}
#titus-workspace .tb-notice p{font-size:12px;margin:6px 0 12px}
#titus-workspace .tb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#titus-workspace .tb button:focus-visible,#titus-workspace .tb a:focus-visible{outline:2px solid #91e4f7;outline-offset:3px}
@media(max-width:820px){#titus-workspace .tb-current{grid-template-columns:1fr;gap:20px}#titus-workspace .tb-metrics>div:first-child{border-left:0;padding-left:0}#titus-workspace .tb-metrics{border-top:1px solid #2a4054;padding-top:18px}#titus-workspace .tb-management-grid{grid-template-columns:1fr}#titus-workspace .tb .tb-tile>.tb-button{width:auto}#titus-workspace .tb-tile>p{min-height:0}}
@media(max-width:580px){#titus-workspace[data-section="billing"]{width:calc(100vw - 16px);max-height:94vh;border-radius:12px}#titus-workspace[data-section="billing"]>.ta-header{padding:18px}#titus-workspace .tb{padding:18px}#titus-workspace .tb-plans{grid-template-columns:1fr}#titus-workspace .tb-current{padding:20px}#titus-workspace .tb-metrics{grid-template-columns:1fr;gap:14px}#titus-workspace .tb-metrics>div{border-left:0;padding:0;min-height:0}#titus-workspace .tb-metrics dt{margin-bottom:3px}#titus-workspace .tb-section-heading{align-items:flex-start}#titus-workspace .tb-period{width:100%}#titus-workspace .tb-period button{flex:1;justify-content:center}}