/* App şeridi yeniden tasarımı. Maliyet kayıtları: yalnız .rec- önekli kurallar. */
.rec-table .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rec-table .rec-row-actions{flex-wrap:nowrap;gap:6px;justify-content:flex-end}
.rec-table .rec-select input{min-width:0;width:18px;height:18px;padding:0;accent-color:var(--accent)}
.rec-table .rec-pick{display:flex;align-items:center;gap:8px;cursor:pointer}
.rec-table .rec-pick span{display:none}
.rec-table .rec-link{display:block;border:0;background:none;padding:0;margin:0;font:inherit;font-size:13px;font-weight:700;color:var(--ink);text-align:left;cursor:pointer;overflow-wrap:anywhere}
.rec-table .rec-link:hover{color:var(--accent);text-decoration:underline}
.rec-table .rec-link:focus-visible,.rec-more>summary:focus-visible,.rec-export>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.rec-table .rec-warn{max-width:176px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.rec-table .rec-wide{display:contents}
.rec-table .rec-more{display:none}
.rec-toolbar{justify-content:flex-start;align-items:center;gap:8px 16px}
.rec-toolbar .rec-page-note{flex-basis:100%;margin:0}
.rec-export{position:relative;margin-left:auto}
.rec-export>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center}
.rec-export>summary::-webkit-details-marker{display:none}
.rec-export>summary::after{content:"▾";margin-left:8px}
.rec-export-list{position:absolute;right:0;top:calc(100% + 8px);z-index:5;display:grid;gap:8px;min-width:240px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.rec-export-list .btn{width:100%}
.rec-export-list .rec-pick-hint{color:var(--muted);font-size:12px;line-height:1.5;margin-top:-4px}
@media (max-width:700px){
  .rec-table{overflow:visible}
  .rec-table table,.rec-table tbody,.rec-table tr,.rec-table td{display:block;width:auto;min-width:0}
  .rec-table thead{display:none}
  .rec-table tr{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;border-top:1px solid var(--line);padding:16px}
  .rec-table tr:first-child{border-top:0}
  .rec-table td{border:0;padding:4px 0;white-space:normal;text-align:left;font-size:14px}
  .rec-table td small{font-size:12px}
  .rec-table td[data-label]::before{content:attr(data-label);display:block;font-size:12px;color:var(--muted)}
  /* Kart sırası: ad + tarih → birim + toplam maliyet → durum → sevkiyat + miktar → PDF için seç → eylemler */
  .rec-table .rec-name{grid-column:1/-1;order:-3}
  .rec-table .rec-link{font-size:16px;min-height:44px;display:flex;align-items:center;width:100%}
  .rec-table .rec-money{order:-2;font-weight:700;color:var(--ink)}
  .rec-table .rec-status{grid-column:1/-1;order:-1}
  .rec-table .rec-warn{max-width:none}
  .rec-table .rec-select{grid-column:1/-1;order:9;padding:0}
  .rec-table .rec-pick{min-height:44px;font-size:13px}
  .rec-table .rec-pick span{display:inline}
  .rec-table .rec-select input{width:24px;height:24px}
  .rec-table .rec-actions{grid-column:1/-1;padding-top:8px;order:10}
  .rec-table .rec-row-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;justify-content:stretch}
  .rec-table .rec-row-actions .btn{min-height:44px;width:100%}
  .rec-table .rec-row-actions>.btn:only-child{grid-column:1/-1}
  .rec-table .rec-wide{display:none}
  .rec-table .rec-more{display:block;grid-column:1/-1}
  .rec-more>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:13px;font-weight:600;color:var(--muted)}
  .rec-more-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:4px}
  .rec-toolbar .search{max-width:none;min-width:0;flex-basis:100%}
  .rec-toolbar .check{min-height:44px;font-size:13px}
  .rec-export{margin-left:0;flex-basis:100%}
  .rec-export>summary.btn{min-height:44px;width:100%;justify-content:center}
  .rec-more>summary::after{content:"▾";margin-left:8px}
  .rec-table .badge,.rec-table .btn,.rec-toolbar .btn,.rec-toolbar .badge,.rec-toolbar~.section-note .btn,.rec-toolbar~.section-note p{font-size:12px}
  .rec-dialog-actions .btn{min-height:44px;flex:1 1 40%}
  .rec-export-list{position:static;margin-top:8px;min-width:0}
  .rec-export-list .btn{min-height:44px}
  .page-heading:has(+ .rec-toolbar) .btn,.rec-toolbar~.card.empty .btn,.rec-toolbar~.section-note .btn{min-height:44px}
}
/* === admin === Kullanıcılar ve yetkiler: yalnız .member-/.members-/.role-/.audit- önekli kurallar. */
.member-seats{margin:-6px 0 14px}
.members-table td .actions{display:flex;flex-wrap:wrap;gap:6px;margin:0;justify-content:flex-start}
.members-table td small{font-size:11px;line-height:1.5}
.members-table td strong .badge{display:inline-flex;margin-left:6px;vertical-align:middle}
.members-table td .hint{margin:0;max-width:260px}
.member-note{margin:10px 0 0}
.member-start{margin-bottom:18px}
.member-start h2{margin:0 0 14px;font-size:16px}
.member-start ol{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0;margin:0;list-style:none}
.member-start li{display:flex;gap:10px;align-items:center;font-size:12px;line-height:1.5;padding:12px;background:var(--soft);border-radius:10px}
.member-start li b{flex:0 0 26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.member-start .actions{justify-content:flex-start;margin-top:14px}
.role-help{margin-top:18px}
.role-help>summary{cursor:pointer;font-weight:600;font-size:13px;padding:10px 0;color:var(--accent)}
.role-help .role-matrix{margin:6px 0 0}
.role-help .role-card p{font-size:12px}
.role-help .role-card strong{font-size:13px}
.member-audit{margin-top:24px}
.member-audit .hint{margin:-10px 0 12px}
.audit-wrap{max-height:420px}
.role-pick{border:0;padding:0;margin:18px 0 0;min-width:0}
.role-pick legend{font-size:12px;font-weight:600;margin-bottom:8px;padding:0}
.role-option{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:1px solid var(--line);border-radius:10px;margin-bottom:8px;cursor:pointer}
.role-option input{width:18px;min-height:18px;height:18px;margin:2px 0 0;padding:0;flex:0 0 18px;accent-color:var(--accent)}
.role-option strong{display:block;font-size:13px}
.role-option small{display:block;color:var(--muted);font-size:11px;line-height:1.5;font-weight:400}
.role-option:has(input:checked){border-color:var(--accent);background:var(--soft)}
#toast .btn{margin-left:12px}
@media (max-width:700px){
  .members-wrap{overflow:visible}
  .members-table,.members-table tbody,.members-table tr,.members-table td{display:block;width:auto}
  .members-table thead{display:none}
  .members-table tr{padding:14px;border-bottom:1px solid var(--line)}
  .members-table tr:last-child{border-bottom:0}
  .members-table td{padding:4px 0;border:0}
  .members-table td .actions{flex-direction:column;align-items:stretch;margin-top:8px}
  .members-table td .actions .btn{min-height:44px;width:100%}
  .members-table td .hint{max-width:none}
  .member-start ol{grid-template-columns:1fr}
  .role-help .role-matrix{grid-template-columns:1fr}
}
/* === companies === Şirketler ve erişim: yalnız .co- önekli kurallar (+ menü kaydırma). */
.sidebar{overflow-y:auto}
.co-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.co-toolbar{flex-wrap:wrap}
.co-chips{display:flex;flex-wrap:wrap;gap:6px}
.co-chips .btn{white-space:nowrap}
.co-table .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.co-table td .badge{margin:4px 6px 0 0}
.co-table td small{display:block}
.co-table td.co-inline{white-space:nowrap}
.co-warn{color:#826516;font-weight:700}
.co-table .actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;margin:0}
.co-more{flex-basis:100%}
.co-more>summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--muted);padding:6px 0}
.co-more-list{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-top:6px}
.co-more-list .hint{max-width:280px;margin:4px 0 0}
dialog .co-quick{margin-top:8px;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:6px}
dialog .co-quick .hint{margin:0 4px 0 0}
.co-form-error{margin:14px 0 0}
#co-msg{width:100%;box-sizing:border-box;font:inherit;font-size:12px;line-height:1.5;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere}
@media (max-width:700px){
  .co-wrap{overflow:visible}
  .co-table thead{display:none}
  .co-table,.co-table tbody,.co-table tr{display:block;width:auto;min-width:0}
  .co-table tr{padding:14px;border-top:1px solid var(--line)}
  .co-table tr:first-child{border-top:0}
  .co-table td{display:block;border:0;padding:3px 0;white-space:normal}
  .co-table td.co-inline{display:inline-block;margin-right:14px}
  .co-table td[data-label]::before{content:attr(data-label) " ";color:var(--muted);font-size:10px}
  .co-table td.co-inline small{display:inline;margin-left:6px}
  .co-table .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
  .co-table .actions>.btn{min-height:44px;width:100%}
  .co-more{grid-column:1/-1}
  .co-more-list{align-items:stretch}
  .co-more-list .btn{width:100%;min-height:44px}
  .co-more-list .hint{max-width:none}
  .co-toolbar .search{max-width:none;min-width:0;flex-basis:100%}
  /* Denetim: yatay kaydırılan çiplerde son çip ekran dışında, işaretsiz kalıyordu → alt satıra kırılır. */
  .co-chips{flex-wrap:wrap;max-width:100%}
  .co-chips .btn{flex:none;min-height:40px}
  .co-more>summary{padding:12px 0}
  .co-banner .btn{min-height:44px}
}

