/* Presentation only: readable typography and contained layouts. */
:root{--readable-muted:#536477}
body{line-height:1.5}
.button{font-size:14px;line-height:1.4;gap:12px;min-height:44px;border-radius:6px}
.orange:hover{background:#00679f}
input[type=checkbox],input[type=radio]{accent-color:#005488}
:is(.admin-body,.cms-body){font-size:15px;color:#17253a;--muted:var(--readable-muted)}
.admin-sidebar{width:248px;padding:24px 18px;overflow-y:auto}
.admin-main{margin-left:248px;min-width:0}
.admin-logo,.admin-nav,.sidebar-bottom{flex-shrink:0}
.admin-sidebar>p{font-size:11px;letter-spacing:1px;margin:25px 12px 12px;color:#a5b6cc}
.admin-nav button,.admin-nav .cms-nav-link{font-size:15px;line-height:1.4;padding:12px 14px;color:#b8c7da;gap:12px}
.admin-nav button span{font-size:15px}
.sidebar-bottom,.sidebar-bottom button{font-size:13px;line-height:1.5;color:#bccadd;gap:14px}
.admin-top{font-size:12px;height:68px;letter-spacing:.4px;padding:0 28px}
.admin-top>div{font-size:13px}.admin-avatar{font-size:12px}
.admin-content{padding:28px}
.view-heading{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center}
.view-heading>div{min-width:0}.view-heading h1{font-size:30px;line-height:1.25;letter-spacing:-.6px}
.view-heading p{font-size:15px;line-height:1.6}.view-heading .eyebrow{font-size:11px;letter-spacing:1px}
.view-heading>.button{white-space:normal;min-width:150px;padding:13px 18px}
#bulk-products{background:white;border:1px solid #b5c8d8;color:#005488}
.panel{border-radius:8px;padding:22px;min-width:0}
.panel h3,.admin-form h3{font-size:18px;line-height:1.45;flex-wrap:wrap;align-items:center}
.panel h3>span{font-size:13px}
.stats small,.stat small{font-size:14px}.stat span{font-size:13px}.stat b{font-size:32px}
.toolbar{align-items:center;gap:10px}
.toolbar input:not([type=checkbox]):not([type=radio]){flex:1 1 280px;min-width:180px;min-height:46px;font-size:15px;padding:11px 13px}
.toolbar select{flex:0 1 auto;max-width:100%;min-height:46px;font-size:14px;padding:11px 13px}
.toolbar .button{border:1px solid #c6d3df;background:white;color:#005488;padding:11px 15px}
.toolbar .stock-only-filter{display:inline-flex;flex:0 0 auto;gap:9px;font-size:14px;line-height:1.4;white-space:nowrap;padding:10px 12px;border:1px solid #c6d3df;background:white;border-radius:6px;color:#263d54}
.toolbar input[type=checkbox],.toolbar input[type=radio]{flex:0 0 auto;min-width:0!important;width:18px!important;height:18px;padding:0;margin:0}
:is(.admin-body,.cms-body) .small{font-size:13px;line-height:1.7}
:is(.admin-body,.cms-body) .notice{font-size:14px;line-height:1.7}
:is(.admin-body,.cms-body) .error,:is(.admin-body,.cms-body) .success{font-size:14px}
:is(.admin-body,.cms-body) .form-grid label{font-size:14px;line-height:1.5;gap:7px;color:#40566c;min-width:0}
:is(.admin-body,.cms-body) .form-grid input,:is(.admin-body,.cms-body) .form-grid select,:is(.admin-body,.cms-body) .form-grid textarea{font-size:15px;line-height:1.45;padding:11px 12px;min-height:44px;max-width:100%}
:is(.admin-body,.cms-body) input[type=checkbox],:is(.admin-body,.cms-body) input[type=radio]{width:18px;min-width:18px;height:18px;min-height:18px;padding:0;flex-shrink:0}
:is(.admin-body,.cms-body) .form-grid input[type=checkbox],:is(.admin-body,.cms-body) .form-grid input[type=radio]{width:18px;min-height:18px;align-self:start}
.tabs{flex-wrap:wrap;gap:8px}.tabs button{font-size:14px;line-height:1.4;min-height:44px;border-radius:5px;padding:10px 16px}
.table-wrap{max-width:100%;overscroll-behavior-x:contain}
:is(.admin-body,.cms-body) table.data-table{font-size:14px;line-height:1.5}
:is(.admin-body,.cms-body) table.data-table th{font-size:14px;font-weight:700;color:#30465c;background:#edf2f7;letter-spacing:0;padding:10px 12px;line-height:1.5}
:is(.admin-body,.cms-body) table.data-table td{padding:15px 12px;line-height:1.6;min-width:90px}
:is(.admin-body,.cms-body) table.data-table td b{font-size:14px}
:is(.admin-body,.cms-body) .data-table td small{font-size:13px;line-height:1.5;margin-top:5px}
.dynamic-table th .column-sort{font-size:14px;font-weight:700;padding:7px 4px;line-height:1.4}
.dynamic-table th .column-filter{font-size:15px;min-width:32px;min-height:34px;padding:6px}
.dynamic-table td[data-field=name]{min-width:240px;max-width:380px}
.dynamic-table td[data-field=actions]{min-width:230px}
.table-action{display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1.5;padding:7px 10px;min-height:34px;border-radius:5px;border:1px solid #d7e1eb;gap:5px;vertical-align:middle;margin:3px 3px 3px 0}
.badge{display:inline-block;font-size:12px;line-height:1.5;padding:5px 9px}
.dynamic-toolbar{gap:10px}.dynamic-toolbar b{font-size:15px}.dynamic-toolbar .button{font-size:14px;padding:11px 15px}
.dynamic-pagination{font-size:14px;flex-wrap:wrap}.dynamic-pagination button{min-height:40px;border-radius:5px;font-size:14px}
.column-config-list li{font-size:14px;min-height:48px}.column-config-list label{line-height:1.5}.filter-values label{font-size:14px;line-height:1.5;align-items:center}
:is(.admin-body,.cms-body) dialog{font-size:15px;padding:28px;max-width:calc(100vw - 28px);border-radius:10px}
:is(.admin-body,.cms-body) dialog h2{font-size:26px;line-height:1.3;padding-right:28px}
:is(.admin-body,.cms-body) .close-dialog{width:38px;height:38px;font-size:26px}
.doc-columns>div{min-width:0}.doc-columns .panel:has(#doc-items){overflow-x:auto}
.doc-item-row{grid-template-columns:minmax(230px,1fr) 84px 120px 112px 40px;gap:12px;min-width:650px;padding:18px 0;font-size:14px;align-items:center}
.doc-item-row>div:first-child{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:12px;row-gap:5px;align-items:start;min-width:0}
.doc-item-row>div:first-child img{float:none;margin:0;display:block;width:56px;height:56px;object-fit:contain;grid-column:1;grid-row:1/span 3;align-self:center}
.doc-item-row>div:first-child b,.doc-item-row>div:first-child small,.doc-item-row>div:first-child .table-action{grid-column:2;min-width:0}
.doc-item-row b{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.doc-item-row small{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.doc-item-row .table-action{font-size:13px;line-height:1.4;justify-self:start;margin:4px 0 0;white-space:normal}
.doc-item-row input{font-size:15px;padding:10px 8px;min-height:44px;min-width:0}
.doc-item-row button[data-item-remove]{width:36px;height:38px;font-size:23px;line-height:1;border-radius:5px}
.doc-item-row.muted{font-size:13px;font-weight:700;color:#40566c;align-items:center;padding:12px 0;min-height:46px}
.doc-item-row.muted>div:first-child{display:block}.doc-item-row.muted::after{content:'Birim kg';grid-column:4;grid-row:1}
.doc-item-weight{font-size:13px;line-height:1.4;gap:6px}
.doc-total table{font-size:15px}.doc-total td{padding:12px}.doc-actions{gap:10px}.doc-actions .button{font-size:13px;line-height:1.4;padding:12px 15px}
.check-row{font-size:14px;align-items:start;gap:10px}.check-row input{margin-top:3px}
.customer-card,.history-row,.picker-result{font-size:14px;line-height:1.6}.customer-card p,.history-row small{font-size:13px}.picker-result{flex-wrap:wrap}
.invoice-paper{padding:28px;min-width:0;border-radius:8px}.invoice-letterhead p,.invoice-recipient p{font-size:14px;line-height:1.7}
.invoice-recipient .toolbar select{flex:1 1 280px;min-width:0;max-width:100%}
.invoice-toggles{font-size:14px;gap:12px}.invoice-toggles label{display:inline-flex;gap:7px;align-items:center}
.invoice-total-table{font-size:15px}.invoice-shipment summary{font-size:15px}
#invoice-lines input,#invoice-lines select{font-size:15px;min-height:44px;max-width:100%;border-radius:4px}
#invoice-lines td[data-field=price]{min-width:220px}#invoice-lines td[data-field=quantity]{min-width:110px}
.customer-history-context{font-size:14px;line-height:1.6;border-radius:5px}.customer-price-button{display:flex;font-size:13px;white-space:normal;text-align:left;justify-content:start}
.customer-price-button+small{font-size:13px;line-height:1.5;margin-bottom:10px}
#backups-panel table,#backups-panel details,.backup-reminder p{font-size:14px;line-height:1.6}
.cms-header{flex-wrap:wrap}.cms-header>div{display:flex;flex-wrap:wrap;gap:10px}.cms-country label{font-size:13px}.cms-country{gap:10px}.cms-text-group summary{font-size:15px}
:is(.admin-body,.cms-body) #toast{font-size:14px;line-height:1.6}
@media(max-width:1350px){.doc-columns,.dashboard-cols{grid-template-columns:minmax(0,1fr)}.invoice-footer{grid-template-columns:minmax(0,1fr)}.cms-images{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.admin-content{padding:22px}.view-heading{grid-template-columns:minmax(0,1fr) auto}.view-heading>div{grid-column:1/-1}.view-heading>.button{justify-self:start}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-letterhead{grid-template-columns:minmax(0,1fr)}.cms-country{grid-template-columns:40px 50px minmax(0,1fr)}.cms-text-group article>.form-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:750px){.admin-sidebar{position:relative;inset:auto;width:100%;padding:16px;overflow:visible}.admin-logo{padding:0;text-align:left}.admin-logo img{width:155px!important;max-height:75px!important;object-fit:contain}.admin-sidebar>p{display:none}.admin-nav{margin-top:14px;flex-direction:row;gap:8px;overflow-x:auto;padding-bottom:6px}.admin-nav button,.admin-nav .cms-nav-link{flex-shrink:0;white-space:nowrap;padding:11px 13px;font-size:14px}.admin-nav button span{display:inline;font-size:14px}.sidebar-bottom{flex-direction:row;flex-wrap:wrap;margin-top:12px;padding:12px 0 0;gap:16px;font-size:13px}.sidebar-bottom a{display:inline}.sidebar-bottom button{font-size:13px;text-align:left}.admin-main{margin-left:0}.admin-top{height:auto;min-height:58px;flex-wrap:wrap;gap:8px;padding:12px 16px;font-size:11px}.admin-top>div{font-size:12px}.admin-content{padding:20px 14px}.view-heading{gap:10px;grid-template-columns:minmax(0,1fr)}.view-heading h1{font-size:27px}.view-heading>.button{margin:0;justify-self:stretch;min-width:0}.panel{padding:16px}.toolbar input:not([type=checkbox]):not([type=radio]){flex-basis:100%;width:100%;min-width:0}.toolbar select{flex:1 1 150px;min-width:0}.toolbar .stock-only-filter{white-space:normal}.dynamic-toolbar b{flex-basis:100%}.dynamic-toolbar .button{flex:1 1 140px}.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid .full{grid-column:auto}.invoice-paper{padding:16px}.invoice-footer{gap:18px}.stats{gap:10px}.stat{padding:16px}.cms-main{padding:0 14px}.cms-header{padding:16px}.cms-header h1{font-size:25px}.cms-images{grid-template-columns:minmax(0,1fr)}:is(.admin-body,.cms-body) dialog{padding:24px 16px;width:calc(100vw - 24px)}.product-operation{grid-template-columns:minmax(0,1fr)}.packing-weight-row{align-items:start;flex-wrap:wrap}.doc-actions .button{flex:1 1 160px}}
/* Visitor screens: preserve catalogue and request behaviour. */
body:not(.admin-body):not(.cms-body) .topline{font-size:12px;letter-spacing:.6px}
body:not(.admin-body):not(.cms-body) nav{font-size:15px}
.catalog-search select,.search-box input{font-size:15px}.category-btn{font-size:14px;line-height:1.5;padding:13px 10px}.category-btn span{font-size:13px}.aside-title,.results-bar{font-size:14px}
.product-body h3{font-size:16px;line-height:1.5;min-height:48px}.product-body .category{font-size:12px;line-height:1.5;letter-spacing:.2px}.brand-chip{font-size:11px;line-height:1.4}.codes small{font-size:12px;line-height:1.5}.codes b{font-size:14px;line-height:1.5}.add-product{font-size:14px;min-height:46px;line-height:1.4}
.detail-layout p,.spec-table{font-size:15px;line-height:1.7}.unit-toggle button{font-size:14px;min-height:40px}.detail-qty input{font-size:16px}
.cart-line b{font-size:15px;line-height:1.5}.cart-line small{display:block;font-size:13px;line-height:1.5;margin-top:4px}.cart-dialog>.muted{font-size:14px}
body:not(.admin-body):not(.cms-body) .form-grid label{font-size:14px}body:not(.admin-body):not(.cms-body) .form-grid input,body:not(.admin-body):not(.cms-body) .form-grid select,body:not(.admin-body):not(.cms-body) .form-grid textarea{font-size:16px}
.about p,.expertise-grid p,.team-card p,.contact address p,.contact address a{font-size:15px;line-height:1.8}.section-heading>p{font-size:15px}.footer-contact,footer{font-size:13px;line-height:1.7}.team-card h3{font-size:19px}.country-grid article{font-size:14px}.language-picker select{font-size:14px}
@media(max-width:700px){.product-body h3{font-size:15px;min-height:66px}.codes b{font-size:13px}.category-btn{font-size:14px}.cart-line{grid-template-columns:45px minmax(0,1fr) 62px 30px;gap:9px}.cart-line input{width:62px;font-size:16px}.cart-line button{width:30px;min-height:34px}.country-grid article{font-size:13px}.language-picker select{max-width:92px}.header{gap:10px;flex-wrap:wrap}.hero-desc{font-size:15px;line-height:1.7}.codes{grid-template-columns:minmax(0,1fr)}.catalog-search select{min-width:0;width:auto;flex:1 1 130px}}

.dynamic-table td[data-field=brand]{min-width:140px;white-space:nowrap;overflow-wrap:normal}
.dynamic-table td[data-field=category]{min-width:170px}
@media(min-width:701px) and (max-width:1000px){.header{flex-wrap:wrap}.header nav{order:4;flex-basis:100%;margin-inline-start:0;justify-content:center;flex-wrap:wrap}.header .language-picker{margin-inline-start:auto}}
.hero-visual{overflow:hidden}

.invoice-editor-logo{display:block;width:170px;max-height:90px;object-fit:contain;margin-bottom:12px}

.offer-payment-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.offer-entry-dates{display:grid;gap:12px}.offer-payment-entry>div,.offer-entry-dates label{min-width:0}[data-offer-order-entry]{max-width:420px;margin:12px 0}[data-offer-order-entry][hidden],[data-offer-due-date][hidden]{display:none!important}@media(max-width:900px){.offer-payment-entry{grid-template-columns:1fr}}

input[name="due_date"][hidden],[data-calculated-due][hidden]{display:none!important}[data-calculated-due]{display:block;padding:12px;background:#f1f6fa;border-radius:4px;line-height:1.5}