:root {
  --navy:#111827; --side:#172033; --blue:#2563eb; --cyan:#06b6d4; --orange:#f97316; --green:#16a34a;
  --purple:#7c3aed; --pink:#db2777; --bg:#eef4ff; --card:#ffffff; --text:#1f2937; --muted:#344054; --line:#dbe4f0;
  --soft-blue:#dbeafe; --soft-orange:#ffedd5; --soft-green:#dcfce7; --soft-purple:#ede9fe;
}
* { box-sizing:border-box; }
body { margin:0; font-family:Arial,"Helvetica Neue",sans-serif; color:var(--text); background:linear-gradient(135deg,#f8fbff 0%,#eef4ff 45%,#fff7ed 100%); height:100vh; height:100dvh; display:flex; overflow:hidden; -webkit-font-smoothing:auto; -moz-osx-font-smoothing:auto; text-rendering:optimizeLegibility; font-synthesis:none; }
.sidebar { width:290px; background:linear-gradient(180deg,#0f172a,#1e293b 55%,#111827); color:white; display:flex; flex-direction:column; box-shadow:18px 0 45px rgba(15,23,42,.18); }
.mobile-menu-btn,
.mobile-nav-close,
.mobile-nav-backdrop,
.mobile-bottom-nav { display:none; }
.brand { padding:26px 24px; border-bottom:1px solid rgba(255,255,255,.1); }
.brand .logo { background:white; color:#0054a6; font-weight:700; font-size:30px; letter-spacing:1px; border-radius:18px; padding:18px; text-align:center; box-shadow:0 18px 40px rgba(0,0,0,.2); }
.brand small { display:block; color:#cbd5e1; margin-top:14px; line-height:1.45; }
.nav-title { padding:22px 24px 8px; color:#94a3b8; font-size:12px; text-transform:uppercase; letter-spacing:.12em; font-weight:700; }
.nav-item { margin:5px 14px; padding:13px 15px; border-radius:14px; color:#cbd5e1; cursor:pointer; display:flex; align-items:center; gap:12px; font-weight:700; transition:.2s; border:1px solid transparent; }
.nav-item:hover { background:rgba(255,255,255,.08); color:white; transform:translateX(3px); }
.nav-toggle{justify-content:space-between}.nav-toggle-arrow{display:inline-block;font-size:20px;line-height:1;transition:transform .18s ease}.nav-toggle.open .nav-toggle-arrow{transform:rotate(90deg)}
.nav-item.active { background:linear-gradient(135deg,var(--blue),var(--cyan)); color:white; box-shadow:0 14px 30px rgba(37,99,235,.35); }
.nav-sub { margin:0 0 4px; }
.nav-sub:not(.open) { display:none; }
.nav-toggle { margin:3px 22px 4px 34px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.06); color:#cbd5e1; border-radius:11px; padding:9px 12px; text-align:left; cursor:pointer; font-size:12px; font-weight:700; }
.nav-toggle:hover { background:rgba(255,255,255,.10); color:white; }
.nav-sub-toggle { margin-left:44px; width:calc(100% - 66px); }
.nav-management-block { margin-top:auto; padding-top:10px; }
.nav-management-toggle { display:flex; align-items:center; gap:8px; }
.nav-icon { width:20px; height:20px; border-radius:999px; display:inline-grid; place-items:center; background:rgba(255,255,255,.12); color:#dbeafe; font-size:13px; line-height:1; }
.nav-sub-item { margin:3px 22px 3px 34px; padding:9px 12px; border-radius:11px; font-size:12px; color:#aab7cc; }
.nav-sub-item:before { content:""; width:6px; height:6px; border-radius:999px; background:#344054; display:inline-block; }
.nav-sub-item.active:before { background:white; }
.sidebar .sidebar-logo { padding:12px 14px; }
.sidebar .sidebar-logo img { width:170px; margin-bottom:8px; }
.sidebar .sidebar-logo small { font-size:12px; line-height:1.35; }
.sidebar .nav-title { padding:14px 24px 5px; font-size:11px; }
.sidebar .nav-item { margin:3px 14px; padding:10px 13px; border-radius:12px; }
.sidebar .nav-toggle { margin:3px 22px 4px 34px; padding:8px 11px; }
.sidebar .nav-sub-item { margin:2px 22px 2px 34px; padding:8px 11px; }
.sidebar .footer-note { padding:12px 18px; }
.footer-note { margin-top:auto; padding:20px 24px; color:#94a3b8; font-size:12px; border-top:1px solid rgba(255,255,255,.1); }
.nav-management-block + .footer-note { margin-top:0; }
.user-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.user-footer small { display:block; color:#94a3b8; font-weight:700; text-transform:uppercase; letter-spacing:.06em; font-size:10px; }
.user-footer strong { display:block; color:white; margin-top:3px; font-size:13px; max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.user-footer button { border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.09); color:white; border-radius:10px; padding:8px 10px; cursor:pointer; font-weight:700; }
.user-footer button:hover { background:rgba(255,255,255,.16); }
.main { flex:1; display:flex; flex-direction:column; min-width:0; }
.topbar { background:rgba(255,255,255,.78); backdrop-filter:blur(14px); border-bottom:1px solid rgba(219,228,240,.9); padding:18px 28px; display:flex; justify-content:space-between; align-items:center; gap:18px; }
.title-area h1 { margin:0; font-size:23px; color:#0f172a; }
.title-area p { margin:4px 0 0; color:var(--muted); font-size:13px; }
.rate-panel { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.rate-chip { background:white; border:1px solid var(--line); border-radius:16px; padding:9px 12px; display:flex; gap:8px; align-items:center; box-shadow:0 8px 22px rgba(15,23,42,.06); font-weight:700; }
.rate-chip input { width:92px; border:0; background:#f8fafc; padding:7px; border-radius:10px; text-align:center; font-weight:700; color:#0f172a; }
.content { flex:1; overflow:auto; padding:28px; }
.hero { position:relative; overflow:hidden; border-radius:28px; padding:38px; color:white; background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.22),transparent 30%),linear-gradient(135deg,#0054a6,#2563eb 45%,#06b6d4); box-shadow:0 24px 60px rgba(37,99,235,.25); }
.hero h2 { margin:0; font-size:34px; }
.hero p { max-width:790px; font-size:17px; line-height:1.6; opacity:.93; }
.quick-grid,.stats { display:grid; grid-template-columns:repeat(4,minmax(170px,1fr)); gap:18px; margin:22px 0; }
.stat-card,.quick-card { background:rgba(255,255,255,.86); border:1px solid rgba(219,228,240,.9); border-radius:22px; padding:20px; box-shadow:0 14px 36px rgba(15,23,42,.08); }
.stat-card small,.quick-card small { color:var(--muted); font-weight:700; text-transform:uppercase; font-size:11px; letter-spacing:.08em; }
.stat-card strong,.quick-card strong { display:block; margin-top:7px; font-size:24px; color:#0f172a; }
.quick-card { cursor:pointer; transition:.18s; border-top:5px solid var(--blue); }
.quick-card:nth-child(2) { border-top-color:var(--orange); }
.quick-card:nth-child(3) { border-top-color:var(--green); }
.quick-card:nth-child(4) { border-top-color:var(--purple); }
.quick-card:hover { transform:translateY(-4px); box-shadow:0 20px 48px rgba(15,23,42,.14); }
.toolbar { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-bottom:16px; flex-wrap:wrap; }
.search { flex:1; min-width:260px; position:relative; }
.search input { width:100%; border:1px solid var(--line); border-radius:16px; padding:13px 16px 13px 44px; background:white; box-shadow:0 10px 26px rgba(15,23,42,.06); font-weight:700; }
.search span { position:absolute; left:16px; top:12px; color:#344054; }
.pill { border:0; border-radius:999px; padding:11px 16px; font-weight:700; cursor:pointer; color:white; background:linear-gradient(135deg,var(--orange),#f59e0b); box-shadow:0 12px 28px rgba(249,115,22,.22); }
.pill.cache { background:linear-gradient(135deg,#27364a,#0f172a); color:white; box-shadow:0 12px 28px rgba(15,23,42,.18); }
.table-shell { background:white; border-radius:24px; border:1px solid var(--line); box-shadow:0 18px 48px rgba(15,23,42,.10); overflow:hidden; }
table { width:100%; border-collapse:separate; border-spacing:0; font-size:13px; min-width:1320px; }
.quote-table {
  min-width: 0 !important;
}
th { position:sticky; top:0; z-index:2; background:linear-gradient(180deg,#f8fafc,#eef4ff); color:#1f2937; padding:13px 10px; text-align:left; border-bottom:1px solid var(--line); font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
td { padding:10px; border-bottom:1px solid #edf2f7; vertical-align:middle; }
tr:hover td { background:#f8fbff; }
td.desc { min-width:260px; font-weight:700; color:#0f172a; }
td.code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; color:#2563eb; font-weight:700; }
.num { text-align:right; font-variant-numeric:tabular-nums; font-weight:700; }
.calc { background:#f8fafc; color:#0f172a; border-radius:12px; padding:7px 9px; display:inline-block; min-width:82px; text-align:right; }
input.cell, select.cell { width:100%; border:1px solid transparent; background:transparent; padding:7px 8px; border-radius:10px; font-weight:600; color:#0f172a; }
tr.editing input.cell, tr.editing select.cell { background:#fff7d6; border-color:#facc15; }
input.cell:disabled, select.cell:disabled { color:#1f2937; opacity:1; appearance:none; }
.sn-value { display:inline-flex; align-items:center; justify-content:center; width:100%; min-width:32px; white-space:nowrap; font-variant-numeric:tabular-nums; color:#0f172a; font-weight:700; }
.action { display:flex; gap:6px; }
.btn { border:0; border-radius:12px; padding:8px 10px; color:white; font-weight:700; cursor:pointer; }
.btn-edit { background:linear-gradient(135deg,var(--blue),var(--cyan)); }
.btn-save { background:linear-gradient(135deg,var(--green),#22c55e); display:none; }
.btn-sale { background:linear-gradient(135deg,var(--green),#22c55e); display:inline-block; }
.btn-add { background:linear-gradient(135deg,var(--green),#22c55e); white-space:nowrap; }
.btn-add.added { background:linear-gradient(135deg,#344054,#94a3b8); }
tr.editing .btn-save { display:inline-block; }
tr.editing .btn-edit { display:none; }
.badge { display:inline-flex; align-items:center; gap:6px; background:#eef6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:7px 10px; font-weight:700; }
.empty { padding:35px; text-align:center; color:var(--muted); font-weight:700; }
@media(max-width:1050px) { .sidebar{width:230px} .quick-grid,.stats{grid-template-columns:repeat(2,1fr)} .topbar{align-items:flex-start; flex-direction:column} }

.home-hero { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr); gap:18px; align-items:stretch; margin-bottom:18px; }
.home-hero-copy { min-height:310px; border-radius:24px; padding:34px; color:white; background:linear-gradient(135deg,rgba(2,6,23,.90),rgba(0,84,166,.88)),url("../../img/apack-logo.png") right 32px center / min(360px,42%) auto no-repeat; box-shadow:0 24px 58px rgba(15,23,42,.22); display:flex; flex-direction:column; justify-content:center; overflow:hidden; }
.home-kicker { width:max-content; max-width:100%; border:1px solid rgba(255,255,255,.22); border-radius:999px; padding:8px 12px; color:#bfdbfe; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; background:rgba(255,255,255,.08); }
.home-hero-copy h2 { max-width:650px; margin:18px 0 12px; font-size:38px; line-height:1.08; color:white; }
.home-hero-copy p { max-width:610px; margin:0; color:#dbeafe; font-weight:600; font-size:16px; line-height:1.55; }
.home-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:24px; }
.home-primary,.home-secondary { border:0; border-radius:14px; padding:12px 16px; color:white; cursor:pointer; font-weight:700; }
.home-primary { background:linear-gradient(135deg,#16a34a,#22c55e); box-shadow:0 14px 30px rgba(22,163,74,.28); }
.home-secondary { background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.20); }
.home-hero-panel { border:1px solid rgba(219,228,240,.95); border-radius:24px; padding:22px; background:rgba(255,255,255,.92); box-shadow:0 18px 42px rgba(15,23,42,.10); display:flex; flex-direction:column; justify-content:center; gap:12px; }
.home-hero-panel img { width:190px; max-width:100%; margin-bottom:8px; }
.home-panel-line { display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid #e2e8f0; border-radius:14px; padding:13px 14px; background:#f8fafc; }
.home-panel-line span,.home-section-head p { color:#344054; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.home-panel-line strong { color:#0f172a; font-size:22px; }
.home-section { background:rgba(255,255,255,.90); border:1px solid rgba(219,228,240,.95); border-radius:22px; box-shadow:0 14px 34px rgba(15,23,42,.08); }
.home-section { padding:20px; margin-bottom:18px; }
.home-section-head { display:flex; justify-content:space-between; gap:14px; align-items:flex-start; margin-bottom:14px; }
.home-section-head h3 { margin:0; color:#0f172a; font-size:18px; }
.home-section-head p { margin:5px 0 0; }
.home-section-head a,.home-link-btn { color:#2563eb; text-decoration:none; font-weight:700; white-space:nowrap; }
.home-link-btn { border:1px solid #bfdbfe; border-radius:8px; background:#eff6ff; padding:8px 12px; cursor:pointer; font:inherit; }
.home-link-btn:hover { background:#dbeafe; }
.home-tech-radar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.home-tech-card,.home-tech-empty { min-height:190px; border:1px solid #d7e1ee; border-radius:8px; background:linear-gradient(180deg,#ffffff,#f8fbff); padding:16px; box-shadow:0 12px 28px rgba(15,23,42,.07); }
.home-tech-card { position:relative; display:flex; flex-direction:column; gap:10px; overflow:hidden; }
.home-tech-card:before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:#2563eb; }
.home-tech-empty { display:flex; align-items:center; color:#526177; font-weight:700; }
.home-tech-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.home-tech-card-head b { flex:0 0 auto; min-width:34px; height:28px; border-radius:7px; display:grid; place-items:center; background:#0f172a; color:#fff; font-size:12px; }
.home-tech-meta,.home-tech-tags { display:flex; flex-wrap:wrap; gap:6px; }
.home-tech-meta span { padding:4px 7px; border-radius:6px; background:#dbeafe; color:#1d4ed8; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.03em; }
.home-tech-meta span:nth-child(2) { background:#dcfce7; color:#15803d; }
.home-tech-meta span:last-child { background:#fef3c7; color:#92400e; }
.home-tech-card strong { display:block; color:#0f172a; font-size:15px; line-height:1.35; }
.home-tech-card p { margin:0; color:#27364a; font-size:12px; font-weight:650; line-height:1.55; }
.home-tech-tags em { padding:4px 7px; border-radius:6px; background:#edf2f7; color:#475569; font-size:10px; font-style:normal; font-weight:700; }
.home-tech-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding-top:10px; border-top:1px solid #e2e8f0; }
.home-tech-foot small { min-width:0; overflow:hidden; color:#64748b; font-size:11px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.home-tech-foot a { flex:0 0 auto; color:#2563eb; font-size:12px; font-weight:800; text-decoration:none; }
.home-tech-foot a:hover { text-decoration:underline; }
.home-operation-alerts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.home-operation-alert,.home-operation-empty { min-height:92px; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px; border:1px solid #dce5f0; border-radius:10px; background:#fff; }
.home-operation-alert > div { min-width:0; padding-left:15px; position:relative; }
.home-operation-dot { position:absolute; top:4px; left:0; width:7px; height:7px; border-radius:50%; background:#3b82f6; }
.home-operation-alert strong { display:block; color:#172033; font-size:13px; }
.home-operation-alert p { margin:5px 0 0; color:#596980; font-size:11px; font-weight:600; line-height:1.4; }
.home-operation-alert button { flex:0 0 auto; border:1px solid #cbdcf4; border-radius:8px; padding:7px 9px; background:#f7fbff; color:#255fc1; font:inherit; font-size:11px; font-weight:800; cursor:pointer; }
.home-operation-alert.warning { border-color:#f4d49c; background:#fffdfa; }.home-operation-alert.warning .home-operation-dot { background:#f59e0b; }
.home-operation-alert.danger { border-color:#f2c3bf; background:#fffafa; }.home-operation-alert.danger .home-operation-dot { background:#dc2626; }
.home-operation-alert.success { border-color:#bde6c8; background:#fbfffc; }.home-operation-alert.success .home-operation-dot { background:#16a34a; }
.home-operation-empty { color:#64748b; font-size:12px; font-weight:700; }
.home-sector-list { display:grid; gap:10px; }
.home-sector-list details { border:1px solid #dbeafe; border-radius:16px; background:#f8fafc; overflow:hidden; box-shadow:0 10px 24px rgba(15,23,42,.05); }
.home-sector-list details[open] { border-color:#93c5fd; background:#ffffff; }
.home-sector-list summary { list-style:none; cursor:pointer; padding:16px 132px 16px 18px; position:relative; background:linear-gradient(180deg,#ffffff,#f1f7ff); }
.home-sector-list summary::-webkit-details-marker { display:none; }
.home-sector-list summary:before { content:"Detayi ac"; position:absolute; right:48px; top:50%; transform:translateY(-50%); color:#2563eb; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.home-sector-list details[open] summary:before { content:"Detayi kapat"; color:#16a34a; }
.home-sector-list summary:after { content:"+"; position:absolute; right:16px; top:50%; transform:translateY(-50%); width:24px; height:24px; border-radius:999px; display:grid; place-items:center; color:#2563eb; background:#dbeafe; font-weight:700; }
.home-sector-list details[open] summary:after { content:"-"; background:#dcfce7; color:#16a34a; }
.home-sector-list span { color:#344054; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.home-sector-list strong { display:block; margin-top:5px; color:#0f172a; font-size:16px; line-height:1.25; }
.home-sector-list p { margin:0; padding:2px 18px 14px; color:#27364a; line-height:1.65; font-size:13px; font-weight:600; }
.home-sector-list details > a { display:inline-block; margin:0 18px 18px; color:#2563eb; text-decoration:none; font-weight:700; }
@media(max-width:1180px) { .home-hero { grid-template-columns:1fr; } }
@media(max-width:980px) { .home-tech-radar { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:680px) { .home-hero-copy { padding:24px; min-height:260px; background:linear-gradient(135deg,rgba(2,6,23,.94),rgba(0,84,166,.90)); } .home-hero-copy h2 { font-size:28px; } .home-tech-radar,.home-operation-alerts { grid-template-columns:1fr; } .home-sector-list summary { padding-right:56px; } .home-sector-list summary:before { display:none; } }


/* GiriÅŸ paneli */
#loginOverlay { position:fixed; inset:0; z-index:20000; display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at 20% 20%,rgba(6,182,212,.22),transparent 30%),linear-gradient(135deg,#06142d,#0f172a 55%,#0054a6); padding:24px; }
#loginOverlay[hidden] { display:none !important; }
.login-card { width:min(420px,100%); background:rgba(255,255,255,.96); border:1px solid rgba(219,228,240,.9); border-radius:28px; padding:30px; box-shadow:0 30px 90px rgba(0,0,0,.35); text-align:center; }
.login-mark { background:#06142d; color:white; border-radius:22px; padding:18px; font-size:30px; font-weight:700; letter-spacing:1px; margin-bottom:16px; }
.login-card h2 { margin:0; color:#0f172a; font-size:24px; }
.login-card p { margin:8px 0 20px; color:#344054; font-weight:700; }
.login-card input { width:100%; border:1px solid #dbe4f0; border-radius:16px; padding:13px 15px; margin-bottom:12px; font-size:15px; font-weight:700; background:#f8fafc; }
.login-card button { width:100%; border:0; border-radius:16px; padding:13px 15px; font-size:15px; font-weight:700; color:white; cursor:pointer; background:linear-gradient(135deg,var(--blue),var(--cyan)); box-shadow:0 14px 32px rgba(37,99,235,.28); }
.login-error { display:none; margin-top:12px; color:#dc2626; font-weight:700; }
.login-captcha {
  display:grid;
  grid-template-columns:1fr 110px;
  gap:10px;
  align-items:center;
  margin-bottom:12px;
  text-align:left;
}
.login-captcha label {
  color:#1f2937;
  font-size:13px;
  font-weight:700;
}
.login-captcha input { margin-bottom:0; text-align:center; }
.login-remember {
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 14px;
  color:#1f2937;
  font-size:13px;
  font-weight:700;
  text-align:left;
}
.login-remember input {
  width:auto;
  margin:0;
}

/* Seçili ürün reçetesi / teklif alanı */
.select-check { width:20px; height:20px; accent-color:var(--green); cursor:pointer; }
.quote-actions { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.pill.green { background:linear-gradient(135deg,var(--green),#22c55e); color:white; border-color:transparent; }
.pill.blue { background:linear-gradient(135deg,#2563eb,#38bdf8); color:white; border-color:transparent; }
.pill.orange { background:linear-gradient(135deg,var(--orange),#f59e0b); color:white; border-color:transparent; }
.pill.red { background:linear-gradient(135deg,#dc2626,#f97316); color:white; border-color:transparent; }
#quoteModal { display:none; position:fixed; inset:0; background:rgba(15,23,42,.78); z-index:9999; overflow:auto; padding:26px; }
#quoteModal.show { display:block; }
.quote-toolbar { max-width:1120px; margin:0 auto 14px; display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
.quote-paper { max-width:1120px; margin:0 auto; background:white; color:#111827; border-radius:18px; box-shadow:0 28px 90px rgba(0,0,0,.35); overflow:hidden; }
.quote-head { padding:28px 34px; display:flex; justify-content:space-between; gap:24px; align-items:flex-start; border-bottom:4px solid #0054a6; background:linear-gradient(135deg,#ffffff,#f8fbff); }
.quote-logo-box {
  background:#020617;
  border-radius:16px;
  padding:18px 22px;
  min-width:260px;
  box-shadow:0 12px 30px rgba(15,23,42,.18);
}
.quote-logo-box img {
  width:240px;
  max-width:100%;
  display:block;
  filter:none !important;
  opacity:1 !important;
}
.company-info { text-align:right; font-size:12px; line-height:1.55; color:#1f2937; }
.company-info strong { display:block; color:#0f172a; font-size:16px; margin-bottom:5px; }
.quote-title { padding:22px 34px 8px; display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.quote-title h2 { margin:0; font-size:25px; color:#0f172a; }
.quote-manual-form { margin-top:14px; padding-top:14px; border-top:1px solid #dbe4f0; }
.quote-manual-form h4 { margin:0 0 10px; color:#0f172a; font-size:14px; }
.quote-manual-form label { display:grid; gap:5px; color:#334155; font-size:11px; font-weight:800; }
.quote-manual-form label + label { margin-top:9px; }
.quote-manual-form input { min-width:0; width:100%; height:36px; border:1px solid #cbd5e1; border-radius:8px; padding:0 10px; color:#0f172a; font:inherit; font-size:13px; font-weight:700; }
.quote-manual-form-row { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:9px; }
.quote-manual-form-row label + label { margin-top:0; }
.quote-manual-actions { display:flex; gap:8px; margin-top:12px; }
.quote-manual-actions .pill { flex:1; min-height:36px; padding:0 10px; white-space:nowrap; }
.quote-meta { display:grid; grid-template-columns:repeat(2,minmax(130px,1fr)); gap:8px; font-size:13px; }
.quote-meta div { background:#f8fafc; border:1px solid #e2e8f0; border-radius:10px; padding:8px 10px; }
.quote-body { padding:18px 34px 30px; }
.quote-table-wrap { overflow:auto; border:1px solid #e2e8f0; border-radius:14px; }
.quote-table { width:100%; border-collapse:collapse; font-size:12px; }
.quote-table th { background:#0f172a; color:white; padding:10px; text-align:left; white-space:nowrap; }
.quote-table td { padding:9px 10px; border-bottom:1px solid #e2e8f0; vertical-align:top; }
.quote-table .num { text-align:right; white-space:nowrap; }
.quote-remove { background:#fee2e2; color:#991b1b; border:0; border-radius:8px; padding:6px 9px; cursor:pointer; font-weight:700; }
.quote-select { width:18px; height:18px; accent-color:var(--green); cursor:pointer; }
.quote-summary { margin-top:18px; display:flex; justify-content:flex-end; }
.quote-summary-box { min-width:310px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:16px; padding:16px; }
.quote-summary-row { display:flex; justify-content:space-between; padding:7px 0; border-bottom:1px dashed #cbd5e1; font-weight:700; }
.quote-summary-row:last-child { border-bottom:0; font-size:18px; color:#0054a6; }
.quote-note { margin-top:20px; color:#344054; font-size:12px; line-height:1.5; }
.quote-validity-note { margin-top:16px; border:1px solid #bfdbfe; background:#eff6ff; color:#1e3a8a; border-radius:12px; padding:11px 13px; font-size:13px; font-weight:700; line-height:1.35; }
.empty-quote { padding:45px; text-align:center; color:#344054; font-weight:700; }

/* Reçete kârlılık ve satış fiyatı paneli */
.quote-profit-panel { margin:0 0 16px; background:linear-gradient(135deg,#0f172a,#1e3a8a 55%,#0891b2); color:white; border-radius:18px; padding:18px; box-shadow:0 16px 44px rgba(15,23,42,.18); }
.quote-profit-head { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; flex-wrap:wrap; margin-bottom:14px; }
.quote-profit-head h3 { margin:0; font-size:18px; }
.quote-profit-head p { margin:5px 0 0; color:#dbeafe; font-size:12px; font-weight:600; }
.quote-profit-controls { display:flex; gap:9px; flex-wrap:wrap; align-items:center; }
.quote-profit-controls label { background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); border-radius:13px; padding:8px 10px; font-size:12px; font-weight:700; }
.quote-profit-controls input { width:76px; margin-left:6px; border:0; border-radius:10px; padding:7px; text-align:center; font-weight:700; }
.quote-profit-controls button { border:0; border-radius:12px; padding:9px 12px; font-weight:700; cursor:pointer; color:#0f172a; background:white; }
.quote-profit-grid { display:grid; grid-template-columns:repeat(5,minmax(140px,1fr)); gap:10px; }
.quote-profit-card { background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.20); border-radius:15px; padding:12px; }
.quote-profit-card small { display:block; color:#dbeafe; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.quote-profit-card strong { display:block; margin-top:6px; font-size:19px; color:white; }
.quote-profit-card.warn strong { color:#fde68a; }
.quote-qty-input { width:78px; border:1px solid #bfdbfe; background:#eff6ff; color:#0f172a; border-radius:10px; padding:7px 8px; text-align:right; font-weight:700; }
.quote-price-input { width:105px; border:1px solid #bfdbfe; background:#eff6ff; color:#0f172a; border-radius:10px; padding:7px 8px; text-align:right; font-weight:700; }
.quote-discount-chip { display:inline-block; background:#ecfeff; border:1px solid #a5f3fc; color:#155e75; border-radius:999px; padding:5px 8px; font-weight:700; }
@media(max-width:1050px){ .quote-profit-grid{grid-template-columns:repeat(2,1fr)} }



.quote-modal-layout { max-width:1620px; margin:0 auto; display:grid; grid-template-columns:minmax(760px,1fr) 300px 260px; gap:14px; align-items:start; }
.quote-modal-layout .quote-paper { margin:0; width:100%; max-width:1120px; }
.quote-side-panel,.quote-market-panel { position:sticky; top:72px; background:rgba(255,255,255,.96); border:1px solid #dbe4f0; border-radius:22px; padding:18px; box-shadow:0 24px 70px rgba(0,0,0,.25); color:#0f172a; }
.quote-side-panel h3 { margin:0 0 6px; font-size:18px; }
.quote-side-panel p { margin:0 0 14px; color:#344054; font-size:12px; line-height:1.45; font-weight:600; }
.side-card { background:#f8fafc; border:1px solid #e2e8f0; border-radius:16px; padding:12px; margin-bottom:10px; }
.side-card small { display:block; color:#344054; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.side-card strong { display:block; margin-top:6px; font-size:20px; color:#0f172a; }
.side-card.profit strong { color:#16a34a; }
.side-card.warn strong { color:#dc2626; }
.quote-loss-alert { display:grid; gap:3px; margin-top:10px; padding:10px 11px; border:1px solid #f2c3bf; border-radius:10px; background:#fff5f4; color:#991b1b; }
.quote-loss-alert strong { font-size:12px; }.quote-loss-alert span { font-size:11px; font-weight:700; line-height:1.35; }
.side-field { margin-top:12px; }
.side-field label { display:block; font-size:12px; color:#1f2937; font-weight:700; margin-bottom:6px; }
.side-field input { width:100%; border:1px solid #cbd5e1; border-radius:13px; padding:11px 12px; font-size:16px; font-weight:700; text-align:right; background:white; }
.quote-customer-card { display:grid; gap:10px; padding:13px; margin-bottom:14px; border:1px solid #dbe7f7; border-radius:14px; background:linear-gradient(180deg,#f8fbff,#ffffff); box-shadow:0 8px 22px rgba(37,99,235,.07); }
.quote-customer-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.quote-customer-card-head strong { display:block; color:#172033; font-size:14px; }
.quote-customer-card-head small { display:block; margin-top:2px; color:#64748b; font-size:10px; font-weight:700; }
.quote-customer-card-head > span { padding:4px 7px; border-radius:999px; color:#52637c; background:#eef3fa; font-size:10px; font-weight:800; }
.quote-customer-card .side-field.customer { margin:0; }
.quote-customer-card .side-field label { color:#475569; font-size:10px; letter-spacing:.03em; text-transform:uppercase; }
.quote-customer-card .side-field input { height:40px; padding:0 11px; border-radius:9px; color:#172033; font-size:13px; text-align:left; background:#fff; }
.quote-customer-card .side-field input::placeholder { color:#94a3b8; font-weight:600; }
.quote-customer-picker { position:relative; z-index:4; }
.quote-customer-picker input { padding-right:34px !important; background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%) !important; background-position:calc(100% - 16px) 17px,calc(100% - 11px) 17px !important; background-size:5px 5px,5px 5px !important; background-repeat:no-repeat !important; }
.quote-customer-suggestions { position:absolute; z-index:20; top:calc(100% + 5px); left:0; right:0; max-height:244px; overflow:auto; padding:5px; border:1px solid #d5e2f4; border-radius:10px; background:#fff; box-shadow:0 16px 35px rgba(15,23,42,.18); }
.quote-customer-option { display:block; width:100%; padding:9px 10px; border:0; border-radius:7px; background:transparent; color:#172033; text-align:left; cursor:pointer; }
.quote-customer-option:hover,.quote-customer-option:focus { outline:0; background:#edf5ff; }
.quote-customer-option strong { display:block; overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.quote-customer-option small { display:block; overflow:hidden; margin-top:3px; color:#64748b; font-size:10px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.quote-customer-empty { padding:10px; color:#64748b; font-size:11px; font-weight:600; line-height:1.4; }
.quote-customer-actions { display:flex; gap:8px; }
.quote-customer-actions button { flex:1; min-height:36px; border:0; border-radius:9px; padding:8px 10px; color:#fff; background:linear-gradient(135deg,#2563eb,#38bdf8); font:inherit; font-size:12px; font-weight:800; cursor:pointer; }
.quote-customer-actions .quote-customer-save { color:#166534; background:#effaf2; border:1px solid #b7e3c1; }
.side-field input:focus { outline:3px solid #dbeafe; border-color:#2563eb; }
.side-help { margin-top:10px; padding:10px; border-radius:14px; background:#eff6ff; color:#1e40af; font-size:12px; font-weight:700; line-height:1.45; }
.side-buttons { display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; }
.side-mini-btn { border:0; border-radius:12px; padding:9px 10px; font-weight:700; cursor:pointer; color:white; background:linear-gradient(135deg,#2563eb,#06b6d4); }
.side-mini-btn.gray { background:linear-gradient(135deg,#344054,#94a3b8); }
.market-panel { margin-top:14px; border-top:1px solid #e2e8f0; padding-top:14px; }
.quote-market-panel { display:flex; flex-direction:column; min-height:calc(100vh - 100px); max-height:calc(100vh - 100px); overflow:hidden; }
.market-head { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; margin-bottom:10px; }
.market-head h4 { margin:0; font-size:14px; color:#0f172a; }
.market-head p { margin:3px 0 0; font-size:11px; color:#344054; font-weight:700; }
.market-head button { border:0; border-radius:11px; padding:8px 10px; color:white; cursor:pointer; font-weight:700; background:linear-gradient(135deg,#0f766e,#14b8a6); }
.market-content { display:grid; gap:8px; max-height:260px; overflow:auto; padding-right:3px; }
.quote-market-panel .market-content { flex:1 1 auto; max-height:none; align-content:start; }
.market-row { background:#f8fafc; border:1px solid #e2e8f0; border-radius:13px; padding:0; overflow:hidden; }
.market-row[open] { background:white; border-color:#bfdbfe; }
.market-row summary { list-style:none; cursor:pointer; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 10px; align-items:center; padding:10px 34px 10px 10px; position:relative; }
.market-row summary::-webkit-details-marker { display:none; }
.market-row summary:after { content:"+"; position:absolute; right:10px; top:50%; transform:translateY(-50%); width:18px; height:18px; border-radius:999px; display:grid; place-items:center; background:#dbeafe; color:#2563eb; font-size:13px; font-weight:700; }
.market-row[open] summary:after { content:"-"; background:#dcfce7; color:#16a34a; }
.market-row summary > strong { color:#0f172a; font-size:13px; white-space:nowrap; }
.market-row summary > small { grid-column:1 / -1; color:#344054; font-size:10px; font-weight:700; }
.market-title { color:#0f172a; font-size:12px; line-height:1.3; font-weight:700; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.market-query { color:#344054; font-size:10px; line-height:1.3; font-weight:700; margin:-3px 0 7px; overflow-wrap:anywhere; }
.market-rate { color:#27364a; font-size:10px; font-weight:700; margin:-2px 0 8px; }
.market-price { display:flex; justify-content:space-between; align-items:baseline; gap:8px; margin-bottom:8px; }
.market-price strong { color:#0f172a; font-size:15px; }
.market-price span { color:#344054; font-size:11px; font-weight:700; }
.market-source-ranges { display:grid; gap:5px; margin:0; padding:2px 10px 8px; }
.market-source-range { display:flex; justify-content:space-between; gap:8px; border-top:1px dashed #dbe4f0; padding-top:5px; color:#344054; font-size:10px; font-weight:700; }
.market-source-range strong { color:#0f172a; text-align:right; overflow-wrap:anywhere; }
.market-links { display:flex; gap:6px; flex-wrap:wrap; padding:0 10px 10px; }
.market-links a { text-decoration:none; color:#1d4ed8; background:#eff6ff; border:1px solid #bfdbfe; border-radius:999px; padding:4px 7px; font-size:11px; font-weight:700; }
.market-empty { color:#344054; background:#f8fafc; border:1px dashed #cbd5e1; border-radius:13px; padding:12px; font-size:12px; line-height:1.4; font-weight:700; }
@media(max-width:1400px){ .quote-modal-layout{grid-template-columns:1fr;} .quote-side-panel,.quote-market-panel{position:static; order:-1;} }

/* =========================================================
   REÇETE TABLOSU + PDF / PRINT - TEK VE TEMİZ BLOK
   ========================================================= */
.quote-modal-layout {
  max-width: 1620px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(760px, 1fr) 300px 260px;
  gap: 14px;
  align-items: start;
}

.quote-modal-layout .quote-paper {
  margin: 0;
  width: 100%;
  max-width: 1120px;
}

.quote-table-wrap {
  width: 100%;
  overflow-x: hidden !important;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
}

.quote-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  font-size: 12px;
}

.quote-table th,
.quote-table td {
  vertical-align: middle !important;
  overflow: hidden;
  text-overflow: clip;
  text-align: center;
}

.quote-table th {
  background: #0f172a;
  color: #fff;
  min-height: 38px;
  padding: 8px 6px;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
  line-height: 1.18;
  font-size: 10px;
  font-weight: 900;
}

.quote-table td {
  padding: 8px 8px;
  border-bottom: 1px solid #e2e8f0;
  font-weight: 800;
  white-space: nowrap;
}

/* Ekranda 10 kolon var: Seç, #, Ürün, Kod, Birim, İsk. Fiyat, İskonto, Adet, Toplam, İşlem */
.quote-table th:nth-child(1), .quote-table td:nth-child(1) { width: 40px; text-align: center; }
.quote-table th:nth-child(2), .quote-table td:nth-child(2) { width: 36px; text-align: center; }
.quote-table th:nth-child(3), .quote-table td:nth-child(3) { width: auto; min-width: 170px; text-align: left; }
.quote-table th:nth-child(4), .quote-table td:nth-child(4) { width: 92px; text-align: center; }
.quote-table th:nth-child(5), .quote-table td:nth-child(5) { width: 86px; text-align: center; }
.quote-table th:nth-child(6), .quote-table td:nth-child(6) { width: 92px; text-align: center; }
.quote-table th:nth-child(7), .quote-table td:nth-child(7) { width: 74px; text-align: center; }
.quote-table th:nth-child(8), .quote-table td:nth-child(8) { width: 68px; text-align: center; }
.quote-table th:nth-child(9), .quote-table td:nth-child(9) { width: 98px; text-align: center; }
.quote-table th:nth-child(10), .quote-table td:nth-child(10) { width: 58px; text-align: center; }

.quote-table td:nth-child(1),
.quote-table td:nth-child(2),
.quote-table td:nth-child(5),
.quote-table td:nth-child(6),
.quote-table td:nth-child(7),
.quote-table td:nth-child(8),
.quote-table td:nth-child(9),
.quote-table td:nth-child(10) {
  overflow: visible;
  text-overflow: clip;
  padding-left: 5px;
  padding-right: 5px;
}

.quote-table td:nth-child(4) {
  text-overflow: ellipsis;
}

.quote-table td b {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quote-price-input {
  width: 68px !important;
  max-width: 68px !important;
  height: 32px;
  border: 1px solid #bfdbfe;
  background: #eff6ff;
  color: #0f172a;
  border-radius: 10px;
  padding: 6px 8px;
  text-align: center !important;
  font-weight: 900;
  box-sizing: border-box;
}

.quote-price-input.qty {
  width: 48px !important;
  max-width: 48px !important;
}
.quote-price-input.discount {
  width: 54px !important;
  max-width: 54px !important;
}
.quote-price-input.discounted {
  width: 72px !important;
  max-width: 72px !important;
  border-color:#bbf7d0;
  background:#f0fdf4;
  color:#166534;
}
.quote-price-input::-webkit-outer-spin-button,
.quote-price-input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.quote-price-input[type=number] {
  -moz-appearance: textfield;
}

.quote-remove {
  white-space: nowrap;
}

/* Sol makine menüsü işlem butonları */
.machine-nav { justify-content: space-between; gap: 8px; }
.add-machine-nav { color:#ffffff; background:rgba(124,58,237,.16); border-color:rgba(167,139,250,.32); }
.machine-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.machine-actions { display: flex; gap: 4px; opacity: 1; transition: .2s; flex:0 0 auto; }
.machine-actions button {
  border: 1px solid rgba(255,255,255,.14);
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 7px;
  padding: 0;
  cursor: pointer;
  background: rgba(255,255,255,.14);
  color: white;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.machine-actions button:hover { background: rgba(255,255,255,.28); }

/* PDF / Yazdırma */
@media print {
  @page {
    size: A4 portrait;
    margin: 8mm;
  }

  /* Tarayıcının PDF önizlemesini gereksiz görsel efektlerden arındırır. */
  body.print-mode *,
  body.print-mode *::before,
  body.print-mode *::after {
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    transition: none !important;
    animation: none !important;
  }

  html,
  body {
    width: 210mm !important;
    min-height: 297mm !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: white !important;
  }

  body {
    display: block !important;
    height: auto !important;
  }

  body * {
    visibility: hidden !important;
  }

  #quoteModal,
  #quoteModal * {
    visibility: visible !important;
  }

  #quoteModal {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    min-height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: white !important;
    overflow: visible !important;
  }

  .quote-toolbar,
  .quote-side-panel,
  .quote-market-panel,
  .quote-remove,
  .quote-select,
  .quote-select-head,
  .quote-note {
    display: none !important;
  }

  .quote-modal-layout {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .quote-paper {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    transform: none !important;
    zoom: 1 !important;
  }

  .quote-head {
    padding: 10px 18px 12px !important;
    border-bottom: 3px solid #0054a6 !important;
  }

  .quote-logo-box {
    min-width: 200px !important;
    padding: 8px 12px !important;
    border-radius: 10px !important;
  }

  .quote-logo-box img {
    width: 190px !important;
  }

  .company-info {
    font-size: 9px !important;
    line-height: 1.35 !important;
  }

  .company-info strong {
    font-size: 12px !important;
  }

  .quote-title {
    padding: 12px 18px 8px !important;
  }

  .quote-title h2 {
    font-size: 19px !important;
  }

  .quote-title p {
    font-size: 11px !important;
    margin: 4px 0 0 !important;
  }

  .quote-meta {
    grid-template-columns: repeat(2, 110px) !important;
    gap: 5px !important;
    font-size: 9px !important;
  }

  .quote-meta div {
    padding: 5px 7px !important;
    border-radius: 7px !important;
  }

  .quote-body {
    padding: 10px 18px 12px !important;
  }

  .quote-table-wrap {
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  .quote-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    font-size: 10px !important;
  }

  .quote-table th,
  .quote-table td {
    padding: 5px 6px !important;
    line-height: 1.22 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: middle !important;
    text-align: center !important;
  }

  /* Print'te checkbox ve işlem kolonu yok. Kalan kolonlar: #, Ürün, Kod, Birim, İsk. Fiyat, İskonto, Adet, Toplam */
  .quote-table th:nth-child(1), .quote-table td:nth-child(1),
  .quote-table th:nth-child(10), .quote-table td:nth-child(10) {
    display: none !important;
  }

  .quote-table th:nth-child(2), .quote-table td:nth-child(2) { width: 28px !important; text-align: center !important; }
  .quote-table th:nth-child(3), .quote-table td:nth-child(3) { width: auto !important; text-align: left !important; }
  .quote-table th:nth-child(4), .quote-table td:nth-child(4) { width: 74px !important; text-align: center !important; }
  .quote-table th:nth-child(5), .quote-table td:nth-child(5) { width: 62px !important; text-align: center !important; }
  .quote-table th:nth-child(6), .quote-table td:nth-child(6) { width: 68px !important; text-align: center !important; }
  .quote-table th:nth-child(7), .quote-table td:nth-child(7) { width: 50px !important; text-align: center !important; }
  .quote-table th:nth-child(8), .quote-table td:nth-child(8) { width: 42px !important; text-align: center !important; }
  .quote-table th:nth-child(9), .quote-table td:nth-child(9) { width: 74px !important; text-align: center !important; }

  .quote-price-input {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    text-align: center !important;
    color: #0f172a !important;
  }

  .quote-summary {
    margin-top: 12px !important;
    justify-content: flex-end !important;
  }

  .quote-summary-box {
    min-width: 260px !important;
    max-width: 280px !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
  }

  .quote-summary-row {
    padding: 4px 0 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  .quote-summary-row:last-child {
    font-size: 13px !important;
  }
}
.btn-delete {
  background: linear-gradient(135deg,#dc2626,#ef4444);
}

.pill.danger {
  background: linear-gradient(135deg,#dc2626,#ef4444);
  color: white;
}


/* =========================================================
   ANA MAKÄ°NE TABLOSU - STABÄ°L SON DÃœZEN
   Bu blok sadece ana ürün tablosunu düzeltir.
   Reçete/PDF tablolarına dokunmaz.
   ========================================================= */

#machine .table-shell {
  overflow-x: auto !important;
  overflow-y: visible !important;
  border-radius: 24px !important;
}

/* Tarayıcı yakınlaştırıldığında tablo, sayfayı taşırmadan kendi içinde kayar. */
@media (max-width:1300px){
  #machine .table-shell{max-height:calc(100dvh - 270px);overflow:auto !important;}
}

#machine table:not(.quote-table) {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  font-size: 12px !important;
}

#machine table:not(.quote-table) th,
#machine table:not(.quote-table) td {
  height: 48px !important;
  padding: 8px 9px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
}

#machine table:not(.quote-table) th {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .035em !important;
  text-align: left !important;
}

/* 1 - Toplu seçim checkbox */
#machine table:not(.quote-table) th:nth-child(1),
#machine table:not(.quote-table) td:nth-child(1) {
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  text-align: center !important;
}

#machine table:not(.quote-table) input.row-delete-check,
#machine table:not(.quote-table) #selectAllRows {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  accent-color: var(--green) !important;
  margin: 0 !important;
}

/* 2 - Reçete/Ekle */
#machine table:not(.quote-table) th:nth-child(2),
#machine table:not(.quote-table) td:nth-child(2) {
  width: 85px !important;
  min-width: 85px !important;
  max-width: 90px !important;
  text-align: center !important;
}

/* 3 - S.N */
#machine table:not(.quote-table) th:nth-child(3),
#machine table:not(.quote-table) td:nth-child(3) {
  width: 45px !important;
  min-width: 45px !important;
  max-width: 70px !important;
  text-align: center !important;
}

/* 4 - Ürün Açıklaması */
#machine table:not(.quote-table) th:nth-child(4),
#machine table:not(.quote-table) td:nth-child(4) {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  text-align: left !important;
}

/* 5 - Marka */
#machine table:not(.quote-table) th:nth-child(5),
#machine table:not(.quote-table) td:nth-child(5) {
  width: 90px !important;
  min-width: 90px !important;
  max-width: 110px !important;
}

/* 6 - Ãœretici No */
#machine table:not(.quote-table) th:nth-child(6),
#machine table:not(.quote-table) td:nth-child(6) {
  width: 135px !important;
  min-width: 135px !important;
  max-width: 135px !important;
}

/* 7 - SipariÅŸ Kodu */
#machine table:not(.quote-table) th:nth-child(7),
#machine table:not(.quote-table) td:nth-child(7) {
  width: 105px !important;
  min-width: 105px !important;
  max-width: 125px !important;
}

/* 8 - Birim Fiyat */
#machine table:not(.quote-table) th:nth-child(8),
#machine table:not(.quote-table) td:nth-child(8) {
  width: 105px !important;
  min-width: 105px !important;
  max-width: 125px !important;
  text-align: right !important;
}

/* 9 - Birimi */
#machine table:not(.quote-table) th:nth-child(9),
#machine table:not(.quote-table) td:nth-child(9) {
  width: 50px !important;
  min-width: 50px !important;
  max-width: 80px !important;
  text-align: center !important;
}

/* 10 - Ä°skonto */
#machine table:not(.quote-table) th:nth-child(10),
#machine table:not(.quote-table) td:nth-child(10) {
  width: 90px !important;
  min-width: 90px !important;
  max-width: 100px !important;
  text-align: right !important;
}

/* 11 - Ä°skontolu EUR */
#machine table:not(.quote-table) th:nth-child(11),
#machine table:not(.quote-table) td:nth-child(11) {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  text-align: right !important;
}

/* 12 - Liste EUR */
#machine table:not(.quote-table) th:nth-child(12),
#machine table:not(.quote-table) td:nth-child(12) {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  text-align: right !important;
}

/* 13 - Adet */
#machine table:not(.quote-table) th:nth-child(13),
#machine table:not(.quote-table) td:nth-child(13) {
  width: 70px !important;
  min-width: 70px !important;
  max-width: 70px !important;
  text-align: center !important;
}

/* 14 - Toplam EUR */
#machine table:not(.quote-table) th:nth-child(14),
#machine table:not(.quote-table) td:nth-child(14) {
  width: 115px !important;
  min-width: 115px !important;
  max-width: 125px !important;
  text-align: right !important;
}

/* 15 - Toplam TL */
#machine table:not(.quote-table) th:nth-child(15),
#machine table:not(.quote-table) td:nth-child(15) {
  width: 135px !important;
  min-width: 135px !important;
  max-width: 135px !important;
  text-align: right !important;
}

/* 16 - Ä°ÅŸlem */
#machine table:not(.quote-table) th:nth-child(16),
#machine table:not(.quote-table) td:nth-child(16) {
  width: 101px !important;
  min-width: 101px !important;
  max-width: 101px !important;
  text-align: center !important;
}

/* Input/select alanları hücreyi patlatmasın */
#machine table:not(.quote-table) input.cell,
#machine table:not(.quote-table) select.cell,
#machine table:not(.quote-table) .text-input {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 32px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;
}

#machine table:not(.quote-table) input.cell:disabled,
#machine table:not(.quote-table) select.cell:disabled {
  border-color: transparent !important;
  background: transparent !important;
  opacity: 1 !important;
  color: #0f172a !important;
}

#machine table:not(.quote-table) td:nth-child(8) input.cell,
#machine table:not(.quote-table) td:nth-child(10) input.cell,
#machine table:not(.quote-table) td:nth-child(13) input.cell {
  text-align: right !important;
}

#machine table:not(.quote-table) .calc {
  min-width: 78px !important;
  max-width: 100% !important;
  padding: 6px 8px !important;
  font-weight: 500 !important;
  text-align: right !important;
}

#machine table:not(.quote-table) .badge {
  max-width: 100% !important;
  justify-content: center !important;
}

#machine table:not(.quote-table) .action {
  display: flex !important;
  flex-direction:column !important;
  justify-content: center !important;
  align-items:stretch !important;
  gap: 6px !important;
}

#machine table:not(.quote-table) .btn-edit,
#machine table:not(.quote-table) .btn-save {
  width:100% !important;
  padding: 6px 7px !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}

#machine table:not(.quote-table) th:last-child,
#machine table:not(.quote-table) td:last-child{position:sticky;right:0;z-index:3;min-width:112px;background:#fff;box-shadow:-5px 0 10px rgba(15,23,42,.08)}
#machine table:not(.quote-table) th:last-child{z-index:5;background:linear-gradient(180deg,#f8fafc,#eef4ff)}
#machine table:not(.quote-table) tr:hover td:last-child{background:#f8fbff}

#machine table:not(.quote-table) .btn-add {
  padding: 8px 10px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

#machine table:not(.quote-table) .num {
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
  font-weight: 500 !important;
}

.login-mark {
  background: #0b1533;
  border-radius: 20px;
  padding: 15px;
  text-align: center;
}

.login-mark img {
  max-width: 225px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.sidebar-logo {
  text-align: center;
  padding: 20px 15px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.sidebar-logo img {
  width: 200px;
  height: auto;
  display: block;
  margin: 0 auto 12px auto;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,0.3));
}

.sidebar-logo small {
  display: block;
  font-size: 14px;
  color: #aab3c5;
  line-height: 1.4;
}

/* SADECE REÇETE YAZDIR - BOŞ SAYFA ENGELLİ */
@media print {

  @page {
    size: A4 portrait;
    margin: 8mm;
  }

  body.print-mode {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    background: white !important;
  }

  body.print-mode > *:not(#quoteModal) {
    display: none !important;
  }

  body.print-mode #quoteModal {
    display: block !important;
    position: static !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: white !important;
    overflow: visible !important;
  }

  body.print-mode .quote-toolbar,
  body.print-mode .quote-side-panel,
  body.print-mode .quote-market-panel,
  body.print-mode .quote-remove,
  body.print-mode .quote-select,
  body.print-mode .quote-select-head,
  body.print-mode .quote-note {
    display: none !important;
  }

  body.print-mode .quote-modal-layout {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.print-mode .quote-paper {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  body.print-mode .quote-head {
    padding: 10px 14px !important;
    background: #fff !important;
  }

  body.print-mode .quote-logo-box {
    min-width: 160px !important;
    padding: 0 !important;
    background: #fff !important;
  }

  body.print-mode .quote-logo-box img {
    width: 180px !important;
  }

  body.print-mode .quote-title {
    padding: 10px 14px 6px !important;
  }

  body.print-mode .quote-body {
    padding: 8px 14px 10px !important;
  }

  body.print-mode .quote-table {
    font-size: 9px !important;
  }

  body.print-mode .quote-table th,
  body.print-mode .quote-table td {
    padding: 4px 5px !important;
    line-height: 1.15 !important;
  }
}
.brand-toolbar {
  align-items: center;
  margin-bottom: 20px;
}

.brand-table {
  min-width: 0 !important;
}

.brand-table th,
.brand-table td {
  width: auto !important;
}

.brand-table th:nth-child(1),
.brand-table td:nth-child(1) {
  width: 45% !important;
}

.brand-table th:nth-child(2),
.brand-table td:nth-child(2) {
  width: 25% !important;
  text-align:left !important;
}

.brand-table .brand-name-input {
  text-align:left !important;
}

.brand-table th:nth-child(3),
.brand-table td:nth-child(3) {
  width: 30% !important;
}

.brand-table .btn-save {
  display: none;
}

.brand-table tr.editing .btn-save {
  display: inline-block;
}

.brand-table tr.editing .btn-edit {
  display: none;
}

/* Sadece liste alanlari kaysin; arama, istatistik ve aksiyonlar sabit kalsin. */
.main,
.content {
  min-height: 0;
}

#machine,
#brandsPage,
#quoteStatsPage,
#partsPoolPage,
#adminPage {
  height: 100%;
  min-height: 0;
  flex-direction: column;
}

#machine:not([style*="display:none"]):not([style*="display: none"]),
#brandsPage:not([style*="display:none"]):not([style*="display: none"]),
#quoteStatsPage:not([style*="display:none"]):not([style*="display: none"]),
#partsPoolPage:not([style*="display:none"]):not([style*="display: none"]),
#adminPage:not([style*="display:none"]):not([style*="display: none"]) {
  display: flex !important;
}

.content:has(#machine:not([style*="display:none"]):not([style*="display: none"])) {
  overflow: hidden;
}

#machine .stats {
  flex: 0 0 auto;
}

#machine .toolbar,
#brandsPage .toolbar,
#brandsPage h2,
#quoteStatsPage .stats-header,
#quoteStatsPage .stats-filter,
#quoteStatsPage .stats,
#partsPoolPage .stats-header,
#partsPoolPage .toolbar,
#partsPoolPage .stats,
#adminPage .stats-header {
  flex: 0 0 auto;
}

#machine .table-shell,
#brandsPage .table-shell,
#quoteStatsPage .table-shell,
#partsPoolPage .table-shell,
#adminPage .table-shell {
  flex: 1 1 auto;
  min-height: 220px;
  overflow: auto !important;
}

#machine table:not(.quote-table) th,
#brandsPage table th,
#quoteStatsPage table th,
#partsPoolPage table th,
#adminPage table th {
  position: sticky;
  top: 0;
  z-index: 5;
}

.stats-header { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:10px; }
.stats-header h2 { margin:0; color:#0f172a; font-size:22px; }
.stats-header p { margin:4px 0 0; color:#344054; font-weight:600; font-size:12px; }
.stats-filter { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:10px; }
.range-btn { border:1px solid #dbe4f0; background:white; color:#1f2937; border-radius:999px; padding:8px 12px; font-weight:700; cursor:pointer; box-shadow:0 8px 22px rgba(15,23,42,.05); }
.range-btn.active { color:white; border-color:#2563eb; background:linear-gradient(135deg,#2563eb,#06b6d4); box-shadow:0 12px 28px rgba(37,99,235,.22); }
.stats-filter label { display:flex; align-items:center; gap:7px; color:#27364a; font-size:12px; font-weight:700; }
.stats-filter input { border:1px solid #dbe4f0; border-radius:12px; padding:7px 9px; color:#0f172a; font-weight:700; background:white; }
#quoteStatsPage .cards { margin-bottom:10px; gap:10px; }
#quoteStatsPage .stat { background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.9)); border:1px solid rgba(219,228,240,.95); border-radius:14px; padding:12px 14px; box-shadow:0 12px 26px rgba(15,23,42,.06); }
#quoteStatsPage .stat small { display:block; color:#344054; font-weight:700; text-transform:uppercase; letter-spacing:.06em; font-size:10px; }
#quoteStatsPage .stat strong { display:block; margin-top:5px; color:#0f172a; font-size:21px; }
#quoteStatsPage .table-shell { min-height:0; overflow:auto !important; }
#quoteStatsPage table th { position:static; }
.stats-grid { flex:1 1 auto; min-height:0; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:10px; align-content:start; }
.stats-panel { min-height:0; display:flex; flex-direction:column; background:rgba(255,255,255,.72); border:1px solid rgba(219,228,240,.9); border-radius:14px; padding:10px; box-shadow:0 12px 26px rgba(15,23,42,.06); }
#quoteStatsPage .stats-products { grid-column:span 12; order:2; height:clamp(260px,42vh,460px); overflow:hidden; }
#quoteStatsPage .stats-panel:not(.stats-products) { grid-column:span 3; order:1; height:220px; overflow:hidden; }
.stats-panel-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; flex:0 0 auto; }
.stats-panel-head h3 { margin:0; color:#0f172a; font-size:15px; }
.stats-panel-head input { width:220px; max-width:100%; border:1px solid #dbe4f0; border-radius:11px; padding:8px 10px; font-weight:700; }
.stats-detail-btn { border:1px solid #dbe4f0; background:white; color:#2563eb; border-radius:10px; padding:7px 10px; font-size:11px; font-weight:700; cursor:pointer; }
.stats-detail-btn:hover { background:#eff6ff; border-color:#bfdbfe; }
.stats-table { width:100%; min-width:0; table-layout:fixed; }
.stats-table.compact { min-width:0; }
.stats-table th { white-space:nowrap; font-size:10px; padding:8px 9px; text-align:center; }
.stats-table td { padding:8px 9px; font-size:12px; line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.stats-table td { background:white; }
.stats-table td { text-align:center; }
.stats-table th:first-child,
.stats-table .stats-name { text-align:left; }
.stats-table .num { text-align:center; }
.stats-table .stats-name { font-weight:700; color:#0f172a; }
#quoteStatsPage .stats-panel:not(.stats-products) .table-shell { flex:1 1 auto; min-height:0; }
.stats-products .table-shell { overflow:auto !important; flex:1 1 0; min-height:0; background:white; border-radius:12px; }
.stats-products .stats-table th { position:sticky !important; top:0; z-index:3; }
.stats-detail { flex:1 1 auto; min-height:0; display:flex; flex-direction:column; background:rgba(255,255,255,.78); border:1px solid rgba(219,228,240,.9); border-radius:16px; padding:12px; box-shadow:0 12px 28px rgba(15,23,42,.07); }
.stats-detail-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:10px; flex:0 0 auto; }
.stats-detail-head h3 { margin:0; color:#0f172a; font-size:18px; }
.stats-detail-head p { margin:4px 0 0; color:#344054; font-size:12px; font-weight:700; }
.stats-detail-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.stats-detail-actions input { width:260px; max-width:100%; border:1px solid #dbe4f0; border-radius:12px; padding:9px 11px; font-weight:700; color:#0f172a; background:white; }
.stats-detail-table { flex:1 1 auto; min-height:0; overflow:auto !important; }
.stats-detail-table .stats-table th { position:sticky !important; top:0; z-index:4; }
@media(max-width:1180px){ #quoteStatsPage .stats-panel:not(.stats-products) { grid-column:span 6; } }
@media(max-width:1000px){ .stats-grid { grid-template-columns:1fr; } #quoteStatsPage .stats-products,#quoteStatsPage .stats-panel:not(.stats-products) { grid-column:1; } }
.sales-toolbar { margin-top:8px; }
.sales-filter { border:1px solid var(--line); border-radius:14px; padding:11px 13px; background:white; color:#0f172a; font-weight:700; box-shadow:0 10px 26px rgba(15,23,42,.06); }
.sales-table { min-width:1500px; }
.sales-table-shell { flex:1 1 auto; min-height:0; overflow:auto !important; }
.sales-user-select { width:100%; min-width:150px; border:1px solid #facc15; border-radius:10px; padding:7px 9px; background:#fff7d6; color:#0f172a; font-weight:700; }
.sales-table .action { gap:4px; flex-wrap:wrap; }
.sales-table .btn { border-radius:9px; padding:5px 7px; font-size:11px; line-height:1.1; }
.ship-date-cell { display:flex; align-items:center; gap:6px; justify-content:center; }
.ship-date-cell input { width:126px; border:1px solid #dbe4f0; border-radius:9px; padding:6px 7px; font-size:11px; font-weight:700; color:#0f172a; background:white; }
.sale-badge { display:inline-flex; align-items:center; justify-content:center; min-width:74px; border-radius:999px; padding:7px 10px; font-size:12px; font-weight:700; }
.sale-badge.sold { color:#166534; background:#dcfce7; border:1px solid #86efac; }
.sale-badge.open { color:#92400e; background:#fef3c7; border:1px solid #fde68a; }
#partsPoolPage { height:100%; min-height:0; display:flex; flex-direction:column; }
#partsPoolPage[style*="display:none"] { display:none !important; }
#partsPoolPage .stats {
  flex:0 0 auto;
  margin:12px 0 14px;
}
.parts-pool-table { min-width:1320px; }
.pool-price-cell { display:grid; grid-template-columns:minmax(72px,1fr) 30px; align-items:center; gap:5px; min-width:112px; }
.pool-price-cell .num-input { width:100%; min-width:0; }
.pool-history-btn,
.pool-history-close {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #cbd5e1;
  background:#fff;
  color:#2563eb;
  cursor:pointer;
  font-weight:700;
}
.pool-history-btn { width:30px; height:30px; border-radius:7px; font-size:17px; line-height:1; }
.pool-history-btn:hover { background:#eff6ff; border-color:#93c5fd; }
.pool-history-modal[hidden] { display:none !important; }
.pool-history-modal {
  position:fixed;
  inset:0;
  z-index:2600;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(15,23,42,.46);
  backdrop-filter:blur(3px);
}
.pool-history-dialog {
  width:min(940px,100%);
  max-height:min(720px,calc(100vh - 40px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #dbe4f0;
  border-radius:8px;
  background:#fff;
  box-shadow:0 28px 70px rgba(15,23,42,.24);
}
.pool-history-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:16px 18px; border-bottom:1px solid #e2e8f0; }
.pool-history-head h3 { margin:0; color:#0f172a; font-size:18px; }
.pool-history-head p { margin:4px 0 0; color:#344054; font-size:12px; font-weight:700; }
.pool-history-close { width:32px; height:32px; flex:0 0 32px; border-radius:7px; color:#27364a; font-size:22px; line-height:1; }
.pool-history-close:hover { color:#dc2626; border-color:#fca5a5; background:#fef2f2; }
.pool-history-current { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 18px; background:#f8fafc; border-bottom:1px solid #e2e8f0; color:#344054; font-size:12px; font-weight:700; }
.pool-history-current strong { color:#0f172a; font-size:18px; }
.pool-history-table-shell { min-height:180px; overflow:auto; }
.pool-history-table { width:100%; min-width:760px; border-collapse:collapse; }
.pool-history-table th { position:sticky; top:0; z-index:2; padding:10px 12px; background:#f1f5f9; color:#27364a; text-align:left; font-size:10px; text-transform:uppercase; }
.pool-history-table td { padding:11px 12px; border-top:1px solid #edf2f7; color:#1f2937; font-size:12px; vertical-align:middle; }
.pool-history-table td small { display:block; margin-top:3px; color:#344054; font-size:10px; }
.pool-history-table .num { white-space:nowrap; }
.pool-history-table .pool-history-reverted { color:#b45309; font-weight:700; }
@media(max-width:700px) {
  .pool-history-modal { padding:10px; }
  .pool-history-dialog { max-height:calc(100vh - 20px); }
}
.invoice-ai-panel {
  border:1px solid #e2e8f0;
  border-radius:8px;
  padding:14px;
  margin-bottom:12px;
  background:#fff;
}
.invoice-ai-head {
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  margin-bottom:12px;
}
.invoice-ai-head h3 { margin:0 0 4px; font-size:18px; }
.invoice-ai-head p { margin:0; color:#344054; font-weight:700; }
.invoice-ai-status {
  padding:8px 10px;
  border-radius:8px;
  background:#f1f5f9;
  color:#1f2937;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}
.invoice-ai-panel textarea {
  width:100%;
  min-height:94px;
  border:1px solid #cbd5e1;
  border-radius:8px;
  padding:11px 12px;
  resize:vertical;
  font:inherit;
  margin-bottom:12px;
}
.invoice-ai-hidden-text { display:none; }
.invoice-ai-actions { align-items:center; margin-bottom:10px; }
.invoice-ai-actions .invoice-ai-status { margin-left:auto; }
.invoice-ai-results { margin-top:10px; min-height:0; }
.invoice-ai-summary { display:flex; gap:12px; flex-wrap:wrap; padding:10px; margin:0 0 10px; border:1px solid #d7e0ee; background:#f8fbff; color:#1f2937; }
.invoice-ai-summary strong { color:#172554; }
.invoice-line-editor { margin:10px 0; padding:12px; border:1px solid #d7e0ee; background:#fff; }
.invoice-line-editor-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
.invoice-line-editor label { display:flex; flex-direction:column; gap:4px; font-size:12px; font-weight:700; color:#27364a; }
.invoice-line-editor textarea, .invoice-line-editor input, .invoice-line-editor select { width:100%; box-sizing:border-box; min-height:34px; padding:7px; border:1px solid #cbd5e1; border-radius:4px; font:inherit; color:#172554; }
.invoice-line-editor textarea { min-height:58px; resize:vertical; }
.invoice-line-editor-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:10px 0; }
@media (max-width:720px) { .invoice-line-editor-grid { grid-template-columns:1fr; } }
.invoice-ai-list { margin:0 0 10px; border:1px solid #d7e0ee; background:#fff; }
.invoice-ai-list-head { display:flex; justify-content:space-between; align-items:center; padding:8px 10px; font-weight:700; border-bottom:1px solid #d7e0ee; }
.invoice-ai-list-row { display:flex; width:100%; gap:10px; justify-content:space-between; text-align:left; padding:9px 10px; border:0; border-bottom:1px solid #eef2f7; background:#fff; cursor:pointer; color:#16213e; }
.invoice-ai-list-row:hover { background:#f5f8fc; }
.invoice-ai-list-row span { color:#344054; font-size:12px; }
.invoice-ai-table-shell {
  max-height:clamp(360px,54vh,640px);
  overflow:auto !important;
  border-radius:14px;
  box-shadow:none;
}
.invoice-ai-table { min-width:1120px; }
.invoice-ai-table select { min-width:230px; }
.invoice-ai-table th { position:sticky; top:0; z-index:4; }
.invoice-ai-table td { vertical-align:middle; }
.invoice-ai-table .icon-btn { margin:2px; min-width:58px; }
.invoice-ai-line {
  max-width:360px;
  white-space:normal !important;
  line-height:1.25 !important;
}
.invoice-ai-match {
  min-width:300px;
  text-align:left !important;
  white-space:normal !important;
}
.invoice-ai-match strong,
.invoice-ai-match small {
  display:block;
  margin-top:5px;
}
.invoice-ai-match small {
  color:#344054;
  font-size:11px;
  font-weight:700;
}
#apackAssistantPage {
  height:100%;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
#apackAssistantPage[style*="display:none"] { display:none !important; }
.assistant-invoice-panel {
  flex:0 0 auto;
  margin-bottom:12px;
}
.invoice-ai-batch-summary {
  padding:10px 14px;
  margin-bottom:10px;
  border:1px solid #c7d2fe;
  border-radius:12px;
  background:#eef2ff;
  color:#1e3a8a;
  font-weight:700;
}
#apackAssistantPage .assistant-shell {
  flex:1 1 auto;
  min-height:180px;
  height:auto;
}

.assistant-shell {
  display:flex;
  flex-direction:column;
  height:calc(100dvh - 220px);
  min-height:460px;
  background:white;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 18px 48px rgba(15,23,42,.10);
  overflow:hidden;
}
.assistant-messages {
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding:18px;
  background:#f8fafc;
}
.assistant-msg {
  width:min(760px,92%);
  margin:0 0 12px;
  padding:12px 14px;
  border-radius:14px;
  font-weight:600;
  line-height:1.45;
  white-space:pre-wrap;
}
.assistant-msg small {
  display:block;
  margin-top:7px;
  color:#344054;
  font-size:11px;
  font-weight:700;
}
.assistant-msg-bot {
  background:white;
  border:1px solid #dbe4f0;
  color:#0f172a;
}
.assistant-msg-user {
  margin-left:auto;
  color:white;
  background:#0054a6;
}
.assistant-input-row {
  display:flex;
  gap:10px;
  padding:12px;
  border-top:1px solid var(--line);
  background:white;
}
.assistant-input-row input {
  flex:1 1 auto;
  min-width:0;
  border:1px solid #dbe4f0;
  border-radius:12px;
  padding:12px 14px;
  font-weight:700;
}
.assistant-widget {
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:8500;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:12px;
  pointer-events:none;
}
.assistant-bubble {
  width:62px;
  height:62px;
  border:0;
  border-radius:50%;
  cursor:pointer;
  font-weight:700;
  background:#071a42;
  box-shadow:0 20px 50px rgba(37,99,235,.34);
  pointer-events:auto;
  padding:0;
  overflow:hidden;
  transform-origin:center bottom;
  animation:assistant-logo-hop 7s ease-in-out 2.5s infinite;
}
.assistant-widget.open .assistant-bubble { animation-play-state:paused; }
.assistant-bubble img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
@keyframes assistant-logo-hop {
  0%,78%,100% { transform:translateY(0) scale(1); }
  82% { transform:translateY(-10px) scale(1.02,.98); }
  86% { transform:translateY(0) scale(.98,1.02); }
  89% { transform:translateY(-4px) scale(1.01,.99); }
  92% { transform:translateY(0) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  .assistant-bubble { animation:none; }
}
.assistant-widget-panel {
  display:none;
  width:min(390px,calc(100vw - 28px));
  height:min(560px,calc(100dvh - 110px));
  overflow:hidden;
  border:1px solid rgba(219,228,240,.95);
  border-radius:18px;
  background:white;
  box-shadow:0 28px 80px rgba(15,23,42,.22);
  pointer-events:auto;
}
.assistant-widget.open .assistant-widget-panel { display:flex; flex-direction:column; }
.assistant-widget-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 15px;
  color:white;
  background:linear-gradient(135deg,#0f172a,#2563eb);
}
.assistant-widget-head strong { display:block; font-size:15px; }
.assistant-widget-head > div { flex:1; min-width:0; }
.assistant-widget-head small { display:block; margin-top:2px; color:#dbeafe; font-size:11px; font-weight:700; }
.assistant-widget-head button {
  width:32px;
  height:32px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:10px;
  color:white;
  background:rgba(255,255,255,.12);
  cursor:pointer;
  font-size:20px;
  line-height:1;
}
.assistant-widget-messages {
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding:14px;
  background:#f8fafc;
}
.assistant-widget-messages .assistant-msg { width:100%; font-size:13px; }
.assistant-widget-input {
  display:flex;
  gap:8px;
  padding:11px;
  border-top:1px solid #e2e8f0;
  background:white;
}
.assistant-widget-input input {
  flex:1 1 auto;
  min-width:0;
  border:1px solid #dbe4f0;
  border-radius:12px;
  padding:11px 12px;
  color:#0f172a;
  font-weight:700;
}
.assistant-widget-input button {
  border:0;
  border-radius:12px;
  padding:0 15px;
  color:white;
  cursor:pointer;
  font-weight:700;
  background:linear-gradient(135deg,#16a34a,#4ade80);
}
@media(max-width:760px){
  .assistant-widget { right:14px; bottom:76px; }
  .assistant-bubble { width:56px; height:56px; }
}
#salesPage { height:100%; min-height:0; display:flex; flex-direction:column; overflow:hidden; }
#salesPage[style*="display:none"] { display:none !important; }
#salesPage .stats-header,
#salesPage .sales-toolbar { flex:0 0 auto; }
.content:has(#salesPage:not([style*="display:none"]):not([style*="display: none"])) { overflow:hidden; }
#salesPage .stats {
  flex:0 0 auto;
  margin:12px 0 14px;
  gap:0;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(219,228,240,.95);
  border-radius:18px;
  box-shadow:0 14px 34px rgba(15,23,42,.07);
  overflow:hidden;
}
#salesPage .stat {
  min-height:86px;
  padding:16px 18px;
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border-right:1px solid #e2e8f0;
  border-top:4px solid #2563eb;
}
#salesPage .stat:nth-child(2) { border-top-color:#16a34a; }
#salesPage .stat:nth-child(3) { border-top-color:#f97316; }
#salesPage .stat:nth-child(4) { border-top-color:#7c3aed; border-right:0; }
#salesPage .stat small {
  display:block;
  color:#344054;
  font-size:11px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
}
#salesPage .stat strong {
  display:block;
  margin-top:9px;
  color:#0f172a;
  font-size:24px;
  line-height:1.1;
  font-variant-numeric:tabular-nums;
}
@media(max-width:1050px) {
  #salesPage .stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; }
  #salesPage .stat:nth-child(2) { border-right:0; }
  #salesPage .stat:nth-child(3), #salesPage .stat:nth-child(4) { border-top-width:4px; border-top-style:solid; }
}
#adminPage { height:auto; min-height:100%; overflow:visible; }
.content:has(#adminPage:not([style*="display:none"]):not([style*="display: none"])) { overflow:auto; }
.admin-stack { flex:0 0 auto; min-height:0; display:flex; flex-direction:column; gap:14px; overflow:visible; padding-bottom:18px; }
.admin-stack > .stats-panel:first-child { flex:0 0 auto; overflow:visible; }
.admin-users-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(420px,.85fr); gap:14px; align-items:start; }
.admin-editor { min-width:0; }
.admin-avatar-control { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 12px; padding:10px; border:1px solid #dbe4f0; border-radius:12px; background:#f8fbff; }
.admin-user-avatar { width:44px; height:44px; flex:0 0 44px; display:grid; place-items:center; overflow:hidden; border-radius:50%; background:#3157bf; color:white; font-weight:800; }
.admin-user-avatar img { width:100%; height:100%; object-fit:cover; }
.admin-avatar-control > div { display:grid; gap:3px; margin-right:auto; }
.admin-avatar-control strong { color:#172033; }
.admin-avatar-control small { color:#64748b; }
.admin-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:10px; align-items:center; }
.admin-form input,.admin-form select,.admin-logs-panel select { border:1px solid #dbe4f0; border-radius:12px; padding:10px 12px; font-weight:700; background:white; color:#0f172a; }
.admin-form label { display:flex; align-items:center; gap:8px; font-weight:700; color:#27364a; }
.permission-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:10px; }
.permission-grid label { background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:8px 10px; font-size:12px; font-weight:700; color:#1f2937; }
.admin-stack > .stats-panel:first-child .side-buttons { display:flex; gap:8px; justify-content:flex-end; margin-bottom:10px; }
.admin-stack > .stats-panel:first-child .side-mini-btn { width:auto; min-width:96px; }
.admin-machines-panel { flex:0 0 auto; }
.admin-mail-panel { flex:0 0 auto; }
.admin-mail-actions { display:flex; gap:8px; flex-wrap:wrap; }
.admin-mail-status { display:flex; align-items:center; gap:9px; min-height:42px; padding:10px 12px; border:1px solid #e2e8f0; border-radius:10px; background:#f8fafc; color:#27364a; }
.mail-status-dot { width:10px; height:10px; flex:0 0 10px; border-radius:50%; background:#94a3b8; box-shadow:0 0 0 4px rgba(148,163,184,.14); }
.admin-mail-status.ready { color:#166534; background:#f0fdf4; border-color:#bbf7d0; }
.admin-mail-status.ready .mail-status-dot { background:#22c55e; box-shadow:0 0 0 4px rgba(34,197,94,.14); }
.admin-mail-status.not-ready { color:#991b1b; background:#fef2f2; border-color:#fecaca; }
.admin-mail-status.not-ready .mail-status-dot { background:#ef4444; box-shadow:0 0 0 4px rgba(239,68,68,.14); }

.purchase-request-form-panel { margin-bottom:14px; }
.purchase-request-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.file-button { position:relative; overflow:hidden; cursor:pointer; }
.file-button input { position:absolute; inset:0; opacity:0; cursor:pointer; }
.purchase-request-form { display:grid; grid-template-columns:1.1fr 1.2fr .55fr 1.5fr auto; gap:10px; align-items:end; }
.purchase-request-form label { display:flex; flex-direction:column; gap:6px; min-width:0; color:#27364a; font-size:12px; font-weight:700; }
.purchase-request-form input { width:100%; min-width:0; height:39px; padding:0 11px; border:1px solid #d8e0ee; border-radius:8px; background:#fff; color:#111827; font:inherit; }
.purchase-request-table-shell { max-height:calc(100vh - 330px); min-height:260px; overflow:auto; }
.purchase-request-list-panel { padding-bottom:0; }
.purchase-request-list-panel .stats-table td { vertical-align:middle; }
.purchase-request-list-panel .icon-btn { width:30px; height:30px; }
.purchase-request-row { cursor:pointer; }
.purchase-request-row:hover td { background:#f4f7ff; }
.purchase-request-row:focus-visible { outline:2px solid #4f6cff; outline-offset:-2px; }
.row-open-hint { color:#3652b5; font-weight:700; white-space:nowrap; }
.purchase-request-detail-head .back-link { display:block; margin:0 0 7px; padding:0; border:0; background:transparent; color:#3652b5; font:inherit; font-weight:700; cursor:pointer; }
.purchase-request-detail-table-shell { max-height:calc(100vh - 270px); min-height:320px; overflow:auto; }
.received-check { display:inline-flex; align-items:center; gap:7px; white-space:nowrap; font-weight:700; color:#27364a; }
.received-check input { width:16px; height:16px; accent-color:#2ea44f; }
.purchase-spreadsheet-panel { padding:0; overflow:hidden; }
.purchase-spreadsheet-frame { max-height:calc(100vh - 245px); min-height:520px; overflow:auto; background:#edf1f6; border:1px solid #c9d2df; }
.purchase-spreadsheet { width:max-content; min-width:100%; border-collapse:collapse; background:#fff; font-family:Calibri, Arial, sans-serif; font-size:13px; }
.purchase-spreadsheet th { position:sticky; top:0; z-index:2; height:26px; padding:0 8px; border:1px solid #c9d2df; background:#e2e8f0; color:#172033; font-size:12px; text-align:center; }
.purchase-spreadsheet tbody th { left:0; z-index:1; min-width:34px; color:#526071; font-weight:400; }
.purchase-spreadsheet td { height:25px; min-width:118px; padding:0; border:1px solid #d7dee8; background:#fff; }
.purchase-spreadsheet td:nth-child(3) { min-width:360px; }
.purchase-spreadsheet td:nth-child(6) { min-width:100px; }
.purchase-spreadsheet td:last-child { min-width:82px; padding:0 8px; text-align:center; }
.purchase-spreadsheet input[data-sheet-row] { width:100%; height:24px; padding:2px 7px; border:0; outline:0; background:transparent; color:#111827; font:inherit; }
.purchase-spreadsheet input[data-sheet-row]:focus { box-shadow:inset 0 0 0 2px #3b82f6; background:#eff6ff; }
.purchase-spreadsheet .sheet-title-cell input { font-size:16px; font-weight:700; text-align:center; background:#f8fafc; }
.material-request-sheet { width:min(100%, 1120px); margin:18px auto; border:2px solid #101010; background:#fff; color:#111; font-family:Arial, sans-serif; overflow:hidden; box-sizing:border-box; }
.material-request-top { display:grid; grid-template-columns:41% 59%; min-height:178px; border-bottom:2px solid #101010; }
.material-request-logo { display:flex; align-items:center; justify-content:center; border-right:2px solid #101010; padding:14px; background:#14213d; }
.material-request-logo img { width:290px; max-width:100%; height:auto; }
.material-request-head-details { display:grid; grid-template-rows:1fr 42px 42px; }
.material-request-head-details input[readonly]{background:#f7f9fc;color:#253653;cursor:default;font-weight:700}
.material-request-title { display:flex; align-items:center; justify-content:center; padding:15px; font-size:24px; font-weight:700; text-align:center; line-height:1.25; border-bottom:2px solid #101010; }
.material-request-head-details label { display:grid; grid-template-columns:116px 1fr; align-items:center; padding:0 8px; border-bottom:1px solid #111; font-size:16px; font-weight:700; }
.material-request-head-details label:last-child { border-bottom:0; }
.material-request-head-details input, .material-request-reason input, .material-request-signature input { width:100%; border:0; outline:0; padding:7px; background:transparent; color:#111; font:inherit; }
.material-request-head-details input:focus, .material-request-reason input:focus, .material-request-signature input:focus, .material-request-table input:focus { box-shadow:inset 0 0 0 2px #27713c; background:#effaf1; }
.material-request-table { width:100%; max-width:100%; border-collapse:collapse; table-layout:fixed; }
.material-request-table th, .material-request-table td { height:34px; padding:0; border-right:1px solid #111; border-bottom:1px solid #111; text-align:center; vertical-align:middle; overflow:hidden; }
.material-request-table th { height:40px; background:#f8f8f8; font-size:13px; font-weight:700; }
.material-request-table th:nth-child(1), .material-request-table td:nth-child(1) { width:9%; }
.material-request-table th:nth-child(2), .material-request-table td:nth-child(2) { width:34%; }
.material-request-table th:nth-child(3), .material-request-table td:nth-child(3) { width:16%; }
.material-request-table th:nth-child(4), .material-request-table td:nth-child(4) { width:11%; }
.material-request-table th:nth-child(5), .material-request-table td:nth-child(5) { width:17%; }
.material-request-table th:nth-child(6), .material-request-table td:nth-child(6) { width:13%; border-right:0; }
.material-request-table input { width:100%; height:33px; padding:4px 7px; border:0; outline:0; background:transparent; color:#111; font:inherit; text-align:center; box-sizing:border-box; min-width:0; }
.material-request-table td:nth-child(2) input { text-align:left; }
#machine .material-request-table { width:100% !important; min-width:0 !important; max-width:100% !important; table-layout:fixed !important; }
#machine .material-request-table th,
#machine .material-request-table td { min-width:0 !important; max-width:none !important; padding:0 !important; text-align:center !important; }
#machine .material-request-table th:nth-child(1), #machine .material-request-table td:nth-child(1) { width:9% !important; }
#machine .material-request-table th:nth-child(2), #machine .material-request-table td:nth-child(2) { width:34% !important; }
#machine .material-request-table th:nth-child(3), #machine .material-request-table td:nth-child(3) { width:16% !important; }
#machine .material-request-table th:nth-child(4), #machine .material-request-table td:nth-child(4) { width:11% !important; }
#machine .material-request-table th:nth-child(5), #machine .material-request-table td:nth-child(5) { width:17% !important; }
#machine .material-request-table th:nth-child(6), #machine .material-request-table td:nth-child(6) { width:13% !important; }
#machine .material-request-table input { min-width:0 !important; max-width:100% !important; width:100% !important; height:33px !important; padding:4px 7px !important; box-sizing:border-box !important; font-size:13px !important; font-weight:400 !important; text-align:center !important; }
#machine .material-request-table td:nth-child(2) input { text-align:left !important; }
.material-request-note { min-height:54px; padding:7px 10px; border-bottom:2px solid #111; font-size:14px; font-weight:700; line-height:1.3; }
.material-request-reason { display:grid; grid-template-columns:1.45fr 1fr; min-height:58px; border-bottom:2px solid #111; }
.material-request-reason label { display:grid; grid-template-columns:185px 1fr; align-items:center; padding:0 8px; border-right:2px solid #111; font-size:15px; font-weight:700; }
.material-request-reason .material-request-date { display:block; border-right:0; text-align:center; }
.material-request-date input { height:100%; font-size:18px; font-weight:700; text-align:center; }
.material-request-signature { display:flex; align-items:center; justify-content:flex-end; min-height:84px; }
.material-request-signature input { width:42%; height:80px; border-left:2px solid #111; font-size:18px; font-weight:700; text-align:center; }

@media (max-width: 980px) {
  .purchase-request-form { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .purchase-request-form button { justify-self:start; }
}
@media (max-width: 620px) {
  .purchase-request-form { grid-template-columns:1fr; }
  .purchase-request-table-shell { max-height:calc(100dvh - 270px); }
}
@media (max-width: 760px) {
  .material-request-sheet { width:100%; min-width:0; margin:8px 0; }
  .material-request-top { min-height:146px; }
  .material-request-title { padding:8px; font-size:16px; }
  .material-request-head-details { grid-template-rows:1fr 36px 36px; }
.material-request-head-details label { grid-template-columns:76px 1fr; padding:0 5px; font-size:12px; }
  .material-request-table th { font-size:10px; }
  .material-request-table input { padding:3px !important; font-size:11px !important; }
  .material-request-note { font-size:11px; }
  .purchase-spreadsheet-frame { overflow-x:hidden; }
}

@media print {
  .sidebar, .topbar, .mobile-bottom-nav, .assistant-widget, #purchaseRequestsPage, .purchase-request-actions, .back-link { display:none !important; }
  body, .main, .content { display:block !important; width:100% !important; min-height:0 !important; background:#fff !important; }
  #purchaseRequestDetailPage { display:block !important; }
  .purchase-spreadsheet-frame { max-height:none !important; min-height:0 !important; overflow:visible !important; border:0 !important; }
  .stats-panel { box-shadow:none !important; border:0 !important; padding:0 !important; }
  .purchase-spreadsheet { width:100% !important; font-size:10px !important; }
  .purchase-spreadsheet th, .purchase-spreadsheet td { position:static !important; min-width:0 !important; }
  .purchase-spreadsheet input[data-sheet-row] { padding:1px 3px !important; }
  .received-check input { appearance:none; border:1px solid #111827; border-radius:0; width:12px; height:12px; }
  .material-request-sheet { width:100% !important; margin:0 !important; border:1px solid #111 !important; }
  .material-request-title { font-size:18px !important; }
  .material-request-table th, .material-request-table td { height:25px !important; }
  .material-request-table input { height:24px !important; padding:1px 3px !important; }
}
.admin-mail-details { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:10px 0; }
.admin-mail-details span { display:flex; flex-direction:column; gap:3px; min-width:0; padding:9px 10px; border:1px solid #e2e8f0; border-radius:10px; background:#fff; }
.admin-mail-details small { color:#344054; font-size:10px; font-weight:700; text-transform:uppercase; }
.admin-mail-details strong { overflow:hidden; text-overflow:ellipsis; color:#0f172a; font-size:12px; }
.admin-mail-log-shell { max-height:230px; overflow:auto; box-shadow:none; }
.mail-log-state { display:inline-flex; padding:4px 7px; border-radius:7px; font-size:11px; font-weight:700; }
.mail-log-state.sent { color:#166534; background:#dcfce7; }
.mail-log-state.failed { color:#991b1b; background:#fee2e2; }
.admin-machine-add { display:flex; gap:10px; align-items:center; margin-bottom:10px; }
.planning-station-form{flex-wrap:wrap}.planning-station-form input,.planning-station-form select{flex:1 1 150px}.planning-station-form #planningStationStaff{flex:2 1 260px}
.admin-machine-add input { flex:1 1 auto; min-width:0; border:1px solid #dbe4f0; border-radius:12px; padding:10px 12px; font-weight:700; background:white; color:#0f172a; }
.admin-machines-table-shell { flex:0 0 auto !important; min-height:0 !important; max-height:none; overflow:visible !important; box-shadow:none; border-radius:14px; }
.admin-machines-table-shell .btn { padding:6px 10px; font-size:12px; border-radius:9px; }
.admin-table-shell { flex:0 0 auto !important; min-height:0 !important; margin-top:0; max-height:none; overflow:visible !important; box-shadow:none; border-radius:14px; }
.admin-table-shell .stats-table th,
.admin-table-shell .stats-table td { padding:9px 10px; }
.admin-logs-panel { flex:0 0 auto; min-height:0; display:flex; flex-direction:column; }
.admin-logs-panel .stats-panel-head { margin-bottom:0; }
.admin-log-toggle { border:0; background:transparent; color:#0f172a; cursor:pointer; display:flex; align-items:center; gap:9px; padding:4px 0; font-size:15px; font-weight:700; }
.admin-log-toggle span { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:7px; background:#eef4ff; color:#2563eb; font-size:12px; }
.admin-log-body { margin-top:10px; height:min(48vh,520px); min-height:260px; overflow:auto; }
.admin-logs-panel.collapsed .admin-log-body { display:none; }
.admin-only { display:none; }
@media(max-width:1200px){ .admin-users-layout { grid-template-columns:1fr; } .admin-form,.permission-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .admin-mail-details { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px){ .admin-form,.permission-grid,.admin-mail-details { grid-template-columns:1fr; } .admin-machine-add { flex-direction:column; align-items:stretch; } .admin-mail-actions { width:100%; } .admin-mail-actions .side-mini-btn { flex:1; } }

/* Yönetim çalışma alanı */
.admin-page-header { margin-bottom:14px; }
.admin-overview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:14px; border:1px solid #dbe4f0; border-radius:8px; overflow:hidden; background:#fff; box-shadow:0 10px 24px rgba(15,23,42,.05); }
.admin-overview-item { min-height:76px; padding:13px 16px; border-right:1px solid #e2e8f0; display:flex; flex-direction:column; justify-content:center; gap:5px; }
.admin-overview-item:last-child { border-right:0; }
.admin-overview-item span { color:#344054; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.admin-overview-item strong { color:#0f172a; font-size:21px; font-variant-numeric:tabular-nums; }
.admin-workspace { display:grid; grid-template-columns:208px minmax(0,1fr); gap:14px; align-items:start; padding-bottom:18px; }
.admin-nav { display:flex; flex-direction:column; gap:5px; padding:8px; border:1px solid #dbe4f0; border-radius:8px; background:#fff; box-shadow:0 10px 24px rgba(15,23,42,.05); position:sticky; top:14px; }
.admin-nav-item { width:100%; border:0; border-left:3px solid transparent; border-radius:6px; padding:10px 11px; background:transparent; color:#27364a; cursor:pointer; text-align:left; font-size:13px; font-weight:700; }
.admin-nav-item:hover { background:#f1f5f9; color:#0f172a; }
.admin-nav-item.active { border-left-color:#2563eb; background:#eff6ff; color:#1d4ed8; }
.admin-stats-nav { font-size:12px; }
.admin-stats-nav:first-child { margin-bottom:3px; font-size:13px; font-weight:700; }
.admin-stats-details-toggle { display:flex; align-items:center; justify-content:space-between; padding-left:14px; font-size:12px; }
.admin-stats-details-toggle span { font-size:18px; line-height:1; transition:transform .16s ease; }
.admin-stats-details-toggle.open span { transform:rotate(90deg); }
.admin-stats-details[hidden] { display:none !important; }
.admin-stats-details .admin-stats-nav { padding-left:24px; font-size:12px; }
#adminQuoteStatsSection { min-height:0; padding:0; background:transparent; box-shadow:none; }
#adminQuoteStatsSection #quoteStatsPage { display:block !important; height:auto; }
.admin-section-area { min-width:0; }
.admin-section[hidden] { display:none !important; }
.admin-section { min-height:520px; padding:16px; border-radius:8px; box-shadow:0 12px 28px rgba(15,23,42,.06); }
.admin-section-head,.admin-section-subhead { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:16px; }
.admin-section-head h3,.admin-section-subhead h4,.admin-assistant-block h4 { margin:0; color:#0f172a; font-size:17px; }
.admin-section-head p,.admin-section-subhead p { margin:4px 0 0; color:#344054; font-size:12px; line-height:1.45; }
.admin-section .side-buttons { margin-bottom:0; }
.admin-section .admin-table-shell,.admin-section .admin-machines-table-shell { border:1px solid #e2e8f0; }
.admin-section .admin-table-shell { max-height:600px; overflow:auto !important; }
.admin-section .admin-machines-table-shell { max-height:560px; overflow:auto !important; }
.admin-section .admin-mail-log-shell { max-height:440px; }
.admin-section .admin-log-body { height:min(62vh,620px); min-height:360px; }
.admin-assistant-block { padding-top:16px; margin-top:16px; border-top:1px solid #e2e8f0; }
.admin-assistant-block:first-of-type { padding-top:0; margin-top:0; border-top:0; }
.admin-assistant-block h4 { margin-bottom:11px; font-size:14px; }
.admin-review-table-shell { max-height:440px; overflow:auto !important; }
.admin-section .admin-machine-add { margin-bottom:0; }
.admin-section .invoice-workspace-status { margin:0 0 12px; }

@media(max-width:1050px){
  .admin-workspace { grid-template-columns:1fr; }
  .admin-nav { position:static; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; }
  .admin-nav-item { border-left:0; border-bottom:3px solid transparent; text-align:center; padding:9px 6px; font-size:12px; }
  .admin-nav-item.active { border-left-color:transparent; border-bottom-color:#2563eb; }
}
@media(max-width:700px){
  .admin-overview { grid-template-columns:1fr; }
  .admin-overview-item { min-height:58px; border-right:0; border-bottom:1px solid #e2e8f0; }
  .admin-overview-item:last-child { border-bottom:0; }
  .admin-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .admin-section { min-height:0; padding:12px; }
  .admin-section-head,.admin-section-subhead { flex-direction:column; align-items:stretch; }
  .admin-section-head .side-mini-btn,.admin-section-subhead .side-mini-btn { width:100%; }
  .admin-section .admin-log-body { min-height:300px; }
}

#solidworksPage { height:100%; min-height:0; display:flex; flex-direction:column; gap:14px; }
#solidworksPage[style*="display:none"] { display:none !important; }
.sw-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; }
.sw-panel {
  background:rgba(255,255,255,.88);
  border:1px solid rgba(219,228,240,.95);
  border-radius:18px;
  padding:18px;
  box-shadow:0 14px 34px rgba(15,23,42,.07);
}
.sw-panel h3 { margin:0 0 14px; color:#0f172a; font-size:18px; }
.sw-panel label { display:block; margin:12px 0 6px; color:#27364a; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.sw-panel input {
  width:100%;
  border:1px solid #dbe4f0;
  border-radius:13px;
  padding:12px 13px;
  color:#0f172a;
  background:white;
  font-weight:700;
}
.sw-panel p,.sw-steps li { color:#27364a; line-height:1.55; font-weight:600; }
.sw-download {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:8px;
  border-radius:999px;
  padding:11px 16px;
  color:white;
  background:linear-gradient(135deg,#2563eb,#06b6d4);
  text-decoration:none;
  font-weight:700;
  box-shadow:0 12px 28px rgba(37,99,235,.20);
}
.sw-map { display:grid; grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr); border:1px solid #e2e8f0; border-radius:14px; overflow:hidden; }
.sw-map span,.sw-map strong { padding:11px 12px; border-bottom:1px solid #e2e8f0; font-size:12px; }
.sw-map span { background:#f8fafc; color:#27364a; font-weight:700; }
.sw-map strong { color:#0f172a; font-weight:700; }
.sw-map span:nth-last-child(2),.sw-map strong:last-child { border-bottom:0; }
.sw-steps { flex:1 1 auto; min-height:0; overflow:auto; }
.sw-steps ol { margin:0; padding-left:22px; }
@media(max-width:900px){ .sw-grid { grid-template-columns:1fr; } }

#crmPage { height:100%; min-height:0; display:flex; flex-direction:column; }
#crmPage[style*="display:none"] { display:none !important; }
.crm-shell { flex:1 1 auto; min-height:0; display:grid; grid-template-columns:minmax(260px,340px) minmax(0,1fr); gap:14px; }
.crm-list-panel,.crm-detail-panel {
  min-height:0;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(219,228,240,.95);
  border-radius:16px;
  padding:12px;
  box-shadow:0 14px 32px rgba(15,23,42,.07);
}
.crm-list-panel { display:flex; flex-direction:column; gap:10px; overflow:hidden; }
.crm-list-head { display:flex; gap:8px; }
.crm-list-head input,.crm-form-grid input,.crm-form-grid select,.crm-detail-panel textarea {
  width:100%;
  border:1px solid #dbe4f0;
  border-radius:12px;
  padding:10px 12px;
  color:#0f172a;
  background:white;
  font-weight:700;
}
.crm-reminders {
  display:flex;
  flex-direction:column;
  gap:6px;
  border:1px solid #fde68a;
  border-radius:12px;
  padding:9px;
  background:#fffbeb;
  color:#92400e;
  font-size:12px;
  font-weight:700;
}
.crm-reminders button { border:0; background:transparent; color:#92400e; text-align:left; font-weight:700; cursor:pointer; padding:2px 0; }
.crm-reminders span { color:#344054; }
.crm-list { flex:1 1 auto; min-height:0; overflow:auto; display:flex; flex-direction:column; gap:7px; }
.crm-list-item {
  border:1px solid #e2e8f0;
  border-radius:12px;
  background:white;
  padding:10px;
  text-align:left;
  cursor:pointer;
}
.crm-list-item.active { border-color:#2563eb; background:#eff6ff; box-shadow:0 10px 20px rgba(37,99,235,.12); }
.crm-list-item strong { display:block; color:#0f172a; font-size:13px; }
.crm-list-item span { display:block; margin-top:4px; color:#344054; font-size:11px; font-weight:700; }
.crm-detail-panel { display:flex; flex-direction:column; gap:12px; overflow:auto; }
.crm-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.crm-machine-box {
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:10px;
  background:#f8fafc;
}
.crm-machine-add { display:flex; gap:8px; align-items:center; }
.crm-machine-add input {
  width:100%;
  border:1px solid #dbe4f0;
  border-radius:12px;
  padding:10px 12px;
  color:#0f172a;
  background:white;
  font-weight:700;
}
.crm-machine-list { display:flex; flex-wrap:wrap; gap:7px; margin-top:9px; }
.crm-machine-chip {
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid #bfdbfe;
  border-radius:999px;
  padding:6px 8px 6px 10px;
  background:#eff6ff;
  color:#1e3a8a;
  font-size:12px;
  font-weight:700;
}
.crm-machine-chip button {
  border:0;
  border-radius:999px;
  padding:3px 6px;
  background:#dbeafe;
  color:#1e3a8a;
  cursor:pointer;
  font-size:10px;
  font-weight:700;
}
.crm-machine-empty { color:#344054; font-size:12px; font-weight:700; }
.crm-detail-panel textarea { min-height:105px; resize:vertical; }
.crm-actions { display:flex; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
.crm-history { min-height:260px; display:flex; flex-direction:column; }
.crm-history .table-shell { flex:1 1 auto; min-height:0; overflow:auto; }
@media(max-width:1050px){ .crm-shell { grid-template-columns:1fr; } .crm-list-panel { max-height:360px; } }
@media(max-width:700px){ .crm-form-grid { grid-template-columns:1fr; } .crm-list-head,.crm-machine-add { flex-direction:column; align-items:stretch; } }

#customPartsPage { height:100%; min-height:0; display:flex; flex-direction:column; }
#customPartsPage[style*="display:none"] { display:none !important; }
.custom-parts-head { flex:0 0 auto; }
.custom-part-menu {
  flex:0 0 auto;
  display:grid;
  grid-template-columns:repeat(6,minmax(110px,1fr));
  gap:8px;
  margin:0 0 12px;
}
.custom-part-menu button {
  border:1px solid #dbe4f0;
  border-radius:12px;
  padding:10px 12px;
  background:white;
  color:#1f2937;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(15,23,42,.05);
}
.custom-part-menu button.active {
  border-color:#2563eb;
  color:white;
  background:linear-gradient(135deg,#2563eb,#06b6d4);
  box-shadow:0 12px 26px rgba(37,99,235,.22);
}
.custom-part-grid {
  flex:1 1 auto;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(320px,560px);
  justify-content:center;
  align-content:start;
  gap:14px;
  overflow:auto;
  padding:2px 2px 8px;
}
.custom-part-card {
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:12px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.9));
  border:1px solid rgba(219,228,240,.95);
  border-radius:16px;
  padding:14px;
  box-shadow:0 14px 30px rgba(15,23,42,.07);
}
.custom-part-title { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.custom-part-title h3 { margin:0; color:#0f172a; font-size:17px; line-height:1.15; }
.custom-part-title small { display:block; margin-top:4px; color:#344054; font-size:11px; font-weight:700; }
.part-drawing {
  position:relative;
  height:126px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:linear-gradient(135deg,#eef6ff,#ffffff);
  border:1px solid #dbeafe;
}
.part-drawing.rect::before {
  content:"";
  width:min(72%,220px);
  height:58px;
  border:4px solid #2563eb;
  border-radius:18px;
  background:rgba(37,99,235,.08);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);
}
.part-drawing.circle::before {
  content:"";
  width:92px;
  height:92px;
  border:4px solid #2563eb;
  border-radius:50%;
  background:rgba(37,99,235,.08);
  box-shadow:inset 0 0 0 12px rgba(255,255,255,.72), inset 0 0 0 16px rgba(37,99,235,.26);
}
.part-drawing .shape-title { position:absolute; color:#1e3a8a; font-size:11px; font-weight:700; }
.part-drawing .measure {
  position:absolute;
  display:block;
  min-width:0;
  padding:0;
  background:transparent;
  border:0;
  color:#1e3a8a;
  font-size:11px;
  font-weight:700;
  line-height:1;
  box-shadow:none;
  white-space:nowrap;
}
.part-drawing .measure-long { top:18px; left:50%; transform:translateX(-50%); }
.part-drawing .measure-short { left:20%; top:41%; transform:translate(-100%,-50%); writing-mode:horizontal-tb; }
.part-drawing .measure-length { top:75px; left:50%; transform:translateX(-50%); }
.part-drawing .measure-circle { top:18px; left:50%; transform:translateX(-50%); }
.part-drawing .measure-thickness { top:50%; left:calc(50% + 56px); transform:translateY(-50%); }
.part-drawing.line i {
  width:min(76%,230px);
  height:9px;
  border-radius:999px;
  background:linear-gradient(90deg,#27364a,#0f172a,#27364a);
  box-shadow:0 8px 18px rgba(15,23,42,.18);
}
.custom-part-fields { display:grid; grid-template-columns:1fr; gap:8px; }
.custom-part-fields label {
  display:flex;
  flex-direction:column;
  gap:5px;
  color:#27364a;
  font-size:11px;
  font-weight:700;
}
.custom-part-fields input,
.custom-part-fields select {
  width:100%;
  border:1px solid #dbe4f0;
  border-radius:11px;
  padding:9px 10px;
  color:#0f172a;
  font-weight:700;
  background:white;
}
.custom-price-row { display:flex; gap:7px; align-items:center; }
.custom-price-row input { min-width:0; }
.custom-price-row button {
  flex:0 0 auto;
  border:0;
  border-radius:10px;
  padding:9px 12px;
  background:#16a34a;
  color:white;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 10px 20px rgba(22,163,74,.16);
}
.custom-save-note { min-height:13px; color:#16a34a; font-size:10px; font-weight:700; }
.custom-settings-card { max-width:760px; width:100%; }
.custom-settings-group { border-top:1px solid #e2e8f0; padding-top:12px; }
.custom-settings-group h4 { margin:0 0 10px; color:#0f172a; font-size:14px; }
.custom-settings-card .custom-part-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
.custom-part-result {
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-top:1px solid #e2e8f0;
  padding-top:12px;
}
.custom-part-result small { color:#344054; font-size:11px; font-weight:700; text-transform:uppercase; }
.custom-part-result strong { color:#0f172a; font-size:20px; font-variant-numeric:tabular-nums; }
.custom-part-cost { margin-top:8px; border-top:0; padding-top:0; }
.custom-part-cost strong { color:#16a34a; font-size:18px; }
@media(max-width:1120px){ .custom-part-menu { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px){ .custom-part-menu { grid-template-columns:1fr; } .custom-settings-card .custom-part-fields { grid-template-columns:1fr; } }
@media(max-width:760px){ .custom-part-grid { grid-template-columns:1fr; } .custom-part-title { align-items:stretch; flex-direction:column; } }

/* Kullanıcı profili */
.user-footer { min-width:0; }
.user-footer .user-profile-trigger {
  min-width:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 12px;
  align-items:center;
  gap:9px;
  padding:7px 8px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:8px;
  background:rgba(255,255,255,.045);
  text-align:left;
}
.user-footer .user-profile-trigger:hover { border-color:rgba(96,165,250,.46); background:rgba(59,130,246,.12); }
.user-footer-avatar {
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  background:#2563eb;
  color:#fff;
  font-size:12px;
  font-weight:700;
  box-shadow:0 7px 18px rgba(37,99,235,.28);
  overflow:hidden;
}
.user-footer-avatar img,.user-profile-avatar img { width:100%; height:100%; display:block; object-fit:cover; }
.user-profile-summary { min-width:0; display:block; }
.user-profile-summary small { margin:0; }
.user-profile-summary strong { max-width:none; }
.user-profile-summary span { display:block; margin-top:2px; color:#9fb0ca; font-size:10px; font-weight:700; }
.user-profile-chevron { color:#93c5fd !important; font-size:22px !important; line-height:1; text-align:right; }
.user-footer .user-logout-btn { flex:0 0 auto; padding:8px 9px; }
.user-profile-modal[hidden] { display:none !important; }
.user-profile-modal {
  position:fixed;
  inset:0;
  z-index:2750;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(9,15,29,.66);
  backdrop-filter:blur(8px);
}
body.user-profile-open { overflow:hidden; }
.user-profile-dialog {
  width:min(820px,100%);
  max-height:calc(100vh - 40px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.20);
  border-radius:10px;
  background:#fff;
  box-shadow:0 34px 90px rgba(15,23,42,.34);
}
.user-profile-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
  padding:26px 28px 24px;
  border-top:3px solid #4f8df7;
  background:#121a2d;
  color:#fff;
}
.user-profile-identity { display:flex; align-items:center; gap:18px; min-width:0; }
.user-profile-avatar-wrap { flex:0 0 92px; display:grid; gap:7px; justify-items:center; }
.user-profile-avatar {
  width:68px;
  height:68px;
  flex:0 0 68px;
  display:grid;
  place-items:center;
  border:3px solid rgba(255,255,255,.82);
  border-radius:50%;
  background:#fff;
  color:#1d4ed8;
  font-size:22px;
  font-weight:700;
  box-shadow:0 10px 24px rgba(0,0,0,.26);
  overflow:hidden;
}
.user-profile-avatar-actions { display:flex; gap:4px; }
.user-profile-avatar-actions button { border:0; padding:0; background:transparent; color:#bfdbfe; font:inherit; font-size:10px; font-weight:700; cursor:pointer; }
.user-profile-avatar-actions button:hover { color:#fff; text-decoration:underline; }
.user-profile-identity small { display:block; margin-bottom:3px; color:#93c5fd; font-size:10px; font-weight:700; text-transform:uppercase; }
.user-profile-identity h3 { margin:0; color:#fff; font-size:23px; line-height:1.18; overflow-wrap:anywhere; }
.user-profile-identity p { margin:4px 0 0; color:#cbd5e1; font-size:12px; font-weight:600; }
.user-profile-badges { display:flex; flex-wrap:wrap; gap:6px; margin-top:9px; }
.user-profile-role,.user-profile-status { display:inline-flex; align-items:center; min-height:24px; padding:4px 8px; border-radius:6px; font-size:10px; font-weight:700; }
.user-profile-role { border:1px solid rgba(147,197,253,.32); background:rgba(59,130,246,.20); color:#dbeafe; }
.user-profile-status { gap:6px; border:1px solid rgba(134,239,172,.30); background:rgba(22,163,74,.18); color:#bbf7d0; }
.user-profile-status::before { content:""; width:6px; height:6px; border-radius:50%; background:#4ade80; box-shadow:0 0 0 3px rgba(74,222,128,.12); }
.user-profile-status.is-inactive { border-color:rgba(253,186,116,.34); background:rgba(234,88,12,.18); color:#fed7aa; }
.user-profile-status.is-inactive::before { background:#fb923c; box-shadow:0 0 0 3px rgba(251,146,60,.12); }
.user-profile-close {
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.20);
  border-radius:7px;
  background:rgba(255,255,255,.08);
  color:#e2e8f0;
  font-size:22px;
  cursor:pointer;
}
.user-profile-close:hover { border-color:rgba(255,255,255,.42); background:rgba(255,255,255,.14); color:#fff; }
.user-profile-body { min-height:0; overflow:auto; display:grid; grid-template-columns:minmax(245px,.82fr) minmax(0,1.28fr); padding:0 28px; }
.user-profile-account,.user-profile-permissions { min-width:0; padding:24px 0 26px; }
.user-profile-account { padding-right:28px; border-right:1px solid #e5eaf2; }
.user-profile-permissions { padding-left:28px; }
.user-profile-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:13px; }
.user-profile-section-head h4 { margin:0; color:#111827; font-size:15px; }
.user-profile-section-head p { margin:3px 0 0; color:#64748b; font-size:11px; font-weight:600; }
.user-profile-section-head > span { flex:0 0 auto; padding:4px 7px; border-radius:5px; background:#eef2ff; color:#4338ca; font-size:9px; font-weight:700; }
.user-profile-data-list { margin:0; }
.user-profile-data-list > div { padding:12px 0; border-bottom:1px solid #edf2f7; }
.user-profile-data-list > div:first-child { border-top:1px solid #edf2f7; }
.user-profile-data-list dt { margin:0 0 4px; color:#64748b; font-size:10px; font-weight:700; text-transform:uppercase; }
.user-profile-data-list dd { margin:0; color:#0f172a; font-size:13px; font-weight:700; overflow-wrap:anywhere; }
.user-profile-data-list dd.is-empty { display:inline-flex; align-items:center; min-height:24px; padding:3px 8px; border:1px dashed #cbd5e1; border-radius:5px; background:#f8fafc; color:#64748b; font-size:11px; }
.user-profile-edit-form { display:grid; gap:12px; }
.user-profile-edit-form[hidden] { display:none !important; }
.user-profile-edit-form label { display:grid; gap:5px; }
.user-profile-edit-form label > span { color:#344054; font-size:9px; font-weight:700; text-transform:uppercase; }
.user-profile-edit-form input { width:100%; min-width:0; border:1px solid #cbd5e1; border-radius:7px; padding:10px 11px; background:#fff; color:#0f172a; font:inherit; font-size:12px; font-weight:700; outline:none; }
.user-profile-edit-form input:focus { border-color:#60a5fa; box-shadow:0 0 0 3px rgba(96,165,250,.14); }
.user-profile-form-message { min-height:16px; margin:0; color:#15803d; font-size:10px; font-weight:700; }
.user-profile-form-message.error { color:#dc2626; }
.user-profile-dialog.is-editing { width:min(620px,100%); }
.user-profile-dialog.is-editing .user-profile-body { grid-template-columns:1fr; }
.user-profile-dialog.is-editing .user-profile-account { padding-right:0; border-right:0; }
.user-profile-dialog.is-editing .user-profile-permissions { display:none; }
.user-profile-permission-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; }
.user-profile-permission-list span { position:relative; min-width:0; display:flex; align-items:center; min-height:42px; padding:9px 10px 9px 34px; border:1px solid #e4eaf3; border-radius:7px; background:#f8fafc; color:#1f2937; font-size:11px; font-weight:700; }
.user-profile-permission-list span::before { content:""; position:absolute; left:13px; top:14px; width:7px; height:4px; border:solid #15803d; border-width:0 0 2px 2px; transform:rotate(-45deg); }
.user-profile-permission-list span::after { content:""; position:absolute; left:8px; top:9px; width:17px; height:17px; border-radius:50%; background:#dcfce7; z-index:0; }
.user-profile-permission-list span { isolation:isolate; }
.user-profile-permission-list span::before { z-index:1; }
.user-profile-permission-list p { grid-column:1/-1; margin:0; padding:12px 0; color:#344054; font-size:12px; }
.user-profile-actions { display:flex; align-items:center; justify-content:flex-end; gap:9px; padding:14px 28px; border-top:1px solid #e2e8f0; background:#f8fafc; }
.user-profile-feedback { flex:1 1 auto; min-width:0; margin:0; color:#15803d; font-size:11px; font-weight:700; }
.user-profile-feedback.is-error { color:#b91c1c; }
.user-profile-actions button { border:1px solid transparent; border-radius:7px; padding:9px 14px; cursor:pointer; font-weight:700; }
.user-profile-admin-btn { margin-right:auto; border-color:#c7d2fe !important; background:#eef2ff; color:#3730a3; }
.user-profile-admin-btn:hover { background:#e0e7ff; }
.user-profile-cancel-btn { margin-left:auto; border-color:#cbd5e1 !important; background:#fff; color:#27364a; }
.user-profile-save-btn { background:#16a34a; color:#fff; }
.user-profile-save-btn:hover { background:#15803d; }
.user-profile-save-btn:disabled { cursor:wait; opacity:.7; }
.user-profile-done-btn { background:#2563eb; color:#fff; }
.user-profile-done-btn:hover { background:#1d4ed8; }
@media(max-width:680px) {
  .user-profile-modal { padding:10px; }
  .user-profile-dialog { max-height:calc(100vh - 20px); }
  .user-profile-head { padding:18px; }
  .user-profile-avatar-wrap { flex-basis:64px; }
  .user-profile-avatar { width:56px; height:56px; flex-basis:56px; font-size:18px; }
  .user-profile-body { grid-template-columns:1fr; padding:0 18px; }
  .user-profile-account { padding:18px 0; border-right:0; border-bottom:1px solid #e2e8f0; }
  .user-profile-permissions { padding:18px 0; }
  .user-profile-actions { flex-wrap:wrap; padding:11px 18px; }
  .user-profile-feedback { flex-basis:100%; }
}
@media(max-width:420px) {
  .user-profile-permission-list { grid-template-columns:1fr; }
  .user-profile-identity { align-items:flex-start; }
}

/* Responsive genel uyum */
html, body { width:100%; max-width:100%; }
.sidebar { flex:0 0 clamp(220px,18vw,290px); width:clamp(220px,18vw,290px); min-width:0; height:100vh; height:100dvh; overflow-y:auto; overflow-x:hidden; }
.main { min-height:100vh; min-height:100dvh; }
.sidebar .footer-note { flex:0 0 auto; margin-top:auto; }
.sidebar .footer-note .user-footer { min-width:0; }
.main,.content { min-width:0; }
.content { padding:clamp(14px,1.6vw,28px); }
.topbar { padding:clamp(12px,1.4vw,18px) clamp(14px,1.8vw,28px); }
.table-shell { max-width:100%; overflow:auto !important; }
.sales-table { min-width:1500px; }
.brand-table,.stats-table { min-width:0; }
.quote-modal-layout { width:100%; max-width:1440px; grid-template-columns:minmax(640px,1fr) minmax(270px,320px); }
.quote-modal-layout .quote-paper { max-width:100%; }

@media(max-height:820px) and (min-width:901px){
  .sidebar .sidebar-logo { padding:8px 12px; }
  .sidebar .sidebar-logo img { width:145px; margin-bottom:5px; }
  .sidebar .sidebar-logo small { font-size:11px; line-height:1.25; }
  .sidebar .nav-title { padding:10px 20px 4px; font-size:10px; }
  .sidebar .nav-item { margin:2px 12px; padding:8px 11px; font-size:13px; }
  .sidebar .nav-toggle { margin:2px 20px 3px 30px; padding:7px 10px; }
  .sidebar .nav-sub-item { margin:2px 20px 2px 30px; padding:7px 10px; font-size:11px; }
  .sidebar .footer-note { padding:8px 14px; }
  .user-footer strong { max-width:112px; }
}

@media(max-height:740px) and (min-width:901px){
  .sidebar .sidebar-logo { padding:6px 10px; }
  .sidebar .sidebar-logo img { width:118px; margin-bottom:3px; }
  .sidebar .sidebar-logo small { display:none; }
  .sidebar .nav-title { padding:7px 18px 3px; font-size:9px; }
  .sidebar .nav-item { margin:1px 10px; padding:6px 9px; font-size:12px; border-radius:10px; }
  .sidebar .nav-toggle { margin:1px 18px 2px 26px; padding:6px 8px; font-size:11px; }
  .sidebar .nav-sub-item { margin:1px 18px 1px 26px; padding:6px 8px; font-size:10px; }
  .sidebar .footer-note { padding:6px 10px; }
  .user-footer { gap:6px; }
  .user-footer small { font-size:8px; }
  .user-footer strong { max-width:92px; font-size:11px; margin-top:1px; }
  .user-footer button { padding:6px 8px; }
}

@media(max-height:680px) and (min-width:901px){
  .sidebar .sidebar-logo { padding:5px 10px; }
  .sidebar .sidebar-logo img { width:104px; }
  .sidebar .nav-title { padding:5px 16px 2px; }
  .sidebar .nav-item { padding:5px 8px; font-size:11px; }
  .sidebar .nav-toggle { padding:5px 7px; font-size:10px; }
  .sidebar .nav-title.admin-only,
  .sidebar .nav-item.admin-only { display:none !important; }
  .sidebar .footer-note { padding:4px 8px; }
}

@media(max-width:1280px){
  .quick-grid,.stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .home-hero { grid-template-columns:1fr; }
  .quote-modal-layout { grid-template-columns:1fr; max-width:1120px; }
  .quote-side-panel,.quote-market-panel { position:static; min-height:0; max-height:none; }
  .quote-market-panel .market-content { max-height:260px; }
}

@media(max-width:900px){
  body { display:block; height:auto; min-height:100vh; overflow:auto; }
  body:has(#salesPage:not([style*="display:none"]):not([style*="display: none"])) { height:100dvh; overflow:hidden; }
  body.mobile-nav-open { overflow:hidden; }
  .mobile-menu-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    flex:0 0 42px;
    border:1px solid #dbe4f0;
    border-radius:12px;
    background:white;
    color:#0f172a;
    font-size:22px;
    font-weight:700;
    cursor:pointer;
    box-shadow:0 10px 24px rgba(15,23,42,.08);
  }
  .mobile-nav-close {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    right:12px;
    top:12px;
    width:34px;
    height:34px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:10px;
    background:rgba(255,255,255,.10);
    color:white;
    font-size:24px;
    cursor:pointer;
    z-index:3;
  }
  .mobile-nav-backdrop {
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.48);
    z-index:80;
  }
  body.mobile-nav-open .mobile-nav-backdrop { display:block; }
  .sidebar {
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    width:min(82vw,310px);
    height:100dvh;
    flex:none;
    max-height:none;
    overflow-y:auto;
    overflow-x:hidden;
    box-shadow:18px 0 45px rgba(15,23,42,.28);
    z-index:90;
    transform:translateX(-105%);
    transition:transform .22s ease;
  }
  body.mobile-nav-open .sidebar { transform:translateX(0); }
  .sidebar .sidebar-logo { padding:10px 12px; }
  .sidebar .sidebar-logo img { width:150px; }
  .sidebar .sidebar-logo small { max-width:520px; margin:0 auto; }
  .nav-title { padding:10px 16px 4px; }
  .nav-item,.sidebar .nav-item { margin:3px 10px; padding:9px 11px; }
  .nav-toggle,.sidebar .nav-toggle { margin:3px 16px 4px 22px; width:calc(100% - 38px); }
  .nav-sub-item,.sidebar .nav-sub-item { margin:2px 16px 2px 26px; }
  .main { min-height:100vh; }
  .topbar { align-items:flex-start; flex-direction:row; flex-wrap:wrap; }
  .title-area { flex:1 1 calc(100% - 58px); min-width:0; }
  .rate-panel { width:100%; }
  .rate-chip { flex:1 1 140px; justify-content:space-between; }
  .content { padding:12px; }
  .content { padding-bottom:78px; }
  .content:has(#salesPage:not([style*="display:none"]):not([style*="display: none"])) { height:calc(100dvh - 138px); overflow:hidden; }
  .mobile-bottom-nav {
    position:fixed;
    left:10px;
    right:10px;
    bottom:10px;
    z-index:70;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:6px;
    padding:7px;
    border:1px solid rgba(219,228,240,.95);
    border-radius:18px;
    background:rgba(255,255,255,.94);
    box-shadow:0 18px 42px rgba(15,23,42,.18);
    backdrop-filter:blur(12px);
  }
  .mobile-bottom-nav button {
    border:0;
    border-radius:12px;
    padding:9px 4px;
    background:#f1f5f9;
    color:#0f172a;
    font-size:11px;
    font-weight:700;
    cursor:pointer;
  }
  .mobile-bottom-nav button:last-child {
    color:white;
    background:linear-gradient(135deg,#2563eb,#06b6d4);
  }
  .toolbar,.stats-header,.home-section-head,.stats-detail-head { align-items:stretch; flex-direction:column; }
  .search { min-width:0; width:100%; }
  .quick-grid,.stats { grid-template-columns:1fr; }
  .home-hero-copy { min-height:240px; padding:22px; background:linear-gradient(135deg,rgba(2,6,23,.94),rgba(0,84,166,.90)); }
  .home-hero-copy h2 { font-size:28px; }
  .stats-filter { align-items:stretch; }
  .stats-filter label,.stats-filter input,.range-btn,.sales-filter { width:100%; }
  .admin-users-layout,.admin-form,.permission-grid { grid-template-columns:1fr; }
  .admin-table-shell { max-height:300px; }
  .quote-head,.quote-title { padding:18px; flex-direction:column; }
  .company-info { text-align:left; }
  .quote-logo-box { min-width:0; width:100%; }
  .quote-summary { justify-content:stretch; }
  .quote-summary-box { min-width:0; width:100%; }
}

@media(max-width:560px){
  .title-area h1 { font-size:20px; }
  .title-area p { font-size:12px; }
  .pill,.btn,.side-mini-btn { padding:8px 10px; font-size:12px; }
  .table-shell table { min-width:720px; }
  .stats-table.compact { min-width:520px; }
  .quote-table { min-width:720px !important; }
  #quoteModal { padding:10px; }
  .quote-toolbar { justify-content:stretch; }
  .quote-toolbar .pill { flex:1 1 140px; }
  .quote-meta { grid-template-columns:1fr; width:100%; }
  .quote-profit-grid { grid-template-columns:1fr; }
  .login-card { padding:22px; border-radius:20px; }
}

/* Daha temiz ve pikselsiz tipografi */
button,
input,
select,
textarea {
  font-family: inherit;
}

.nav-item,
.btn,
.pill,
th,
td.desc,
.stat-card small,
.quick-card small,
.home-stat small,
.home-section-head p,
.rate-chip,
input.cell,
select.cell {
  font-weight: 700;
}

.title-area h1,
.hero h2,
.home-hero-copy h2,
.stats-name,
.stat-card strong,
.quick-card strong,
.home-stat strong {
  font-weight: 750;
}

.nav-title,
.user-footer small,
th,
.home-kicker,
.badge {
  letter-spacing: .02em;
}
.engineering-page{display:flex;flex-direction:column;gap:16px}.engineering-tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid #d9e0ec}.engineering-tabs button{border:0;background:transparent;padding:12px 14px;font:inherit;font-weight:700;color:#27364a;cursor:pointer;white-space:nowrap}.engineering-tabs button.active{color:#244ba8;border-bottom:3px solid #3158b5}.engineering-band{display:none;background:#fff;border:1px solid #dce3ef;padding:18px;border-radius:8px}.engineering-band.active{display:block}.engineering-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.engineering-heading h2{font-size:18px;margin:0 0 4px}.engineering-heading p{margin:0;color:#344054}.engineering-form{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.engineering-form label,.engineering-tool label,.engineering-note{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#344054}.engineering-form input,.engineering-form select,.engineering-form textarea,.engineering-tool input,.engineering-search input,.engineering-note textarea{width:100%;border:1px solid #b9c3d3;border-radius:6px;padding:9px 10px;font:inherit;background:#fff}.engineering-wide{grid-column:1/-1}.engineering-result,.engineering-tool output{display:block;margin:14px 0;padding:10px 12px;background:#eef7ef;border-left:4px solid #4caf50;font-weight:700}.engineering-result:empty,.engineering-tool output:empty{display:none}.engineering-result.error,.engineering-tool output.error{background:#fff0f0;border-color:#d64545;color:#9b1c1c}.engineering-split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.engineering-tool{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.engineering-tool h3,.engineering-tool output{grid-column:1/-1}.engineering-checks{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:14px}.engineering-checks label{font-weight:700}.engineering-search{display:flex;gap:8px;max-width:720px}.engineering-results-list{display:grid;gap:8px;margin-top:14px}.engineering-results-list article{border:1px solid #dce3ef;border-radius:6px;padding:12px}.engineering-results-list p{margin:5px 0}.engineering-results-list small{color:#344054}@media(max-width:900px){.engineering-form{grid-template-columns:repeat(2,minmax(130px,1fr))}.engineering-split{grid-template-columns:1fr}}@media(max-width:560px){.engineering-form,.engineering-tool{grid-template-columns:1fr}.engineering-wide,.engineering-tool h3,.engineering-tool output{grid-column:auto}.engineering-heading{flex-direction:column}}
.assistant-feedback{display:flex;gap:4px;margin-top:7px;align-items:center;font-size:11px;color:#344054}
.assistant-feedback button{width:25px;height:25px;border:1px solid #d5dbea;background:#fff;color:#344054;cursor:pointer;padding:0}
.assistant-feedback button:hover{border-color:#4caf50;color:#287d31}

.planning-header-actions,.planning-editor-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.planning-notice-modal{position:fixed;z-index:2200;inset:0;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.46);backdrop-filter:blur(3px)}
.planning-notice-modal[hidden]{display:none}
.planning-notice-dialog{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:min(460px,100%);padding:20px;border:1px solid #dbe5f1;border-radius:10px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.26)}
.planning-notice-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eaf7ee;color:#19823b;font-size:20px;font-weight:800}.planning-notice-dialog h3{margin:0 0 4px;color:#172033;font-size:16px}.planning-notice-dialog p{margin:0;color:#4d5e76;font-size:13px;line-height:1.45}.planning-notice-modal[data-type="error"] .planning-notice-icon{background:#fff0ee;color:#bd3b31}.planning-notice-modal[data-type="error"] .planning-notice-dialog{border-color:#efc8c2}
@media(max-width:560px){.planning-notice-dialog{grid-template-columns:auto minmax(0,1fr);padding:16px}.planning-notice-dialog .side-mini-btn{grid-column:1/-1;width:100%}}
#planningPage,#planningDetailPage{height:auto;min-height:0;align-self:flex-start}
.planning-order-toolbar{display:flex;flex-direction:row;align-items:center;gap:14px;padding:13px 14px;margin-bottom:14px}
.planning-order-toolbar>label{display:flex;flex:0 1 330px;flex-direction:column;gap:5px;color:#344054;font-size:11px;font-weight:700}
.planning-order-toolbar select{width:100%;height:38px;padding:0 10px;border:1px solid #ccd7e6;border-radius:7px;background:#fff;color:#111827;font:inherit}
.planning-order-info{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px;color:#4b5b73;font-size:12px}
.planning-order-info strong{color:#172033;font-size:15px}.planning-order-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.planning-order-editor{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;align-items:end;padding:16px;margin-bottom:14px}
.planning-order-editor[hidden]{display:none}.planning-order-editor label{display:flex;flex-direction:column;gap:5px;color:#344054;font-size:11px;font-weight:700}
.planning-order-editor input,.planning-order-editor select{width:100%;height:38px;padding:0 10px;border:1px solid #ccd7e6;border-radius:7px;background:#fff;color:#111827;font:inherit}
.planning-order-description{grid-column:span 2}
.planning-order-list-panel{padding:0;overflow:hidden}
.planning-overview-panel{padding:0;overflow:hidden;margin-bottom:14px;border-radius:4px}.planning-overview-board{max-height:none;overflow:auto;background:#fff}.planning-overview-board .planning-board{min-width:920px}
.planning-order-filters{display:flex;flex:0 0 auto;flex-direction:row;gap:12px;align-items:end;min-height:0;padding:12px 14px;margin-bottom:14px}.planning-order-filters label{display:flex;flex:0 1 220px;flex-direction:column;gap:5px;color:#344054;font-size:11px;font-weight:700}.planning-order-filters select{height:38px;padding:0 10px;border:1px solid #ccd7e6;border-radius:7px;background:#fff;font:inherit}
.planning-alerts{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}.planning-alert{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #d9e2ef;border-radius:7px;background:#fff;color:#344054;font-size:12px}.planning-alert b{color:#172033}.planning-alert.risk,.planning-alert.blocked{cursor:pointer}.planning-alert.risk{border-color:#f2c5bd;color:#a34131}.planning-alert.blocked{border-color:#f1d39c;color:#9a6507}.planning-risk-tag{display:inline-block;margin-left:5px;padding:2px 5px;border-radius:4px;background:#fbe1dc;color:#aa3d2e;font-size:10px;font-style:normal}
.machine-sale-create{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto;gap:12px;align-items:end;margin-bottom:14px;padding:15px}
.machine-sale-create label{display:flex;flex-direction:column;gap:5px;color:#344054;font-size:11px;font-weight:700}
.machine-sale-create input,.machine-sale-create select{width:100%;height:38px;padding:0 10px;border:1px solid #ccd7e6;border-radius:7px;background:#fff;color:#111827;font:inherit}
.machine-sale-description{grid-column:span 2}
.machine-sale-row-actions{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 6px;border:1px solid #dce5f0;border-radius:8px;background:#f8faff}
.machine-sale-row-actions .icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-height:30px;padding:0;border:1px solid #cdd9e8;border-radius:6px;background:#fff;color:#36516f;font-size:16px;line-height:1;box-shadow:0 2px 5px rgba(26,43,76,.05);transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.machine-sale-row-actions .icon-btn:hover{border-color:#75a4db;background:#eef6ff;color:#1d5da5;transform:translateY(-1px)}
.machine-sale-row-actions .icon-btn.danger{border-color:#f3c7c1;background:#fff8f7;color:#c53d32}
.machine-sale-row-actions .icon-btn.danger:hover{border-color:#e6695b;background:#fff0ee;color:#a72d24}
#machineSalesCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 18px}
#machineSalesCards .stat{position:relative;min-height:104px;padding:18px 20px;overflow:hidden;border:1px solid #d9e2ef;border-radius:10px;background:linear-gradient(145deg,#fff 0%,#f7faff 100%);box-shadow:0 12px 28px rgba(26,43,76,.08);isolation:isolate}
#machineSalesCards .stat::before{position:absolute;top:0;bottom:0;left:0;width:5px;content:"";background:#3b82f6}
#machineSalesCards .stat::after{position:absolute;right:-28px;bottom:-36px;width:112px;height:112px;border:18px solid rgba(59,130,246,.08);border-radius:50%;content:"";z-index:-1}
#machineSalesCards .stat small{display:block;max-width:calc(100% - 14px);margin-bottom:13px;color:#52627a;font-size:11px;font-weight:750;letter-spacing:.045em;line-height:1.25;text-transform:uppercase}
#machineSalesCards .stat strong{display:block;color:#172033;font-size:32px;font-weight:750;line-height:1;font-variant-numeric:tabular-nums}
#machineSalesCards .machine-sales-stat-sold::before{background:#22a24b}
#machineSalesCards .machine-sales-stat-sold::after{background:rgba(34,162,75,.08)}
#machineSalesCards .machine-sales-stat-planned::before{background:#0f8b8d}
#machineSalesCards .machine-sales-stat-planned::after{background:rgba(15,139,141,.08)}
#machineSalesCards .machine-sales-stat-pending::before{background:#e98c14}
#machineSalesCards .machine-sales-stat-pending::after{background:rgba(233,140,20,.09)}
@media(max-width:900px){.machine-sale-create{grid-template-columns:repeat(2,minmax(150px,1fr))}.machine-sale-description{grid-column:auto}}
@media(max-width:900px){#machineSalesCards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.machine-sale-create{grid-template-columns:1fr}.machine-sale-description{grid-column:auto}.machine-sale-row-actions{gap:6px;padding:3px}#machineSalesCards{grid-template-columns:1fr}#machineSalesCards .stat{min-height:82px}}
.planning-order-list-head{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 16px;border-bottom:1px solid #dde5ef}
.planning-order-list-head h3{margin:0;color:#172033;font-size:15px}.planning-order-list-head span{color:#64748b;font-size:12px;font-weight:700}
.planning-overview-actions{display:flex;align-items:center;gap:10px}.planning-overview-actions label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.planning-overview-actions input{width:130px;height:32px;padding:0 8px}
.planning-overview-actions .side-mini-btn{height:32px;padding:0 12px}
.planning-order-list{display:flex;flex-direction:column}
.planning-order-row{display:grid;grid-template-columns:minmax(170px,1.1fr) minmax(110px,.7fr) minmax(220px,2fr) 120px 28px;align-items:center;gap:14px;width:100%;min-height:72px;padding:11px 16px;border:0;border-bottom:1px solid #edf1f6;background:#fff;color:#172033;text-align:left;cursor:pointer}
.planning-order-row:hover{background:#f4f8ff}.planning-order-row-main{display:flex;min-width:0;flex-direction:column;gap:4px}.planning-order-row-main strong{font-size:14px}.planning-order-row-main small,.planning-order-row-description,.planning-order-row-meta small{overflow:hidden;color:#64748b;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.planning-order-row-machine{font-size:12px;font-weight:700}.planning-order-row-description{min-width:0}.planning-order-row-meta{display:flex;flex-direction:column;gap:3px;color:#4b5b73;font-size:11px}.planning-order-row-meta b{color:#172033;font-size:16px}.planning-order-row-open{color:#3565d9;font-size:27px;font-weight:400}
@media(max-width:760px){.planning-order-row{grid-template-columns:1fr 70px 24px;gap:8px}.planning-order-row-description{display:none}.planning-order-row-machine{grid-column:1}.planning-order-row-meta{grid-column:2;grid-row:1 / span 2}.planning-order-row-open{grid-column:3;grid-row:1 / span 2}.planning-order-row-main small{white-space:normal}.planning-order-info small{white-space:normal}}
.planning-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 14px}
.planning-summary>div{min-height:86px;padding:15px 17px;border:1px solid #d9e2ef;border-radius:8px;background:#fff;box-shadow:0 8px 22px rgba(26,43,76,.06)}
.planning-summary small{display:block;margin-bottom:8px;color:#56647a;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.planning-summary strong{color:#162139;font-size:26px}
.planning-active .topbar{justify-content:flex-end}
.planning-active .topbar .title-area{display:none}
.planning-toolbar{display:flex;flex-direction:row;align-items:end;justify-content:flex-start;gap:10px;padding:14px;margin-bottom:14px;flex-wrap:wrap}
.planning-toolbar label{display:flex;flex:0 1 190px;flex-direction:column;gap:5px;color:#344054;font-size:11px;font-weight:700}
.planning-editor label{display:flex;flex:1 1 145px;flex-direction:column;gap:5px;color:#344054;font-size:11px;font-weight:700}
.planning-editor .planning-holiday-option,.planning-editor .planning-parallel-option{flex-direction:row;align-items:center;justify-content:flex-start;gap:7px;padding:9px 0}.planning-holiday-option input,.planning-parallel-option input{width:auto!important;height:auto!important}
.planning-toolbar input,.planning-toolbar select,.planning-editor input,.planning-editor select{width:100%;height:38px;padding:0 10px;border:1px solid #ccd7e6;border-radius:7px;background:#fff;color:#111827;font:inherit}
.planning-editor{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:end;padding:16px;margin-bottom:14px}
.planning-editor[hidden]{display:none}
.planning-editor-notes{grid-column:span 2}
.planning-capacity-note{grid-column:1/-1;margin:0;padding:8px 10px;border-left:3px solid #d09318;background:#fff8e7;color:#7a4d00;font-size:11px;font-weight:700}.planning-capacity-note:empty{display:none}
.planning-editor-actions{justify-content:flex-end}
.planning-board-panel{flex:0 0 auto;padding:0;overflow:auto;border-radius:4px;background:#fff}
.planning-purchase-panel{padding:16px;margin-bottom:14px}.planning-purchase-panel .planning-order-list-head{align-items:flex-start}.planning-purchase-actions{display:flex;gap:8px;flex-wrap:wrap}.planning-purchase-content{margin-top:12px}.planning-parts-table{width:100%;border-collapse:collapse}.planning-parts-table th,.planning-parts-table td{padding:9px 10px;border-bottom:1px solid #e3eaf3;text-align:left}.planning-parts-table th{position:static;font-size:10px}.planning-parts-table input{width:16px;height:16px}.planning-purchase-requests{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.planning-purchase-request{border:1px solid #d7e1ee;border-radius:6px;background:#f8fbff;color:#263b5d;padding:7px 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.planning-board{min-width:920px;background:#fff}
.planning-gantt-head,.planning-row{display:grid;grid-template-columns:290px minmax(0,1fr);border-bottom:1px solid #e0e7f0}
.planning-gantt-head{min-height:48px;background:#f4f7fb;color:#344054;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.planning-gantt-head>div:first-child{display:flex;align-items:center;padding:0 14px;border-right:1px solid #d9e2ef}
.planning-days{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.planning-days span{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #e0e7f0;font-size:11px;font-weight:700}
.planning-days b{font-size:10px;color:#64748b;text-transform:capitalize}
.planning-task-info{display:flex;min-height:62px;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:9px 14px;border:0;border-right:1px solid #d9e2ef;background:#fff;color:#172033;text-align:left;cursor:pointer}
.planning-task-info:hover{background:#f4f8ff}
.planning-task-info strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.planning-task-info span,.planning-task-info small{max-width:100%;overflow:hidden;color:#59677e;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.planning-timeline-track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);min-height:62px;overflow:hidden}
.planning-timeline-track i{border-right:1px solid #edf1f6}
.planning-bar{position:absolute;top:18px;z-index:1;height:27px;min-width:26px;overflow:hidden;border:0;border-radius:5px;background:#718096;color:#fff;cursor:pointer;box-shadow:0 2px 5px rgba(28,43,70,.16)}
.planning-bar>span{position:absolute;inset:0 auto 0 0;background:rgba(0,0,0,.18)}
.planning-bar b{position:relative;z-index:1;display:block;overflow:hidden;padding:0 8px;font-size:10px;line-height:27px;text-align:left;text-overflow:ellipsis;white-space:nowrap}
.planning-bar.status-planned{background:#5276c4}.planning-bar.status-active{background:#229b62}.planning-bar.status-blocked{background:#d25c45}.planning-bar.status-done{background:#667085}.planning-row.risk .planning-task-info{border-left:4px solid #d25c45}.planning-bar.risk{background:#c94b3c}
.planning-calendar{--date-col:145px;--row-h:38px;display:grid;grid-template-columns:var(--date-col) minmax(0,1fr);grid-template-rows:44px auto;width:100%;min-width:0;overflow:hidden;border:1px solid #d7e1ee;border-radius:8px;background:#fff;color:#172033;font-family:Arial,Helvetica,sans-serif;box-shadow:0 10px 25px rgba(30,48,78,.08)}
.planning-calendar-corner{position:sticky;top:0;left:0;z-index:6;display:flex;align-items:center;padding:0 12px;border-right:1px solid #d7e1ee;border-bottom:1px solid #d7e1ee;background:#f5f8fd;font-size:12px;font-weight:700;text-transform:none}
.planning-calendar-stations{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:repeat(var(--station-count),minmax(76px,1fr));border-bottom:1px solid #d7e1ee;background:#f5f8fd}
.planning-calendar-station{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:4px 6px;border-right:1px solid #e2e9f3;font-size:12px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planning-calendar-station b,.planning-calendar-station small{max-width:100%;overflow:hidden;text-overflow:ellipsis}.planning-calendar-station small{color:#65748b;font-size:9px;font-weight:500}
.planning-calendar-station-edit{align-items:stretch;justify-content:flex-start;gap:3px;padding:3px;overflow:visible;background:#edf5ff;cursor:grab}.planning-calendar-station-edit.dragging{opacity:.48}.planning-calendar-station-edit input,.planning-calendar-station-edit select{width:100%;min-width:0;height:20px;padding:0 3px;border:1px solid #afc1da;border-radius:3px;background:#fff;color:#172033;font:inherit;font-size:9px;line-height:18px}.planning-calendar-station-edit input::placeholder{color:#8593a7}.planning-station-inline-actions{display:grid;grid-template-columns:20px 20px minmax(0,1fr) 20px;gap:2px;align-items:center}.planning-station-inline-actions .icon-btn{width:20px;height:20px;min-height:20px;padding:0;border-radius:3px;font-size:14px;line-height:18px}.planning-station-inline-actions select{height:20px;font-size:8px}
.planning-calendar-dates{grid-column:1;grid-row:2;display:grid;grid-template-rows:repeat(var(--day-count),var(--row-h));border-right:1px solid #d7e1ee}
.planning-calendar-date{display:grid;grid-template-columns:1fr 34px;align-items:center;gap:4px;padding:0 10px;border-bottom:1px solid #edf1f6;background:#fbfcfe;font-size:12px;line-height:1}.planning-calendar-date strong{font-weight:600}.planning-calendar-date span{color:#536277;font-weight:500;text-transform:capitalize;text-align:right}.planning-calendar-date.weekend{background:#f0f3f7}.planning-calendar-date.holiday{background:#fff4d5;color:#7a5200;font-weight:700}
.planning-calendar-grid{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(var(--station-count),minmax(76px,1fr));grid-template-rows:repeat(var(--day-count),var(--row-h));min-height:calc(var(--day-count) * var(--row-h))}
.planning-calendar-cell{display:flex;min-width:0;gap:2px;align-items:center;padding:3px;border-right:1px solid #edf1f6;border-bottom:1px solid #edf1f6;background:#fff}.planning-calendar-cell.weekend{background:#f7f8fa}.planning-calendar-cell.holiday{background:#fff9e9}.planning-cell-task{display:flex;min-width:0;flex:1 1 0;align-items:center;justify-content:center;overflow:hidden;min-height:24px;padding:2px 3px;border:1px solid color-mix(in srgb,var(--order-color),#26384f 28%);border-radius:4px;background:var(--order-color);color:#142033;font:inherit;font-size:10px;font-weight:700;line-height:1.1;text-align:center;cursor:pointer;box-shadow:0 1px 2px rgba(25,38,60,.15)}.planning-cell-task span{display:block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.planning-cell-task:hover{filter:brightness(.96);box-shadow:0 2px 5px rgba(25,38,60,.2)}.planning-cell-task:focus-visible{outline:2px solid #1d4ed8;outline-offset:1px}.planning-cell-task.status-done{opacity:.62;filter:saturate(.7)}.planning-cell-task.status-blocked{outline:2px solid rgba(210,92,69,.55)}.planning-cell-task.status-active{box-shadow:0 0 0 2px rgba(34,155,98,.2)}
.planning-task-context-menu{position:fixed;z-index:1000;display:flex;min-width:178px;flex-direction:column;padding:5px;border:1px solid #cfd9e7;border-radius:7px;background:#fff;box-shadow:0 12px 30px rgba(18,31,54,.22)}.planning-task-context-menu[hidden]{display:none}.planning-task-context-menu button{padding:8px 10px;border:0;border-radius:4px;background:transparent;color:#1e2b42;font:inherit;font-size:12px;font-weight:700;text-align:left;cursor:pointer}.planning-task-context-menu button:hover{background:#edf4ff}.planning-task-context-menu button.danger{color:#bd352c}.planning-task-context-menu button.danger:hover{background:#fff0ef}
.planning-quick-task input[type="search"],.planning-editor input[type="search"]{background:#fffdf7}
.planning-unassigned-tasks{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px}.planning-unassigned-tasks:empty{display:none}.planning-unassigned-tasks button,.planning-station-warning{margin:10px 0 0;padding:7px 10px;border:1px solid #e7b998;border-radius:6px;background:#fff6ed;color:#7a3d00;font:inherit;font-size:12px;font-weight:700}.planning-unassigned-tasks button{cursor:pointer}.planning-station-warning{border-color:#d8c896;background:#fffdf3;color:#735d17}.planning-calendar-cell.capacity-full{box-shadow:inset 0 0 0 2px rgba(201,75,60,.45)}
.planning-overview-board .planning-calendar-bar{cursor:default}
.direct-sale-label{display:block;margin-top:3px;color:#28734d;font-size:10px;font-weight:700}
.planning-calendar-bar.status-active{outline:2px solid rgba(34,155,98,.35)}.planning-calendar-bar.status-blocked{outline:2px solid rgba(210,92,69,.42)}.planning-calendar-bar.status-done{filter:saturate(.65);opacity:.72}
.planning-overview-board{max-height:none}.planning-board-panel{overflow:auto}.planning-board{min-width:0}
@media(max-width:900px){.planning-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.planning-toolbar{align-items:stretch;flex-wrap:wrap}.planning-toolbar label{flex:1 1 40%}.planning-editor,.planning-order-editor{grid-template-columns:repeat(2,minmax(150px,1fr))}.planning-order-filters{flex-wrap:wrap}.planning-order-filters label{flex:1 1 40%}.planning-order-toolbar{align-items:stretch;flex-direction:column}.planning-order-toolbar>label{flex-basis:auto}.planning-board-panel{overflow:auto}}
@media(max-width:560px){.planning-summary{grid-template-columns:1fr 1fr;gap:8px}.planning-summary>div{min-height:70px;padding:12px}.planning-summary strong{font-size:22px}.planning-toolbar label,.planning-editor,.planning-order-editor{grid-template-columns:1fr}.planning-toolbar label{flex-basis:100%}.planning-editor-notes,.planning-order-description{grid-column:auto}.planning-calendar{min-width:860px;--date-col:130px}}

/* Genel üretim takviminde sipariş seçimi ve hızlı görev girişi. */
.planning-overview-layout{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:0}.planning-overview-side{display:flex;flex-direction:column;gap:12px;padding:12px;border-right:1px solid #d9e2ef;background:#f8faff}.planning-overview-side h4{margin:0 0 8px;color:#172033;font-size:13px}.planning-overview-orders{display:flex;flex-direction:column;gap:5px;max-height:240px;overflow:auto}.planning-overview-order{display:flex;gap:8px;align-items:center;width:100%;padding:7px;border:1px solid #dce5f0;border-radius:6px;background:#fff;color:#172033;text-align:left;cursor:pointer}.planning-overview-order:hover{background:#f0f6ff}.planning-overview-order i{width:10px;height:30px;flex:0 0 10px;border-radius:3px}.planning-overview-order span{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.planning-overview-order b,.planning-overview-order small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planning-overview-order b{font-size:11px}.planning-overview-order small{color:#64748b;font-size:10px}.planning-order-edit{width:28px;height:28px;flex:0 0 28px}.planning-quick-task{display:grid;grid-template-columns:1fr;gap:7px}.planning-quick-task label{display:flex;flex-direction:column;gap:3px;color:#344054;font-size:10px;font-weight:700}.planning-quick-task input,.planning-quick-task select{width:100%;height:33px;min-width:0;padding:0 8px;border:1px solid #ccd7e6;border-radius:5px;background:#fff;color:#111827;font:inherit;font-size:11px}.planning-quick-task .side-mini-btn{justify-self:stretch}.planning-overview-layout .planning-overview-board{min-width:0;max-height:none;overflow:auto;background:#fff}.planning-overview-layout .planning-overview-board .planning-calendar{min-width:920px}
.planning-station-editor-panel{padding:14px 16px;margin-bottom:14px}.planning-station-editor-panel[hidden]{display:none}.planning-station-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.planning-station-editor-head h3{margin:0;color:#172033;font-size:16px}.planning-station-editor-head p{margin:4px 0 0;color:#64748b;font-size:12px}.planning-station-editor-rows{display:flex;flex-direction:column;gap:7px}.planning-station-editor-row{display:grid;grid-template-columns:22px minmax(150px,1fr) minmax(220px,1.5fr) auto;align-items:end;gap:9px;padding:9px 10px;border:1px solid #dbe4ef;border-radius:7px;background:#fbfcfe}.planning-station-editor-row[draggable="true"]{cursor:grab}.planning-station-editor-row.dragging{opacity:.48;background:#eaf2ff}.planning-station-editor-row label{display:flex;flex-direction:column;gap:4px;color:#42516a;font-size:10px;font-weight:700}.planning-station-editor-row input,.planning-station-editor-row select{height:34px;min-width:0;padding:0 8px;border:1px solid #cbd7e7;border-radius:5px;background:#fff;color:#172033;font:inherit;font-size:12px}.planning-station-grip{padding:7px 0;color:#8290a5;font-size:15px;line-height:1;letter-spacing:-2px;user-select:none}.planning-station-row-actions{display:flex;align-items:end;gap:5px}.planning-station-transfer{min-width:150px}.planning-station-empty{align-self:center;padding:8px;color:#748196;font-size:11px;white-space:nowrap}.planning-station-editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
@media(max-width:900px){.planning-station-editor-row{grid-template-columns:22px 1fr 1fr}.planning-station-row-actions{grid-column:2/-1;flex-wrap:wrap}.planning-station-transfer{flex:1 1 180px}}@media(max-width:560px){.planning-station-editor-row{grid-template-columns:22px 1fr}.planning-station-editor-row label,.planning-station-row-actions{grid-column:2}.planning-station-row-actions{justify-content:flex-start}.planning-station-transfer{width:100%}}
@media(max-width:900px){.planning-overview-layout{grid-template-columns:1fr}.planning-overview-side{border-right:0;border-bottom:1px solid #d9e2ef}.planning-overview-orders{max-height:150px}}
.invoice-ai-batch-summary .invoice-ai-batch-files{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px;
}
.invoice-ai-batch-files a{
  color:#244fc0;
  font-weight:700;
  text-decoration:underline;
}