/* Eski maliyet arşivi (salt okunur) */
.arch-hint{margin:-6px 0 12px}
.arch-table .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.arch-table td small{display:block}
.arch-table td.arch-actions .actions{flex-wrap:nowrap;gap:6px;justify-content:flex-end;margin:0}
.arch-pager{margin-top:18px}
.arch-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:14px 0}
.arch-facts div{min-width:0}
.arch-facts dt{font-size:11px;color:var(--muted)}
.arch-facts dd{margin:2px 0 0;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.arch-raw{margin:6px 0 14px}
.arch-raw>summary{cursor:pointer;font-size:12px;padding:8px 0}
.arch-raw pre{max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
@media (max-width:700px){
  .arch-table{overflow:visible}
  .arch-table table,.arch-table tbody,.arch-table tr,.arch-table td{display:block;width:auto;min-width:0}
  .arch-table thead{display:none}
  .arch-table tr{padding:12px 14px;border-top:1px solid var(--line)}
  .arch-table tr:first-child{border-top:0}
  .arch-table td{border:0;padding:4px 0;white-space:normal;text-align:left}
  .arch-table td[data-label]::before{content:attr(data-label);display:block;color:var(--muted);font-size:10px}
  .arch-table td.arch-actions .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
  .arch-table td.arch-actions .btn{min-height:44px;width:100%}
  .arch-facts{grid-template-columns:1fr 1fr}
  .arch-search .search{max-width:none;min-width:0;flex-basis:100%}
}
/* === dashboard === Genel bakış: yalnız .dash / .dash- önekli kurallar. */
.dash .eyebrow:empty{display:none}
.dash-start{margin-bottom:32px}
.dash-start h2{margin:0 0 16px}
.dash-start-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:start}
.dash-start-form .tp-field{grid-column:auto;min-width:0;font-size:12px}
.dash-start-form .tp-field input{min-height:48px;font-size:16px}
.dash-start-form .tp-field small{font-size:12px}
.dash-start-form>.btn{margin-top:24px;min-height:48px;padding:0 24px;font-size:14px}
.dash-alt{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:16px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.dash-link{border:0;background:none;padding:4px 0;font:inherit;font-size:12px;font-weight:700;color:var(--accent);text-decoration:underline;cursor:pointer}
.dash-link:focus-visible,.dash-stat:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dash-title{margin:0 0 16px}
.dash-recent{list-style:none;margin:0 0 8px;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.dash-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr) 88px auto;gap:8px 24px;align-items:center;padding:16px 24px}
.dash-row+.dash-row{border-top:1px solid var(--line)}
.dash-row-main{min-width:0}
.dash-row-main strong{display:block;font-size:14px;overflow-wrap:anywhere}
.dash-row-main small{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.5}
.dash-row-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px;font-size:13px;font-variant-numeric:tabular-nums;text-align:right}
.dash-row-nums span{min-width:0;overflow-wrap:anywhere}
.dash-row-nums small{display:block;color:var(--muted);font-size:12px;font-weight:400}
.dash-row .badge{justify-self:start}
.dash-row-actions{flex-wrap:nowrap;gap:8px;justify-content:flex-end}
.dash-note{margin:8px 0 0}
.dash .dash-note,.dash .dash-model{font-size:12px}
.dash .card.empty{margin-bottom:8px}
.dash-steps{display:inline-block;text-align:left;margin:0 auto;padding-left:24px;font-size:13px;line-height:1.9;color:var(--text)}
.dash-title-gap{margin-top:32px}
.dash-stats{margin:0 0 16px;gap:16px}
.dash-stat{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;transition:border-color .15s}
.dash-stat:hover{border-color:var(--accent)}
.dash-stat .label,.dash-stat .value,.dash-stat small,.dash-stat-zero{display:block}
.dash-stat .label{font-size:12px}
.dash-stat small{font-size:12px}
.dash-stat-zero{margin-top:16px;font-size:13px;font-weight:700;color:var(--accent);line-height:1.5}
.dash-model{margin:0}
@media (max-width:1150px){
  .dash-row{grid-template-columns:minmax(0,1fr) auto}
  .dash-row-nums{grid-column:1/-1;text-align:left;order:3}
  .dash-row .badge{justify-self:end}
  .dash-row-actions{grid-column:1/-1;justify-content:flex-start;order:4}
}
@media (max-width:700px){
  .dash-start{margin-bottom:24px}
  .dash-start-form{grid-template-columns:1fr}
  .dash-start-form>.btn{margin-top:0;width:100%}
  .dash-link{min-height:44px;padding:0;display:inline-flex;align-items:center}
  .dash-alt{gap:0 16px}
  .dash-alt>span{flex-basis:100%}
  .dash-row{padding:16px}
  .dash-row-actions{flex-wrap:wrap}
  .dash-row-actions .btn{min-height:44px;flex:1}
  .dash-title .btn{min-height:44px}
  .dash-stats{gap:8px}
  .dash-model .dash-link{display:inline;min-height:0;padding:14px 0}
}
@media (prefers-reduced-motion:reduce){.dash-stat{transition:none}}

