.renewals-hero{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:4px 0 28px}.renewals-hero h1{font-size:clamp(38px,5vw,58px);letter-spacing:-.045em;margin-bottom:10px}.renewals-hero p:not(.eyebrow){max-width:850px;color:var(--muted);margin:0}.renewal-strip{display:grid;grid-template-columns:1.4fr repeat(3,1fr);background:var(--ink);border-radius:12px;color:#fff;overflow:hidden;margin-bottom:18px}.renewal-strip>div,.renewal-strip>article{padding:17px 20px;border-right:1px solid rgba(255,255,255,.1)}.renewal-vessel{display:flex;align-items:center;gap:12px}.renewal-vessel>b{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:var(--sea);font:700 11px Roboto Mono}.renewal-vessel>span,.renewal-strip article{display:flex;flex-direction:column}.renewal-strip small{font:700 8px Roboto Mono;color:#7595a2}.renewal-strip strong,.renewal-strip article>b{font-size:16px}.renewal-strip article>span{font-size:9px;color:#87a0aa}.renewal-strip .saved-value{background:#0a3b43}.saved-value>b{color:var(--aqua);font-size:24px!important}
.renewal-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0 14px}.renewal-tabs{display:flex;background:#e5edef;border-radius:8px;padding:3px}.renewal-tabs button{border:0;background:transparent;padding:9px 14px;border-radius:6px;color:#60747c;font-size:11px;font-weight:800}.renewal-tabs button span{font:700 8px Roboto Mono;background:#d4e0e3;border-radius:10px;padding:2px 5px;margin-left:4px}.renewal-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 3px 10px rgba(6,30,42,.1)}.renewal-controls>label{font-size:9px;color:var(--muted);font-weight:800}.renewal-controls select{margin-left:8px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink)}
.renewals-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.62fr);gap:18px}.renewal-queue{display:grid;gap:11px;align-content:start}.renewal-item{display:grid;grid-template-columns:78px minmax(0,1fr) minmax(240px,.62fr);gap:17px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px;transition:.2s}.renewal-item:hover{border-color:#a7c7cd;box-shadow:0 12px 35px rgba(5,35,48,.08)}.renewal-item.priority{border-left:4px solid #dc6b5e}.renewal-item.warning-item{border-left:4px solid #e6a63c}.renewal-date{height:70px;border-radius:9px;background:#eef5f5;display:grid;place-content:center;text-align:center}.renewal-date b{font-size:25px;line-height:1}.renewal-date small{font:700 7px Roboto Mono;color:#6b8088;margin-top:5px}.priority .renewal-date{background:#fff0ee;color:#b9483d}.warning-item .renewal-date,.document-item .renewal-date{background:#fff7e7;color:#99610b}.renewal-info .renewal-tag{font:700 8px Roboto Mono;color:var(--sea);letter-spacing:.04em}.renewal-info h2{font-size:17px;margin:5px 0}.renewal-info>p{font-size:10px;color:var(--muted);margin-bottom:9px}.compatibility{display:flex;gap:9px;align-items:center}.compatibility b{font:700 8px Roboto Mono;color:#087e72;background:#e4f5f2;padding:5px 7px;border-radius:4px}.compatibility span{font-size:9px;color:#71868e}.matched-supply{border-left:1px solid var(--line);padding-left:17px;display:flex;flex-direction:column}.matched-supply>small{font:700 8px Roboto Mono;color:#6d828a}.matched-supply>b{font-size:11px;margin-top:4px}.matched-supply>span,.matched-supply>em{font-size:8px;color:var(--muted);font-style:normal}.matched-supply>strong{font-size:18px;margin-top:7px}.matched-supply>div{display:flex;gap:6px;margin-top:9px}.matched-supply button{padding:7px 8px;font-size:8px;flex:1}.renewal-item.completed{opacity:.72;border-left:4px solid #35bda7}.renewal-item.completed .renewal-date{background:#e5f6f2;color:#078174}.renewal-empty{text-align:center;padding:60px;background:#fff;border:1px dashed #afc1c7;border-radius:11px}.renewal-empty p{font-size:11px;color:var(--muted)}
.renewal-side{display:grid;gap:14px;align-content:start}.lifecycle-card,.smart-cart,.notify-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px}.lifecycle-card .panel-head>span{font:700 8px Roboto Mono;color:#0a8475}.lifecycle-card ol{list-style:none;padding:0;margin:16px 0 0}.lifecycle-card li{display:grid;grid-template-columns:29px 1fr auto;gap:10px;align-items:center;position:relative;padding-bottom:16px}.lifecycle-card li:not(:last-child):after{content:"";position:absolute;left:14px;top:29px;height:16px;width:1px;background:#cfdbdf}.lifecycle-card li>b{width:28px;height:28px;border-radius:50%;border:1px solid #bfccd0;display:grid;place-items:center;font:700 9px Roboto Mono}.lifecycle-card li>div{display:flex;flex-direction:column}.lifecycle-card strong{font-size:10px}.lifecycle-card small{font-size:8px;color:var(--muted)}.lifecycle-card li>em{font:700 8px Roboto Mono;font-style:normal;color:var(--sea)}.lifecycle-card li.done>b{background:#e1f5f1;border-color:#85d2c7;color:#087e71}.lifecycle-card li.active>b{background:var(--aqua);border-color:var(--aqua);box-shadow:0 0 0 4px rgba(49,217,203,.13)}
.smart-cart .panel-head>span{font:700 8px Roboto Mono;color:var(--sea);background:#e6f3f3;padding:5px 7px;border-radius:4px}.cart-empty{padding:17px;background:#f6f9fa;border-radius:7px;text-align:center;font-size:9px;color:var(--muted)}.smart-cart ul{list-style:none;padding:0;margin:8px 0}.smart-cart li{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid #e6edef;font-size:9px}.smart-cart li button{border:0;background:none;color:#b84c43;font-weight:900}.cart-total,.commission-proof{display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-size:10px}.cart-total b{font-size:17px}.commission-proof{border-top:1px solid var(--line);color:#5b727a}.commission-proof b{color:#087e72}.smart-cart>.primary{margin-top:9px}.notify-card label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e8edef}.notify-card label>span{display:flex;flex-direction:column}.notify-card label b{font-size:10px}.notify-card label small{font-size:8px;color:var(--muted)}.notify-card input{appearance:none;width:34px;height:19px;border-radius:10px;background:#cad6da;position:relative;transition:.2s}.notify-card input:after{content:"";position:absolute;width:15px;height:15px;background:#fff;border-radius:50%;top:2px;left:2px;transition:.2s}.notify-card input:checked{background:var(--sea)}.notify-card input:checked:after{left:17px}
@media(max-width:1150px){.renewals-layout{grid-template-columns:1fr}.renewal-side{grid-template-columns:repeat(3,1fr)}.renewal-strip{grid-template-columns:1fr 1fr}.renewal-strip>div,.renewal-strip>article{border-bottom:1px solid rgba(255,255,255,.1)}}
@media(max-width:900px){.renewal-item{grid-template-columns:65px 1fr}.matched-supply{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:13px 0 0}.renewal-side{grid-template-columns:1fr}.renewal-controls{align-items:start;flex-direction:column}.renewal-tabs{max-width:100%;overflow:auto}}
@media(max-width:700px){.renewals-hero{align-items:start;flex-direction:column}.renewal-strip{grid-template-columns:1fr 1fr}.renewal-strip>div,.renewal-strip>article{padding:13px}.renewal-vessel{grid-column:1/-1}.renewal-item{grid-template-columns:56px 1fr;padding:13px;gap:11px}.renewal-date{height:58px}.renewal-info h2{font-size:15px}.compatibility{align-items:start;flex-direction:column}.matched-supply>div{flex-direction:column}.renewal-controls>label{width:100%;display:flex;justify-content:space-between}}
@media(max-width:430px){.renewal-strip{grid-template-columns:1fr}.renewal-vessel{grid-column:auto}.renewal-tabs button{padding:8px 10px}.renewal-item{grid-template-columns:1fr}.renewal-date{width:64px}.matched-supply{grid-column:1}.renewal-info>p{font-size:11px}}