/* XML Merkezi: product selection and publication workspace. */
:root{color-scheme:light;--bg:#eef3f6;--card:#fff;--raised:#f5f8fa;--hover:#e8f0f3;--ink:#263e50;--ink-strong:#132f42;--muted:#536a7b;--faint:#617889;--line:#dce5eb;--line-strong:#b9cbd6;--accent:#126d73;--accent-hi:#0a555b;--accent-lo:#174f55;--accent-ink:#fff;--accent-a08:#eaf5f4;--accent-a12:#deefed;--accent-a28:#a2d0cd;--accent-ring:#b7dedd;--ok:#17724d;--warn:#8c5c10;--bad:#a23c39;--info:#265c9a;--radius:12px;--radius-md:8px;--radius-sm:5px;--gut:30px;--font:"Segoe UI Variable Text","Segoe UI",Tahoma,sans-serif;--mono:Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font:15px/1.55 var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased} [hidden]{display:none!important}::selection{background:var(--accent-a28);color:var(--ink-strong)}:focus-visible{outline:3px solid #338b94;outline-offset:3px}h1,h2,h3{color:var(--ink-strong);line-height:1.25}h1{font-size:30px;letter-spacing:-.8px;margin:0 0 14px;font-weight:700}h2{font-size:19px;margin:0 0 12px}h3{font-size:16px}p{margin:0 0 14px}strong,b{font-weight:650;color:var(--ink-strong)}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-hi)}small{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:5px}.muted{color:var(--muted)}.risk{color:var(--bad)}hr{border:0;border-top:1px solid var(--line);margin:24px 0}code,pre{font-family:var(--mono);font-size:12px}code{background:var(--raised);padding:3px 6px;border:1px solid var(--line);border-radius:4px}pre{white-space:pre-wrap;overflow:auto}code.link{display:block;overflow-wrap:anywhere;padding:13px;background:#f1f7f9;color:var(--ink-strong);margin:8px 0;user-select:all}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:var(--card);padding:12px}.skip-link:focus{top:8px}
/* Navigation stays separate from the product work area. */
.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#132f42;color:#e7f0f4;display:flex;flex-direction:column;z-index:40;overflow-y:auto}.brand-lockup{display:flex;gap:11px;align-items:center;padding:27px 20px 22px;color:#fff;text-decoration:none;font-size:20px;font-weight:700;letter-spacing:-.5px}.brand-lockup:hover{color:#fff}.brand-lockup small{font-size:11px;color:#a5bdcb;font-weight:400;letter-spacing:0}.brand-symbol{display:grid;place-items:center;background:#f5fafb;color:#126d73;width:35px;height:39px;border-radius:6px;font-size:25px;font-weight:800;flex-shrink:0}.app-nav{padding:0 12px 20px;display:flex;flex-direction:column;gap:4px}.nav-group{color:#adc0cc;font-size:11px;font-weight:600;margin:21px 12px 7px}.app-nav a{color:#cfdee7;padding:11px 12px;border-radius:6px;text-decoration:none;display:flex;align-items:center;gap:9px;font-size:13px;min-height:42px}.app-nav a:hover{background:#23475b;color:#fff}.app-nav a.active{color:#fff;background:#2b566a;box-shadow:inset 3px 0 #8fd1d0}.nav-icon{width:18px;text-align:center;font-size:18px}.app-nav a small{display:inline;margin:0 0 0 auto;font-size:11px;padding:1px 6px;background:#16394d;border-radius:4px;color:#e4eff4}.nav-more{border:0;margin:14px 0 0;padding:0}.nav-more summary{color:#cfdee7;padding:11px 12px;font-size:13px}.nav-more summary:hover{color:#fff}.nav-menu{border-left:1px solid #416276;margin:0 12px;padding-left:5px}.nav-menu a{font-size:12px;min-height:35px;padding:8px}.sidebar-bottom{margin-top:auto;border-top:1px solid #325165;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#afc3cf}.sidebar-bottom form{margin:0}.navbtn{font:inherit;border:1px solid #547182;background:transparent;color:#e9f0f4;padding:6px 10px;border-radius:5px;cursor:pointer;min-height:34px}.navbtn:hover{background:#23475b}.workspace{margin-left:224px;min-width:0}.workspace-header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 var(--gut);gap:14px;color:var(--muted);font-size:12px}.header-divider{padding:0 12px;color:#93a9b8}.publication-badge{white-space:nowrap;text-decoration:none;color:#286357;padding:6px 10px;border:1px solid #d0e5dd;border-radius:6px;background:#f0f8f4;font-size:12px}.publication-badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#34785f;margin-right:7px}.menu-toggle,.menu-backdrop{display:none}main{max-width:1550px;margin:0 auto;padding:32px var(--gut) 64px;min-height:calc(100vh - 129px);outline:none}.workspace-footer{display:flex;justify-content:space-between;padding:16px var(--gut);border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.workspace-footer span{color:#687e8b}
/* Shared controls. */
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:20px}.panel>:last-child{margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:18px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:20px}.card{padding:20px;background:var(--card);border:1px solid var(--line);border-radius:10px}.card b{display:block;font-size:28px}.card span{display:block;font-size:12px;color:var(--muted);margin-top:6px}button{font-family:inherit}.big,a.big,button:not([class]){display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:11px 18px;border:1px solid transparent;border-radius:7px;font:600 14px/1.3 var(--font);background:var(--accent);color:#fff;text-decoration:none;cursor:pointer}.big:hover,a.big:hover,button:not([class]):hover{color:#fff;background:var(--accent-hi)}.big.gray,a.big.gray{background:#fff;border-color:var(--line-strong);color:var(--ink)}.big.gray:hover,a.big.gray:hover{background:#f0f5f7;border-color:#8fa8b8;color:var(--ink-strong)}.big.ok{background:var(--accent)}button:disabled,input:disabled,select:disabled,.big[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btns{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 0}.btns form{margin:0}.btns>form>.big{height:100%}.pager{justify-content:center}.flash{padding:13px 17px;border:1px solid #bfdcd4;background:#eff8f4;color:#215d4f;border-radius:8px;margin-bottom:18px;font-size:13px;overflow-wrap:anywhere}.flash.warn{background:#fff7e8;border-color:#ead7ad;color:#80550e}.flash.bad{background:#fff0ef;border-color:#e6bdb9;color:var(--bad)}.preparation-notice{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.preparation-notice a{white-space:nowrap}
label{font-size:13px;font-weight:500;cursor:default}label.f{display:block;margin-bottom:6px;color:var(--ink)}input:not([type]),input[type=text],input[type=number],input[type=password],input[type=search],input[type=email],input[type=url],select,textarea{display:block;width:100%;min-height:44px;padding:10px 12px;margin-top:7px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;color:var(--ink-strong);font:400 14px/1.4 var(--font)}input:hover,select:hover,textarea:hover{border-color:#8ba7b7}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-a28);outline-offset:1px;border-color:var(--accent)}::placeholder{color:var(--faint);opacity:1}select{cursor:pointer;padding-right:25px}option{background:#fff;color:var(--ink)}textarea{min-height:110px;resize:vertical}input[type=file]{max-width:100%;display:block;margin:12px 0;font:inherit}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);flex:none;margin:0 7px 0 0;vertical-align:middle}input[type=radio]{accent-color:var(--accent)}progress{accent-color:var(--accent);height:12px;border-radius:8px;max-width:100%}
/* Data and product previews. */
table{border-collapse:separate;border-spacing:0;width:100%;background:#fff;border:1px solid var(--line);border-radius:9px;font-size:13px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:12px;font-weight:600;background:#f3f7f9;color:#526b7b}tr:last-child>td{border-bottom:0}tbody tr:hover>td{background:#f6fafb}.num{text-align:right;white-space:nowrap}.panel table{border:0}.panel table th:first-child,.panel table td:first-child{padding-left:0}td img{object-fit:contain;max-width:100%;background:#fff;border-radius:5px}td small{max-width:48ch;overflow-wrap:anywhere}.tag{display:inline-flex;align-items:center;padding:3px 9px;border:1px solid var(--line);border-radius:5px;background:#f1f5f7;color:var(--muted);font-size:11px}.tag.teslim,.tag.alindi{color:#1b6749;background:#eaf6ef;border-color:#bbdac8}.tag.iptal{color:var(--bad);background:#fff1f0;border-color:#e6c3be}.tag.inceleme,.tag.yeni{color:#825c17;background:#fff8e7;border-color:#ead9ae}.catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.pcard{min-width:0;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.pcard:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-a28)}.pimg{height:205px;padding:20px;display:flex;align-items:center;justify-content:center;background:#fff;text-decoration:none;border-bottom:1px solid #edf1f3}.pimg img{max-width:100%;max-height:100%;object-fit:contain}.pimg span{font-size:12px;color:var(--muted);text-align:center}.pbody{display:flex;flex-direction:column;gap:9px;padding:16px;flex:1}.pbody p,.pbody h2{margin:0}.pbody>a:last-child{margin-top:auto;padding-top:5px;font-size:12px;font-weight:600}.ptitle{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.45;font-weight:600;color:var(--ink-strong);text-decoration:none}.pcat{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.prices{border-top:1px solid var(--line);padding-top:10px;display:flex;justify-content:space-between;align-items:baseline;gap:7px;flex-wrap:wrap}.prices b{font-size:19px;color:var(--accent)}.prices span{font-size:12px;color:var(--muted)}.pmeta{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.detail{display:grid;grid-template-columns:minmax(250px,400px) minmax(0,1fr);gap:24px;align-items:start}.detail>*{min-width:0}.mainimg{display:block;width:100%;max-height:420px;object-fit:contain;background:#fff;padding:20px;border-radius:10px;border:1px solid var(--line)}.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.thumbs img{width:65px;height:65px;object-fit:contain;background:#fff;padding:4px;border:1px solid var(--line);border-radius:6px;cursor:pointer}.xmlbox{white-space:pre-wrap;word-break:break-word;max-height:420px;overflow:auto;background:var(--raised);border:1px solid var(--line);padding:18px;border-radius:8px;color:var(--ink);font-size:12px}
/* The three actual decisions in preparation. */
.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:0 0 24px}.page-heading h1{margin-bottom:9px}.page-heading p{color:var(--muted);max-width:72ch;margin:0}.workflow{display:flex;list-style:none;margin:0 0 26px;padding:0;border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}.workflow li{flex:1;min-width:0}.workflow li+li{border-left:1px solid var(--line)}.workflow li a{display:flex;align-items:center;gap:11px;padding:16px;color:var(--muted);text-decoration:none;font-size:13px;font-weight:600}.workflow span{display:grid;place-items:center;width:26px;height:26px;background:#edf2f5;color:var(--muted);border-radius:5px;flex-shrink:0}.workflow .current{background:var(--accent-a08)}.workflow .current a{color:var(--accent)}.workflow .current span{background:var(--accent);color:#fff}.scope-note{padding:11px 14px;border-left:3px solid #77a7a6;background:#e8f2f1;color:#325e60;margin:0 0 20px;font-size:12px}.filter-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:13px}.filter-row label{flex:1;min-width:150px}.filter-row button{flex:none}.filter-row .big{min-height:44px}.selection-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:16px 0}.selection-tools span{font-size:12px;color:var(--muted)}.selection-tools .big{font-size:12px;min-height:37px;padding:8px 12px}.category-options{max-height:550px;overflow:auto;border-top:1px solid var(--line);padding-top:4px}.tree{list-style:none;margin:0;padding:0}.tree ul{list-style:none;margin:0 0 0 15px;padding:0 0 0 13px;border-left:1px solid var(--line)}.tree summary{list-style:none;display:flex;align-items:center;gap:4px}.tree summary::-webkit-details-marker{display:none}.tree summary:before{content:'›';font-size:22px;color:var(--muted);width:18px;text-align:center}.tree details[open]>summary:before{transform:rotate(90deg)}.tree label{display:flex;align-items:center;gap:9px;padding:12px 6px;flex:1;min-width:0;cursor:pointer}.tree>li{border-bottom:1px solid var(--line)}.tree>li>label{margin-left:22px}.tree small,.tree .count{margin:0 0 0 auto;padding-left:8px;white-space:nowrap;font-size:11px}.tree input{margin:0}.tree label span{overflow-wrap:anywhere;min-width:0}.tree label:hover{background:#f1f7f8}.tree button{font-size:11px;padding:5px 9px;min-height:28px}.product-pick,.confirm-line{display:flex;align-items:center;gap:7px;font-size:12px;cursor:pointer}.confirm-line{font-size:14px;margin:20px 0}.approval-panel{padding:25px;border:1px solid #a0c9c6;border-radius:10px;background:#f7fcfb;margin:25px 0;scroll-margin-top:20px}.approval-panel h2{font-size:23px}.approval-panel p{max-width:72ch}.sticky{position:sticky;bottom:12px;padding:14px 18px;background:#fff;border:1px solid var(--line-strong);border-radius:8px;box-shadow:0 5px 20px #19324612;z-index:5}.action-bar{display:flex;align-items:center;justify-content:space-between;gap:14px}.action-bar p{font-size:12px;color:var(--muted);margin:0}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0}.pagination .big{min-height:38px;font-size:12px}.panel summary{cursor:pointer;font-weight:600}.panel summary:hover{color:var(--accent)}.panel[open]>summary{margin-bottom:17px}.prep-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px;align-items:start}.prep-summary{position:sticky;top:24px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:10px}.prep-summary h2{font-size:17px}.prep-summary p{font-size:13px}.prep-summary strong{font-size:22px;display:block;margin:8px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.section-heading h2{margin:0}.list-caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted);margin:18px 0}.xml-contract{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;background:#f2f7f9;padding:18px;border-radius:7px;margin:18px 0}.xml-contract b{display:block;font-size:23px}.xml-contract span{font-size:12px}.copy-row{display:flex;gap:8px;align-items:stretch;margin:8px 0}.copy-row code{flex:1;min-width:0;margin:0}.copy-row button{font-size:12px;flex:none}.empty-state{padding:40px 24px;text-align:center;background:#fff;border:1px dashed var(--line-strong);border-radius:10px;grid-column:1/-1}.empty-state p{max-width:55ch;margin:12px auto 22px}.form-help{font-size:12px;color:var(--muted);max-width:78ch;margin-top:10px}.status-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted)}.job-metrics{font-size:26px;color:var(--accent);margin:22px 0 12px}
@media(min-width:1750px){.catalog{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1250px){.catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.prep-layout{grid-template-columns:minmax(0,1fr) 240px}.workflow li a{padding:14px 10px;gap:7px}}
@media(max-width:1050px){:root{--gut:22px}.sidebar{width:204px}.workspace{margin-left:204px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.prep-layout{grid-template-columns:1fr}.prep-summary{position:static}.detail{grid-template-columns:minmax(0,1fr)}table{display:block;max-width:100%;overflow-x:auto}table>tbody,table>thead{display:table;width:100%}table:has(th)>tbody,table:has(th)>thead{width:max-content;min-width:100%}}
@media(max-width:760px){:root{--gut:18px}.sidebar{transform:translateX(-100%);width:245px;transition:transform .15s}.workspace{margin-left:0}.workspace-header{height:64px;padding-left:82px}.workspace-header>span{font-size:11px}.workspace-header .header-divider{padding:0 5px}.menu-toggle{display:block;position:absolute;z-index:25;top:15px;left:15px;border:1px solid var(--line-strong);border-radius:5px;background:#fff;padding:7px 10px;min-height:34px;font:600 12px var(--font);color:var(--ink)}.nav-open .sidebar{transform:none}.nav-open .menu-backdrop{display:block;position:fixed;inset:0;background:#102b3d55;z-index:35}.page-heading{flex-direction:column;gap:15px}.page-heading h1{font-size:26px}.workflow li a{padding:11px 8px;display:flex;flex-direction:column;align-items:flex-start;font-size:11px;gap:8px}.workflow{margin-bottom:22px}.workflow span{height:23px;width:23px}.panel{padding:20px}.filter-row label{min-width:100%}.filter-row button{width:100%}.action-bar{flex-direction:column;align-items:stretch}.action-bar .big{width:100%}.publication-badge{font-size:10px;padding:5px 7px}.sticky{bottom:8px}.approval-panel{padding:20px}.xml-contract{gap:8px;padding:12px}.xml-contract b{font-size:21px}.workspace-footer span{font-size:10px}}
@media(max-width:460px){.catalog{gap:11px}.pimg{height:150px;padding:13px}.pbody{padding:12px;gap:8px}.ptitle{font-size:12px}.pbody>a:last-child{font-size:11px}.prices b{font-size:16px}.pcat{font-size:10px}.product-pick{font-size:10px;gap:3px}.product-pick input{width:16px;height:16px}.workspace-header>span{max-width:135px}.copy-row{flex-direction:column}.copy-row button{width:100%}.page-heading>.big{width:100%}.selection-tools .big{flex:1}.prep-summary{padding:18px}.workspace-footer{gap:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Feedback follows an action; motion is disabled by the user's preference. */
.route-feedback{position:fixed;top:12px;right:22px;z-index:60;background:#173f50;color:#fff;border-radius:7px;padding:12px 18px;font-size:13px;box-shadow:0 5px 20px #132f4222}.route-feedback:before{content:"";display:inline-block;width:11px;height:11px;margin-right:9px;border:2px solid #fff6;border-top-color:#fff;border-radius:50%;vertical-align:-1px;animation:working .65s linear infinite}.big:active{transform:translateY(1px)}.big{transition:background-color .12s,border-color .12s,transform .08s}.flash{animation:feedback-in .16s ease-out}.pbody>form{margin-top:8px}.pbody>form .big{width:100%;font-size:12px;min-height:36px}main[aria-busy=true]{cursor:progress}.page-heading>.btns{margin-top:0;flex-shrink:0}@keyframes working{to{transform:rotate(360deg)}}@keyframes feedback-in{from{opacity:.4;transform:translateY(-3px)}to{opacity:1;transform:none}}@media(max-width:760px){.route-feedback{top:10px;right:10px;max-width:calc(100% - 20px)}.page-heading>.btns{width:100%}.page-heading>.btns>*{flex:1}.page-heading>.btns .big{width:100%}}@media(prefers-reduced-motion:reduce){.route-feedback:before,.flash{animation:none!important}.big:active{transform:none}}

dialog{border:1px solid var(--line-strong);border-radius:12px;padding:26px;max-width:min(470px,calc(100vw - 32px));color:var(--ink);background:#fff;box-shadow:0 20px 80px #132f4233}dialog::backdrop{background:#132f4266}dialog h2{font-size:21px}dialog p{font-size:14px;max-width:58ch}dialog .btns{justify-content:flex-end}dialog .big{min-width:95px}