/* === cost (Yeni maliyet: hesap formu + sonuç) === */
.cost-step .card-title{flex-wrap:wrap;gap:8px 16px}
.cost-step .card-title h3{margin:0;font-size:14px}
.cost-step .card-title .actions{gap:8px}
.cost-ident>.field:first-child,.cost-basic>.field:last-child{grid-column:1/-1}
.cost-gap{margin-top:16px}
.cost-one{grid-template-columns:1fr}
.cost-links{margin-top:8px;gap:8px}
.cost-links .btn{border-color:var(--line);color:var(--text)}
#cost-form .feature-details{margin:16px 0 0}
#cost-form .feature-details>summary{color:var(--ink);font-size:13px}
#cost-form .feature-details[open]>summary{padding-bottom:16px}
#cost-form .feature-details:not([open])>summary{padding-bottom:0}
#cost-form .cost-extra{margin:0;border-top:0;padding-top:0}
.cost-fx{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}
.cost-fx .card-title{margin-bottom:16px}
.cost-tabs-note{margin:0 0 16px}
#cost-form [aria-invalid="true"]{border-color:var(--danger);outline-color:var(--danger)}
#cost-form .field-error{display:block;color:var(--danger);font-size:12px;font-weight:600;line-height:1.5}
#result-rail:focus{outline:none}
#result-rail .cost-hero-empty{font-size:24px;letter-spacing:-.5px}
#result-rail .cost-try{font-size:16px;font-weight:700;color:inherit;margin-top:4px}
.cost-check-title{margin:0 0 8px;font-size:13px;color:var(--ink)}
.cost-checklist{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:0}
.cost-check{display:flex;align-items:flex-start;gap:8px;width:100%;min-height:32px;padding:6px 0;border:0;background:none;font:inherit;font-size:13px;line-height:1.5;text-align:left;color:var(--muted);cursor:pointer}
.cost-check>span[aria-hidden]{flex:none;width:16px;text-align:center;font-weight:700}
.cost-check.ok{color:var(--ink)}
.cost-check.ok>span[aria-hidden]{color:var(--accent)}
.cost-check.warn{color:var(--gold);font-weight:700}
.cost-check:hover{text-decoration:underline}
.cost-check:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.cost-check .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cost-pending{border:1px solid var(--gold);border-left-width:4px;background:var(--bg);border-radius:8px;padding:16px;margin-bottom:16px;font-size:13px;line-height:1.5;color:var(--text)}
.cost-pending strong{display:block;color:var(--ink)}
.cost-pending p{margin:4px 0 8px}
.cost-warnings{margin:8px 0 0;padding-left:16px;font-size:12px;line-height:1.6;color:var(--muted)}
.cost-mobile-bar{display:none}
@media (max-width:900px){
  .cost-mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;position:fixed;left:0;right:0;bottom:0;z-index:10;padding:8px 16px;background:var(--surface);border-top:1px solid var(--line);font-size:13px;color:var(--text)}
  .cost-mobile-bar b{font-size:16px;color:var(--ink)}
  .cost-mobile-bar .btn{min-height:44px;flex:none}
  .calc-layout:has(#cost-form){padding-bottom:72px}
  body:has(.cost-mobile-bar) #toast{bottom:80px}
  #result-rail{scroll-margin-top:8px}
}
@media (max-width:700px){
  #cost-form .field{font-size:12px}
  #cost-form .field input,#cost-form .field select,#cost-form .field textarea{font-size:16px;min-height:44px}
  #cost-form .hint,#result-rail .hint,#result-rail .result-note,.cost-tabs-note{font-size:12px}
  #cost-form .btn,#result-rail .btn,.page-heading:has(+ .calc-layout) .btn,.page-heading:has(+ .cost-tabs) .btn{min-height:44px}
  #cost-form .check{min-height:44px;font-size:13px}
  #cost-form .feature-details>summary,#cost-form .feature-details[open]>summary{line-height:44px;padding-bottom:0}
  #cost-form .section-note{flex-direction:column;align-items:stretch}
  #cost-form .section-note .btn{width:100%}
  .cost-step .card-title .actions{width:100%}
  .cost-step .card-title .actions .btn{flex:1}
  .cost-check{min-height:44px;align-items:center}
  #cost-form .btn.small,#cost-form .step-number{font-size:12px}
  #cost-form .tp-field small{font-size:12px}
  #cost-form .tp-field small a,#cost-form .tp-link{display:inline-block;padding:14px 0}
  .cost-basic{grid-template-columns:repeat(2,minmax(0,1fr))}
  #cost-form .fields.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  #cost-form .fields.three{grid-template-columns:1fr}
}

