html{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}:root{color:#172b42;background:#f4f7fb;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.app{min-height:100vh}header{background:#fff;border-bottom:1px solid #dce5ef;justify-content:space-between;align-items:center;height:76px;padding:0 32px;display:flex}.brand{align-items:center;gap:22px;font-size:19px;font-weight:700;display:flex}.brand img{object-fit:contain;width:156px;height:27px}.user{color:#53677e;margin-left:18px;font-size:14px}header button{background:#edf4fb;border:0;border-radius:6px;padding:8px 12px}.layout{grid-template-columns:230px 1fr;min-height:calc(100vh - 76px);display:grid}nav{background:#102c4b;flex-direction:column;gap:5px;padding:25px 12px;display:flex}nav button{color:#d4e3f4;text-align:left;background:0 0;border:0;border-radius:7px;padding:14px 15px}nav button.active,nav button:hover{color:#fff;background:#24537f}main{width:100%;max-width:1120px;padding:34px}h1{margin:8px 0 17px;font-size:31px}.eyebrow{letter-spacing:.15em;color:#57728f;text-transform:uppercase;font-size:12px}.card{background:#fff;border:1px solid #dce5ef;border-radius:12px;margin:22px 0;padding:22px;box-shadow:0 5px 22px #102c4b0b}h2{margin:0 0 17px;font-size:19px}h3{margin:24px 0 12px;font-size:16px}.actions{flex-wrap:wrap;align-items:end;gap:12px;display:flex}a,button[type=submit],.actions button{color:#fff;background:#1762a5;border:0;border-radius:7px;padding:11px 17px;text-decoration:none}a:hover,button[type=submit]:hover,.actions button:hover:not(:disabled){background:#0c4f89}label{gap:7px;font-size:13px;font-weight:600;display:grid}input,select{color:#172b42;background:#fff;border:1px solid #aabbd0;border-radius:6px;padding:10px}.metrics{background:#f1f6fb;border-radius:7px;flex-wrap:wrap;gap:25px;padding:14px;display:flex}.metrics span{color:#53677e;font-size:13px;display:grid}.metrics b{color:#172b42;font-size:21px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e4ebf3;padding:11px}th{background:#f4f7fb}.notice{background:#fff;border:1px solid #aebfce;border-radius:8px;padding:20px}.login{justify-content:center;padding-top:8vh;display:flex}.login form{background:#fff;border-radius:12px;gap:18px;width:min(430px,100%);padding:40px;display:grid;box-shadow:0 10px 40px #102c4b1a}.login button{margin-top:5px}pre[role=status]{white-space:pre-wrap;background:#eaf4ed;border-radius:7px;padding:14px}p[role=alert]{color:#ad2a37}@media (width<=760px){header{padding:0 14px}.brand span{font-size:15px}.layout{grid-template-columns:1fr}nav{flex-direction:row;padding:8px;overflow:auto}nav button{white-space:nowrap;padding:9px}main{padding:20px}}.header-controls{align-items:center;gap:14px;display:flex}.header-controls label{gap:2px;font-size:11px}.header-controls select{min-width:110px;padding:5px 8px}.card>button{color:#fff;background:#1762a5;border:0;border-radius:7px;padding:11px 17px}.card>button:hover{background:#0c4f89}.mapping-grid{grid-template-columns:minmax(150px,1fr) minmax(190px,2fr);gap:8px 16px;max-height:340px;margin-top:22px;display:grid;overflow:auto}.mapping-grid>b{background:#fff;padding:7px;position:sticky;top:0}.mapping-row{display:contents}.mapping-row span{overflow-wrap:anywhere;padding:9px 0;font-size:13px}.mapping-row input{min-width:0;padding:7px}:root{--ink:#17324d;--blue:#145a95;--blue-dark:#0c466f;--line:#d8e3ed;--surface:#fff;--muted:#61768b}body{color:var(--ink);background:#f3f6fa}.layout{grid-template-columns:245px minmax(0,1fr)}main{min-width:0;max-width:1360px;margin:0 auto;padding:34px clamp(18px,3vw,48px)}header{gap:20px}.header-controls{flex-wrap:wrap;justify-content:flex-end;min-width:0}.brand{min-width:0}.brand span,.user{overflow-wrap:anywhere}nav{gap:7px}nav button{font-weight:600;transition:background .15s,color .15s,transform .15s}nav button:hover{transform:translate(2px)}.card{border-color:var(--line);border-radius:14px;min-width:0;padding:clamp(18px,2.2vw,28px);box-shadow:0 8px 28px #1837520a}.card-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.card-heading h2{margin-bottom:4px}.muted{color:var(--muted);margin:0 0 18px;font-size:14px}button,a{transition:background .15s,box-shadow .15s,transform .15s,border-color .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #70aeec}.button,.card>button,.actions button,button[type=submit]{background:var(--blue);border:1px solid var(--blue);color:#fff;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 15px;font-weight:650;line-height:1.2;display:inline-flex;box-shadow:0 2px 4px #103e6812}.button:hover:not(:disabled),.card>button:hover:not(:disabled),.actions button:hover:not(:disabled),button[type=submit]:hover:not(:disabled){background:var(--blue-dark);border-color:var(--blue-dark);transform:translateY(-1px);box-shadow:0 5px 12px #103e6825}.button.secondary{color:var(--blue);box-shadow:none;background:#fff;border-color:#acc6dc}.button.secondary:hover:not(:disabled){color:var(--blue-dark);border-color:var(--blue);background:#eaf3fa}.button.tertiary{color:var(--blue);box-shadow:none;white-space:nowrap;background:0 0;border-color:#0000}.button.tertiary:hover:not(:disabled){background:#eaf3fa;border-color:#0000}button:disabled{opacity:.5;box-shadow:none;transform:none}.table-scroll{border:1px solid var(--line);border-radius:10px;max-width:100%;overflow-x:auto}.table-scroll table{min-width:720px}.table-scroll th{white-space:nowrap}th,td{vertical-align:middle}td,td code,.card code{overflow-wrap:anywhere}.pagination{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;font-size:14px;display:flex}.document-search{gap:10px;margin:14px 0 18px}.document-search label{flex:320px;min-width:0}.document-search input{width:100%;min-width:0}.document-search button{min-height:42px}.document-filters{grid-template-columns:minmax(150px,1fr) minmax(180px,1.4fr) repeat(2,minmax(140px,1fr)) auto;align-items:end;gap:10px;margin:0 0 18px;display:grid}.document-filters label{min-width:0}.document-filters input,.document-filters select{width:100%;min-width:0}@media (width<=1100px){.document-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.document-filters button{justify-self:start}}.erp-sales-card .actions{gap:14px}.erp-sales-card .actions label{min-width:180px}.erp-sales-card .callout{margin-top:16px}.purchase-range-card .actions{gap:14px}.purchase-range-card .actions label{min-width:180px}.purchase-range-card .callout,.purchase-range-results{margin-top:18px}.purchase-range-results h3{margin:0 0 14px}.purchase-range-results>.actions,.purchase-sync-error>.actions{margin-top:16px}.purchase-range-results .table-scroll{margin-top:14px}#erp-sales-preview>.callout{border:1px solid var(--line);background:#edf5fb;margin-top:16px}.pagination span{margin-right:auto}.loading{color:var(--blue);align-items:center;gap:10px;font-weight:600;display:flex}.spinner{border:2px solid #b9d8ee;border-top-color:var(--blue);border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{border:1px dashed var(--line);color:var(--muted);background:#f8fbfd;border-radius:9px;padding:22px}.document-table{min-width:680px!important}.document-table th:first-child,.document-table td:first-child{width:42%}.document-table th:nth-child(2),.document-table td:nth-child(2){white-space:nowrap;min-width:90px}.document-table th:nth-child(3),.document-table td:nth-child(3){min-width:180px}.document-table th:nth-child(4),.document-table td:nth-child(4){white-space:nowrap}.invoice-cell strong,.invoice-cell small{overflow-wrap:anywhere;display:block}.invoice-cell strong{font-weight:700}.invoice-cell small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.4}.card table:not(.document-table) th,.card table:not(.document-table) td{padding:12px 18px}.state-pill{color:#226047;white-space:nowrap;vertical-align:middle;background:#e8f4ed;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700;line-height:1.3;display:inline-block}.state-pill.warning{color:#78521b;background:#fff2db}.document-detail{gap:20px;display:grid}.detail-toolbar{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.detail-title{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.detail-title h2{overflow-wrap:anywhere;margin:8px 0 0;font-size:clamp(22px,2.5vw,30px)}.detail-title .state-pill{padding:9px 14px;font-size:14px}.callout{border-radius:9px;margin:0;padding:14px 18px;font-weight:600;line-height:1.5}.callout.warning{color:#74501a;background:#fff8e9;border:1px solid #efd9ab}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.detail-grid>div{background:#f6f9fc;border:1px solid #e4ebf2;border-radius:9px;min-width:0;padding:14px}.detail-grid span,.detail-grid strong{overflow-wrap:anywhere;display:block}.detail-grid span{color:var(--muted);margin-bottom:7px;font-size:12px}.detail-grid strong{font-size:14px;line-height:1.4}.party-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.party-grid section{border:1px solid var(--line);border-radius:10px;min-width:0;padding:18px}.party-grid h3{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 12px;font-size:13px}.party-grid strong{overflow-wrap:anywhere;font-size:17px;line-height:1.4}.party-grid p{color:var(--muted);margin:8px 0 0;font-size:14px}.section-title{margin:9px 0 0;font-size:18px}.lines-table{min-width:700px}.lines-table th:first-child{width:40%}.lines-table td.amount,.lines-table th:nth-last-child(-n+3){text-align:right;white-space:nowrap}.total-row{background:#edf5fb;border-radius:9px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:20px;padding:14px 18px;font-size:14px;display:flex}.total-row strong{color:var(--ink);margin-left:6px}.total-gross{font-size:17px;font-weight:700}.technical-details{border:1px solid var(--line);color:var(--muted);border-radius:9px;gap:8px;padding:14px 18px;font-size:13px;line-height:1.5;display:grid}.technical-details code{color:var(--ink)}.artifact-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.settings-card .settings-actions{align-items:flex-end;gap:12px;margin-top:20px}.settings-card .settings-actions button{min-height:42px}.card>button+button,.card>details>button+button{margin-inline-start:12px}.card>.detail-grid+button,.card>.detail-grid+.actions{margin-top:20px}.card>.technical-details+button,.card>.table-scroll+button,.card>.actions+.actions{margin-top:16px}@media (width<=600px){.settings-card .settings-actions button{width:100%}.card>button+button,.card>details>button+button{margin-inline-start:0;margin-top:10px}}.card>.actions+.actions{margin-top:14px}.artifact-actions .button{text-decoration:none}.erp-result-card{border:1px solid var(--line);background:#f7fafc;border-radius:10px;gap:12px;margin:20px 0;padding:18px;display:grid}.erp-result-card h3,.erp-result-card p{margin:0}.erp-result-card code{overflow-wrap:anywhere}.erp-result-card .button{justify-self:start}.native-vat-summary{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:9px;flex-wrap:wrap;gap:10px 22px;padding:12px 14px;font-size:13px;display:flex}.native-vat-summary strong{color:var(--ink);margin-left:4px}.purchase-export-card{gap:17px;display:grid}.purchase-export-card .card-heading{align-items:center}.purchase-export-card h3{overflow-wrap:anywhere;margin:2px 0 0}.purchase-export-card .eyebrow{margin:0}.purchase-upload{border-top:1px solid var(--line);gap:12px;padding-top:17px;display:grid}.purchase-upload label{gap:10px;max-width:100%}.purchase-upload input{width:100%;min-width:0}.purchase-upload button{justify-self:start}.actions+.actions,.actions+.card{margin-top:18px}.actions{align-items:flex-end}.actions>label>input:not([type=checkbox]):not([type=radio]):not([type=file]),.actions>label>select{height:42px;min-height:42px}.actions>button,.actions>.button{min-height:42px}.history-table{min-width:490px}.history-table th:first-child,.history-table td:first-child{white-space:nowrap;width:230px}.history-table tbody tr:nth-child(2n){background:#f8fbfd}.standard-jpk .history-table{table-layout:fixed;width:100%;min-width:880px}.standard-jpk .history-table th:first-child,.standard-jpk .history-table td:first-child{width:11%}.standard-jpk .history-table th:nth-child(2),.standard-jpk .history-table td:nth-child(2){white-space:nowrap;width:9%}.standard-jpk .history-table th:nth-child(3),.standard-jpk .history-table td:nth-child(3){white-space:nowrap;width:13%}.standard-jpk .history-table th:nth-child(4),.standard-jpk .history-table td:nth-child(4),.standard-jpk .history-table th:nth-child(5),.standard-jpk .history-table td:nth-child(5){width:22%}.standard-jpk .history-table th:last-child,.standard-jpk .history-table td:last-child{width:23%}.standard-jpk .history-table td{vertical-align:top}.standard-jpk .history-table code{overflow-wrap:anywhere;font-size:11px}.standard-jpk .history-table .actions{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.standard-jpk .history-table .actions .button{white-space:nowrap;min-height:34px;padding:7px 9px;font-size:12px}details{border:1px solid var(--line);background:#fbfdff;border-radius:9px;margin:10px 0;padding:12px 16px}summary{cursor:pointer;overflow-wrap:anywhere;font-weight:600}@media (width<=760px){header{flex-wrap:wrap;height:auto;min-height:76px;padding:12px 16px}.brand img{width:125px}.layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}nav{flex-direction:row;align-items:center;max-height:68px;padding:10px;position:static;overflow-x:auto}nav button{flex:none;align-self:center}.user{margin:0}.header-controls{justify-content:flex-start}main{padding:18px}.card{margin:16px 0}.pagination span{width:100%}}@media (width<=1050px){.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.detail-grid,.party-grid{grid-template-columns:minmax(0,1fr)}.detail-toolbar{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.direct-vat-wizard{background:#f7fbff;border:1px solid #bdd4e5;border-radius:12px;gap:16px;margin-top:24px;padding:22px;display:grid}.direct-vat-wizard:not([open])>:not(summary){display:none}.direct-vat-wizard>summary{cursor:pointer;color:var(--ink);font-weight:700}.direct-jpk-actions{background:#f4faff;border:1px solid #aacfe2;border-radius:12px;gap:12px;margin-top:20px;padding:20px;display:grid}.direct-jpk-actions h2,.direct-jpk-actions p{margin:0}.direct-jpk-actions .actions{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.jpk-period-controls{gap:14px;margin-top:18px}.jpk-period-controls label{flex:220px;min-width:min(220px,100%)}.jpk-period-controls label>select,.jpk-period-controls label>input{width:100%}.native-period-issue{color:var(--ink);background:#f6f9fc;border:1px solid #d7e4ef;border-radius:10px;gap:4px;margin-top:18px;padding:18px 20px;line-height:1.5;display:grid}.native-period-issue strong{font-size:16px}.native-period-issue span{color:var(--muted);font-size:14px}.recent-jpk{background:#f7fbff;border:1px solid #c8dceb;border-radius:12px;margin-top:20px;padding:18px}.recent-jpk:not([open]){background:#fff;padding:13px 18px}.recent-jpk>summary{cursor:pointer;color:var(--ink);font-weight:650}.recent-jpk[open]>summary{margin-bottom:12px}.recent-jpk .history-table{min-width:0}.direct-filings-table td:last-child small{white-space:normal;margin-top:7px;display:block}.direct-vat-wizard h2,.direct-vat-wizard h3,.direct-vat-wizard p{margin:0}.direct-vat-wizard .actions{gap:12px}.direct-vat-wizard .actions label{min-width:210px}.direct-vat-wizard .table-scroll{background:#fff}.direct-vat-wizard td small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.declaration-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;display:grid}.declaration-grid>div{border:1px solid var(--line);background:#fff;border-radius:9px;gap:6px;padding:12px 14px;display:grid}.declaration-grid span{color:var(--muted);font-size:12px}.declaration-grid strong{font-size:16px}.check-row{align-items:center;gap:10px;font-size:14px;line-height:1.4;display:flex}.check-row input{flex:none;width:18px;height:18px}.direct-vat-wizard>button{background:var(--blue);border:1px solid var(--blue);color:#fff;border-radius:9px;justify-self:start;min-height:40px;padding:9px 15px;font-weight:650}.jpk-history{gap:12px;margin-top:20px;display:grid}.jpk-history h3,.jpk-history p{margin:0}.jpk-history .history-table{min-width:620px}.direct-source-table{min-width:920px}.direct-source-table td:nth-child(3),.direct-source-table td:nth-child(4){white-space:nowrap}.direct-filings-table{min-width:650px}.direct-filings-table th:first-child,.direct-filings-table td:first-child{width:175px}.direct-filings-table .state-pill{white-space:nowrap}.direct-filings-table .button{white-space:nowrap;padding:8px 10px;font-size:12px}.jpk-history code{font-size:12px}.hybrid-advanced{background:#f7f9fc;margin-top:20px}.hybrid-advanced summary{color:#34536b}.hybrid-advanced[open]{gap:12px;display:grid}.hybrid-advanced label{max-width:100%}.native-jpk-files{border:1px solid var(--line);background:#fff;border-radius:10px;margin-top:20px;padding:18px}.native-jpk-files h3{margin:0 0 8px}.native-jpk-files .notice{margin-top:12px}.native-jpk-files table{min-width:790px}.native-jpk-files th:first-child{width:29%}.native-jpk-files th:nth-child(2){min-width:105px}.native-jpk-files .state-pill{white-space:nowrap;font-size:12px}.native-jpk-files td small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.native-jpk-name{overflow-wrap:anywhere}.native-jpk-files td code{overflow-wrap:anywhere;font-size:11px}.native-jpk-files .actions{flex-wrap:wrap;gap:8px;display:flex}.native-jpk-command{background:#f5faff;border:1px solid #a9cbdc;border-radius:12px;gap:14px;margin-top:22px;padding:20px;display:grid}.native-jpk-command h3,.native-jpk-command p{margin:0}.native-jpk-command .actions{gap:10px}.native-jpk-command td small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.native-jpk-command .warning-text{color:#895116}.native-jpk-command .state-pill{justify-self:start}.history-toggle{white-space:nowrap;align-items:center;gap:9px;display:flex}.history-toggle input{width:17px;height:17px;margin:0}.jpk-xml-viewer.wide{z-index:30;border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;padding:18px;display:flex;position:fixed;inset:2vh 2vw;box-shadow:0 16px 70px #102c4b55}.jpk-xml-viewer.wide .jpk-xml-lines{flex:1;height:auto}.mag-warehouse{background:#fbfdff;border:1px solid #dce5ef;border-radius:10px;margin-top:20px;padding:20px}.mag-warehouse .section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.mag-warehouse .section-heading h2{margin:0 0 6px}.mag-warehouse .section-heading p{color:#53677e;margin:0}.mag-warehouse>.actions{margin-top:18px}.mag-file-import{border-top:1px solid #dce5ef;margin-top:24px;padding-top:22px}.mag-file-import .actions{margin:14px 0}.mag-file-import .actions label{min-width:min(320px,100%)}.mag-file-import input[type=file]{width:100%;max-width:420px}.file-picker{cursor:pointer;flex-direction:column;gap:7px;min-width:min(320px,100%);display:inline-flex;position:relative}.file-picker-label{color:var(--ink);font-size:13px;font-weight:700}.file-picker-display{max-width:100%;min-height:42px;color:var(--muted);align-items:center;gap:10px;display:flex}.file-picker-button{border:1px solid var(--line);min-height:42px;color:var(--brand-primary);white-space:nowrap;background:#fff;border-radius:8px;align-items:center;padding:9px 14px;font-weight:700;display:inline-flex}.file-picker-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.file-picker input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-picker:focus-within .file-picker-button{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.direct-vat-wizard{padding:16px}.direct-vat-wizard .actions>*{width:100%}.direct-vat-wizard .actions label{min-width:0}.jpk-period-controls>*{flex-basis:100%;width:100%}}:root{--brand-primary:#2d2e87;--brand-primary-dark:#20216d;--ink:#1d2750;--blue:var(--brand-primary);--blue-dark:var(--brand-primary-dark);--line:#dfe3ed;--surface:#fff;--muted:#59677e;--focus:#5578d5}body{color:var(--ink);background:#f5f6f9;font-family:Open Sans,Segoe UI,Arial,sans-serif}header{z-index:2;border-bottom:1px solid #e2e5ee;height:86px;padding:0 clamp(20px,2.5vw,40px);position:relative;box-shadow:0 2px 12px #161f4a08}.brand{gap:18px;font-weight:400}.brand img{object-fit:contain;width:174px;height:auto;max-height:58px}.brand-product{border-left:1px solid #d9deec;gap:2px;padding-left:18px;line-height:1.2;display:grid}.brand-product strong{color:#20216d;font-size:17px}.brand-product small{color:#63718b;letter-spacing:.03em;font-size:11px;font-weight:600}.environment-badge{color:#292e82;letter-spacing:.12em;background:#f3f3fb;border:1px solid #a7acd7;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:800}.user-menu{align-items:center;gap:10px;display:flex}.user-menu .user{color:#233358;margin:0;font-weight:600}.signout{color:#384b6c;background:0 0;border:1px solid #d8deeb;border-radius:7px;padding:7px 10px;font-size:12px}.signout:hover{background:#eff2f9}.layout{grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 142px)}nav{background:#19224d;gap:14px;padding:21px 12px;overflow-y:auto}.nav-group{gap:3px;display:grid}.nav-group-label{color:#aeb9da;letter-spacing:.14em;text-transform:uppercase;padding:10px 13px 4px;font-size:10px;font-weight:800}nav button{color:#e6e9fa;border-radius:7px;padding:10px 13px;font-size:13px;font-weight:600;line-height:1.3}nav button:hover,nav button.active{color:#fff;background:#383a99;transform:none}nav button.active{box-shadow:inset 3px 0 #d33d5e}main{max-width:1510px;padding:26px clamp(20px,3vw,48px) 48px}main>h1{letter-spacing:-.025em;color:#202653;margin:6px 0 18px;font-size:clamp(25px,2vw,31px)}.test-banner{border:1px solid #d3d8ec;border-left:4px solid var(--brand-primary);color:#38466b;background:#f1f2f9;border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;padding:10px 14px;font-size:12px;display:flex}.test-banner strong{color:var(--brand-primary);letter-spacing:.1em;font-size:11px}.page-context{color:#63718b;font-size:12px}.page-context strong{color:#2b3660}.card{border-color:#e1e4ed;border-radius:10px;box-shadow:0 3px 16px #1824510b}.card h2{color:#222c59}.button,.card>button,.actions button,button[type=submit]{border-radius:7px}.table-scroll{border-color:#e1e5ee}.table-scroll thead th{z-index:1;color:#334269;letter-spacing:.02em;background:#eef1f7;font-size:12px;font-weight:750;position:sticky;top:0}tbody tr:hover{background:#f4f5fb}tbody tr:focus-within{background:#eff1fb}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.overview-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin:20px 0;display:grid}.overview-stat{text-align:left;color:#27325d;border:1px solid #dfe3ed;border-top:3px solid var(--brand-primary);background:#fff;border-radius:9px;gap:8px;min-height:145px;padding:18px 20px;display:grid;box-shadow:0 3px 14px #1d24500a}.overview-stat:hover{background:#fcfcff;border-color:#a2aad5}.overview-stat span{color:#596782;font-size:13px;font-weight:600}.overview-stat strong{font-variant-numeric:tabular-nums;font-size:32px;line-height:1}.overview-stat small{color:var(--brand-primary);font-weight:700}.overview-shortcuts{flex-wrap:wrap;gap:10px;margin:20px 0 28px;display:flex}.overview-shortcuts .button{color:var(--brand-primary);background:#fff;border:1px solid #a8b0da}.product-overview .card{margin-top:18px}.product-overview .table-actions{flex-wrap:wrap;gap:8px;display:flex}.attention-panel{border-left:3px solid var(--brand-primary)}.attention-panel h2{margin-bottom:14px}.attention-list{gap:0;display:grid}.attention-row{border-top:1px solid var(--line);align-items:center;gap:14px;padding:10px 0;display:flex}.attention-row>span:nth-child(2){flex:1}.attention-row .button{white-space:nowrap}.purchase-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin:14px 0 18px;display:flex}.purchase-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:10px 13px;font-weight:650}.purchase-tabs button.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.purchase-tabs button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.jpk-catalog{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:16px 0 22px;display:grid}.jpk-catalog-item{text-align:left;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;gap:4px;min-height:62px;padding:12px 14px;display:grid}.jpk-catalog-item small{color:var(--muted);font-size:11px}.jpk-catalog-item.selected{border-color:var(--brand-primary);box-shadow:inset 0 0 0 1px var(--brand-primary);background:#f8f9ff}.jpk-catalog-item:focus-visible{outline:3px solid var(--brand-primary);outline-offset:2px}.product-overview .table-actions .button{white-space:nowrap;padding:7px 9px;font-size:12px}.development-area{border-left:4px solid #7b82ad}.development-area>.actions{margin:15px 0 20px}.development-area .detail-grid{margin-top:16px}footer{color:#69728d;background:#fff;border-top:1px solid #e2e5ee;justify-content:flex-end;align-items:center;height:56px;padding:0 30px;font-size:12px;display:flex}.mapping-card>summary{color:#222c59;font-size:19px}.mapping-card>.actions{margin-top:20px}.mapping-card .mapping-grid{max-height:430px}footer a{color:#2d2e87;background:0 0;margin-left:4px;padding:0;font-weight:700;text-decoration:underline}footer a:hover{color:#20216d;background:0 0}@media (width<=1280px){.overview-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.header-controls{gap:8px}.user-menu .user{display:none}}@media (width<=900px){header{flex-wrap:wrap;height:auto;min-height:86px;padding:12px 20px}.layout{grid-template-columns:205px minmax(0,1fr)}nav{flex-direction:column;max-height:none;display:flex;position:static;overflow-x:visible}.nav-group{min-width:0}nav button{white-space:normal}.brand img{width:145px}.brand-product strong{font-size:14px}}@media (width<=700px){.layout{grid-template-columns:1fr}.layout nav{flex-direction:row;gap:8px;max-height:86px;padding:9px;display:flex;overflow-x:auto}.nav-group{flex:none;align-items:center;gap:3px;display:flex}.nav-group-label{display:none}nav button{white-space:nowrap;padding:8px}.overview-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}main{padding:18px}.brand-product small{display:none}.header-controls{justify-content:flex-start}}.xml-preview-modal{color:#17304a;background:#fff;border:1px solid #c9d7e7;border-radius:13px;width:min(1160px,94vw);max-width:none;height:min(850px,92vh);max-height:none;padding:0;box-shadow:0 24px 80px #0b203c66}.xml-preview-modal::backdrop{background:#0d203bba}.xml-modal-header{border-bottom:1px solid #dce5ef;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;display:flex}.xml-modal-header h2{margin:0;font-size:20px;line-height:1.3}.xml-modal-tools{border-bottom:1px solid #dce5ef;flex-wrap:wrap;align-items:end;gap:12px;padding:14px 22px;display:flex}.xml-modal-tools label{flex-direction:column;gap:5px;min-width:min(260px,100%);font-size:13px;font-weight:600;display:flex}.xml-modal-tools input{height:37px}.xml-modal-display{border:1px solid #c9d7e7;border-radius:7px;display:flex;overflow:hidden}.xml-modal-display button{color:#334d67;cursor:pointer;background:#fff;border:0;min-height:37px;padding:7px 12px}.xml-modal-display button.active{color:#1b3670;background:#e6eef8;font-weight:700}.xml-modal-display button:focus-visible,.xml-preview-modal button:focus-visible{outline-offset:2px;outline:3px solid #f2aa39}.xml-modal-count{color:#52657b;white-space:nowrap;margin-left:auto;font-size:13px}.xml-modal-state{color:#52657b;padding:24px}.xml-modal-lines{color:#eaf3fb;background:#12293e;height:calc(100% - 138px);min-height:160px;font:13px/24px ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.xml-modal-line{white-space:pre;min-width:max-content;display:flex}.xml-modal-line.match{background:#3d4a41}.xml-modal-line-number{box-sizing:border-box;text-align:right;color:#a9c4d6;-webkit-user-select:none;user-select:none;background:#1b3951;width:64px;min-width:64px;padding-right:13px;position:sticky;left:0}.xml-modal-line code{white-space:pre;font:inherit;color:inherit;padding:0 16px}.xml-punctuation{color:#a6c4dc}.xml-tag{color:#78cafa}.xml-attribute{color:#c8dc8d}.xml-value{color:#f4c787}.xml-text{color:#f2f6fa}.xml-meta{color:#aeb8cf}@media (width<=700px){.xml-preview-modal{border-radius:0;width:100vw;height:100vh;max-height:none}.xml-modal-header,.xml-modal-tools{padding:12px}.xml-modal-lines{height:calc(100% - 205px)}.xml-modal-count{margin-left:0}}
