/* Scoped renewal workspace; no changes to payment or renewal logic. */
#shell #content[data-page=renewals]{padding:28px;background:#f5f7fb;min-width:0}
#shell #content[data-page=renewals] .page-heading{padding:22px 24px;margin-bottom:24px;background:#fff;border:1px solid #e3e9f2;border-radius:18px;box-shadow:0 3px 12px #172b4904;align-items:center;gap:18px}
#shell #content[data-page=renewals] .page-heading:before{display:none}
#shell #content[data-page=renewals] .page-heading h2{font-size:32px;letter-spacing:-1px;color:#172b49;margin:5px 0 8px}
#shell #content[data-page=renewals] .page-heading p{font-size:13px;line-height:1.7;color:#64748b;max-width:650px}
#shell #content[data-page=renewals] .page-heading .eyebrow{font-size:10px;letter-spacing:.12em;color:#34746e}
#shell #content[data-page=renewals] .page-heading button{min-height:42px;padding:10px 18px;border-radius:11px;background:#2455e8;color:#fff;border:1px solid #2455e8;font-size:12px;font-weight:600}
#shell #content[data-page=renewals] .table-tools{padding:18px 20px;border:1px solid #e3e9f2;border-radius:16px;background:#fff;gap:20px;align-items:center;margin-bottom:18px}
#shell #content[data-page=renewals] .table-search{display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:8px;font-size:11px;font-weight:650;color:#61718a;margin:0;max-width:540px}
#shell #content[data-page=renewals] .table-search input{width:100%;max-width:none;min-height:44px;margin:0;padding:11px 14px;border:1px solid #dce4ef;border-radius:10px;background:#f8fafc;font-size:13px;font-weight:400;color:#334155}
#shell #content[data-page=renewals] .table-count{font-size:11px;color:#52647b;padding:8px 12px;background:#f1f5f9;border-radius:9px;white-space:nowrap}
#shell #content[data-page=renewals] .table-scroll{padding:0;border:1px solid #e3e9f2;border-radius:16px;background:#fff;overflow:auto;scrollbar-width:thin;max-height:70vh;isolation:isolate;box-shadow:0 4px 16px #172b4904}
#shell #content[data-page=renewals] table{min-width:1200px;width:100%;table-layout:auto;border-collapse:separate;border-spacing:0}
#shell #content[data-page=renewals] th{position:sticky;top:0;z-index:2;padding:17px 18px;background:#f8fafc;color:#64748b;font-size:10px;font-weight:700;letter-spacing:.06em;white-space:nowrap;border-bottom:1px solid #e3e9f2}
#shell #content[data-page=renewals] td{padding:22px 18px;background:#fff;color:#334155;font-family:inherit;font-size:13px;line-height:1.8;vertical-align:middle;border-bottom:1px solid #edf1f6}
#shell #content[data-page=renewals] tbody tr:hover td{background:#f5f8ff}
#shell #content[data-page=renewals] td:first-child{min-width:175px;font-weight:600;color:#172b49}
#shell #content[data-page=renewals] td:first-child small{display:block;max-width:160px;margin-top:6px;font-size:10px;font-weight:400;line-height:1.6;overflow-wrap:anywhere;color:#8491a4}
#shell #content[data-page=renewals] td:nth-child(2){min-width:280px;white-space:nowrap;word-break:normal;overflow-wrap:normal;font-size:13px}
#shell #content[data-page=renewals] .platform-label{gap:10px;font-size:13px;font-weight:650;color:#172b49}
#shell #content[data-page=renewals] td:nth-child(3){min-width:145px;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:#172b49}
#shell #content[data-page=renewals] .pill{font-size:11px;letter-spacing:0;font-weight:600;border-radius:8px;padding:5px 10px;margin-top:6px;white-space:nowrap}
#shell #content[data-page=renewals] td:nth-child(4),#shell #content[data-page=renewals] td:nth-child(5){white-space:nowrap;min-width:180px;font-variant-numeric:tabular-nums;font-size:12px}
#shell #content[data-page=renewals] td:nth-child(5) small{font-family:inherit;font-size:11px;color:#748297;letter-spacing:0}
#shell #content[data-page=renewals] td:last-child,#shell #content[data-page=renewals] th:last-child{position:sticky;right:0;min-width:185px;border-left:1px solid #e3e9f2;box-shadow:-6px 0 12px #172b4906}
#shell #content[data-page=renewals] td:last-child{z-index:1;font-size:11px;color:#748297}
#shell #content[data-page=renewals] th:last-child{z-index:3}
#shell #content[data-page=renewals] td:last-child a{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;min-height:38px;border:1px solid #dbe5fa;border-radius:9px;background:#f1f5ff;color:#345bcc;text-decoration:none;font-size:12px;font-weight:600;white-space:nowrap}
#shell #content[data-page=renewals] td:last-child button{display:block;width:100%;min-height:38px;margin:8px 0 0;padding:9px 12px;font-size:12px;font-weight:600;border-radius:9px;white-space:nowrap}
#shell #content[data-page=renewals] button[data-approve]{background:#edf8f3;border:1px solid #b9e6d1;color:#177451}
#shell #content[data-page=renewals] button[data-reject]{background:#fff;border:1px solid #f0d6dc;color:#b43b53}
#shell #content[data-page=renewals] .section-note{margin-top:18px;padding:15px 18px;border:1px solid #e3e9f2;border-left:3px solid #94b4e7;border-radius:12px;background:#f0f5fc;font-size:12px;line-height:1.7;color:#61718a}
#shell #content[data-page=renewals] :is(a,button,input):focus-visible{outline:3px solid #2563eb;outline-offset:3px}
@media(max-width:700px){
 #shell #content[data-page=renewals]{padding:20px 14px 28px}
 #shell #content[data-page=renewals] .page-heading{padding:18px;flex-wrap:wrap}
 #shell #content[data-page=renewals] .page-heading h2{font-size:28px}
 #shell #content[data-page=renewals] .table-tools{padding:14px;flex-direction:column;align-items:stretch;gap:12px}
 #shell #content[data-page=renewals] .table-search{max-width:none;width:100%}
 #shell #content[data-page=renewals] .table-search input{font-size:16px}
 #shell #content[data-page=renewals] .table-count{align-self:flex-start}
 #shell #content[data-page=renewals] td:last-child,#shell #content[data-page=renewals] th:last-child{position:static;box-shadow:none}
}