/* === bulk === Toplu işlemler: yalnız .bulk- önekli kurallar. */
.bulk-start h2{margin:0 0 16px;font-size:18px}
.bulk-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bulk-choice{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}
.bulk-choice h3{margin:0;font-size:14px;color:var(--ink)}
.bulk-choice p{margin:0 0 8px;font-size:13px;line-height:1.5;color:var(--muted);flex:1}
.bulk-choice .hint{flex:none;margin:0}
.bulk-file{position:relative;cursor:pointer}
.bulk-file input{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;padding:0;border:0;opacity:0;cursor:pointer}
.bulk-file:focus-within,.bulk-menu>summary:focus-visible,.bulk-gtip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.bulk-file-error{margin:16px 0 0}
.bulk-toolbar+.bulk-file-error{margin:0 0 16px}
.bulk-options{padding:16px 24px;margin-bottom:16px}
.bulk-options-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}
.bulk-options-row>.field{flex:0 1 320px}
.bulk-shared{display:grid;grid-template-columns:minmax(0,240px) minmax(0,200px);gap:16px;flex:1 1 320px}
.bulk-shared[hidden]{display:none}
.bulk-options .hint{margin:8px 0 0}
.bulk-toolbar{align-items:center}
.bulk-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1;min-width:0}
.bulk-summary .badge{font-size:12px}
.bulk-summary .search{max-width:260px}
.bulk-chip-on,.bulk-table .bulk-find{border-color:var(--accent);color:var(--accent)}
.bulk-chip-on{background:var(--soft)}
.bulk-actions{flex-wrap:wrap;gap:8px}
.bulk-menu{position:relative}
.bulk-menu>summary{list-style:none;cursor:pointer}
.bulk-menu>summary::-webkit-details-marker{display:none}
.bulk-menu>summary::after{content:"▾"}
.bulk-menu-list{position:absolute;right:0;top:calc(100% + 8px);z-index:6;display:grid;gap:4px;min-width:240px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.bulk-menu-list .btn{width:100%;justify-content:flex-start;color:var(--text)}
.bulk-menu-list .btn:hover:not(:disabled){background:var(--soft)}
.bulk-menu-list .hint{margin:0;padding:0 16px 8px;font-size:12px}
.bulk-selection{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 16px;margin-bottom:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft);font-size:13px;color:var(--ink)}
.bulk-selection .actions{gap:8px}
.bulk-selection .hint{margin:0;flex-basis:100%;font-size:12px}
.bulk-selection .tax-fetch-status{font-size:12px;color:var(--muted)}
.bulk-selection .tax-fetch-status:empty{display:none}
.bulk-table .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bulk-table th,.bulk-table td{padding:10px 6px}
.bulk-table th:first-child,.bulk-table td:first-child{padding-left:16px}
.bulk-table td{vertical-align:top}
.bulk-table input,.bulk-table select{min-width:0;width:100%;min-height:36px;padding:8px 6px;font-size:13px}
.bulk-table .bulk-pick{display:flex;align-items:center;min-height:36px;cursor:pointer}
.bulk-table th .bulk-pick{min-height:0}
.bulk-table .bulk-pick input{width:18px;height:18px;min-height:0;padding:0;flex:none;accent-color:var(--accent)}
.bulk-all-label{display:none}
@media (min-width:701px){.bulk-table .bulk-sel{width:40px}.bulk-table .bulk-gtip-cell{width:160px}.bulk-table .bulk-qty,.bulk-table .bulk-price{width:140px}.bulk-table .bulk-kg{width:72px}.bulk-table td.bulk-cost{width:100px;padding-top:19px}.bulk-table .bulk-status{width:150px}.bulk-table .bulk-menu-cell{width:48px}}
.bulk-name-row{display:flex;gap:8px;align-items:center}
.bulk-name .wide-input{min-width:120px}
.bulk-name small,.bulk-gtip-cell small{font-size:12px;line-height:1.5}
.bulk-pair{display:grid;grid-template-columns:minmax(0,1fr) 68px;gap:4px}
.bulk-table td.bulk-cost{font-size:13px;font-weight:700;color:var(--ink)}
.bulk-status .badge{margin-top:6px;font-size:12px}
.bulk-status p{margin:4px 0 0;font-size:12px;line-height:1.5}
.bulk-note{color:var(--gold);font-weight:600}
.weight-details small{display:block;margin-top:6px;line-height:1.45;color:var(--muted)}
.weight-details .btn{margin-top:6px;white-space:normal}
.bulk-unit-gross{display:block;margin-top:6px}.bulk-unit-gross span{display:block;font-size:12px;color:var(--muted);margin-bottom:2px}
@media (min-width:701px){.bulk-table .bulk-kg{width:175px;min-width:150px}.bulk-table .bulk-qty,.bulk-table .bulk-price{min-width:140px}}
.bulk-table .bulk-menu-cell{text-align:right}
.bulk-menu-cell .btn{min-height:36px;padding:4px 10px;font-size:18px;line-height:1;color:var(--ink);border-color:var(--line)}
.bulk-table .bulk-find{min-height:36px;width:100%;font-size:12px;font-weight:700}
.bulk-gtip{display:block;width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font:inherit;text-align:left;cursor:pointer}
.bulk-gtip strong{display:block;font-size:12px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.bulk-gtip span{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bulk-gtip:hover{border-color:var(--accent)}
.bulk-table [aria-invalid="true"]{border-color:var(--danger);outline-color:var(--danger)}
.bulk-foot p{font-size:12px}
.bulk-sec{margin:0 0 16px;font-size:14px;color:var(--ink)}
.bulk-gap{margin-top:16px}
.bulk-one{grid-template-columns:1fr}
.bulk-detail .feature-details{margin:16px 0 0}
.bulk-detail .feature-details>summary{color:var(--ink);font-size:13px}
.bulk-detail>.hint{margin:8px 0 0}
dialog .bulk-links{justify-content:flex-start;margin-top:8px}
.bulk-detail .tax-fetch-status:empty{display:none}
.bulk-apply-all{padding:8px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft)}
.bulk-form-error{margin:16px 0 0}
.bulk-row-menu{display:grid;gap:8px}
.bulk-row-menu .btn{width:100%;min-height:44px;justify-content:flex-start}
.bulk-preview{max-height:216px;margin:8px 0 16px}
.bulk-preview th,.bulk-preview td{padding:8px;white-space:nowrap;font-size:12px}
.bulk-import-mode{min-width:0;margin:16px 0 0;padding:8px 16px;border:1px solid var(--line);border-radius:var(--radius)}
.bulk-import-mode legend{padding:0 4px;font-size:13px;font-weight:700;color:var(--ink)}
.bulk-import-mode .check{min-height:32px;font-size:13px;cursor:pointer}
.bulk-import-mode input,.bulk-detail .check input{width:18px;height:18px;min-height:0;padding:0;flex:none;accent-color:var(--accent)}
/* Büyük tablo: sayfalama şeridi ve uzun iş (hesap / kayıt / görsel) ilerleme penceresi. */
.bulk-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 16px;margin:0 0 8px;font-size:13px;color:var(--muted)}
.bulk-table+.bulk-pager{margin:8px 0 0}
.bulk-pager-info{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}
.bulk-pager-jump{display:flex;align-items:center;gap:8px;font-size:13px}
.bulk-pager-jump select{width:auto;min-width:96px;min-height:36px;padding:4px 8px;font-size:13px}
.bulk-progress-text{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.bulk-progress-bar{display:block;width:100%;height:12px;accent-color:var(--accent)}
.bulk-progress .hint{margin:8px 0 0}
.pl-chips [hidden]{display:none}
@media (max-width:700px){
  .bulk-pager{justify-content:space-between}
  .bulk-pager .btn,.bulk-pager-jump select{min-height:44px}
  .bulk-pager-info{order:-1;flex-basis:100%}
  .bulk-start-grid{grid-template-columns:1fr}
  .bulk-choice .btn{width:100%;min-height:44px;font-size:13px}
  .bulk-options{padding:16px}
  .bulk-options-row>.field,.bulk-shared{flex-basis:100%}
  .bulk-shared{grid-template-columns:1fr}
  .bulk-options .field{font-size:12px}
  .bulk-options select,.bulk-options input{min-height:44px;font-size:16px}
  .bulk-toolbar{flex-direction:column;align-items:stretch}
  .bulk-summary{flex:none}
  .bulk-summary .btn{min-height:44px;font-size:12px}
  .bulk-summary .search{max-width:none;min-width:0;flex-basis:100%;min-height:44px;font-size:16px}
  .bulk-actions{display:grid;grid-template-columns:1fr 1fr}
  .bulk-actions>.btn,.bulk-menu>summary.btn{width:100%;min-height:44px;font-size:13px}
  .bulk-actions>[data-action="bulk-calc"]{grid-column:1/-1}
  .bulk-menu[open]{grid-column:1/-1}
  .bulk-menu-list{position:static;min-width:0;margin-top:8px}
  .bulk-menu-list .btn{min-height:44px;font-size:13px}
  .bulk-selection{padding:16px}
  .bulk-selection .actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .bulk-selection .btn{min-height:44px;white-space:normal;font-size:12px}
  .bulk-table{overflow:visible;border:0;background:none}
  .bulk-table table,.bulk-table thead,.bulk-table tbody,.bulk-table td{display:block;width:auto;min-width:0}
  .bulk-table thead tr{display:block}
  .bulk-table thead th{display:none}
  .bulk-table thead th.bulk-sel{display:block;width:auto;padding:0 0 8px;background:none}
  .bulk-table th .bulk-pick{min-height:44px;gap:8px;font-size:13px;color:var(--text)}
  .bulk-all-label{display:inline}
  .bulk-table tbody tr{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,1fr) 44px;grid-template-areas:"sel name name menu" "gtip gtip gtip gtip" "qty qty price price" "kg kg cost cost" "status status status status";gap:8px;padding:16px;margin-bottom:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
  .bulk-table tbody tr.bulk-bad{border-color:var(--danger)}
  .bulk-table tbody td,.bulk-table tbody td:first-child{width:auto;padding:0;border:0;white-space:normal;text-align:left}
  .bulk-table tbody td[data-label]::before{content:attr(data-label);display:block;margin-bottom:4px;font-size:12px;color:var(--muted)}
  .bulk-table td.bulk-sel{grid-area:sel}
  .bulk-table td.bulk-name{grid-area:name}
  .bulk-table tbody td.bulk-name::before{display:none}
  .bulk-table td.bulk-menu-cell{grid-area:menu}
  .bulk-table td.bulk-gtip-cell{grid-area:gtip}
  .bulk-table td.bulk-qty{grid-area:qty}
  .bulk-table td.bulk-price{grid-area:price}
  .bulk-table td.bulk-kg{grid-area:kg}
  .bulk-table td.bulk-cost{grid-area:cost;padding:0;font-size:16px}
  .bulk-table td.bulk-status{grid-area:status}
  .bulk-table td .bulk-pick{min-height:44px;min-width:44px}
  .bulk-table .bulk-pick input{width:24px;height:24px}
  .bulk-table input,.bulk-table select{min-height:44px;font-size:16px}
  .bulk-pair{grid-template-columns:minmax(0,1fr) 72px}
  .bulk-menu-cell .btn{width:44px;min-height:44px;padding:0}
  .bulk-table .bulk-find,.bulk-gtip{min-height:44px;font-size:14px}
  .bulk-gtip strong{font-size:14px}
  .bulk-gtip-cell small .tp-link{display:inline-block;padding:14px 0}
  .bulk-status .badge{margin-top:0}
  .bulk-foot .btn{min-height:44px;font-size:12px}
  .bulk-options .hint,.bulk-detail .hint,.bulk-import .hint{font-size:12px}
  .bulk-detail .tp-suggest .btn{min-height:44px}
  .bulk-detail .tp-link,.bulk-detail .tp-suggest a{display:inline-block;min-width:44px;padding:14px 0}
  .bulk-table+.bulk-foot,.bulk-foot{gap:8px}
  .bulk-detail .fields,.bulk-detail .fields.three,.bulk-import .fields{grid-template-columns:1fr}
  .bulk-detail .field,.bulk-import .field{font-size:12px}
  .bulk-detail .field input,.bulk-detail .field select,.bulk-import .field select{min-height:44px;font-size:16px}
  .bulk-detail .check,.bulk-import-mode .check{min-height:44px;font-size:13px}
  .bulk-detail .feature-details>summary,.bulk-import .feature-details>summary{line-height:44px}
  .bulk-detail .tp-field small{font-size:12px}
  .bulk-dialog-actions .btn{min-height:44px;flex:1 1 40%}
  dialog .bulk-links .btn{min-height:44px}
}
/* === products === Ürün kataloğu: yalnız .pr- önekli kurallar (liste, ayrıntı penceresi, ürün formu). */
.pr-table .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pr-toolbar{justify-content:flex-start;align-items:center;gap:8px 16px}
.pr-toolbar .check{margin-left:auto}
.pr-chips{display:flex;flex-wrap:wrap;gap:8px}
.pr-chips .btn{white-space:nowrap}
.pr-chips .btn[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.pr-note{margin-bottom:16px}
.pr-table th{font-size:12px}
.pr-table td{font-size:13px}
.pr-table td small{font-size:12px;line-height:1.5;margin-top:4px}
.pr-table .pr-id{display:flex;align-items:center;gap:8px}
.pr-table .pr-id .row-photo{flex:none;margin:0}
.pr-table .pr-link{display:block;border:0;background:none;padding:0;margin:0;font:inherit;font-size:13px;font-weight:700;color:var(--ink);text-align:left;cursor:pointer;overflow-wrap:anywhere}
.pr-table .pr-link:hover{color:var(--accent);text-decoration:underline}
.pr-table .pr-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pr-code{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink);white-space:nowrap}
.pr-table .pr-gtip small{max-width:240px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.pr-table .pr-gtip .btn{margin-left:8px}
.pr-table .badge,.pr-table .btn,.page-heading:has(+ .pr-toolbar) .btn.small{font-size:12px}
.pr-table .pr-row-actions{flex-wrap:nowrap;gap:8px;justify-content:flex-end}
.pr-table tr.pr-trash .pr-link,.pr-table tr.pr-trash .pr-code{color:var(--muted)}
.pr-more{justify-content:center;margin-top:16px}
.pr-empty-actions{justify-content:center;flex-wrap:wrap;margin-top:16px}
.pr-sub{font-size:14px;margin:24px 0 8px;color:var(--ink)}
.pr-detail{display:grid;grid-template-columns:minmax(112px,30%) 1fr;gap:8px 16px;margin:0;font-size:14px;line-height:1.5}
.pr-detail dt{color:var(--muted)}
.pr-detail dd{margin:0;color:var(--text);overflow-wrap:anywhere}
.pr-detail dd small{display:block;font-size:12px;color:var(--muted)}
.pr-photos{margin-bottom:8px}
dialog .pr-dialog-actions{flex-wrap:wrap}
.pr-form .pr-lead{margin:0;font-size:13px}
.pr-step{display:flex;align-items:center;gap:8px;margin:24px 0 8px;font-size:15px;color:var(--ink)}
.pr-step span{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--soft);color:var(--accent);font-size:12px;font-weight:700}
.pr-form .tp-field label,.pr-form .tp-field small,.pr-form .hint{font-size:12px}
dialog .pr-form .pr-gtip-tools,dialog .pr-form .pr-tax-tools,dialog .pr-form .pr-pack{margin-top:8px;justify-content:flex-start;flex-wrap:wrap;align-items:center}
.pr-form .pr-sec{margin:24px 0 0;padding-top:16px}
.pr-form .pr-sec>summary{font-size:14px;color:var(--ink)}
.pr-form .pr-sec>summary small{font-size:12px;font-weight:400;color:var(--muted);margin-left:8px}
.pr-form .pr-area{margin-top:16px}
.pr-form .pr-error{margin:16px 0 0}
.pr-foot{position:sticky;bottom:-28px;z-index:2;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:24px -28px -28px;padding:16px 28px;background:var(--surface);border-top:1px solid var(--line)}
@media (max-width:700px){
  .pr-table{overflow:visible}
  .pr-table table,.pr-table tbody,.pr-table tr,.pr-table td{display:block;width:auto;min-width:0}
  .pr-table thead{display:none}
  .pr-table tr{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;border-top:1px solid var(--line);padding:16px}
  .pr-table tr:first-child{border-top:0}
  .pr-table td{border:0;padding:4px 0;white-space:normal;text-align:left;font-size:14px}
  .pr-table td[data-label]::before{content:attr(data-label);display:block;font-size:12px;color:var(--muted)}
  .pr-table .pr-name,.pr-table .pr-gtip,.pr-table .pr-acts{grid-column:1/-1}
  .pr-table .pr-link{font-size:16px;min-height:44px;display:flex;align-items:center}
  .pr-table .pr-gtip small{max-width:none}
  .pr-table .pr-gtip .btn{min-height:44px}
  .pr-table .pr-acts{padding-top:8px}
  .pr-table .pr-row-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:stretch}
  .pr-table .pr-row-actions .btn{flex:1 1 0;min-height:44px;font-size:12px}
  .pr-table .pr-row-actions .btn[data-action="use-product"]{flex-basis:100%}
  .pr-toolbar .search{max-width:none;min-width:0;flex-basis:100%}
  .pr-toolbar .check{min-height:44px;font-size:13px;margin-left:0}
  .pr-toolbar .badge{font-size:12px}
  .pr-chips .btn{min-height:44px;font-size:12px}
  .page-heading:has(+ .pr-toolbar) .btn,.pr-toolbar~.card.empty .btn,.pr-more .btn{min-height:44px}
  .pr-form .fields:not(.four){grid-template-columns:1fr}
  .pr-form .field input,.pr-form .field select,.pr-form .tp-field input{min-height:44px;font-size:16px}
  .pr-form .pr-sec>summary{line-height:44px;padding-bottom:0}
  dialog .pr-form .pr-gtip-tools .btn,dialog .pr-form .pr-tax-tools .btn,dialog .pr-form .pr-pack .btn{min-height:44px}
  .pr-foot .btn{flex:1 1 auto;min-height:44px}
  dialog .pr-dialog-actions .btn{min-height:44px;flex:1 1 40%}
  dialog .pr-detail~.hint a{display:inline-block;padding:14px 0}
  #toast [data-action="product-undo"],#toast [data-action="use-product"]{min-height:44px}
  .pr-detail{grid-template-columns:1fr;gap:0}
  .pr-detail dd{margin-bottom:8px}
}

