@layer legacy{:root{--bg:oklch(98% .005 250);--surface:oklch(100% 0 0);--surface-2:oklch(96.5% .007 247);--fg:oklch(22% .02 240);--muted:oklch(50% .018 240);--border:oklch(90% .008 240);--border-strong:oklch(66.9% .012 240);--accent:oklch(58% .16 145);--accent-dark:oklch(47% .14 145);--accent-soft:oklch(95% .04 145);--success:oklch(49% .13 145);--success-soft:oklch(95% .035 145);--warn:oklch(54% .11 78);--warn-soft:oklch(95% .045 82);--danger:oklch(50% .16 28);--danger-soft:oklch(95% .035 28);--info:oklch(47% .09 245);--info-soft:oklch(95% .025 245);--focus:oklch(60% .15 145);--rail:oklch(20% .035 247);--rail-2:oklch(25% .035 247);--rail-fg:oklch(93% .008 245);--rail-muted:oklch(72% .018 245);--rail-line:oklch(100% 0 0/.1);--shadow:0 16px 36px oklch(22% .02 240/.12);--font-display:"Noto Sans KR", "Pretendard", sans-serif;--font-body:"Pretendard", "Noto Sans KR", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--rail-width:264px;--radius:8px}*{box-sizing:border-box}html{background:var(--bg);scrollbar-color:var(--border-strong) transparent;min-width:320px}body{min-width:320px;color:var(--fg);background:var(--bg);font-family:var(--font-body);margin:0;font-size:15px;line-height:1.7}body.drawer-open{overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button,select,input:not([type=checkbox]),textarea{min-height:44px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:1}a,button,input,select,textarea,[tabindex]:not([tabindex="-1"]){outline:none}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);color:var(--fg)}h1{letter-spacing:0;margin-bottom:4px;font-size:clamp(28px,3vw,32px);font-weight:600;line-height:1.35}h2{margin-bottom:12px;font-size:21px;font-weight:600;line-height:1.4}h3{margin-bottom:8px;font-size:16px;font-weight:600;line-height:1.45}.muted{color:var(--muted)}.mono,.money,.count,time{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.mono{overflow-wrap:anywhere}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:var(--fg);background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;padding:10px 14px;position:fixed;top:10px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.mobile-app-bar,.backdrop{display:none}.shell{min-height:100vh}.rail{z-index:30;width:var(--rail-width);min-height:100dvh;max-height:100dvh;color:var(--rail-fg);background:var(--rail);border-right:1px solid var(--rail-line);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.rail-head{border-bottom:1px solid var(--rail-line);padding:22px 20px 16px}.brand{min-height:44px;font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.brand-mark{width:28px;height:28px;color:var(--rail-fg);border:1px solid var(--rail-muted);letter-spacing:.08em;border-radius:7px;place-items:center;font-size:12px;font-weight:600;display:grid}.rail-kicker{color:var(--rail-muted);letter-spacing:.02em;margin:2px 0 0 38px;font-size:12px}.drawer-close{border:1px solid var(--rail-line);width:44px;color:var(--rail-fg);background:0 0;border-radius:6px;display:none;position:absolute;top:12px;right:12px}.actor-context{border:1px solid var(--rail-line);background:var(--rail-2);border-radius:8px;margin:16px;padding:12px}.actor-context strong{font-size:14px;font-weight:600;display:block}.actor-context span{color:var(--rail-muted);letter-spacing:.02em;font-size:12px;display:block}.primary-nav{scrollbar-color:var(--rail-muted) transparent;flex:auto;min-height:0;padding:0 12px;overflow-y:auto}.primary-nav ul{margin:0;padding:0;list-style:none}.primary-nav li+li{margin-top:3px}.nav-button{width:100%;min-height:44px;color:var(--rail-muted);text-align:left;letter-spacing:.01em;background:0 0;border:0;border-radius:6px;align-items:center;padding:0 12px;font-size:14px;font-weight:550;display:flex}.nav-button:hover{color:var(--rail-fg);background:var(--rail-2)}.nav-button[aria-current=page]{color:var(--rail-fg);background:var(--rail-2);box-shadow:inset 3px 0 var(--accent)}.rail-foot{border-top:1px solid var(--rail-line);color:var(--rail-muted);margin-top:auto;padding:16px 20px 20px;font-size:12px}.rail-foot strong{color:var(--rail-fg);font-weight:550;display:block}.workspace{min-width:0;margin-left:var(--rail-width)}.workspace-topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:0 clamp(14px,2vw,28px);display:flex}.workspace-chip{align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:550;display:flex}.workspace-chip span{color:var(--muted);font-weight:400}.review-chip{color:var(--muted);border:1px solid var(--border);background:var(--surface-2);letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:12px}main{min-width:0;padding:clamp(18px,3vw,32px) clamp(14px,2vw,28px) 56px}.page-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.page-head h1{margin-bottom:0}.page-actions{flex:none;gap:8px;display:flex}.button{border:1px solid var(--border-strong);min-height:44px;color:var(--fg);background:var(--surface);letter-spacing:.02em;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.button:hover{border-color:var(--fg);background:var(--surface-2)}.button:active{transform:translateY(1px)}.button.primary{color:oklch(99% 0 0);background:var(--accent-dark);border-color:var(--accent-dark)}.button.primary:hover{color:oklch(99% 0 0);background:oklch(41% .13 145);border-color:oklch(41% .13 145)}.button:disabled,.button:disabled:hover{color:var(--muted);border-color:var(--border);background:var(--surface-2)}.button[aria-busy=true]{cursor:progress}.button.danger{color:var(--danger);background:var(--surface);border-color:oklch(78% .06 28)}.button.danger:hover{color:var(--danger);background:var(--danger-soft);border-color:var(--danger)}.button.small{min-height:44px;padding-inline:11px;font-size:12px}.state-grid{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:1.05fr 1.4fr .9fr 1fr;display:grid;overflow:hidden}.state-cell{min-width:0;padding:14px 16px}.state-cell+.state-cell{border-left:1px solid var(--border)}.label{color:var(--muted);letter-spacing:.02em;margin-bottom:4px;font-size:12px;font-weight:550;display:block}.state-cell strong{word-break:keep-all;overflow-wrap:break-word;font-size:14px;font-weight:600;line-height:1.55;display:block}.section{margin-top:20px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:10px;display:flex}.section-head h2,.section-head h3{margin-bottom:0}.section-note{color:var(--muted);font-size:12px}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:16px}.assembly-quote-form{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.assembly-quote-form .field{gap:4px;display:grid}.assembly-quote-form .field>span{color:var(--muted);letter-spacing:.02em;font-size:12px;font-weight:550}.panel+.panel{margin-top:12px}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(to right, var(--surface) 40%, #fff0) left / 48px 100% no-repeat local, linear-gradient(to left, var(--surface) 40%, #fff0) right / 48px 100% no-repeat local, linear-gradient(to right, #0f172a38, #0f172a00) left / 18px 100% no-repeat scroll, linear-gradient(to left, #0f172a38, #0f172a00) right / 18px 100% no-repeat scroll, var(--surface);width:100%;position:relative;overflow-x:auto}table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:780px}table.fluid{min-width:0}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;word-break:keep-all;overflow-wrap:break-word;min-height:44px;padding:11px 12px}th{color:var(--muted);background:var(--surface-2);letter-spacing:.02em;font-size:12px;font-weight:600}td{font-size:13px;line-height:1.55}tbody tr:last-child td{border-bottom:0}tbody tr:hover td,tbody tr:focus-within td{background:oklch(98% .006 245)}.product-name,.company-name{font-weight:600;display:block}.subline{color:var(--muted);margin-top:2px;font-size:12px;display:block}.row-actions{justify-content:flex-end;gap:6px;display:flex}.pill,.source-badge{border:1px solid var(--border-strong);min-height:26px;color:var(--fg);background:var(--surface-2);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.pill.success{color:var(--success);background:var(--success-soft);border-color:oklch(82% .05 145)}.pill.warn{color:var(--warn);background:var(--warn-soft);border-color:oklch(82% .06 78)}.pill.danger{color:var(--danger);background:var(--danger-soft);border-color:oklch(82% .05 28)}.pill.info{color:var(--info);background:var(--info-soft);border-color:oklch(82% .04 245)}.source-badge.own{color:var(--fg);background:var(--surface-2)}.source-badge.shared{color:var(--info);background:var(--info-soft)}.tabs{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:4px;margin:0 0 12px;padding:4px;display:flex;overflow-x:auto}.tab{min-height:44px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:600;display:inline-flex}.tab:hover{color:var(--fg);background:var(--surface-2)}.tab[aria-pressed=true]{color:var(--fg);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border-strong)}.count{min-width:22px;color:var(--muted);background:var(--surface);text-align:center;border-radius:999px;padding-inline:5px;font-size:11px}.toolbar{grid-template-columns:minmax(220px,1.4fr) minmax(170px,.7fr) auto;gap:8px;margin-bottom:12px;display:grid}.field{min-width:0}.field label{color:var(--muted);letter-spacing:.02em;margin-bottom:4px;font-size:12px;font-weight:550;display:block}input,select,textarea{border:1px solid var(--border-strong);background:var(--surface);border-radius:6px;width:100%;padding:9px 11px}input:hover,select:hover,textarea:hover{border-color:var(--muted)}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}input[type=number]{max-width:84px;font-family:var(--font-mono)}textarea{resize:vertical;min-height:92px}.toolbar .button{align-self:end}.stepper{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 16px;padding:0;list-style:none;display:grid;overflow:hidden}.stepper li{min-height:58px;padding:9px 12px}.stepper li+li{border-left:1px solid var(--border)}.stepper small{color:var(--muted);letter-spacing:.02em;font-size:11px;display:block}.stepper strong{font-size:13px;font-weight:600;display:block}.stepper [aria-current=step]{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border-strong)}.stepper [data-done=true] strong{color:var(--success)}.split{grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);align-items:start;gap:14px;display:grid}.cart-list{margin:0;padding:0;list-style:none}.cart-list li{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:11px 0;display:grid}.cart-list li:first-child{padding-top:0}.cart-list li:last-child{border-bottom:0;padding-bottom:0}.cart-total{border-top:1px solid var(--border);justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;font-weight:600;display:flex}.stack-actions{gap:8px;margin-top:14px;display:grid}.destination-list{gap:10px;display:grid}.destination-row{border:1px solid var(--border);border-radius:7px;grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr);align-items:end;gap:12px;padding:12px;display:grid}.destination-inputs{border-top:1px solid var(--border);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:12px;display:grid}.destination-wide{grid-column:1/-1}.destination-inputs .field-note{color:var(--muted);grid-column:1/-1;margin:-2px 0 0;font-size:12px}.destination-error{margin-bottom:10px}.check-field{cursor:pointer;grid-column:1/-1;align-items:center;gap:10px;width:fit-content;min-height:44px;font-size:13px;font-weight:550;display:flex}.check-field input{width:20px;height:20px;accent-color:var(--fg);margin:0}.group-card{border:1px solid var(--border);background:var(--surface);border-radius:7px;padding:14px}.group-card+.group-card{margin-top:10px}.group-head{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding-bottom:10px;display:flex}.group-lines{margin:10px 0 0;padding:0;list-style:none}.group-lines li{justify-content:space-between;gap:12px;padding:4px 0;font-size:13px;display:flex}.delivery-requests{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.delivery-request-line{grid-template-columns:92px minmax(0,1fr);gap:8px;margin:3px 0 0;font-size:13px;display:grid}.delivery-request-line strong{font-weight:550}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface);text-align:center;padding:42px 20px}.empty-state h2{margin-bottom:6px}.empty-state p{max-width:52ch;color:var(--muted);margin:0 auto 16px}.notice{border:1px solid var(--border);background:var(--surface);border-radius:7px;padding:11px 13px;font-size:13px}.notice.warn{color:var(--warn);background:var(--warn-soft);border-color:oklch(82% .06 78)}.notice.success{color:var(--success);background:var(--success-soft);border-color:oklch(82% .05 145)}.od-delivery-gap{margin-top:12px}.od-delivery-gap .field{max-width:420px;margin-top:10px}.od-delivery-gap .row-actions{margin-top:10px}.live-region{z-index:90;border:1px solid var(--border-strong);max-width:min(380px,100vw - 40px);color:var(--fg);background:var(--surface);box-shadow:var(--shadow);opacity:0;border-radius:7px;padding:11px 14px;transition:transform .16s,opacity .16s;position:fixed;bottom:20px;right:20px;transform:translateY(150%)}.live-region.show{opacity:1;transform:translateY(0)}dialog{width:min(680px,100vw - 28px);max-height:calc(100dvh - 28px);color:var(--fg);border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:0;overflow:auto}dialog::backdrop{background:oklch(12% .025 247/.5)}.dialog-head{border-bottom:1px solid var(--border);z-index:2;background:var(--surface);justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px;display:flex;position:sticky;top:0}.dialog-head h2{margin-bottom:2px}.icon-button{border:1px solid var(--border-strong);width:44px;min-width:44px;color:var(--fg);background:var(--surface);border-radius:6px;padding:0;font-size:20px}.icon-button:hover{background:var(--surface-2);border-color:var(--fg)}.dialog-body{padding:18px}.dialog-actions{border-top:1px solid var(--border);z-index:2;background:var(--surface);justify-content:flex-end;gap:8px;padding:14px 18px;display:flex;position:sticky;bottom:0}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detail-item{border:1px solid var(--border);background:var(--surface-2);border-radius:7px;padding:11px}.detail-item strong{font-size:14px;display:block}.side-dialog{border-width:0 0 0 1px;border-radius:0;width:min(480px,100vw - 18px);height:100dvh;max-height:100dvh;margin:0 0 0 auto}.side-dialog .dialog-body{min-height:calc(100dvh - 146px)}.next-action-box{border:1px solid var(--border);background:var(--surface-2);border-radius:7px;margin-top:16px;padding:13px}.next-action-box+.state-grid{margin-top:16px}@media (width<=980px){.split{grid-template-columns:minmax(0,1fr)}.state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.state-cell:nth-child(3){border-left:0;border-top:1px solid var(--border)}.state-cell:nth-child(4){border-top:1px solid var(--border)}.toolbar{grid-template-columns:1fr 1fr}.toolbar .button{grid-column:1/-1}}@media (width<=767px){.mobile-app-bar{z-index:25;min-height:56px;color:var(--rail-fg);background:var(--rail);border-bottom:1px solid var(--rail-line);justify-content:space-between;align-items:center;gap:12px;padding:0 10px 0 14px;display:flex;position:sticky;top:0}.mobile-app-bar .brand{min-width:0;font-size:16px}.menu-button{border:1px solid var(--rail-line);width:44px;min-width:44px;color:var(--rail-fg);background:0 0;border-radius:6px;padding:0}.menu-lines,.menu-lines:before,.menu-lines:after{content:"";background:currentColor;width:18px;height:2px;margin:auto;display:block}.menu-lines:before{transform:translateY(-6px)}.menu-lines:after{transform:translateY(4px)}.rail{width:min(80vw,320px);box-shadow:var(--shadow);transition:transform .16s;transform:translate(-102%)}.rail.open{transform:translate(0)}.drawer-close{display:block}.backdrop{z-index:29;opacity:0;visibility:hidden;background:oklch(12% .025 247/.5);border:0;transition:opacity .16s,visibility .16s;display:block;position:fixed;inset:0}.backdrop.show{opacity:1;visibility:visible}.workspace{margin-left:0}.workspace-topbar{display:none}main{padding-top:20px}.page-head{flex-direction:column;align-items:flex-start}.page-actions,.page-actions .button{width:100%}.stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.stepper li:nth-child(3){border-left:0;border-top:1px solid var(--border)}.stepper li:nth-child(4){border-top:1px solid var(--border)}}@media (width<=680px){h1{font-size:28px}.state-grid{grid-template-columns:1fr}.state-cell+.state-cell{border-left:0;border-top:1px solid var(--border)}.toolbar{grid-template-columns:1fr}.toolbar .button{grid-column:auto}.table-wrap{background:0 0;border:0;overflow:visible}table.responsive{min-width:0;display:block}table.responsive thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}table.responsive tbody,table.responsive tr,table.responsive td{width:100%;display:block}table.responsive tr{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-bottom:10px;padding:10px 12px}table.responsive td{border:0;grid-template-columns:minmax(105px,.42fr) minmax(0,1fr);gap:10px;min-height:0;padding:7px 0;display:grid}table.responsive td:before{content:attr(data-label);color:var(--muted);letter-spacing:.02em;font-size:12px;font-weight:550}table.responsive td.actions-cell{padding-top:10px;display:block}table.responsive td.actions-cell:before{display:none}table.responsive td.table-empty-cell{padding:0;display:block}table.responsive td.table-empty-cell:before{display:none}.row-actions{justify-content:stretch}.row-actions .button{width:100%}.destination-row,.destination-inputs,.detail-grid{grid-template-columns:1fr}.page-actions{flex-direction:column}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}.group-head{flex-direction:column}.live-region{max-width:calc(100vw - 20px);bottom:10px;right:10px}}@media (width<=360px){main{padding-inline:10px}.panel{padding:12px}.tabs{margin-inline:-2px}.stepper li{padding-inline:9px}.cart-list li,.group-lines li{grid-template-columns:1fr}.group-lines li{flex-direction:column}.delivery-request-line{grid-template-columns:1fr;gap:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}button:active{transform:none!important}}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:600;font-display:block;src:url(/assets/NotoSansKR-600-113-CNQM8Rwh.woff2)format("woff2");unicode-range:U+5E,U+25B2,U+25B6,U+314E,U+AC24,U+ACE1,U+ACE4,U+AE68,U+AF2D,U+B0D0,U+B0E5,U+B150,U+B155,U+B193,U+B2C9,U+B2DD,U+B3C8,U+B3FC,U+B410,U+B458,U+B4DD,U+B5A0,U+B5A4,U+B5BB,U+B7B5,U+B838,U+B840,U+B86F,U+B8F9,U+B960,U+B9E5,U+BAB8,U+BB50,U+BC1D,U+BC24-BC25,U+BCA8,U+BCBD,U+BD04,U+BD10,U+BD24,U+BE48,U+BE5B,U+BE68,U+C05C,U+C12C,U+C140,U+C15C,U+C168,U+C194,U+C219,U+C27D,U+C2A8,U+C2F1,U+C2F8,U+C368,U+C554-C555,U+C559,U+C564,U+C5D8,U+C5FC,U+C625,U+C65C,U+C6B1,U+C728,U+C794,U+C84C,U+C88C,U+C8E0,U+C8FD,U+C998,U+C9DD,U+CC0D,U+CC30,U+CEEC,U+CF13,U+CF1C,U+CF5C,U+D050,U+D07C,U+D0A8,U+D134,U+D138,U+D154,U+D1F4,U+D2BC,U+D329,U+D32C,U+D3D0,U+D3F4,U+D3FC,U+D56B,U+D5CC,U+D600-D601,U+D639,U+D6C8,U+D754,U+D765}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:600;font-display:block;src:url(/assets/NotoSansKR-600-114-DyBRwBVI.woff2)format("woff2");unicode-range:U+3C-3D,U+2026,U+24D2,U+314B,U+AC11,U+ACF3,U+AD74,U+AD81,U+ADF9,U+AE34,U+AF43,U+AFB8,U+B05D,U+B07C,U+B110,U+B118,U+B17C,U+B180,U+B18D,U+B192,U+B2CC,U+B355,U+B378,U+B4A4,U+B4EF,U+B78D,U+B799,U+B7A9,U+B7FD,U+B807,U+B80C,U+B839,U+B9B4,U+B9DB,U+BA3C,U+BAB0,U+BBA4,U+BC94,U+BE4C,U+C154,U+C1C4,U+C26C,U+C2AC,U+C2ED,U+C4F4,U+C55E,U+C561,U+C571,U+C5B5,U+C5C4,U+C654-C655,U+C695,U+C6E8,U+C6F9,U+C724,U+C751,U+C775,U+C7A0,U+C7C1,U+C874,U+C880,U+C9D5,U+C9F8,U+CABD,U+CC29,U+CC2C,U+CCA8,U+CCAB,U+CCD0,U+CE21,U+CE35,U+CE7C,U+CE90,U+CEE8,U+CEF4,U+CFE0,U+D070,U+D0B9,U+D0C1,U+D0C4,U+D0C8,U+D15C,U+D1A1,U+D2C0,U+D300,U+D314,U+D3ED,U+D478,U+D480,U+D48D,U+D508,U+D53D,U+D5E4,U+D611,U+D61C,U+D68D,U+D6A8,U+D798}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:600;font-display:block;src:url(/assets/NotoSansKR-600-115-B9YdkSwl.woff2)format("woff2");unicode-range:U+23,U+25,U+5F,U+A9,U+AC08,U+AC78,U+ACA8,U+ACAC,U+ACE8,U+AD70,U+ADC0,U+ADDC,U+B137,U+B140,U+B208,U+B290,U+B2F5,U+B3C5,U+B3CC,U+B420,U+B429,U+B529,U+B530,U+B77D,U+B79C,U+B7A8,U+B7C9,U+B7F0,U+B7FC,U+B828,U+B860,U+B9AD,U+B9C1,U+B9C9,U+B9DD-B9DE,U+B9E8,U+BA38-BA39,U+BABB,U+BC00,U+BC8C,U+BCA0,U+BCA4,U+BCD1,U+BCFC,U+BD09,U+BDF0,U+BE60,U+C0AD,U+C0B4,U+C0BC,U+C190,U+C1FC,U+C220,U+C288,U+C2B9,U+C2F6,U+C528,U+C545,U+C558,U+C5BC,U+C5D4,U+C600,U+C644,U+C6C0,U+C6C3,U+C721,U+C798,U+C7A1,U+C811,U+C838,U+C871,U+C904,U+C990,U+C9DC,U+CC38,U+CC44,U+CCA0,U+CD1D,U+CD95,U+CDA9,U+CE5C,U+CF00,U+CF58,U+D150,U+D22C,U+D305,U+D328,U+D37C,U+D3F0,U+D551,U+D5A5,U+D5C8,U+D5D8,U+D63C,U+D64D,U+D669,U+D734,U+D76C}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:600;font-display:block;src:url(/assets/NotoSansKR-600-116-BJ90rmMf.woff2)format("woff2");unicode-range:U+26,U+2B,U+3E,U+40,U+7E,U+AC01,U+AC19,U+AC1D,U+ACA0,U+ACA9,U+ACB0,U+AD8C,U+AE09,U+AE38,U+AE40,U+AED8,U+B09C,U+B0A0,U+B108,U+B204,U+B298,U+B2D8,U+B2EB-B2EC,U+B2F4,U+B313,U+B358,U+B450,U+B4E0,U+B54C,U+B610,U+B780,U+B78C,U+B791,U+B8E8,U+B958,U+B974,U+B984,U+B9B0,U+B9BC-B9BD,U+B9CE,U+BA70,U+BBFC,U+BC0F,U+BC15,U+BC1B,U+BC31,U+BC95,U+BCC0,U+BCC4,U+BD81,U+BD88,U+C0C8,U+C11D,U+C13C,U+C158,U+C18D,U+C1A1,U+C21C,U+C4F0,U+C54A,U+C560,U+C5B8,U+C5C8,U+C5F4,U+C628,U+C62C,U+C678,U+C6CC,U+C808,U+C810,U+C885,U+C88B,U+C900,U+C988,U+C99D,U+C9C8,U+CC3D-CC3E,U+CC45,U+CD08,U+CE20,U+CEE4,U+D074,U+D0A4,U+D0DD,U+D2B9,U+D3B8,U+D3C9,U+D488,U+D544,U+D559,U+D56D,U+D588,U+D615,U+D648,U+D655,U+D658,U+D65C}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:600;font-display:block;src:url(/assets/NotoSansKR-600-117-C2mitb3K.woff2)format("woff2");unicode-range:U+D,U+48,U+7C,U+AC10,U+AC15,U+AC74,U+AC80,U+AC83,U+ACC4,U+AD11,U+AD50,U+AD6D,U+ADFC,U+AE00,U+AE08,U+AE4C,U+B0A8,U+B124,U+B144,U+B178,U+B274,U+B2A5,U+B2E8,U+B2F9,U+B354,U+B370,U+B418,U+B41C,U+B4F1,U+B514,U+B798,U+B808,U+B824-B825,U+B8CC,U+B978,U+B9D0,U+B9E4,U+BAA9,U+BB3C,U+BC18,U+BC1C,U+BC30,U+BC84,U+BCF5,U+BCF8,U+BD84,U+BE0C,U+BE14,U+C0B0,U+C0C9,U+C0DD,U+C124,U+C2DD,U+C2E4,U+C2EC,U+C54C,U+C57C-C57D,U+C591,U+C5C5-C5C6,U+C5ED,U+C608,U+C640,U+C6B8,U+C6D4,U+C784,U+C7AC,U+C800-C801,U+C9C1,U+C9D1,U+CC28,U+CC98,U+CC9C,U+CCAD,U+CD5C,U+CD94,U+CD9C,U+CDE8,U+CE68,U+CF54,U+D0DC,U+D14C,U+D1A0,U+D1B5,U+D2F0,U+D30C,U+D310,U+D398,U+D45C,U+D50C,U+D53C,U+D560,U+D568,U+D589,U+D604,U+D6C4,U+D788}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:600;font-display:block;src:url(/assets/NotoSansKR-600-118-B5ODT7cM.woff2)format("woff2");unicode-range:U+39,U+49,U+4D-4E,U+A0,U+AC04,U+AC1C,U+AC70,U+AC8C,U+ACBD,U+ACF5,U+ACFC,U+AD00,U+AD6C,U+ADF8,U+B098,U+B0B4,U+B294,U+B2C8,U+B300,U+B3C4,U+B3D9,U+B4DC,U+B4E4,U+B77C,U+B7EC,U+B85D,U+B97C,U+B9C8,U+B9CC,U+BA54,U+BA74,U+BA85,U+BAA8,U+BB34,U+BB38,U+BBF8,U+BC14,U+BC29,U+BC88,U+BCF4,U+BD80,U+BE44,U+C0C1,U+C11C,U+C120,U+C131,U+C138,U+C18C,U+C218,U+C2B5,U+C2E0,U+C544,U+C548,U+C5B4,U+C5D0,U+C5EC,U+C5F0,U+C601,U+C624,U+C694,U+C6A9,U+C6B0,U+C6B4,U+C6D0,U+C704,U+C720,U+C73C,U+C740,U+C744,U+C74C,U+C758,U+C77C,U+C785,U+C788,U+C790-C791,U+C7A5,U+C804,U+C815,U+C81C,U+C870,U+C8FC,U+C911,U+C9C4,U+CCB4,U+CE58,U+CE74,U+D06C,U+D0C0,U+D130,U+D2B8,U+D3EC,U+D504,U+D55C,U+D569,U+D574,U+D638,U+D654,U+D68C}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:600;font-display:block;src:url(/assets/NotoSansKR-600-119-Cd4AjeSP.woff2)format("woff2");unicode-range:U+20-22,U+27-2A,U+2C-38,U+3A-3B,U+3F,U+41-47,U+4A-4C,U+4F-5D,U+61-7B,U+7D,U+A1,U+AB,U+AE,U+B7,U+BB,U+BF,U+2013-2014,U+201C-201D,U+2122,U+AC00,U+ACE0,U+AE30,U+B2E4,U+B85C,U+B9AC,U+C0AC,U+C2A4,U+C2DC,U+C774,U+C778,U+C9C0,U+D558}@font-face{font-family:Pretendard;font-style:normal;font-weight:45 920;font-display:block;src:url(/assets/PretendardVariable-CJuje-Rk.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:block;src:url(/assets/JetBrainsMono-Regular-BQaDgvhP.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:block;src:url(/assets/JetBrainsMono-SemiBold-BM8Dc2t-.woff2)format("woff2")}.compat-screen{width:min(680px,100%);margin-inline:auto}.compat-screen .panel>.field+.field{margin-top:10px}.compat-screen .notice{margin-top:12px}[hidden]{display:none!important}.field>label>input,.field>label>select,.field>label>textarea{display:block}.integration-settings-fields .field{margin-top:10px}.dialog-body table[aria-label="전달 품목 매핑"]{min-width:0;display:block}.dialog-body table[aria-label="전달 품목 매핑"] thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.dialog-body table[aria-label="전달 품목 매핑"] tbody,.dialog-body table[aria-label="전달 품목 매핑"] tr,.dialog-body table[aria-label="전달 품목 매핑"] td{width:100%;display:block}.dialog-body table[aria-label="전달 품목 매핑"] tr{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-bottom:10px;padding:10px 12px}.dialog-body table[aria-label="전달 품목 매핑"] td{border:0;grid-template-columns:minmax(105px,.42fr) minmax(0,1fr);gap:10px;min-height:0;padding:7px 0;display:grid}.dialog-body table[aria-label="전달 품목 매핑"] td:before{content:attr(data-label);color:var(--muted);letter-spacing:.02em;font-size:12px;font-weight:550}[data-opendesign-screen] .od-col-work-area{width:15%}[data-opendesign-screen] .od-col-work-status{width:17%}[data-opendesign-screen] .od-col-work-owner{width:16%}[data-opendesign-screen] .od-col-work-action{width:18%}[data-opendesign-screen] .od-col-product-name{width:27%}[data-opendesign-screen] .od-col-product-seller,[data-opendesign-screen] .od-col-product-price{width:16%}[data-opendesign-screen] .od-col-product-availability{width:14%}[data-opendesign-screen] .od-col-product-quantity{width:11%}[data-opendesign-screen] .od-col-product-action{width:16%}[data-opendesign-screen] .od-col-sales-order{width:18%}[data-opendesign-screen] .od-col-sales-buyer{width:15%}[data-opendesign-screen] .od-col-sales-status,[data-opendesign-screen] .od-col-sales-total{width:14%}[data-opendesign-screen] .od-col-sales-created{width:15%}[data-opendesign-screen] .od-col-sales-next{width:14%}[data-opendesign-screen] .od-col-sales-detail{width:10%}[data-opendesign-screen] .od-col-catalog-source{width:12%}[data-opendesign-screen] .od-col-catalog-product{width:21%}[data-opendesign-screen] .od-col-catalog-owner{width:16%}[data-opendesign-screen] .od-col-catalog-price{width:13%}[data-opendesign-screen] .od-col-catalog-status{width:11%}[data-opendesign-screen] .od-col-catalog-next{width:12%}[data-opendesign-screen] .od-col-catalog-action{width:15%}@media (width>=681px){:is([data-opendesign-screen=overview],[data-opendesign-screen=catalog],[data-opendesign-screen=tools],[data-opendesign-screen=workspace-data][data-workspace=assembly],[data-opendesign-screen=workspace-data][data-workspace=catalog]) .table-wrap :is(th:last-child,td.actions-cell){background:var(--surface);box-shadow:-1px 0 var(--border);position:sticky;right:0}:is([data-opendesign-screen=overview],[data-opendesign-screen=catalog],[data-opendesign-screen=tools],[data-opendesign-screen=workspace-data][data-workspace=assembly],[data-opendesign-screen=workspace-data][data-workspace=catalog]) .table-wrap th:last-child{z-index:2;background:var(--surface-2)}}[data-opendesign-screen] .od-col-partner-company{width:24%}[data-opendesign-screen] .od-col-partner-direction{width:17%}[data-opendesign-screen] .od-col-partner-status{width:15%}[data-opendesign-screen] .od-col-partner-requester{width:18%}[data-opendesign-screen] .od-col-partner-date{width:16%}[data-opendesign-screen] .od-col-partner-detail{width:10%}[data-opendesign-screen] .od-col-integration-name{width:18%}[data-opendesign-screen] .od-col-integration-status{width:15%}[data-opendesign-screen] .od-col-integration-last{width:17%}[data-opendesign-screen] .od-col-integration-next{width:13%}[data-opendesign-screen] .od-col-integration-action{width:10%}[data-opendesign-screen] .od-actions-spaced{margin-top:14px}[data-opendesign-screen] .od-spaced-12{margin-top:12px}[data-opendesign-screen] .od-zero-margin{margin:0}[data-opendesign-screen] .od-detail-spaced{margin-top:14px}[data-opendesign-screen] .od-next-action-copy{margin:6px 0 0}[data-opendesign-screen=dashboard]{--chart-bar:var(--accent);--chart-seg-open:oklch(47% .13 245);--chart-seg-done:var(--accent);--chart-seg-void:var(--border-strong);--chart-grid:var(--border)}.od-chart{grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:0 10px;display:grid}.od-chart-scale{height:208px;color:var(--muted);font-family:var(--font-mono);text-align:right;white-space:nowrap;flex-direction:column;justify-content:space-between;padding-bottom:22px;font-size:11px;display:flex}.od-chart-plot{background-image:repeating-linear-gradient(to top, var(--chart-grid) 0 1px, transparent 1px 62px);background-position:0 -22px;align-items:flex-end;gap:2px;height:208px;padding-bottom:22px;display:flex;overflow:hidden}.od-chart-slot{border-radius:4px;flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;min-width:0;max-width:24px;height:100%;display:flex;position:relative}.od-chart-slot:hover:before,.od-chart-slot:focus-visible:before{content:"";background:var(--border-strong);width:1px;position:absolute;inset:0 auto -22px 50%}.od-chart-bar{width:100%;height:var(--bar,0%);background:var(--chart-bar);border-radius:4px 4px 0 0;min-height:1px}.od-chart-peak{bottom:calc(var(--bar,0%) + 4px);color:var(--fg);font-family:var(--font-mono);white-space:nowrap;font-size:11px;font-weight:600;position:absolute}.od-chart-slot:nth-child(-n+6) .od-chart-peak{left:0}.od-chart-slot:nth-last-child(-n+6) .od-chart-peak{right:0}.od-chart-tick{color:var(--muted);font-family:var(--font-mono);white-space:nowrap;padding-top:5px;font-size:11px;position:absolute;top:100%}.od-chart-caption{color:var(--muted);margin:12px 0 0;font-size:13px}.od-compose{border-radius:4px;gap:2px;height:24px;display:flex;overflow:hidden}.od-compose-seg{width:var(--bar,0%);min-width:2px}.od-seg-open{background:var(--chart-seg-open)}.od-seg-done{background:var(--chart-seg-done)}.od-seg-void{background:var(--chart-seg-void)}.od-legend{flex-wrap:wrap;gap:8px 18px;margin:12px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.od-legend>li{align-items:center;gap:7px;display:flex}.od-legend-swatch{border-radius:3px;width:12px;height:12px}.od-hbar{gap:10px;margin:0;padding:0;list-style:none;display:grid}.od-hbar>li{grid-template-columns:minmax(96px,.28fr) minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.od-hbar-track{background:var(--surface-2);border-radius:0 4px 4px 0;height:20px;display:block}.od-hbar-fill{width:var(--bar,0%);background:var(--chart-bar);border-radius:0 4px 4px 0;min-width:2px;height:100%;display:block}.od-hbar-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.od-chart-table{margin-top:12px}.od-chart-table>summary{min-height:44px;color:var(--muted);cursor:pointer;align-items:center;font-size:13px;display:flex}@media (width<=767px){.od-hbar>li{grid-template-columns:minmax(0,1fr) auto}.od-hbar-track{grid-column:1/-1}}.od-thread{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.od-thread-item{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:12px 14px}.od-thread-item.operator{background:var(--info-soft);border-color:oklch(82% .04 245)}.od-thread-head{color:var(--muted);margin:0 0 6px;font-size:12px;font-weight:600}.od-thread-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}td>.check-field{grid-column:auto}.row-actions>.check-field{flex:none}@media (width>=981px){form[data-action=order-filter-form]{grid-template-columns:minmax(220px,1.4fr) minmax(170px,.7fr) minmax(150px,.6fr) minmax(150px,.6fr) auto}}.nav-group,.zf-graph-section,.locale-switch{display:none}}html[data-ui=renewal]{--bg:#f8fafc;--surface:#fff;--surface-2:#eef2f6;--fg:#0f172a;--muted:#475569;--border:#e2e8f0;--border-strong:#64748b;--accent:#0369a1;--accent-dark:#075985;--accent-soft:#e0f2fe;--focus:#0369a1;--success:#15803d;--success-soft:#dcfce7;--warn:#b45309;--warn-soft:#fef3c7;--danger:#b91c1c;--danger-soft:#fee2e2;--info:#475569;--info-soft:#f1f5f9;--rail:#0f172a;--rail-2:#1e293b;--rail-fg:#f1f5f9;--rail-muted:#94a3b8;--rail-line:#ffffff1a;--shadow:0 1px 2px #0f172a14;--shadow-pop:0 8px 24px #0f172a29;--scrim:#0f172a80;--on-accent:#fff;--font-display:"Pretendard", "Noto Sans KR", system-ui, sans-serif;--font-body:"Pretendard", "Noto Sans KR", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:4px;--radius:6px;--radius-lg:8px;--rail-width:240px;--header-height:56px;--row-height:36px;--dur-fast:.12s;--dur:.2s;--ease:cubic-bezier(.2, 0, 0, 1);--icon-sm:16px;--icon:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-color:var(--border-strong) transparent}html[data-ui=renewal][data-theme=dark]{--bg:#0b1220;--surface:#111a2b;--surface-2:#1a2536;--fg:#e5eaf1;--muted:#a3b0c2;--border:#26324a;--border-strong:#7a8aa6;--accent:#5bb4e5;--accent-dark:#7cc5ee;--accent-soft:#123a55;--focus:#5bb4e5;--success:#4ade80;--success-soft:#12351f;--warn:#fbbf24;--warn-soft:#3a2a0a;--danger:#f87171;--danger-soft:#3f1414;--info:#a3b0c2;--info-soft:#1a2536;--rail-line:#ffffff29;--shadow:0 1px 2px #0006;--shadow-pop:0 8px 24px #0009;--scrim:#000000a6;--on-accent:#0b1220;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){html[data-ui=renewal]:not([data-theme=light]){--bg:#0b1220;--surface:#111a2b;--surface-2:#1a2536;--fg:#e5eaf1;--muted:#a3b0c2;--border:#26324a;--border-strong:#7a8aa6;--accent:#5bb4e5;--accent-dark:#7cc5ee;--accent-soft:#123a55;--focus:#5bb4e5;--success:#4ade80;--success-soft:#12351f;--warn:#fbbf24;--warn-soft:#3a2a0a;--danger:#f87171;--danger-soft:#3f1414;--info:#a3b0c2;--info-soft:#1a2536;--rail-line:#ffffff29;--shadow:0 1px 2px #0006;--shadow-pop:0 8px 24px #0009;--scrim:#000000a6;--on-accent:#0b1220;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@keyframes zf-renewal-progress{0%{transform:translate(-100%)}to{transform:translate(100%)}}html[data-ui=renewal] body{font-size:14px;line-height:1.55}html[data-ui=renewal] h1{margin-bottom:2px;font-size:24px;font-weight:700;line-height:1.25}html[data-ui=renewal] h2{margin-bottom:10px;font-size:18px;font-weight:600;line-height:1.3}html[data-ui=renewal] h3{margin-bottom:6px;font-size:15px;font-weight:600;line-height:1.4}html[data-ui=renewal] .label,html[data-ui=renewal] .field label,html[data-ui=renewal] .stepper small,html[data-ui=renewal] .section-note,html[data-ui=renewal] .subline,html[data-ui=renewal] .rail-kicker,html[data-ui=renewal] .review-chip{letter-spacing:0}html[data-ui=renewal] .label{margin-bottom:2px;font-size:12px;font-weight:500}html[data-ui=renewal] .field label{color:var(--fg);margin-bottom:4px;font-size:13px;font-weight:500}html[data-ui=renewal] .mono,html[data-ui=renewal] .money,html[data-ui=renewal] .count,html[data-ui=renewal] time{font-size:13px}html[data-ui=renewal] .money{font-weight:600}html[data-ui=renewal] :focus-visible{outline:2px solid var(--focus);outline-offset:2px}html[data-ui=renewal] .rail-head{padding:var(--space-4) var(--space-4) var(--space-3)}html[data-ui=renewal] .brand{letter-spacing:0;font-size:16px}html[data-ui=renewal] .brand-mark{border-radius:var(--radius);background:var(--accent);color:var(--on-accent);border-color:#0000}html[data-ui=renewal] .rail-kicker{margin-left:38px}html[data-ui=renewal] .actor-context{margin:var(--space-3) var(--space-3) var(--space-2);padding:var(--space-3);border-radius:var(--radius);background:var(--rail-2);border-color:#0000}html[data-ui=renewal] .primary-nav{padding:0 var(--space-2) var(--space-2)}html[data-ui=renewal] .primary-nav li+li{margin-top:1px}html[data-ui=renewal] .nav-button{min-height:var(--row-height);padding:0 var(--space-3);border-radius:var(--radius);letter-spacing:0;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);font-size:14px;font-weight:500}html[data-ui=renewal] .nav-button[aria-current=page]{box-shadow:inset 3px 0 var(--accent);font-weight:600}html[data-ui=renewal] .rail-foot{padding:var(--space-3) var(--space-4) var(--space-4)}html[data-ui=renewal] .rail-foot .button{min-height:var(--row-height);color:var(--rail-fg);border-color:var(--rail-line);background:0 0}html[data-ui=renewal] .rail-foot .button:hover{background:var(--rail-2);border-color:var(--rail-muted)}html[data-ui=renewal] .rail-foot strong{margin-top:var(--space-3)}html[data-ui=renewal] .nav-group{margin:var(--space-4) var(--space-3) var(--space-1);color:var(--rail-muted);letter-spacing:.04em;font-size:11px;font-weight:600;display:block}html[data-ui=renewal] .nav-group:first-child{margin-top:var(--space-2)}html[data-ui=renewal] .primary-nav li+li.nav-group{margin-top:var(--space-4)}html[data-ui=renewal] .workspace-topbar{min-height:var(--header-height);padding:0 var(--space-6)}html[data-ui=renewal] .locale-switch{align-items:center;margin-left:auto;display:inline-flex}html[data-ui=renewal] .locale-switch select{width:auto;min-width:0;height:32px;padding:0 var(--space-2);font-size:13px}html[data-ui=renewal] .workspace-topbar .review-chip{margin-left:var(--space-3)}html[data-ui=renewal] .compat-screen .locale-switch{margin:0 0 var(--space-3);justify-content:flex-end}html[data-ui=renewal] .workspace-chip{font-size:13px;font-weight:600}html[data-ui=renewal] .review-chip{padding:2px 8px;font-size:12px;font-weight:500}html[data-ui=renewal] main{padding:var(--space-6) var(--space-6) var(--space-10);max-width:1400px}html[data-ui=renewal] .page-head{margin-bottom:var(--space-5)}html[data-ui=renewal] .page-actions{gap:var(--space-2)}html[data-ui=renewal] .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html[data-ui=renewal] button,html[data-ui=renewal] select,html[data-ui=renewal] input:not([type=checkbox]),html[data-ui=renewal] textarea{min-height:var(--row-height)}html[data-ui=renewal] .button{min-height:var(--row-height);min-width:88px;padding:0 var(--space-3);border-radius:var(--radius);letter-spacing:0;white-space:nowrap;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);font-size:13px;font-weight:600;position:relative}html[data-ui=renewal] .button:before{content:"";position:absolute;inset:-4px 0}html[data-ui=renewal] .button:hover{border-color:var(--border-strong);background:var(--surface-2)}html[data-ui=renewal] .button:active{background:var(--surface-2);transform:none}html[data-ui=renewal] .button.primary{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}html[data-ui=renewal] .button.primary:hover{color:var(--on-accent);background:var(--accent-dark);border-color:var(--accent-dark)}html[data-ui=renewal] .button.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}html[data-ui=renewal] .button.danger:hover{background:var(--danger-soft);border-color:var(--danger)}html[data-ui=renewal] .button:disabled,html[data-ui=renewal] .button:disabled:hover{opacity:.5;color:var(--fg);border-color:var(--border-strong);background:var(--surface)}html[data-ui=renewal] .button.primary:disabled{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}html[data-ui=renewal] .button.small{min-width:0;min-height:32px;padding-inline:var(--space-2);font-size:12px}html[data-ui=renewal] .button.small:before{inset:-6px 0}html[data-ui=renewal] .icon-button{width:var(--row-height);min-width:var(--row-height);border-radius:var(--radius);font-size:18px}html[data-ui=renewal] .pill,html[data-ui=renewal] .source-badge{min-height:22px;padding:0 var(--space-2);border:0;gap:4px;font-size:12px;font-weight:500}html[data-ui=renewal] .table-wrap td>.pill,html[data-ui=renewal] .table-wrap td>.source-badge,html[data-ui=renewal] .table-wrap td .button{overflow-wrap:anywhere;white-space:normal;max-width:100%}html[data-ui=renewal] .pill.success:before,html[data-ui=renewal] .pill.warn:before,html[data-ui=renewal] .pill.danger:before{content:"";width:12px;height:12px;-webkit-mask:var(--pill-icon) center / contain no-repeat;-webkit-mask:var(--pill-icon) center / contain no-repeat;mask:var(--pill-icon) center / contain no-repeat;background:currentColor;flex:none}html[data-ui=renewal] .pill.success{--pill-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}html[data-ui=renewal] .pill.warn{--pill-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E")}html[data-ui=renewal] .pill.danger{--pill-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6M9 9l6 6'/%3E%3C/svg%3E")}html[data-ui=renewal] .pill.success{color:var(--success);background:var(--success-soft)}html[data-ui=renewal] .pill.warn{color:var(--warn);background:var(--warn-soft)}html[data-ui=renewal] .pill.danger{color:var(--danger);background:var(--danger-soft)}html[data-ui=renewal] .pill.info{color:var(--info);background:var(--info-soft)}html[data-ui=renewal] .count{min-width:20px;padding-inline:5px;font-size:11px;font-weight:600}html[data-ui=renewal] .table-wrap{border-radius:var(--radius)}html[data-ui=renewal] th,html[data-ui=renewal] td{padding:var(--space-2) var(--space-3)}html[data-ui=renewal] th{z-index:1;letter-spacing:0;font-size:12px;font-weight:500;position:sticky;top:0}html[data-ui=renewal] td{font-size:14px;line-height:1.4}html[data-ui=renewal] tbody tr:hover td,html[data-ui=renewal] tbody tr:focus-within td{background:var(--surface-2)}html[data-ui=renewal] td.money,html[data-ui=renewal] th.od-col-sales-total,html[data-ui=renewal] th.od-col-product-price,html[data-ui=renewal] th.od-col-sales-detail,html[data-ui=renewal] th.od-col-product-action{text-align:right}html[data-ui=renewal] .product-name,html[data-ui=renewal] .company-name{font-weight:600}html[data-ui=renewal] .subline{margin-top:0}html[data-ui=renewal] .row-actions{gap:var(--space-1);flex-wrap:wrap}html[data-ui=renewal] .row-actions .button{min-width:0}html[data-ui=renewal] .state-grid,html[data-ui=renewal] .panel,html[data-ui=renewal] .stepper,html[data-ui=renewal] .empty-state,html[data-ui=renewal] .detail-item,html[data-ui=renewal] .group-card,html[data-ui=renewal] .destination-row,html[data-ui=renewal] .next-action-box{border-radius:var(--radius)}html[data-ui=renewal] .state-grid:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}html[data-ui=renewal] .state-grid:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}html[data-ui=renewal] .state-cell{padding:var(--space-3) var(--space-4)}html[data-ui=renewal] .state-cell strong{font-size:14px;line-height:1.45}html[data-ui=renewal] .section{margin-top:var(--space-6)}html[data-ui=renewal] .section-head{margin-bottom:var(--space-2)}html[data-ui=renewal] .panel{padding:var(--space-4);box-shadow:var(--shadow)}html[data-ui=renewal] .detail-item{padding:var(--space-3)}html[data-ui=renewal] .detail-item strong{font-size:14px}html[data-ui=renewal] input,html[data-ui=renewal] select,html[data-ui=renewal] textarea{border-radius:var(--radius);transition:border-color var(--dur-fast) var(--ease);padding:7px 10px;line-height:20px}html[data-ui=renewal] input:not([type=checkbox]),html[data-ui=renewal] select{height:var(--row-height)}html[data-ui=renewal] input:hover,html[data-ui=renewal] select:hover,html[data-ui=renewal] textarea:hover{border-color:var(--fg)}html[data-ui=renewal] input[aria-invalid=true],html[data-ui=renewal] textarea[aria-invalid=true]{box-shadow:none}html[data-ui=renewal] input[type=number]{text-align:right}html[data-ui=renewal] .tabs{border-radius:var(--radius);gap:2px;padding:3px}html[data-ui=renewal] .tab{min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);font-size:13px;font-weight:500}html[data-ui=renewal] .tab[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);box-shadow:none;font-weight:600}html[data-ui=renewal] .tab[aria-pressed=true] .count{color:var(--accent);background:var(--surface)}html[data-ui=renewal] .toolbar{gap:var(--space-2);margin-bottom:var(--space-3)}html[data-ui=renewal] .stepper li{min-height:52px;padding:var(--space-2) var(--space-3)}html[data-ui=renewal] .stepper small{font-size:11px}html[data-ui=renewal] .stepper strong{font-size:13px}html[data-ui=renewal] .stepper [aria-current=step]{background:var(--accent-soft);box-shadow:inset 0 -2px var(--accent)}html[data-ui=renewal] .stepper [aria-current=step] strong{color:var(--accent)}html[data-ui=renewal] .cart-list li{padding:var(--space-2) 0}html[data-ui=renewal] .cart-list li>.button{align-self:center}html[data-ui=renewal] .cart-total{margin-top:var(--space-3);padding-top:var(--space-3)}html[data-ui=renewal] .stack-actions{gap:var(--space-2);margin-top:var(--space-3)}html[data-ui=renewal] dialog{border-color:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop)}html[data-ui=renewal] #action-dialog>form{max-height:inherit;flex-direction:column;display:flex}html[data-ui=renewal] #action-dialog .dialog-body{min-height:0;overflow-y:auto}html[data-ui=renewal] #action-dialog :is(.dialog-head,.dialog-actions){flex-shrink:0}html[data-ui=renewal] dialog::backdrop,html[data-ui=renewal] .backdrop{background:var(--scrim)}html[data-ui=renewal] .dialog-head{padding:var(--space-4) var(--space-5)}html[data-ui=renewal] .dialog-body{padding:var(--space-5)}html[data-ui=renewal] .dialog-actions{gap:var(--space-2);padding:var(--space-3) var(--space-5)}html[data-ui=renewal] .dialog-actions>.button.danger{order:-1;margin-right:auto}html[data-ui=renewal] .document-body{white-space:pre-wrap;max-height:24rem;font:inherit;overflow:auto}html[data-ui=renewal] .notice{padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:13px}html[data-ui=renewal] .notice.warn,html[data-ui=renewal] .notice.success{border-color:#0000}html[data-ui=renewal] .notice.info{color:var(--fg);background:var(--info-soft);border-color:#0000}html[data-ui=renewal] .notice.danger{color:var(--danger);background:var(--danger-soft);border-color:#0000}html[data-ui=renewal] .live-region{right:var(--space-5);bottom:var(--space-5);padding:var(--space-3) var(--space-4);border-color:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-pop);transition:transform var(--dur) var(--ease), opacity var(--dur) var(--ease);font-size:13px}html[data-ui=renewal] .panel[aria-busy=true]{color:var(--muted);position:relative;overflow:hidden}html[data-ui=renewal] .panel[aria-busy=true]:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);height:2px;animation:zf-renewal-progress 1.2s var(--ease) infinite;position:absolute;bottom:0;left:0;right:0}html[data-ui=renewal] .empty-state{padding:var(--space-8) var(--space-5);border-style:solid;border-color:var(--border)}html[data-ui=renewal] .empty-state h2{font-size:15px}html[data-ui=renewal] .empty-state p{margin-bottom:var(--space-3);font-size:13px}html[data-ui=renewal] [data-opendesign-screen=dashboard]{--chart-bar:var(--accent);--chart-seg-open:var(--accent);--chart-seg-done:var(--success);--chart-seg-void:var(--border-strong);--chart-grid:var(--border)}html[data-ui=renewal] .od-chart-bar{border-radius:var(--radius-sm) var(--radius-sm) 0 0}html[data-ui=renewal] .od-compose{border-radius:var(--radius-sm)}html[data-ui=renewal] .od-chart-table>summary{color:var(--accent);cursor:pointer;font-size:13px;font-weight:500}html[data-ui=renewal] .source-badge.shared{color:var(--accent);background:var(--accent-soft)}html[data-ui=renewal] :is(.toolbar,form.panel:has(>label.field),[data-bind=action-dialog-fields]:has(>.field),.section>div:has(>label>:is(select,input:not([type=checkbox]),textarea))){align-items:start;gap:var(--space-2);margin-bottom:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));grid-auto-rows:auto;display:grid}html[data-ui=renewal] form.panel.assembly-quote-form:has(>label.field){grid-template-columns:minmax(0,1fr)}html[data-ui=renewal] :is(.toolbar,form.panel:has(>label.field),[data-bind=action-dialog-fields]:has(>.field),.section>div:has(>label>:is(select,input:not([type=checkbox]),textarea)))>:is(.field,label):has(:is(select,input:not([type=checkbox]),textarea)){grid-template-rows:subgrid;gap:var(--space-1);grid-row:span 3;min-width:0;max-width:none;margin-bottom:0;display:grid}html[data-ui=renewal] :is(.toolbar,form.panel:has(>label.field),[data-bind=action-dialog-fields]:has(>.field),.section>div:has(>label>:is(select,input:not([type=checkbox]),textarea)))>:is(.button,.page-actions){grid-row:span 2;align-self:end}html[data-ui=renewal] :is(.toolbar,form.panel:has(>label.field),[data-bind=action-dialog-fields]:has(>.field),.section>div:has(>label>:is(select,input:not([type=checkbox]),textarea)))>.field>label:has(>:is(select,input:not([type=checkbox]),textarea)){grid-template-rows:subgrid;gap:var(--space-1);grid-row:span 2;margin-bottom:0;display:grid}html[data-ui=renewal] :is(.toolbar,form.panel:has(>label.field),[data-bind=action-dialog-fields]:has(>.field),.section>div:has(>label>:is(select,input:not([type=checkbox]),textarea)))>:is(.field,label) :is(select,input:not([type=checkbox]),textarea){width:100%;min-width:0;max-width:none}html[data-ui=renewal] :is(.toolbar,form.panel:has(>label.field),[data-bind=action-dialog-fields]:has(>.field),.section>div:has(>label>:is(select,input:not([type=checkbox]),textarea))) input[type=date]{min-width:min(100%,10.5rem)}html[data-ui=renewal] [data-bind=action-dialog-fields]:has(>.field)>:not(.field,.button){grid-column:1/-1}html[data-ui=renewal] label:has(>select,>input:not([type=checkbox]),>textarea){color:var(--fg);font-size:13px;font-weight:500;display:block}html[data-ui=renewal] label>:is(select,input:not([type=checkbox]),textarea){margin-top:var(--space-1);font-weight:400;display:block}html[data-ui=renewal] .check-field{align-items:center;gap:var(--space-2);color:var(--fg);font-size:14px;font-weight:400;display:flex}html[data-ui=renewal] .field>label:has(>input[type=checkbox]){align-items:center;gap:var(--space-2);color:var(--fg);font-size:14px;font-weight:400;display:flex}html[data-ui=renewal] .field>label>input[type=checkbox],html[data-ui=renewal] .check-field input{width:18px;height:18px;min-height:0;accent-color:var(--accent);margin:0;display:inline-block}html[data-ui=renewal] dialog .state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-ui=renewal] dialog .state-cell:nth-child(3){border-left:0;border-top:1px solid var(--border)}html[data-ui=renewal] dialog .state-cell:nth-child(4){border-top:1px solid var(--border)}html[data-ui=renewal] .od-chart-plot{gap:var(--space-1);justify-content:space-between;overflow:visible}html[data-ui=renewal] .od-chart-slot{max-width:48px}html[data-ui=renewal] .zf-graph-section{display:block}html[data-ui=renewal] .zf-graph{padding:var(--space-4) var(--space-4) var(--space-3);gap:0;display:grid}html[data-ui=renewal] .zf-graph-row{justify-content:center;gap:var(--space-3);flex-wrap:wrap;min-height:0;display:flex}html[data-ui=renewal] .zf-graph-row:empty{display:none}html[data-ui=renewal] .zf-graph-self{text-align:center;padding:var(--space-5) 0;justify-items:center;display:grid;position:relative}html[data-ui=renewal] .zf-graph-self:before,html[data-ui=renewal] .zf-graph-self:after{content:"";border-top:2px solid var(--border);height:0;position:absolute;left:0;right:0}html[data-ui=renewal] .zf-graph-self:before{top:0}html[data-ui=renewal] .zf-graph-self:after{bottom:0}html[data-ui=renewal] .zf-graph-self strong{z-index:1;min-width:160px;padding:var(--space-2) var(--space-4);border-radius:var(--radius);color:var(--on-accent);background:var(--accent);font-size:14px;font-weight:600;display:block;position:relative}html[data-ui=renewal] .zf-graph-self .label{z-index:1;margin-bottom:var(--space-1);background:var(--surface);padding-inline:var(--space-2);position:relative}html[data-ui=renewal] .zf-graph-self .subline{z-index:1;margin-top:var(--space-1);background:var(--surface);padding-inline:var(--space-2);position:relative}html[data-ui=renewal] .zf-graph-node{min-width:132px;max-width:200px;min-height:0;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--fg);text-align:left;font:inherit;gap:0;display:grid;position:relative}html[data-ui=renewal] .zf-graph-node strong{font-size:13px;font-weight:600}html[data-ui=renewal] .zf-graph-node .subline{margin-top:0}html[data-ui=renewal] .zf-graph-node:hover{border-color:var(--fg);background:var(--surface-2)}html[data-ui=renewal] .zf-graph-node:before,html[data-ui=renewal] .zf-graph-node:after{content:"";position:absolute;left:50%}html[data-ui=renewal] .zf-graph-node:before{border-left:2px solid var(--border-strong);width:0;height:20px;transform:translate(-1px)}html[data-ui=renewal] .zf-graph-node:after{border:5px solid #0000;border-top:7px solid var(--border-strong);border-bottom:0;width:0;height:0;transform:translate(-5px)}html[data-ui=renewal] .suppliers .zf-graph-node{margin-bottom:20px}html[data-ui=renewal] .suppliers .zf-graph-node:before{top:100%}html[data-ui=renewal] .suppliers .zf-graph-node:after{top:calc(100% + 14px)}html[data-ui=renewal] .customers .zf-graph-node{margin-top:20px}html[data-ui=renewal] .customers .zf-graph-node:before{bottom:100%}html[data-ui=renewal] .customers .zf-graph-node:after{bottom:100%;transform:translate(-5px,1px)}html[data-ui=renewal] .zf-graph-node.active:before{border-color:var(--success)}html[data-ui=renewal] .zf-graph-node.active:after{border-top-color:var(--success)}html[data-ui=renewal] .zf-graph-node.requested{border-style:dashed}html[data-ui=renewal] .zf-graph-node.requested:before{border-left-style:dashed;border-color:var(--accent)}html[data-ui=renewal] .zf-graph-node.requested:after{border-top-color:var(--accent)}html[data-ui=renewal] .zf-graph-node.revoked{color:var(--muted);border-style:dotted}html[data-ui=renewal] .zf-graph-node.revoked:before{border-left-style:dotted}html[data-ui=renewal] .zf-graph-legend{gap:var(--space-2) var(--space-4);margin:var(--space-3) 0 0;color:var(--muted);flex-wrap:wrap;padding:0;font-size:12px;list-style:none;display:flex}html[data-ui=renewal] .zf-graph-legend li{align-items:center;gap:var(--space-2);display:flex}html[data-ui=renewal] .zf-graph-legend i{border-top:2px solid var(--border-strong);width:22px;height:0;display:inline-block}html[data-ui=renewal] .zf-graph-legend .active{border-color:var(--success)}html[data-ui=renewal] .zf-graph-legend .requested{border-color:var(--accent);border-top-style:dashed}html[data-ui=renewal] .zf-graph-legend .revoked{border-top-style:dotted}html[data-ui=renewal] .zf-age-1{background:var(--success)}html[data-ui=renewal] .zf-age-2{background:var(--accent)}html[data-ui=renewal] .zf-age-3{background:var(--warn)}html[data-ui=renewal] .zf-age-4{background:var(--danger)}@media (width<=839px){html[data-ui=renewal] .mobile-app-bar{z-index:25;justify-content:space-between;align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-2) 0 var(--space-4);color:var(--rail-fg);background:var(--rail);border-bottom:1px solid var(--rail-line);display:flex;position:sticky;top:0}html[data-ui=renewal] .mobile-app-bar .brand{min-width:0;font-size:15px}html[data-ui=renewal] .menu-button{border:1px solid var(--rail-line);border-radius:var(--radius);width:40px;min-width:40px;min-height:40px;color:var(--rail-fg);background:0 0;padding:0;position:relative}html[data-ui=renewal] .menu-button:before{content:"";position:absolute;inset:-2px 0}html[data-ui=renewal] .menu-lines,html[data-ui=renewal] .menu-lines:before,html[data-ui=renewal] .menu-lines:after{content:"";background:currentColor;width:18px;height:2px;margin:auto;display:block}html[data-ui=renewal] .menu-lines:before{transform:translateY(-6px)}html[data-ui=renewal] .menu-lines:after{transform:translateY(4px)}html[data-ui=renewal] .rail{width:min(80vw,300px);transition:transform var(--dur) var(--ease);box-shadow:var(--shadow-pop);transform:translate(-102%)}html[data-ui=renewal] .rail.open{transform:translate(0)}html[data-ui=renewal] .drawer-close{border-radius:var(--radius);display:block}html[data-ui=renewal] .backdrop{z-index:29;opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease), visibility var(--dur) var(--ease);border:0;display:block;position:fixed;inset:0}html[data-ui=renewal] .backdrop.show{opacity:1;visibility:visible}html[data-ui=renewal] .workspace{margin-left:0}html[data-ui=renewal] .workspace-topbar{display:none}html[data-ui=renewal] main{padding:var(--space-4) var(--space-4) var(--space-8)}html[data-ui=renewal] .split{grid-template-columns:minmax(0,1fr)}html[data-ui=renewal] .state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-ui=renewal] .state-cell:nth-child(3){border-left:0;border-top:1px solid var(--border)}html[data-ui=renewal] .state-cell:nth-child(4){border-top:1px solid var(--border)}html[data-ui=renewal] .toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=768px) and (width<=839px){html[data-ui=renewal] .page-head{flex-direction:row;align-items:center}html[data-ui=renewal] .page-actions,html[data-ui=renewal] .page-actions .button{width:auto}html[data-ui=renewal] .stepper{grid-template-columns:repeat(4,minmax(0,1fr))}html[data-ui=renewal] .stepper li:nth-child(3),html[data-ui=renewal] .stepper li:nth-child(4){border-top:0}html[data-ui=renewal] .stepper li:nth-child(3){border-left:1px solid var(--border)}}@media (width<=599px){html[data-ui=renewal] button,html[data-ui=renewal] select,html[data-ui=renewal] input:not([type=checkbox]),html[data-ui=renewal] textarea{min-height:44px}html[data-ui=renewal] input:not([type=checkbox]),html[data-ui=renewal] select{height:44px}html[data-ui=renewal] input,html[data-ui=renewal] select,html[data-ui=renewal] textarea{font-size:16px}html[data-ui=renewal] .button,html[data-ui=renewal] .tab{min-height:40px}html[data-ui=renewal] .button.small{min-height:36px}html[data-ui=renewal] h1{font-size:22px}html[data-ui=renewal] .page-head{align-items:flex-start;gap:var(--space-3);flex-direction:column}html[data-ui=renewal] .page-actions,html[data-ui=renewal] .page-actions .button{width:100%}html[data-ui=renewal] .state-grid{grid-template-columns:1fr}html[data-ui=renewal] .state-cell+.state-cell{border-left:0;border-top:1px solid var(--border)}html[data-ui=renewal] :is(.toolbar,form.panel:has(>label.field),[data-bind=action-dialog-fields]:has(>.field),.section>div:has(>label>:is(select,input:not([type=checkbox]),textarea))){grid-template-columns:1fr}html[data-ui=renewal] .stepper{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-ui=renewal] .stepper li:nth-child(3){border-left:0;border-top:1px solid var(--border)}html[data-ui=renewal] .stepper li:nth-child(4){border-top:1px solid var(--border)}html[data-ui=renewal] .table-wrap{background:0 0;border:0;overflow:visible}html[data-ui=renewal] table.responsive{min-width:0;display:block}html[data-ui=renewal] table.responsive thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}html[data-ui=renewal] table.responsive tbody,html[data-ui=renewal] table.responsive tr,html[data-ui=renewal] table.responsive td{width:100%;display:block}html[data-ui=renewal] table.responsive tr{margin-bottom:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}html[data-ui=renewal] table.responsive td{gap:var(--space-2);min-height:0;padding:var(--space-1) 0;text-align:left;border:0;grid-template-columns:minmax(96px,.4fr) minmax(0,1fr);display:grid}html[data-ui=renewal] table.responsive td:before{content:attr(data-label);color:var(--muted);font-family:var(--font-body);font-size:12px;font-weight:500}html[data-ui=renewal] table.responsive td.money{text-align:right}html[data-ui=renewal] table.responsive td.money:before{text-align:left}html[data-ui=renewal] table.responsive td.actions-cell{padding-top:var(--space-2);display:block}html[data-ui=renewal] table.responsive td.actions-cell:before,html[data-ui=renewal] table.responsive td.table-empty-cell:before{display:none}html[data-ui=renewal] table.responsive td.table-empty-cell{padding:0;display:block}html[data-ui=renewal] .row-actions{justify-content:stretch}html[data-ui=renewal] .row-actions .button{width:100%}html[data-ui=renewal] .destination-row,html[data-ui=renewal] .destination-inputs,html[data-ui=renewal] .detail-grid{grid-template-columns:1fr}html[data-ui=renewal] .dialog-actions{flex-direction:column-reverse}html[data-ui=renewal] .dialog-actions .button{width:100%}html[data-ui=renewal] .live-region{right:var(--space-2);bottom:var(--space-2);max-width:calc(100vw - 16px)}html[data-ui=renewal] .od-hbar>li{gap:var(--space-1) var(--space-3);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name amount""track track"}html[data-ui=renewal] .od-hbar-name{grid-area:name}html[data-ui=renewal] .od-hbar-track{grid-area:track}html[data-ui=renewal] .od-hbar>li>.money{grid-area:amount}html[data-ui=renewal] .zf-graph-node{flex:1 1 calc(50% - var(--space-3));min-width:0}}@media (width>=600px) and (width<=680px){html[data-ui=renewal] .table-wrap{border:1px solid var(--border);overflow-x:auto}html[data-ui=renewal] table.responsive{min-width:780px;display:table}html[data-ui=renewal] table.responsive thead{clip-path:none;width:auto;height:auto;position:static;overflow:visible}html[data-ui=renewal] table.responsive tbody{display:table-row-group}html[data-ui=renewal] table.responsive tr{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:table-row}html[data-ui=renewal] table.responsive td{width:auto;min-height:0;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);display:table-cell}html[data-ui=renewal] table.responsive td:before{content:none}html[data-ui=renewal] table.responsive td.actions-cell{display:table-cell}html[data-ui=renewal] .row-actions{justify-content:flex-end}html[data-ui=renewal] .row-actions .button{width:auto}html[data-ui=renewal] .page-actions,html[data-ui=renewal] .dialog-actions{flex-direction:row}html[data-ui=renewal] .dialog-actions .button{width:auto}html[data-ui=renewal] .state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-ui=renewal] .state-cell+.state-cell{border-left:1px solid var(--border);border-top:0}html[data-ui=renewal] .state-cell:nth-child(3){border-left:0;border-top:1px solid var(--border)}html[data-ui=renewal] .state-cell:nth-child(4){border-top:1px solid var(--border)}}@media (width>=1280px){html[data-ui=renewal] main{padding-inline:var(--space-8)}}@media (prefers-reduced-motion:reduce){html[data-ui=renewal] *,html[data-ui=renewal] :before,html[data-ui=renewal] :after{transition:none!important;animation:none!important}}