/* === GTİP araştırması (tariff) === önek: .tf-  (ortak seçici paneli bu ekranda salt okunur: #tariff-find altındaki kurallar) */
.tf-card{max-width:960px}
.tf-search{display:flex;gap:12px;align-items:flex-start}
.tf-search .tp-field{flex:1 1 auto;min-width:0}
.tf-search>.btn{flex:none;margin-top:24px;min-width:96px}
.tf-tools{margin:8px 0 16px}
.tf-origin{max-width:420px;margin-bottom:16px}
.tf-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;font-size:13px;color:var(--muted)}
.tf-chip{display:inline-flex;align-items:center;max-width:100%;min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;cursor:pointer;overflow-wrap:anywhere;text-align:left}
button.tf-chip:hover,.tf-pair:hover{background:var(--soft)}
.tf-pair{padding:0;cursor:default;overflow:hidden}
.tf-chip-main,.tf-chip-x{border:0;background:none;font:inherit;color:inherit;cursor:pointer;min-height:32px}
.tf-chip-main{padding:0 4px 0 12px;text-align:left;overflow-wrap:anywhere}
.tf-chip-x{padding:0 12px 0 8px;font-size:16px;line-height:1;color:var(--muted)}
.tf-chip-x:hover{color:var(--danger)}
.tf-lead{margin-top:16px}
.tf-recent{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}
.tf-recent h3{margin:0;font-size:14px}
.tf-recent .tf-chips{margin-top:8px}
.tf-note{margin:0 0 16px}
.tf-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tf-actions .btn,.tf-saved .btn{white-space:nowrap}
.tf-saved{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0 0}
.tf-foot{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:16px}
.tf-foot a{color:var(--accent);font-weight:600}
.tf-search .tp-field small{font-size:12px}
#tariff-find .tp-act,#tariff-find [data-tp-all],#tariff-find .tp-message{display:none}
#tariff-find .tp-panel>.hint{font-size:0;margin-bottom:0}
#tariff-find .tp-panel>.hint a{font-size:12px}
#tariff-find .tp-choices>span{font-size:0}
#tariff-find .tp-choices>span::before{content:"Olası oranlar (hesapta siz seçersiniz):";font-size:12px}
#tariff-find .tp-choices .btn{pointer-events:none;flex-basis:100%;padding:0;border:0;background:none;color:var(--text);font-size:12px;box-shadow:none}
#tariff-find .tp-choices .btn::before{content:"•";margin-right:8px;color:var(--muted)}
@media (max-width:700px){
  .tf-search{flex-direction:column;align-items:stretch;gap:8px}
  .tf-search>.btn{margin-top:0;min-height:44px}
  .tf-search .tp-field input,.tf-origin select{min-height:44px;font-size:16px}
  .tf-origin{max-width:none}
  .page-heading:has(+ .tf-card) .btn,.tf-tools .btn,.tf-saved .btn,.tf-recent .btn{min-height:44px}
  .tf-chip,.tf-chip-main,.tf-chip-x{min-height:44px}
  .tf-chip-x{min-width:44px;padding:0}
  .tf-actions{flex-direction:column;align-items:stretch}
  .tf-actions .btn{width:100%;justify-content:center;min-height:44px}
  .tf-foot{flex-direction:column;align-items:flex-start;gap:0;font-size:13px}
  .tf-foot .tp-link,.tf-foot a{display:inline-flex;align-items:center;min-height:44px;text-align:left}
  .tf-card .hint{font-size:12px}
  .tf-search .tp-field>label{font-size:13px}
  .tf-tools .btn,.tf-recent .btn,.tf-saved .btn,.page-heading:has(+ .tf-card) .btn{font-size:13px}
  #tariff-find .tp-docs .check{min-height:44px}
  #tariff-find .tp-panel>.hint a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
  #dialog .actions:has([data-action="tf-recent-clear-ok"]) .btn{min-height:44px}
  #toast [data-action="tf-recent-undo"]{min-height:44px}
}

/* === customers === Müşteriler: yalnız .cu- önekli kurallar (liste + müşteri penceresi). */
.cu-table .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cu-toolbar{justify-content:flex-start;align-items:center;gap:8px 16px}
.cu-toolbar .check{margin-left:auto}
.cu-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.cu-chips .btn{white-space:nowrap;font-size:12px}
.cu-chips .btn[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.cu-note{margin:0 0 16px;font-size:12px}
.cu-table th{font-size:12px}
.cu-table td{font-size:13px;vertical-align:top}
.cu-table td small{display:block;font-size:12px;line-height:1.5;margin-top:4px}
.cu-table .cu-name strong{color:var(--ink);overflow-wrap:anywhere}
.cu-table .cu-contact a,.cu-table .cu-contact span{display:block;color:inherit;overflow-wrap:anywhere}
.cu-table .cu-contact a{text-decoration:underline;text-underline-offset:2px}
.cu-table .cu-contact a:hover{color:var(--accent)}
.cu-table .cu-products{max-width:280px}
.cu-table .cu-products .btn{margin:0 8px 8px 0;white-space:normal;text-align:left}
.cu-table .badge,.cu-table .btn,.page-heading:has(+ .cu-toolbar) .btn.small{font-size:12px}
.cu-table .cu-late{color:var(--danger);font-weight:600}
.cu-table .cu-none{color:var(--muted)}
.cu-table .cu-row-actions{flex-wrap:nowrap;gap:8px;justify-content:flex-end}
.btn.cu-del{color:var(--danger)}
.cu-empty-actions{justify-content:center;flex-wrap:wrap}
dialog .cu-dialog-actions{flex-wrap:wrap}
.cu-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}
.cu-card strong{font-size:14px;color:var(--ink)}
.cu-card .hint{margin:4px 0 0;font-size:12px}
.cu-card .btn{flex:none}
.cu-set{border:0;padding:0;margin:0;min-width:0}
.cu-step{display:flex;align-items:center;gap:8px;margin:24px 0 8px;font-size:15px;color:var(--ink)}
.cu-step span{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--soft);color:var(--accent);font-size:12px;font-weight:700}
.cu-form .field,.cu-form .hint,.cu-form .field small{font-size:12px}
.cu-form .field textarea{min-height:64px}
.cu-form .cu-area{margin-top:16px}
dialog .cu-form .cu-dates{margin-top:8px;justify-content:flex-start;gap:8px}
.cu-form .cu-dates .hint{margin:0}
.cu-form .cu-fair{margin-top:24px}
.cu-form .cu-fair>summary{font-size:14px;color:var(--ink)}
.cu-form .cu-fair>.hint{margin:8px 0 16px}
.cu-foot{position:sticky;bottom:-28px;z-index:2;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin:24px -28px -28px;padding:16px 28px;background:var(--surface);border-top:1px solid var(--line)}
.cu-foot .cu-del{margin-right:auto}
@media (max-width:700px){
  .cu-table{overflow:visible}
  .cu-table table,.cu-table tbody,.cu-table tr,.cu-table td{display:block;width:auto;min-width:0}
  .cu-table thead{display:none}
  .cu-table tr{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;border-top:1px solid var(--line);padding:16px}
  .cu-table tr:first-child{border-top:0}
  .cu-table td{border:0;padding:4px 0;white-space:normal;text-align:left;font-size:14px}
  .cu-table td[data-label]::before{content:attr(data-label);display:block;font-size:12px;color:var(--muted)}
  .cu-table .cu-name,.cu-table .cu-contact,.cu-table .cu-products,.cu-table .cu-acts{grid-column:1/-1}
  .cu-table .cu-name strong{font-size:16px}
  .cu-table .cu-contact a{display:flex;align-items:center;min-height:44px;font-size:16px}
  .cu-table .cu-products{max-width:none}
  .cu-table .cu-products .btn{min-height:44px;margin-top:4px}
  .cu-table .cu-acts{padding-top:8px}
  .cu-table .cu-row-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:stretch}
  .cu-table .cu-row-actions .btn{flex:1 1 0;min-height:44px}
  .cu-toolbar .search{max-width:none;min-width:0;flex-basis:100%}
  .cu-toolbar .check{min-height:44px;font-size:13px;margin-left:0}
  .cu-toolbar .badge{font-size:12px}
  .cu-chips .btn{min-height:44px}
  .page-heading:has(+ .cu-toolbar) .btn,.cu-toolbar~.card.empty .btn{min-height:44px}
  .cu-card{flex-direction:column;align-items:stretch}
  .cu-card .btn,.cu-form .cu-dates .btn{min-height:44px}
  .cu-form .cu-dates .hint{flex-basis:100%}
  .cu-form .fields{grid-template-columns:1fr}
  .cu-form .field input,.cu-form .field select,.cu-form .field textarea{min-height:44px;font-size:16px}
  .cu-form .cu-fair>summary{line-height:44px}
  .cu-form .cu-fair .btn,.cu-form .upload-photo{min-height:44px}
  .cu-foot .btn{flex:1 1 auto;min-height:44px}
  dialog .cu-dialog-actions .btn{min-height:44px;flex:1 1 40%}
  #toast [data-action="customer-undo"]{min-height:44px}
}
/* === bulk: tedarikçi teklif içe aktarma === */
.bulk-offer-issues{margin:8px 0;padding-left:16px;font-size:13px;color:var(--text)}
.bulk-offer-issues li{margin:0 0 8px;overflow-wrap:anywhere}
.bulk-import [data-offer-manual][hidden]{display:none}
/* === cost: hesap dökümü ("Hesap nasıl yapıldı?") === */
.cb{margin-top:16px;border-top:1px solid var(--line);padding-top:8px}
.cb>summary{cursor:pointer;font-weight:700;color:var(--ink);font-size:14px;min-height:44px;display:flex;align-items:center;gap:8px}
.cb-count{font-weight:400;font-size:12px;color:var(--muted)}
.cb-lines{list-style:none;margin:0;padding:0}
.cb-line{display:grid;grid-template-columns:24px minmax(0,1fr);gap:0 4px;padding:8px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.45;color:var(--text)}
.cb-line:first-child{border-top:0}
.cb-no{color:var(--muted);font-variant-numeric:tabular-nums}
.cb-what{min-width:0;overflow-wrap:anywhere}
.cb-what b{color:var(--ink)}
.cb-formula{display:block;color:var(--text);font-variant-numeric:tabular-nums}
.cb-what small{display:block;font-size:12px;color:var(--muted)}
.cb-val{grid-column:2;text-align:right;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cb-sum{background:var(--soft)}
.cb-sum .cb-what b,.cb-sum .cb-val{color:var(--accent)}
.cb-none .cb-what b{font-weight:600}
.cb-fx{font-size:12px;color:var(--muted);margin:8px 0 0}
.cb-check{margin:16px 0 0;padding:8px 16px;border-radius:var(--radius);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.cb-check.cb-ok{background:var(--soft);color:var(--accent)}
.cb-check.cb-bad{border:1px solid var(--danger);color:var(--danger);font-weight:700}
.tp-ok,.tax-pool-ok{color:var(--accent);font-weight:600;overflow-wrap:anywhere}
.tp-ok a,.tax-pool-ok a{color:inherit;text-decoration:underline}
.tp-count{margin-top:8px}
@media (max-width:700px){
  .result-rail .actions .btn,.rec-dialog-actions .btn{min-height:44px}
  .cb-line{font-size:14px}
}
/* === Panel bağlantısı (Şirket ayarları kartı, "Panelden" rozeti, toplu işlemlerde panel ürünleri) === */
.pl-card .card-title{gap:8px;flex-wrap:wrap}
.pl-table{margin-top:16px}
.pl-table th{font-size:12px}
.pl-table td{font-size:13px;vertical-align:middle}
.pl-table td small{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:4px}
.pl-table .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pl-row-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin:0}
.pl-sync{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0 0}
.pl-sync div{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}
.pl-sync dt{font-size:12px;line-height:1.5;color:var(--muted)}
.pl-sync dd{margin:8px 0 0;font-size:14px;font-weight:700;color:var(--ink)}
.pl-empty{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:16px;padding:16px;border:1px dashed var(--line);border-radius:var(--radius)}
.pl-empty p{margin:0;font-size:14px;line-height:1.5}
.pl-key{width:100%;font-size:13px}
.pl-key-field{margin:16px 0 8px}
.pl-steps{margin:16px 0;padding-left:24px;font-size:14px;line-height:1.6}
.pl-dialog-actions{margin-top:16px}
.pl-error{margin-top:8px}
.pr-table .pl-badge{margin-top:4px}
.pl-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 8px}
.pl-chips .btn[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.pl-pick .search{width:100%;max-width:none}
.pl-pick-list{max-height:320px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px}
.pl-pick-list .hint{margin:16px}
.pl-pick-row{display:flex;align-items:center;gap:8px;padding:8px 16px;min-height:48px;border-bottom:1px solid var(--line);cursor:pointer}
.pl-pick-row:last-child{border-bottom:0}
.pl-pick-row input{flex:none;width:18px;height:18px;margin:0}
.pl-pick-row .row-photo{flex:none;margin:0}
.pl-pick-text{flex:1;min-width:0}
.pl-pick-text strong{display:block;font-size:13px;color:var(--ink);overflow-wrap:anywhere}
.pl-pick-text small{display:block;font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.pl-pick-row .badge{flex:none}
@media (max-width:700px){
  .pl-table table,.pl-table tbody,.pl-table tr,.pl-table td{display:block;width:auto}
  .pl-table thead{display:none}
  .pl-table tr{padding:16px;border-bottom:1px solid var(--line)}
  .pl-table tr:last-child{border-bottom:0}
  .pl-table td{padding:4px 0;border:0}
  .pl-table td[data-label]::before{content:attr(data-label);display:block;font-size:12px;color:var(--muted)}
  .pl-row-actions{flex-direction:column;align-items:stretch;margin-top:8px}
  .pl-row-actions .btn,.pl-empty .btn{width:100%}
  .pl-row-actions .btn,.pl-card .card-title .btn,.pl-card>.actions .btn,.pl-empty .btn,.pl-dialog-actions .btn,.pl-chips .btn,.pl-key-field+.actions .btn{min-height:44px}
  .pl-key{min-height:44px}
  .pl-sync{grid-template-columns:1fr}
  .pl-pick-row{flex-wrap:wrap}
  .pl-pick-row .badge{margin-left:26px}
}
/* === cost: sonuçta ürün fotoğrafı === */
/* Maliyet sonucu (sağ özet ve kayıt penceresi): hesaplanan ürünün fotoğrafı, adı ve GTİP'i. Fotoğraf yoksa gösterilmez. */
.result-product{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.result-product strong{display:block;font-size:14px;line-height:1.3;overflow-wrap:anywhere}
.result-product small{display:block;color:var(--muted);margin-top:4px}
.result-photo{flex:none;width:72px;height:72px;object-fit:contain;background:var(--soft);border-radius:8px}

/* Maliyet kayıtlarında ürün görseli ve iki birim fiyat birlikte okunur. */
.rec-table .rec-product{display:flex;align-items:center;gap:14px;min-width:220px}
.rec-table .rec-product-text{min-width:0}
.rec-table .rec-photo{display:flex;align-items:center;justify-content:center;flex:0 0 68px;width:68px;height:68px;border:1px solid var(--line);border-radius:10px;background:var(--surface,#fff);overflow:hidden}
.rec-table .rec-photo-image{width:100%;height:100%;object-fit:contain}
.rec-table .rec-photo-empty{display:flex;align-items:center;gap:4px;flex-direction:column;text-align:center;color:var(--muted);font-size:10px;line-height:1.25;padding:5px}
.rec-table .rec-photo-empty svg{width:22px;height:22px}
.rec-table .rec-landed{font-weight:700;color:var(--accent)}
.rec-table .rec-landed small{font-weight:400;white-space:normal}
@media(max-width:700px){.rec-table .rec-product{min-width:0;gap:12px}.rec-table .rec-photo{flex-basis:64px;width:64px;height:64px}}
@media(min-width:701px) and (max-width:1400px){.rec-table .rec-product{min-width:190px}.rec-table .rec-row-actions{flex-wrap:wrap;min-width:150px;max-width:180px}.rec-table .rec-wide{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}}

/* Her ürüne ait giderler, menü açmadan doğrudan düzenlenir. */
.bulk-table .bulk-expense-row > td{padding:10px 16px 18px;background:var(--surface-alt,#f4f8f7);border-bottom:2px solid var(--line,#dce5e2);white-space:normal}
.bulk-expense-title{font-size:12px;font-weight:700;margin-bottom:8px;color:var(--accent)}
.bulk-expense-title span{font-weight:400;color:var(--muted);margin-left:12px}
.bulk-expense-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.bulk-expense-field label{display:block;font-size:12px;margin-bottom:5px;color:var(--text)}
.bulk-expense-row small{display:block;margin-top:8px;color:var(--muted);font-size:11px}
@media(max-width:1000px){.bulk-expense-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.bulk-table tbody tr.bulk-expense-row{display:block;margin-top:-18px;border-top:0;border-radius:0 0 12px 12px;padding:12px}.bulk-table tbody tr.bulk-expense-row>td{display:block;padding:0;border:0}.bulk-expense-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bulk-expense-title span{display:block;margin:4px 0}}
/* Toplu işlemler · gider satırı özeti ve "Giderleri toplu gir" penceresi */
.bulk-table .bulk-expense-row.bulk-expense-min > td{padding:6px 16px 8px}
.bulk-expense-line{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bulk-expense-sum{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;min-width:0;font-size:12px;color:var(--muted)}
.bulk-expense-sum b{color:var(--accent);font-weight:700}
.bulk-expense-sum strong{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}
.bulk-expense-none{color:var(--gold);font-weight:600}
.bulk-expense-min .btn{flex:none;min-height:28px;padding:2px 10px;font-size:12px}
.bulk-expense-close{float:right;min-height:28px;padding:2px 10px;font-size:12px}
.bulk-expenses p{margin:0 0 12px}
.bx-grid{display:grid;gap:8px;margin-bottom:12px}
.bx-head,.bx-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,120px) 84px minmax(0,236px);gap:8px;align-items:center}
.bx-head{font-size:12px;font-weight:700;color:var(--muted)}
.bx-name{font-weight:600;color:var(--ink)}
.bx-row input,.bx-row select{min-width:0;width:100%;min-height:38px}
.bx-row small,.bx-forty{grid-column:2/-1;font-size:12px;color:var(--muted)}
.bx-forty{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,130px);gap:8px;align-items:center}
.bx-off .bx-name{color:var(--muted)}
@media(max-width:700px){
  .bx-head{display:none}
  .bx-row{grid-template-columns:minmax(0,1fr) 84px;padding-bottom:8px;border-bottom:1px solid var(--line)}
  .bx-name{grid-column:1/-1}
  .bx-row select[name$="Method"],.bx-row small,.bx-forty{grid-column:1/-1}
}
/* Toplu işlemler · KDV kendiliğinden yazıldı işareti */
.bulk-vat-auto{display:inline-block;padding:0 6px;border-radius:999px;background:var(--soft);color:var(--accent);font-size:11px;font-weight:700;cursor:help}
.bulk-vat-check{color:var(--gold)}
/* Toplu işlemler → Masraf ve vergi kontrolü (bulk-review.mjs): geniş pencere, tek satırda bir ürün */
dialog:has(.bulk-review){max-width:min(1500px,calc(100% - 32px))}
.br-summary{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.br-sum{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;font-size:13px}
.br-sum span{white-space:nowrap}
.br-sum i{font-style:normal;opacity:.65}
.br-sum-mixed{border-color:var(--gold)}
.br-fix{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}
.br-fix select,.br-fix input{width:auto;flex:0 0 auto;min-height:36px}
.br-fix input{width:190px}
.br-status{min-height:22px;margin:6px 0;font-weight:600}
.br-table{max-height:55vh;overflow:auto}
.br-table table{border-collapse:separate;border-spacing:0}
.br-table thead th{position:sticky;top:0;z-index:2;background:var(--surface,#fff);white-space:nowrap;font-size:12px}
.br-table td,.br-table th{padding:4px 6px;vertical-align:middle}
.br-name{position:sticky;left:0;z-index:1;background:var(--surface,#fff);text-align:left;min-width:240px;max-width:320px;font-weight:600}
.br-name span,.br-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.br-name small{font-weight:400;opacity:.7}
.br-cell input{width:78px;min-height:32px;padding:4px 6px}
.br-cell select{min-height:32px;padding:4px 2px;margin-left:2px}
.br-two{white-space:nowrap}
.br-flag{background:#fff3c4}
.br-flag input{border-color:var(--gold)}
.br-pick{width:28px;text-align:center}
.br-plain input{width:92px}
.br-name .br-warn{display:block;white-space:normal;font-style:normal;font-weight:400;font-size:12px;line-height:1.3;color:#8a5a00;margin-top:2px}
.bulk-check{color:#8a5a00}
.bulk-check-sum,.bulk-check-list{margin:8px 0 8px 18px;padding:0}
.bulk-check-list li{margin-bottom:6px;font-size:13px}

/* Genel bakış: yapay zekâ GTİP motoru kahramanı (app.mjs aiHero) ve menüdeki AI öğesi */
.dash-ai{margin-bottom:24px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:center;background:linear-gradient(135deg,#122c2b 0%,#1d4441 60%,#2b5a55 100%);color:#f4efe3;border:0;overflow:hidden;position:relative}
.dash-ai::after{content:"";position:absolute;inset:auto -80px -120px auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(233,217,168,.28),transparent 65%);pointer-events:none}
.dash-ai .eyebrow{color:#e9d9a8;letter-spacing:2px;font-size:11px;margin-bottom:8px}
.dash-ai h2{margin:0 0 10px;font-size:clamp(22px,2.4vw,30px);line-height:1.15;color:#fff}
.dash-ai p{margin:0 0 12px;color:rgba(244,239,227,.85);max-width:60ch}
.dash-ai-list{margin:0 0 16px;padding-left:18px;color:rgba(244,239,227,.9);font-size:13px;display:grid;gap:4px}
.dash-ai .actions{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.dash-ai .btn.dash-ai-cta{background:#e9d9a8;color:#122c2b;border-color:#e9d9a8;min-height:46px;padding:0 22px;font-weight:700}
.dash-ai .btn.dash-ai-cta:hover{background:#f3e7bf}
.dash-ai .btn.ghost,.dash-ai .btn.secondary{color:#f4efe3;border-color:rgba(244,239,227,.5);background:transparent}
.dash-ai-hak{font-size:13px;color:#e9d9a8}
.dash-ai-hak.bitti{color:#ffb4a8}
.dash-ai-art{position:relative;z-index:1;display:flex;justify-content:flex-end}
.dash-ai-report{width:100%;max-width:380px;background:#fbf8f0;color:#122c2b;border-radius:14px;padding:16px 18px;box-shadow:0 24px 48px -28px rgba(0,0,0,.6);transform:rotate(1.2deg)}
.dash-ai-report small{display:block;font-size:10px;letter-spacing:.15em;font-weight:700;color:#8b6914}
.dash-ai-report b{display:block;font-family:"DM Mono",ui-monospace,monospace;font-size:24px;letter-spacing:-.01em;margin:4px 0 2px}
.dash-ai-urun{display:block;font-size:12px;color:#5c5a52;margin-bottom:10px}
.dash-ai-report ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;border-top:1px solid #e6dfcf;padding-top:10px}
.dash-ai-report li{display:grid;grid-template-columns:64px 1fr;gap:8px;font-size:12px;line-height:1.4}
.dash-ai-report li i{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.06em;color:#8b6914;padding-top:1px}
.dash-ai-guven{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:12px;font-size:12px}
.dash-ai-guven em{display:block;height:6px;border-radius:999px;background:#e6dfcf;overflow:hidden}
.dash-ai-guven u{display:block;height:100%;background:linear-gradient(90deg,#2b5a55,#4e8f6d);text-decoration:none}
.dash-ai-guven strong{font-size:12px}
@media(max-width:900px){.dash-ai{grid-template-columns:1fr}.dash-ai-art{justify-content:flex-start}.dash-ai-report{max-width:none;transform:none}}
.nav-item.nav-ai{position:relative;font-weight:600}
.nav-ai-tag{margin-left:auto;font-size:10px;letter-spacing:1px;padding:2px 7px;border-radius:999px;background:#e9d9a8;color:#122c2b;font-weight:700}
