.academy-missing-reports{display:flex;align-items:center;gap:10px;margin:12px 0;padding:10px 13px;border:1px solid #f0caca;border-radius:12px;color:#8b3030;background:#fff6f6;font-size:11px}.academy-missing-reports strong{font-size:11px}.academy-missing-reports span{color:#6f4a4a;font-weight:700}
:root {
  --bg: #eef2f7;
  --surface: #ffffff;
  --surface-2: #f8fafc;
  --text: #111827;
  --muted: #64748b;
  --line: #d7dee8;
  --accent: #10967d;
  --accent-dark: #087463;
  --price: #e11d48;
  --shadow: 0 12px 30px rgba(15, 23, 42, .12);
}

.cost-visibility-toggle {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid #d3dce6;
  border-radius: 10px;
  background: #fff;
  color: #526273;
  box-shadow: 0 4px 12px rgba(15,45,75,.1);
  cursor: pointer;
}
.cost-visibility-toggle[hidden] { display: none !important; }
.cost-visibility-toggle:hover { border-color: #8ca3b7; background: #f5f8fb; }
.cost-visibility-toggle[aria-pressed="true"] { border-color: #86c49a; background: #effaf2; color: #16723a; }
.cost-visibility-toggle svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.cost-visibility-toggle[aria-pressed="false"] { border-color: #e2b8bd; background: #fff7f7; color: #a33b46; }
.cost-visibility-toggle .cost-visibility-slash { display: none; }
.cost-visibility-toggle[aria-pressed="false"] .cost-visibility-slash { display: block; stroke-width: 2.4; }
@media(max-width:700px) { .cost-visibility-toggle { width: 40px; height: 40px; border-radius: 11px; } }

.ha-sync-logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.ha-sync-logo{position:relative;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto auto;gap:2px 10px;align-items:center;padding:14px;border:1px solid rgba(148,163,184,.25);border-radius:16px;background:rgba(15,23,42,.72);color:#f8fafc;text-align:left;cursor:pointer;transition:.18s ease}.ha-sync-logo:hover:not(:disabled){transform:translateY(-2px);border-color:#60a5fa;box-shadow:0 8px 24px rgba(2,132,199,.24)}.ha-sync-logo:disabled{opacity:.52;cursor:not-allowed}.ha-sync-logo.is-active{border-color:#34d399;box-shadow:inset 0 0 0 1px rgba(52,211,153,.2)}.ha-sync-logo-mark{grid-row:1 / span 3;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-size:22px;font-weight:900;background:linear-gradient(145deg,#0877b9,#0b2a4a);color:#fff}.ha-sync-logo-asus .ha-sync-logo-mark{background:linear-gradient(145deg,#d61d3d,#4a0b1a)}.ha-sync-logo-name{font-size:16px;font-weight:900;letter-spacing:.08em}.ha-sync-logo small{font-size:10px;color:#a9bed1}.ha-sync-logo b{font-size:9px;color:#8ee6c0;letter-spacing:.04em}.ha-sync-logo:not(.is-active) b{color:#ffd27d}@media(max-width:520px){.ha-sync-logo-grid{gap:8px}.ha-sync-logo{padding:10px;grid-template-columns:32px 1fr;gap:2px 7px}.ha-sync-logo-mark{width:32px;height:32px;font-size:17px}.ha-sync-logo-name{font-size:13px}.ha-sync-logo small{font-size:9px}}
.ha-sync-live-detail{margin:14px 0 0;color:#b7d5e4;font-size:10px;line-height:1.45;text-align:center}
.ha-sync-phase-detail{min-height:16px;margin:-8px 0 14px;color:#8edcff;font-size:11px;font-weight:700}

.ha-sync-popup{position:fixed;inset:0;z-index:2147483645;display:grid;place-items:center;padding:18px;background:rgba(5,18,31,.55);backdrop-filter:blur(7px)}
.ha-sync-dialog{position:relative;width:min(520px,calc(100vw - 28px));padding:26px 24px 22px;border:1px solid rgba(103,208,255,.35);border-radius:22px;color:#eaf7ff;background:linear-gradient(145deg,#071d33,#0d4163);box-shadow:0 24px 80px rgba(0,0,0,.38);animation:ha-sync-pop .24s ease-out both}
.ha-sync-close{position:absolute;top:10px;right:12px;width:32px;height:32px;border:0;border-radius:50%;color:#d5efff;background:rgba(255,255,255,.1);font-size:23px;cursor:pointer}.ha-sync-head{display:flex;justify-content:space-between;align-items:center}.ha-sync-kicker{color:#8ad8ff;font-size:10px;font-weight:900;letter-spacing:.15em}.ha-sync-live{color:#7dffc8;font-size:10px;font-weight:800}.ha-sync-dialog h2{margin:12px 0 3px;font-size:25px;letter-spacing:.06em}.ha-sync-dialog h2 em{margin:0 10px;color:#7acfff;font-style:normal}.ha-sync-subtitle{margin:0 0 18px;color:#abc9dc;font-size:12px}.ha-sync-track{height:9px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.15)}.ha-sync-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#48d9b2,#74d6ff);box-shadow:0 0 12px rgba(116,214,255,.8);transition:width .5s ease}.ha-sync-status{display:block;margin-top:10px;color:#fff;font-size:14px}.ha-sync-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.ha-sync-stats span{padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(0,0,0,.13)}.ha-sync-stats b,.ha-sync-stats strong{display:block}.ha-sync-stats b{color:#9fc1d4;font-size:9px}.ha-sync-stats strong{margin-top:4px;color:#fff;font-size:13px}.ha-sync-nodes{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.ha-sync-node{padding:11px;border-radius:12px;background:rgba(0,0,0,.16)}.ha-sync-node b,.ha-sync-node small{display:block}.ha-sync-node b{font-size:13px}.ha-sync-node small{margin-top:3px;color:#b8d3e1;font-size:10px}.ha-sync-node.is-dell{border-left:3px solid #48bfff}.ha-sync-node.is-asus{border-left:3px solid #ff718d}.ha-sync-arrow{color:#86d8ff;font-size:24px}.ha-sync-checks{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;color:#adc9d8;font-size:10px}.ha-sync-checks span.is-done{color:#83ffd0}@keyframes ha-sync-pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:600px){.ha-sync-dialog{padding:22px 16px 18px}.ha-sync-dialog h2{font-size:21px}.ha-sync-stats{grid-template-columns:1fr}.ha-sync-nodes{grid-template-columns:1fr;text-align:center}.ha-sync-arrow{transform:rotate(90deg);line-height:1}.ha-sync-node{border-left:0!important;border-top:3px solid #48bfff}.ha-sync-node.is-asus{border-top-color:#ff718d}}

/* Ana yönetici canlı personel izleme */
.live-staff-nav-count{min-width:22px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#20c77a;color:#062a1b;font-size:11px;font-weight:900;margin-left:auto;box-shadow:0 0 0 3px rgba(32,199,122,.12)}
.live-staff-security{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(32,199,122,.28);border-radius:999px;background:rgba(32,199,122,.08);color:#087443;font-size:12px;font-weight:800;white-space:nowrap}
.live-staff-security i,.live-staff-viewer-actions span i{width:8px;height:8px;border-radius:50%;background:#20c77a;box-shadow:0 0 0 4px rgba(32,199,122,.14)}
.live-staff-layout{display:grid;grid-template-columns:minmax(245px,310px) minmax(0,1fr);gap:18px;min-height:600px;margin-top:16px}
.live-staff-directory,.live-staff-viewer{border:1px solid #dce3ea;border-radius:18px;background:#fff;box-shadow:0 14px 36px rgba(25,39,52,.07);overflow:hidden}
.live-staff-directory{display:flex;flex-direction:column;min-height:0}
.live-staff-directory>header{padding:18px 18px 14px;border-bottom:1px solid #edf1f4;display:flex;flex-direction:column;gap:3px;background:linear-gradient(180deg,#fbfcfd,#fff)}
.live-staff-directory>header strong{color:#152532;font-size:15px}
.live-staff-directory>header small{color:#70808d;font-size:12px}
.live-staff-list{padding:10px;display:flex;flex-direction:column;gap:7px;overflow:auto;max-height:620px}
.live-staff-list>button{width:100%;border:1px solid transparent;border-radius:14px;background:transparent;padding:11px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;color:#1d2c38;cursor:pointer;transition:.18s ease}
.live-staff-list>button:hover{background:#f4f8fa;border-color:#dce7ed;transform:translateY(-1px)}
.live-staff-list>button.is-selected{background:linear-gradient(135deg,#eafff5,#f5fffb);border-color:#68dca6;box-shadow:0 7px 20px rgba(20,160,96,.12)}
.live-staff-avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#132630;color:#fff;font-weight:900;font-size:13px;letter-spacing:.4px}
.live-staff-list>button.is-selected .live-staff-avatar{background:#0f9f60}
.live-staff-list>button>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:2px}
.live-staff-list>button strong,.live-staff-list>button small,.live-staff-list>button em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-staff-list>button strong{font-size:13px}
.live-staff-list>button small{font-size:11px;color:#778691}
.live-staff-list>button em{font-style:normal;font-size:11px;color:#087443;font-weight:700}
.live-staff-list>button time{display:flex;align-items:center;gap:5px;align-self:start;margin-top:3px;color:#76848e;font-size:10px;white-space:nowrap}
.live-staff-list>button time i{width:7px;height:7px;border-radius:50%;background:#1bc779;box-shadow:0 0 0 3px rgba(27,199,121,.12)}
.live-staff-list-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#84919a;padding:25px}
.live-staff-list-empty span{font-size:34px;color:#b4c0c8}.live-staff-list-empty strong{margin-top:8px;color:#42515c}.live-staff-list-empty small{margin-top:5px;line-height:1.45}
.live-staff-viewer{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;background:#111b21}
.live-staff-viewer>header{min-height:69px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border-bottom:1px solid #dfe5e9}
.live-staff-viewer>header>div:first-child{display:flex;min-width:0;flex-direction:column;gap:3px}.live-staff-viewer>header strong{font-size:15px;color:#142630}.live-staff-viewer>header small{max-width:620px;color:#6f7d87;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-staff-viewer-actions{display:flex;align-items:center;gap:10px}.live-staff-viewer-actions span{display:inline-flex;align-items:center;gap:8px;color:#087443;font-size:11px;font-weight:900;white-space:nowrap}.live-staff-viewer-actions button{border:1px solid #d8e0e5;background:#fff;border-radius:10px;padding:8px 11px;color:#374854;font-weight:750;cursor:pointer}.live-staff-viewer-actions button:hover{border-color:#ef7a7a;color:#b42323;background:#fff7f7}
.live-staff-screen{position:relative;display:grid;place-items:center;min-height:490px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#23343e,#0d151a 72%);padding:14px}
.live-staff-screen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}
.live-staff-screen img{position:relative;z-index:1;display:block;width:auto;height:auto;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 26px 70px rgba(0,0,0,.52);background:#fff}
.live-staff-screen>#live-staff-empty{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;color:#a8b6bf}.live-staff-screen>#live-staff-empty span{font-size:54px;color:#36d88d}.live-staff-screen>#live-staff-empty span.is-pulsing{animation:live-staff-pulse 1.1s ease-in-out infinite}.live-staff-screen>#live-staff-empty strong{margin-top:8px;color:#ecf4f7;font-size:17px}.live-staff-screen>#live-staff-empty small{margin-top:7px;max-width:370px;line-height:1.5}
.live-staff-replay{position:relative!important;z-index:1!important;display:block!important;flex:none!important;min-width:0;min-height:0;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 26px 70px rgba(0,0,0,.52)}
.live-staff-replay[hidden]{display:none!important}
.live-staff-replay .rr-player,.live-staff-replay .replayer-wrapper{position:absolute!important;inset:0 auto auto 0;overflow:hidden;background:#fff;box-shadow:none!important}
.live-staff-replay .rr-controller{display:none!important}
.live-staff-replay .rr-player__frame{border:0!important}
.live-staff-viewer>footer{min-height:42px;padding:10px 16px;background:#17242b;color:#91a2ac;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}.live-staff-viewer>footer time{color:#48d596;font-weight:800}
@keyframes live-staff-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.84)}}
@media(max-width:980px){.live-staff-layout{grid-template-columns:1fr;min-height:0}.live-staff-list{max-height:280px}.live-staff-screen{min-height:360px}.live-staff-security{display:none}}
@media(max-width:600px){.live-staff-viewer>header{align-items:flex-start;flex-direction:column}.live-staff-viewer-actions{width:100%;justify-content:space-between}.live-staff-screen{min-height:280px;padding:7px}}

/* Canlı ekranın kaynak cihazla aynı oran ve ölçüde incelenmesi */
.live-staff-viewer-actions{flex-wrap:wrap;justify-content:flex-end}
.live-staff-tool-btn{font-size:11px;letter-spacing:.01em;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}
.live-staff-tool-btn[hidden]{display:none!important}
.live-staff-tool-btn.is-active{border-color:#159b68!important;background:#eafff4!important;color:#087443!important;box-shadow:0 0 0 3px rgba(21,155,104,.1)}
.live-staff-fullscreen-btn{border-color:#bfd8cc!important;color:#087443!important}
.live-staff-screen[data-view-mode="actual"]{overflow:auto;place-items:start center;padding:18px;background:#0a1217}
.live-staff-screen[data-view-mode="actual"] img{max-width:none;max-height:none;width:var(--live-source-css-width,auto);height:auto;object-fit:initial;flex:0 0 auto}
.live-staff-screen[data-view-mode="actual"] .live-staff-replay{flex:0 0 auto;overflow:hidden}
.live-staff-screen[data-view-mode="actual"]:after{content:"Gerçek boyut · kaydırarak tamamını inceleyin";position:absolute;right:14px;bottom:12px;z-index:2;padding:6px 9px;border-radius:7px;background:rgba(4,12,16,.78);color:#b7c6ce;font-size:10px;pointer-events:none}
.live-staff-viewer>footer small{margin-left:auto;color:#b5c1c7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-staff-viewer:fullscreen{width:100vw;height:100vh;border:0;border-radius:0;box-shadow:none}
.live-staff-viewer:fullscreen .live-staff-screen{min-height:0}
.live-staff-viewer:fullscreen .live-staff-screen[data-view-mode="actual"]{padding:24px}
@media(max-width:600px){.live-staff-viewer-actions{justify-content:flex-start;gap:6px}.live-staff-viewer-actions button{padding:7px 9px;font-size:10px}.live-staff-viewer>footer{flex-wrap:wrap}.live-staff-viewer>footer small{order:3;width:100%;margin-left:0}}

/* Firma kaydı ve başvuru yönetimi */
.auth-entry {
  width: 100%;
  min-width: 0;
}

.management-modal:has(.application-form:not([hidden])) {
  width: min(920px, calc(100% - 28px));
  max-height: min(92vh, 900px);
}

.auth-panel-brand {
  justify-content: center;
  text-align: left;
}

.auth-actions,
.application-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.auth-actions .detail-btn,
.application-actions .detail-btn {
  width: 100%;
  min-height: 46px;
  margin: 0;
  justify-content: center;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 900;
}

.auth-register-open,
.application-back {
  color: #182230;
  border: 1px solid #cfd7e3;
  background: #fff;
}

.is-demo .product-catalog-table tr > :first-child,
.is-demo .company-product-pricing-row > b,
.is-demo .company-labor-code,
.is-demo .extra-layout-card > strong,
.is-demo .accessory-management-card header b,
.is-demo [data-package-row-field="code"],
.is-demo .quote-add-product-row,
.is-demo .quote-code-toggle,
.is-demo .quote-eper-table tr > :first-child,
.is-demo .quote-bos-history-table tr > :nth-child(3),
.is-demo .quote-bos-history-table .history-code { display: none !important; }
.auth-demo-open { color: #065f46; border: 1px solid #86efac; background: #ecfdf5; }
.auth-demo-open:hover { border-color: #34d399; background: #d1fae5; }

.auth-register-open:hover,
.application-back:hover {
  border-color: #98a2b3;
  background: #f2f4f7;
}

.application-form {
  width: min(840px, 100%);
  display: grid;
  gap: 12px;
  margin: 0 auto;
  padding: 18px;
  color: #182230;
  border: 1px solid #dfe5ec;
  border-top: 4px solid #0f766e;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 20px 46px rgba(15, 23, 42, .12);
}

.demo-mode-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 10px 18px 0;
  padding: 9px 14px;
  color: #14532d;
  border: 1px solid #86efac;
  border-radius: 10px;
  background: #f0fdf4;
  font-size: 12px;
  text-align: center;
}
.demo-mode-banner strong { letter-spacing: .08em; font-size: 11px; }

.application-form-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 52px;
  gap: 18px;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #e4e7ec;
}

.application-form-head > div {
  display: grid;
  gap: 4px;
}

.application-form-head span {
  color: #0f766e;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.application-form-head h3,
.application-form-head p {
  margin: 0;
}

.application-form-head h3 {
  color: #101828;
  font-size: 21px;
}

.application-form-head p {
  color: #667085;
  font-size: 13px;
  line-height: 1.45;
}

.application-form-head > b {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  color: #fff;
  border-radius: 8px;
  background: #0f766e;
  font-size: 15px;
}

.application-section-title {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #344054;
  font-size: 12px;
  font-weight: 900;
}

.application-section-title::after {
  content: "";
  height: 1px;
  flex: 1;
  background: #e4e7ec;
}

.application-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 12px;
}

.application-grid label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.application-grid label.wide {
  grid-column: 1 / -1;
}

.application-grid label > span,
.application-logo-field small {
  color: #475467;
  font-size: 11px;
  font-weight: 800;
}

.application-grid input,
.application-grid textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid #cfd7e3;
  border-radius: 7px;
  padding: 0 11px;
  color: #101828;
  background: #fff;
  outline: none;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
}

.application-grid input {
  height: 42px;
}

.application-grid input[type="file"] {
  padding: 7px 9px;
  font-size: 12px;
}

.application-grid textarea {
  min-height: 68px;
  padding-top: 10px;
  resize: vertical;
}

.application-grid input:focus,
.application-grid textarea:focus {
  border-color: #0f766e;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .14);
}

.application-agreement {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  padding: 11px 12px;
  color: #475467;
  border: 1px solid #e4e7ec;
  border-radius: 7px;
  background: #f9fafb;
  font-size: 12px;
  line-height: 1.4;
}

.application-agreement input {
  width: 17px;
  height: 17px;
  margin: 0;
  accent-color: #0f766e;
}

.application-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.application-submit {
  color: #fff;
  border-color: #0f766e;
  background: #0f766e;
}

.application-message {
  min-height: 18px;
  margin: 0;
  color: #475467;
  text-align: center;
  font-size: 12px;
  font-weight: 800;
}

.application-message.success {
  color: #067647;
}

.application-message.error {
  color: #b42318;
}

.admin-open-btn {
  position: relative;
}

.admin-notification-badge,
.nav-notification-badge {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 10px;
  background: #d92d20;
  font-size: 10px;
  font-style: normal;
  line-height: 1;
}

.admin-notification-badge {
  position: absolute;
  top: -8px;
  right: -8px;
}

.nav-notification-badge {
  float: right;
  height: 18px;
  min-width: 18px;
  margin-left: 8px;
  border: 0;
}

.application-summary {
  color: #475467;
  font-size: 12px;
  font-weight: 800;
}

.application-admin-list {
  display: grid;
  gap: 12px;
}

.application-admin-card {
  display: grid;
  gap: 13px;
  padding: 16px;
  border: 1px solid #dfe5ec;
  border-left: 4px solid #f79009;
  border-radius: 8px;
  background: #fff;
}

.application-admin-card.approved {
  border-left-color: #12b76a;
}

.application-admin-card.rejected {
  border-left-color: #f04438;
}

.application-admin-card > header {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: space-between;
}

.application-admin-card header div {
  display: grid;
  gap: 3px;
}

.application-admin-card header span,
.application-admin-card header h4,
.application-admin-card header p {
  margin: 0;
}

.application-admin-card header div > span {
  color: #667085;
  font-size: 10px;
  font-weight: 900;
}

.application-admin-card header h4 {
  color: #101828;
  font-size: 17px;
}

.application-admin-card header p {
  color: #475467;
  font-size: 12px;
}

.application-status {
  flex: 0 0 auto;
  padding: 5px 8px;
  color: #93370d;
  border-radius: 6px;
  background: #fffaeb;
  font-size: 11px;
  font-weight: 900;
}

.application-status.approved {
  color: #05603a;
  background: #ecfdf3;
}

.application-status.rejected {
  color: #912018;
  background: #fef3f2;
}

.application-admin-details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.application-admin-details dl {
  min-width: 0;
  margin: 0;
  padding: 9px 10px;
  border-left: 2px solid #d0d5dd;
}

.application-admin-details dt {
  margin-bottom: 4px;
  color: #667085;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.application-admin-details dd {
  margin: 0;
  overflow-wrap: anywhere;
  color: #344054;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.application-website {
  color: #0f766e;
  font-size: 12px;
  font-weight: 800;
}

.application-decision {
  display: grid;
  grid-template-columns: 130px minmax(220px, 1fr) 96px 96px;
  gap: 9px;
  align-items: end;
  padding-top: 12px;
  border-top: 1px solid #e4e7ec;
}

.application-decision label {
  display: grid;
  gap: 5px;
}

.application-decision label span {
  color: #667085;
  font-size: 10px;
  font-weight: 900;
}

.application-decision input,
.application-decision button {
  width: 100%;
  height: 38px;
  border-radius: 6px;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
}

.application-decision input {
  min-width: 0;
  padding: 0 9px;
  border: 1px solid #cfd7e3;
  outline: none;
}

.application-decision button {
  cursor: pointer;
}

.application-approve {
  color: #fff;
  border: 1px solid #067647;
  background: #067647;
}

.application-reject {
  color: #b42318;
  border: 1px solid #fecdca;
  background: #fff;
}

.application-delete-row {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
  border-top: 1px solid #e4e7ec;
}

.application-delete {
  min-width: 124px;
  height: 36px;
  padding: 0 12px;
  color: #b42318;
  border: 1px solid #fecdca;
  border-radius: 6px;
  background: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.application-delete:hover {
  border-color: #f97066;
  background: #fef3f2;
}

.application-rejection-copy {
  margin: 0;
  padding: 10px;
  color: #912018;
  background: #fef3f2;
  font-size: 12px;
}

.user-permissions {
  margin: 14px 0 0;
  padding: 14px;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
}

.user-permissions legend {
  padding: 0 6px;
  color: #101828;
  font-size: 13px;
  font-weight: 900;
}

.user-permissions > p {
  margin: 0 0 12px;
  color: #667085;
  font-size: 12px;
}

.user-permission-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.user-permission-grid > label {
  display: flex;
  min-width: 0;
  gap: 9px;
  align-items: flex-start;
  padding: 10px;
  border: 1px solid #e4e7ec;
  border-radius: 6px;
  background: #f9fafb;
}

.user-permission-grid input {
  width: 16px;
  height: 16px;
  margin: 2px 0 0;
  accent-color: #067647;
}

.user-permission-grid span {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.user-permission-grid strong {
  color: #101828;
  font-size: 12px;
}

.user-permission-grid small {
  color: #667085;
  font-size: 10px;
  line-height: 1.35;
}

@media (max-width: 760px) {
  .management-modal:has(.application-form:not([hidden])) {
    width: calc(100% - 16px);
    max-height: calc(100vh - 16px);
  }

  .application-form {
    gap: 14px;
    padding: 16px;
  }

  .application-grid,
  .application-admin-details {
    grid-template-columns: 1fr;
  }

  .application-grid label.wide {
    grid-column: 1;
  }

  .application-decision {
    grid-template-columns: 1fr 1fr;
  }

  .user-permission-grid {
    grid-template-columns: 1fr;
  }

  .application-reason {
    grid-column: 1 / -1;
  }
}

* {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

html {
  min-height: 100%;
  background: var(--bg);
}

body {
  margin: 0;
  min-height: 100%;
  color: var(--text);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  letter-spacing: 0;
  background: linear-gradient(135deg, #f8fafc 0%, #e5ebf3 100%);
}

button,
select,
input {
  font: inherit;
}

.page-shell {
  position: relative;
  width: min(1240px, calc(100% - 28px));
  margin: 0 auto;
  padding: 12px 0 42px;
}

.title-band {
  text-align: center;
  padding: 52px 0 20px;
}

.title-band h2 {
  margin: 0;
  font-size: 40px;
  line-height: 1.1;
  font-weight: 800;
}

.title-band p {
  margin: 8px 0 0;
  color: var(--muted);
  font-weight: 700;
}

.top-actions {
  position: absolute;
  top: 12px;
  right: 0;
  display: flex;
  gap: 8px;
  align-items: center;
}

.labor-open-btn,
.refresh-packages-btn {
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 6px;
  padding: 0;
  color: #fff;
  background: var(--accent-dark);
  cursor: pointer;
  font-weight: 800;
  display: inline-grid;
  place-items: center;
  box-shadow: 0 8px 18px rgba(8, 116, 99, .22);
}

.refresh-packages-btn {
  width: auto;
  min-width: 92px;
  padding: 0 12px;
  background: #2563eb;
  box-shadow: 0 8px 18px rgba(37, 99, 235, .22);
  white-space: nowrap;
}

.labor-open-btn::before {
  content: "\270E";
  font-size: 18px;
  line-height: 1;
}

.labor-open-btn:hover,
.refresh-packages-btn:hover {
  filter: brightness(1.05);
}

.refresh-packages-btn:disabled {
  opacity: .68;
  cursor: wait;
}

.filter-strip {
  position: sticky;
  top: 0;
  z-index: 5;
  display: grid;
  grid-template-columns: minmax(150px, .65fr) repeat(5, minmax(112px, 1fr)) 104px 42px;
  gap: 10px;
  align-items: center;
  padding: 12px;
  background: rgba(255, 255, 255, .94);
  border: 1px solid var(--line);
  box-shadow: 0 8px 22px rgba(15, 23, 42, .08);
  backdrop-filter: blur(10px);
}

.filter-strip label {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.filter-strip span {
  color: #334155;
  font-size: 12px;
  font-weight: 800;
}

.filter-strip select,
.filter-strip input {
  width: 100%;
  height: 38px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: 0 10px;
  color: var(--text);
  background: #fff;
  font-weight: 700;
  outline: none;
}

.filter-strip input::placeholder {
  color: #64748b;
}

.filter-strip select:focus,
.filter-strip input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(16, 150, 125, .16);
}

.filter-strip select option.package-count-option {
  color: #475569;
  font-weight: 800;
}

.reset-btn,
.detail-btn,
.close-btn {
  border: 0;
  cursor: pointer;
  font-weight: 800;
}

.reset-btn {
  height: 38px;
  border-radius: 6px;
  color: #fff;
  background: #334155;
}

.package-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  padding-top: 24px;
}

.package-card {
  min-height: 392px;
  display: grid;
  grid-template-rows: 76px auto auto auto 1fr auto auto;
  align-items: start;
  gap: 8px;
  padding: 16px;
  text-align: center;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.package-card-special {
  background: linear-gradient(135deg, rgba(255, 247, 237, .96) 0%, rgba(239, 246, 255, .96) 100%);
  border-color: #f59e0b;
  box-shadow: 0 14px 32px rgba(245, 158, 11, .18), 0 8px 22px rgba(37, 99, 235, .10);
}

.package-card-special .package-family {
  color: #9a3412;
}

.package-card-special .package-title {
  color: #1d4ed8;
}

.package-card-special .detail-btn {
  background: linear-gradient(90deg, #f59e0b 0%, #2563eb 100%);
  box-shadow: 0 8px 18px rgba(37, 99, 235, .22);
}

.package-image {
  width: 100%;
  height: 70px;
  object-fit: contain;
}

.package-family {
  margin: 0;
  color: #111827;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 800;
}

.package-title {
  margin: 0;
  color: var(--accent);
  font-size: 24px;
  line-height: 1.15;
  font-weight: 800;
}

.package-specs {
  display: grid;
  gap: 5px;
  margin: 2px 0 0;
  color: #111827;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 700;
}

.filter-strip label[hidden] { display: none !important; }

.whatsapp-notification-settings { margin-top: 16px; padding: 16px; border: 1px solid #dbe4ee; border-radius: 16px; background: #f8fafc; }
.whatsapp-notification-settings > header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px; }
.whatsapp-notification-settings h4,.whatsapp-notification-settings p { margin:0; }
.whatsapp-notification-settings header p { margin-top:4px; color:#64748b; font-size:13px; }
.whatsapp-notification-list { display:grid; gap:10px; }
.whatsapp-notification-group { display:grid; gap:10px; }
.whatsapp-notification-group + .whatsapp-notification-group { margin-top:8px; padding-top:14px; border-top:2px solid #dbe4ee; }
.whatsapp-notification-group h5 { margin:0; color:#334155; font-size:14px; }
.whatsapp-notification-group.customer h5 { color:#047857; }
.whatsapp-notification-card.is-customer { border-color:#bbf7d0; background:#f0fdf4; }
.whatsapp-notification-card { padding:12px; border:1px solid #dbe4ee; border-radius:12px; background:#fff; }
.whatsapp-notification-card > .settings-toggle { display:flex; }
.whatsapp-recipient-actions { display:flex; justify-content:flex-end; gap:6px; margin:8px 0; }
.whatsapp-recipient-actions button { border:0; border-radius:7px; padding:5px 9px; color:#0f766e; background:#ecfdf5; font-weight:700; cursor:pointer; }
.whatsapp-recipient-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:6px; }
.whatsapp-recipient-grid label { display:flex; align-items:center; gap:8px; padding:7px 9px; border:1px solid #e2e8f0; border-radius:9px; cursor:pointer; }
.whatsapp-recipient-grid span { display:grid; min-width:0; }
.whatsapp-recipient-grid b { font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.whatsapp-recipient-grid small { color:#64748b; font-size:11px; }
@media (max-width:700px){.whatsapp-notification-settings>header{align-items:stretch;flex-direction:column}.whatsapp-recipient-grid{grid-template-columns:1fr}}

/* WhatsApp bildirim tercihleri: kompakt, simetrik kart düzeni */
.whatsapp-notification-settings { padding: 12px; border-radius: 13px; }
.whatsapp-notification-settings > header { margin-bottom: 9px; }
.whatsapp-notification-settings > header h4 { font-size: 15px; }
.whatsapp-notification-settings > header p { margin-top: 2px; font-size: 11px; }
.whatsapp-notification-settings > header .labor-save-btn { min-height: 32px; padding: 7px 12px; font-size: 11px; }
.whatsapp-notification-list { gap: 8px; }
.whatsapp-notification-group { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; align-items: start; }
.whatsapp-notification-group h5 { grid-column: 1 / -1; padding: 0 2px 2px; font-size: 12px; letter-spacing: .02em; }
.whatsapp-notification-group + .whatsapp-notification-group { margin-top: 3px; padding-top: 10px; }
.whatsapp-notification-card { min-width: 0; padding: 8px 9px; border-radius: 10px; }
.whatsapp-notification-card > .settings-toggle { min-height: 28px; gap: 8px; }
.whatsapp-notification-card > .settings-toggle span { line-height: 1.15; }
.whatsapp-notification-card > .settings-toggle strong { font-size: 12px; }
.whatsapp-notification-card > .settings-toggle small { margin-top: 2px; font-size: 10px; }
.whatsapp-notification-card.is-customer { position: relative; padding-left: 11px; border-color: #a7e8c1; background: linear-gradient(135deg, #f3fff8, #ecfdf5); box-shadow: 0 3px 9px rgba(5, 150, 105, .06); }
.whatsapp-notification-card.is-customer::before { content: ""; position: absolute; inset: 7px auto 7px 0; width: 3px; border-radius: 0 4px 4px 0; background: #10b981; }
.whatsapp-recipient-actions { gap: 4px; margin: 5px 0; }
.whatsapp-recipient-actions button { padding: 3px 7px; border-radius: 6px; font-size: 9px; }
.whatsapp-recipient-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
.whatsapp-recipient-grid label { min-width: 0; gap: 6px; padding: 4px 6px; border-radius: 7px; }
.whatsapp-recipient-grid input { width: 14px; height: 14px; flex: 0 0 14px; }
.whatsapp-recipient-grid b { font-size: 10px; }
.whatsapp-recipient-grid small { margin-top: 1px; font-size: 9px; }
@media (max-width: 820px) {
  .whatsapp-notification-group { grid-template-columns: 1fr; }
  .whatsapp-recipient-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .whatsapp-recipient-grid { grid-template-columns: 1fr; }
}

.company-maps-field > div { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:7px; }
.company-maps-field button { min-height:38px; padding:0 11px; border:1px solid #bbd5f4; border-radius:9px; color:#174ea6; background:#eff6ff; font-size:11px; font-weight:800; cursor:pointer; white-space:nowrap; }
.company-maps-field button:last-child { color:#047857; border-color:#a7e8c1; background:#ecfdf5; }
.company-maps-field small { color:#64748b; }
@media (max-width:700px){.company-maps-field>div{grid-template-columns:1fr 1fr}.company-maps-field input{grid-column:1/-1}}

.quote-plate-popover button:disabled,
.quote-link-btn:disabled { opacity:.58; cursor:wait; pointer-events:none; filter:saturate(.7); }

.package-price {
  align-self: end;
  margin: 6px 0 0;
  color: #1d4ed8;
  text-align: center;
  font-size: 30px;
  line-height: 1;
  font-weight: 800;
}

.detail-btn {
  width: 210px;
  max-width: 100%;
  height: 48px;
  justify-self: center;
  border-radius: 24px;
  color: #fff;
  background: linear-gradient(90deg, #00b5d8 0%, #276fc2 100%);
  box-shadow: 0 6px 14px rgba(39, 111, 194, .26);
  font-size: 15px;
  font-weight: 900;
}

.detail-btn:hover {
  filter: brightness(1.04);
}

.empty-state {
  margin-top: 24px;
  padding: 24px;
  text-align: center;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.admin-package-panel {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding: 12px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.admin-package-toolbar {
  display: grid;
  grid-template-columns: minmax(170px, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.admin-package-toolbar div {
  display: grid;
  gap: 2px;
}

.admin-package-toolbar strong {
  color: #0f172a;
  font-size: 16px;
  line-height: 1.2;
}

.admin-package-toolbar span,
.package-editor-grid span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.admin-package-toolbar select,
.package-editor-grid input,
.package-editor-grid textarea,
.package-editor-table input,
.package-editor-table select,
.package-editor-add-row input {
  width: 100%;
  min-width: 0;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  color: #111827;
  background: #fff;
  font-weight: 800;
  outline: none;
}

.admin-package-toolbar select,
.package-editor-grid input,
.package-editor-table input,
.package-editor-table select,
.package-editor-add-row input {
  height: 34px;
  padding: 0 9px;
}

.package-editor-grid textarea {
  min-height: 62px;
  padding: 8px 9px;
  resize: vertical;
}

.admin-package-toolbar select:focus,
.package-editor-grid input:focus,
.package-editor-grid textarea:focus,
.package-editor-table input:focus,
.package-editor-table select:focus,
.package-editor-add-row input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(16, 150, 125, .16);
}

.admin-package-empty {
  margin: 0;
  padding: 14px;
  color: var(--muted);
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  font-weight: 900;
}

.package-editor {
  display: grid;
  gap: 12px;
}

.package-editor-title-preview {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.package-editor-title-preview span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.package-editor-title-preview strong {
  color: #0f172a;
  font-size: 18px;
  line-height: 1.25;
}

.package-editor-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.package-editor-grid label {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.package-editor-grid .wide {
  grid-column: span 2;
}

.package-image-field a {
  min-width: 0;
  overflow: hidden;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.package-editor-table-wrap {
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.package-editor-table {
  width: 100%;
  min-width: 1220px;
  border-collapse: collapse;
  background: #fff;
  font-size: 13px;
}

.package-editor-table th {
  color: #fff;
  background: #111827;
  text-align: left;
}

.package-editor-table th,
.package-editor-table td {
  padding: 8px;
  border-bottom: 1px solid #e2e8f0;
  vertical-align: middle;
}

.package-editor-table tbody tr:nth-child(even) {
  background: #f8fafc;
}

.package-editor-table .right {
  text-align: right;
  white-space: nowrap;
}

.package-editor-table input.right {
  text-align: right;
}

.package-editor-table input.compact {
  max-width: 76px;
}

.package-editor-no-row {
  color: var(--muted);
  text-align: center;
  font-weight: 900;
}

.package-editor-add-row {
  background: #f0fdfa !important;
}

.package-editor-add-row input {
  max-width: 220px;
  text-transform: uppercase;
}

.package-editor-add-row span {
  display: inline-block;
  margin-left: 10px;
  color: #0f766e;
  font-size: 12px;
  font-weight: 900;
}

.package-editor-table tfoot td {
  color: #0f172a;
  background: #ecfdf3;
  border-top: 2px solid #10b981;
  font-weight: 900;
}

.package-editor-total-panel {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 8px;
}

.package-editor-total-stat,
.package-editor-total-edit {
  min-width: 150px;
  display: grid;
  align-content: center;
  gap: 3px;
  padding: 8px 10px;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  background: #fff;
  text-align: right;
}

.package-editor-total-stat small,
.package-editor-total-edit > small {
  color: #64748b;
  font-size: 10px;
  line-height: 1.1;
  font-weight: 900;
  text-transform: uppercase;
}

.package-editor-total-stat b {
  color: #0f172a;
  font-size: 15px;
  line-height: 1.15;
}

.package-editor-total-stat.is-discount b {
  color: #be123c;
}

.package-editor-total-edit {
  min-width: 236px;
  border-color: #86efac;
  background: #f0fdf4;
}

.package-editor-total-edit > span {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px;
}

.package-editor-total-edit input {
  width: 100%;
  min-width: 0;
  height: 34px;
  padding: 0 9px;
  border: 1px solid #86efac;
  border-radius: 7px;
  color: #14532d;
  background: #fff;
  text-align: right;
  font-size: 14px;
  font-weight: 950;
  outline: none;
}

.package-editor-total-edit input:focus {
  border-color: #16a34a;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, .14);
}

.package-editor-total-edit button {
  min-width: 64px;
  height: 34px;
  padding: 0 10px;
  border: 0;
  border-radius: 7px;
  color: #fff;
  background: #15803d;
  cursor: pointer;
  font-size: 11px;
  font-weight: 900;
}

.package-editor-total-edit button:hover {
  background: #166534;
}

.package-editor-total-feedback {
  margin-top: 6px;
  color: #047857;
  font-size: 11px;
  line-height: 1.3;
  font-weight: 850;
  text-align: right;
}

.package-editor-total-feedback.is-error {
  color: #b42318;
}

.package-editor-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.package-editor-message {
  flex: 1 1 220px;
  color: #0f766e;
  font-weight: 900;
}

.package-editor .labor-save-btn.secondary,
.admin-package-panel .labor-save-btn.secondary {
  color: #0f172a;
  background: #e2e8f0;
}

.package-editor .quote-row-btn.square,
.admin-package-panel .quote-row-btn.square {
  width: 34px;
  height: 34px;
  border-radius: 7px;
}

.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 2147483500;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(15, 23, 42, .58);
}

.detail-modal,
.labor-modal {
  width: min(1240px, 100%);
  max-height: min(760px, calc(100vh - 48px));
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .34);
}

.labor-modal {
  width: min(1120px, 100%);
}

.detail-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  padding: 16px 18px;
  border-bottom: 1px solid var(--line);
}

.detail-head p {
  margin: 0 0 4px;
  color: var(--muted);
  font-weight: 800;
}

.detail-head h2 {
  margin: 0;
  font-size: 24px;
  line-height: 1.2;
}

.close-btn {
  flex: 0 0 auto;
  height: 38px;
  padding: 0 16px;
  border-radius: 6px;
  color: #fff;
  background: var(--accent-dark);
}

.detail-actions {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-end;
}

.quote-copy-status {
  max-width: 360px;
  overflow: hidden;
  color: var(--accent-dark);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 900;
}

.quote-copy-status a {
  color: #1d4ed8;
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.quote-copy-status .quote-whatsapp-link {
  display: inline-flex;
  width: 30px;
  height: 30px;
  margin-left: 7px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  border: 0;
  background: #16a34a;
  cursor: pointer;
  text-decoration: none;
  vertical-align: middle;
}

.quote-whatsapp-link svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.quote-link-btn {
  position: relative;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 6px;
  color: #fff;
  background: #2563eb;
  cursor: pointer;
  box-shadow: 0 6px 14px rgba(37, 99, 235, .24);
}

.quote-link-btn::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 9px;
  width: 13px;
  height: 17px;
  border: 2px solid currentColor;
  border-radius: 3px;
}

.quote-link-btn::after {
  content: "";
  position: absolute;
  left: 16px;
  top: 6px;
  width: 9px;
  height: 5px;
  border: 2px solid currentColor;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
}

.quote-link-btn:hover {
  filter: brightness(1.05);
}

.quote-link-btn:disabled {
  opacity: .65;
  cursor: wait;
}

.quote-copy-wrap {
  position: relative;
  flex: 0 0 auto;
}

.quote-plate-popover {
  position: absolute;
  top: calc(100% + 7px);
  right: 0;
  z-index: 6;
  width: 300px;
  max-height: min(78vh, 620px);
  overflow-y: auto;
  overscroll-behavior: contain;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 10px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 9px;
  box-shadow: 0 14px 34px rgba(16, 24, 40, .18);
}

.quote-plate-popover label {
  display: grid;
  gap: 4px;
}

.quote-plate-popover label > span {
  color: #475569;
  font-size: 10px;
  font-weight: 900;
}

.quote-plate-popover[hidden] {
  display: none !important;
}

.quote-plate-popover::before {
  content: "";
  position: absolute;
  top: -6px;
  right: 12px;
  width: 10px;
  height: 10px;
  background: #fff;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
  transform: rotate(45deg);
}

.quote-plate-popover input,
.quote-plate-popover textarea {
  min-width: 0;
  height: 30px;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  padding: 0 8px;
  color: #111827;
  text-transform: none;
  font-size: 12px;
  font-weight: 900;
  outline: none;
}

.quote-plate-popover textarea {
  min-height: 62px;
  padding: 7px 8px;
  resize: vertical;
  line-height: 1.35;
}

.quote-plate-popover label > span em,
.quote-revision-note span em {
  color: #94a3b8;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
}

#quote-plate-input {
  text-transform: uppercase;
}

.quote-contact-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

.quote-plate-popover input:focus,
.quote-plate-popover textarea:focus {
  border-color: #0f766e;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .14);
}

.offer-staff-note {
  margin: 10px 0 0;
  border: 1px solid #bfdbfe;
  border-left: 4px solid #2563eb;
  border-radius: 8px;
  padding: 10px 13px;
  color: #1e3a5f;
  background: #eff6ff;
}

.offer-staff-note strong {
  display: block;
  margin-bottom: 4px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.offer-staff-note p {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 700;
}

.offer-package-note {
  margin: 10px 0 0;
  border: 1px solid #c7d2fe;
  border-left: 4px solid #4f46e5;
  border-radius: 8px;
  padding: 10px 13px;
  color: #312e81;
  background: linear-gradient(135deg, #eef2ff, #f8fafc);
}

.offer-package-note strong {
  display: block;
  margin-bottom: 4px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.offer-package-note p {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 700;
}

.offer-staff-note,.offer-package-note{border:1px solid #dce5ed;border-left:3px solid #527a90;border-radius:10px;padding:11px 13px;background:#f8fafc;color:#30495c}
.offer-staff-note strong,.offer-package-note strong{margin-bottom:4px;font-size:11px;line-height:1.35;letter-spacing:.025em}
.offer-staff-note p,.offer-package-note p{font-size:12px;line-height:1.5;font-weight:550;overflow-wrap:anywhere}
.offer-national-campaigns{margin:10px 0;padding:12px;border:1px solid #c9e5d9;border-radius:10px;background:#f5fbf8;color:#17483b}
.offer-national-campaigns>header{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.offer-national-campaigns>header span{font-size:12px;line-height:1.4;font-weight:850;color:#17694e}
.offer-national-campaigns>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.offer-national-campaigns article{min-width:0;display:grid;align-content:start;gap:5px;padding:12px;border:1px solid #d9e9e1;border-radius:8px;background:#fff;overflow-wrap:anywhere}
.offer-national-campaigns article:only-child{grid-column:1/-1}
.offer-national-campaigns article b{display:block;font-size:12px;line-height:1.45;color:#155c48}
.offer-national-campaigns article p{margin:0;font-size:11px;line-height:1.5;font-weight:500;color:#526b60}
.offer-national-campaigns .offer-gift-choice{margin:10px 0 0;font-size:11px;line-height:1.5;font-weight:600;text-align:center;color:#35594a}
.offer-national-campaigns .offer-gift-confirmation{margin:9px 0 0;padding:8px 10px;border:1px solid #f2d1d4;border-radius:7px;background:#fff5f5;font-size:11px;line-height:1.5;font-weight:600;text-align:center;color:#b42334}
@media(max-width:600px){.offer-national-campaigns{padding:10px}.offer-national-campaigns>div{grid-template-columns:1fr}.offer-national-campaigns article{padding:10px}}

.offer-context-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;margin:9px 0}
.offer-context-grid.has-notes.has-gifts{grid-template-columns:repeat(2,minmax(0,1fr))}
.offer-context-notes{display:grid;min-width:0;align-content:stretch;grid-auto-rows:1fr;gap:0;padding:5px 8px;border:1px solid #dce5ed;border-left:3px solid #527a90;border-radius:10px;background:#f8fafc;color:#30495c}
body.offer-page .offer-context-grid .offer-staff-note,body.offer-page .offer-context-grid .offer-package-note,body.offer-page .offer-context-grid .offer-national-campaigns{min-width:0;margin:0}
body.offer-page:not(.offer-workshop-mode) .offer-context-grid :is(.offer-staff-note,.offer-package-note,.offer-national-campaigns){margin:0}
body.offer-page:not(.offer-workshop-mode) .offer-context-notes :is(.offer-staff-note,.offer-package-note){border:0;border-radius:0;background:transparent;box-shadow:none}
.offer-context-notes>.offer-staff-note+.offer-package-note{border-top:1px solid #dce5ed!important}
.offer-context-grid .offer-staff-note,.offer-context-grid .offer-package-note{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;text-align:center}
.offer-context-grid .offer-staff-note strong,.offer-context-grid .offer-package-note strong{font-size:11.5px;text-transform:none;letter-spacing:0}
.offer-context-grid .offer-staff-note p,.offer-context-grid .offer-package-note p{max-width:100%;text-align:center;font-size:11.5px;line-height:1.45}
.offer-context-grid .offer-national-campaigns{padding:10px;text-align:center}
.offer-context-grid .offer-national-campaigns>header{justify-content:center;margin-bottom:7px;text-align:center}
.offer-context-grid .offer-national-campaigns>header span{font-size:11.5px}
.offer-context-grid .offer-national-campaigns>div{gap:6px}
.offer-context-grid .offer-national-campaigns article{justify-items:center;gap:4px;padding:8px;text-align:center}
.offer-context-grid .offer-national-campaigns article b{font-size:11px;line-height:1.4}
.offer-context-grid .offer-national-campaigns article p{font-size:10.5px;line-height:1.4}
.offer-context-grid .offer-gift-choice{margin-top:7px;font-size:10.5px;line-height:1.4}
.offer-context-grid .offer-gift-confirmation{margin-top:7px;padding:7px;font-size:10.5px;line-height:1.4}
.offer-table-price-note{display:flex;flex-wrap:wrap;gap:3px 10px;margin:0;padding:9px 12px;background:#f7fafc;color:#627886;font-size:11px;line-height:1.45}
.offer-table-scroll-hint{display:none}
@media(max-width:700px){.offer-context-grid{gap:6px}.offer-context-grid .offer-national-campaigns{padding:7px}.offer-context-grid .offer-national-campaigns article{padding:6px}.offer-context-grid .offer-staff-note,.offer-context-grid .offer-package-note{padding:8px 7px}.offer-context-grid .offer-staff-note p,.offer-context-grid .offer-package-note p{font-size:11px}}
@media print{.offer-context-grid{break-inside:avoid;gap:2mm;margin:2mm 0}.offer-context-grid.has-notes.has-gifts{grid-template-columns:repeat(2,minmax(0,1fr))}}

.quote-plate-popover .quote-staff-note-visibility,.quote-revision-toolbar .quote-staff-note-visibility{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0;margin:2px 0 0;font-size:11px;font-weight:600;color:#405367;cursor:pointer}
.quote-plate-popover .quote-staff-note-visibility input[type="checkbox"],.quote-revision-toolbar .quote-staff-note-visibility input[type="checkbox"]{flex:0 0 16px;width:16px;min-width:16px;height:16px;min-height:16px;margin:0;padding:0;border-radius:3px;accent-color:#087b67;cursor:pointer}
.quote-staff-note-visibility>span{font-size:11px;line-height:1.4}
.quote-staff-note-visibility small{margin-left:auto;padding:3px 6px;border-radius:5px;background:#fef2f2;color:#a42a38;font-size:10px;font-weight:600;line-height:1.3}
.quote-staff-note-visibility[hidden],.quote-staff-note-visibility [hidden]{display:none!important}
.quote-staff-note-field{display:grid;gap:6px;min-width:0}
.quote-staff-note-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;min-width:0}
.quote-staff-note-heading>label:first-child{min-width:0;margin:0}
.quote-plate-popover .quote-staff-note-heading>.quote-staff-note-visibility,.quote-revision-toolbar .quote-staff-note-heading>.quote-staff-note-visibility{flex:0 0 auto;flex-wrap:nowrap;gap:6px;min-height:28px;margin:0;padding:3px 6px;border:1px solid #d7e6df;border-radius:6px;background:#f3faf6}
.quote-staff-note-heading .quote-staff-note-visibility>span{white-space:nowrap;color:#235c47;font-size:10px;font-weight:700}
.quote-plate-popover .quote-staff-note-visibility input[type="checkbox"],.quote-revision-toolbar .quote-staff-note-visibility input[type="checkbox"]{position:static;display:block;flex-basis:18px;width:18px;min-width:18px;height:18px;min-height:18px;opacity:1;visibility:visible;appearance:auto;pointer-events:auto}

.quote-revision-toolbar .quote-revision-note {
  grid-column: 1 / -1;
}

.quote-revision-toolbar textarea {
  width: 100%;
  min-height: 54px;
  resize: vertical;
}

.quote-plate-popover button {
  height: 30px;
  border: 0;
  border-radius: 7px;
  padding: 0 8px;
  color: #fff;
  background: #111827;
  cursor: pointer;
  font-size: 11px;
  font-weight: 900;
}

.quote-plate-popover button:last-of-type {
  color: #111827;
  background: #e5e7eb;
}

.quote-plate-popover small {
  min-height: 12px;
  color: #667085;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 900;
}

.quote-reset-btn {
  flex: 0 0 auto;
  height: 38px;
  padding: 0 12px;
  border: 0;
  border-radius: 6px;
  color: #111827;
  background: #e5e7eb;
  cursor: pointer;
  font-size: 13px;
  font-weight: 900;
}

.quote-revision-save-btn {
  flex: 0 0 auto;
  height: 38px;
  padding: 0 15px;
  color: #fff;
  border: 0;
  border-radius: 6px;
  background: #0f766e;
  cursor: pointer;
  font-size: 13px;
  font-weight: 900;
}

.quote-revision-save-btn:disabled {
  cursor: wait;
  opacity: .65;
}

.quote-revision-whatsapp {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: 0;
  border-radius: 50%;
  background: #16a34a;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(22, 163, 74, .22);
  text-decoration: none;
}

.product-ready-category {
  width: 155px;
  max-width: 100%;
  min-height: 32px;
  padding: 5px 26px 5px 8px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  color: #172033;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}

.product-ready-category-current {
  display: block;
  max-width: 155px;
  margin-top: 3px;
  color: #64748b;
  font-size: 9px;
  line-height: 1.2;
}

.offer-customer-preview-row > td {
  background: #f0fdf4 !important;
}

.offer-preview-labor-badge {
  background: #e0f2fe;
  color: #075985;
}

.has-customer-preview .offer-total-main {
  box-shadow: 0 0 0 3px rgba(22, 163, 74, .16);
}

.quote-revision-whatsapp[hidden] {
  display: none;
}

.quote-revision-whatsapp svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.quote-revision-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) repeat(2, minmax(200px, 300px));
  gap: 16px;
  align-items: center;
  margin-bottom: 10px;
  padding: 12px 14px;
  color: #182230;
  border: 1px solid #cfd7e3;
  border-left: 4px solid #0f766e;
  border-radius: 7px;
  background: #f8fafb;
}

.quote-revision-toolbar > div,
.quote-revision-toolbar label {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.quote-revision-toolbar strong {
  font-size: 14px;
}

.quote-revision-toolbar span {
  color: #667085;
  font-size: 11px;
  font-weight: 800;
}

.quote-revision-toolbar input {
  width: 100%;
  height: 38px;
  box-sizing: border-box;
  padding: 0 11px;
  color: #182230;
  border: 1px solid #c7d0dc;
  border-radius: 6px;
  outline: none;
  background: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
}

.quote-revision-toolbar input:focus {
  border-color: #0f766e;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .13);
}

.quote-reset-btn:hover {
  background: #d1d5db;
}

.detail-body {
  overflow: auto;
  padding: 18px;
}

.quote-discount-toolbar {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 12px;
}

.quote-vehicle-age-banner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px 12px;
  margin: 0 0 10px;
  padding: 9px 12px;
  border: 1px solid #bbd9d2;
  border-left: 4px solid #0f766e;
  border-radius: 10px;
  background: linear-gradient(90deg, #edf9f6 0%, #f8fbfb 100%);
  color: #173b36;
}

.quote-vehicle-age-banner span {
  color: #0f766e;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .06em;
}

.quote-vehicle-age-banner strong {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  min-width: 0;
  overflow: visible;
  font-size: 12px;
  white-space: normal;
}

.quote-vehicle-age-banner strong > span {
  color: inherit;
  font: inherit;
  letter-spacing: normal;
  overflow-wrap: anywhere;
}

.quote-vehicle-age-banner strong > .quote-vehicle-warranty-date {
  display: inline-block;
  white-space: nowrap;
}

.quote-vehicle-age-banner small {
  color: #496660;
  font-size: 11px;
  font-weight: 700;
  text-align: left;
}

@media (max-width: 720px) {
  .quote-vehicle-age-banner {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  .quote-vehicle-age-banner small {
    grid-column: auto;
    text-align: left;
  }
}

.vehicle-entitlement-badge.has-connect-sale-date,
.quote-tracking-icons .vehicle-entitlement-badge.has-connect-sale-date {
  width: 80px;
  height: 66px;
  grid-template-rows: 23px 9px 24px;
}
.vehicle-entitlement-badge .connect-sale-date {
  font-size: 9px;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  color: inherit;
}

.quote-tracking-icons button.quote-work-badge { cursor: pointer; }
.quote-work-badge.is-different {
  border-color: #60a5fa;
  color: #eff6ff;
  background: #1d4ed8;
}
.quote-tracking-icons button.quote-work-badge:disabled { cursor: not-allowed; opacity: .5; }

.vehicle-entitlement-badge.is-upgrade {
  border-color: #ffbf69;
  color: #fff8ed;
  background: linear-gradient(145deg, #d77812, #9c4610);
  box-shadow: 0 3px 10px #b95c182a;
}
.entitlement-info-dialog {
  width: min(680px, calc(100vw - 24px));
  box-sizing: border-box;
  overflow: hidden;
  max-height: min(85dvh, 760px);
  padding: 0;
  border: 1px solid #dbe4ee;
  border-radius: 22px;
  background: #fff;
  color: #172b46;
  box-shadow: 0 24px 80px #07172f55;
}
.vehicle-entitlement-badge .entitlement-expired-mark {position:absolute;top:-5px;right:-5px;width:16px;height:16px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#d92d20;color:#fff;font-size:12px;font-style:normal;font-weight:800;line-height:1;box-shadow:0 2px 6px #d92d2033;pointer-events:none;}
.vehicle-entitlement-badge.has-offer-sent .entitlement-expired-mark {right:auto;left:-5px;}
.entitlement-info-dialog::backdrop { background: #07172fb3; }
.entitlement-info-dialog form { margin:0; display:flex; flex-direction:column; max-height:calc(min(85dvh, 760px) - 2px); }
.entitlement-info-dialog header { display:flex; flex-shrink:0; justify-content:space-between; align-items:center; gap:16px; padding:14px 20px; background:#f2f6fc; border-bottom:1px solid #e3eaf3; }
.entitlement-info-dialog header small { color:#607691; font-weight:700; }
.entitlement-info-dialog h2 { font-size:21px; margin:5px 0 0; }
.entitlement-info-dialog h3 { font-size:15px; margin:14px 0 8px; }
.entitlement-info-content { padding:12px 20px; min-height:0; overflow-y:auto; overscroll-behavior:contain; }
.entitlement-info-dialog button { cursor:pointer; border:1px solid #d3deeb; border-radius:11px; padding:11px 16px; background:#fff; color:#233b5a; font:inherit; font-weight:700; }
.entitlement-info-dialog .entitlement-close { font-size:25px; padding:1px 11px; }
.entitlement-status { margin:0 0 8px; color:#26785b; font-weight:700; }
.entitlement-offer-history { margin:8px 0 12px; padding:10px 12px; border:1px solid #cbded3; border-radius:10px; background:#f2fbf6; color:#176b48; font-size:13px; font-weight:700; line-height:1.45; }
.entitlement-offer-history.is-pending { border-color:#eed7a9; background:#fff9ec; color:#8a5b0b; }
.entitlement-offer-history.is-failed { border-color:#efc1c1; background:#fff4f3; color:#a42d2d; }
.entitlement-current { border:1px solid #dde7ef; border-left:3px solid #32a07a; border-radius:12px; padding:10px 12px; margin:6px 0; background:#f8fbfd; }
.entitlement-current>div { display:flex; flex-wrap:wrap; gap:8px 18px; font-size:12px; margin-top:9px; color:#52657c; }
.entitlement-current>.entitlement-contract-number { padding-top:8px; border-top:1px solid #e2e9ef; overflow-wrap:anywhere; }
.entitlement-contract-number b { user-select:text; font-variant-numeric:tabular-nums; }
.entitlement-upgrade-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.entitlement-upgrade-choice { display:flex; align-items:center; min-width:0; gap:8px; padding:10px 12px; margin:0; border:1px solid #ebc298; border-radius:11px; background:#fff8ef; font-size:13px; line-height:1.4; }
.entitlement-upgrade-choice input { accent-color:#c37016; width:18px; height:18px; flex:none; }
.entitlement-upgrade-choice>span { display:grid; gap:5px; min-width:0; }
.entitlement-prices { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.entitlement-prices del { color:#7e8896; font-size:12px; }
.entitlement-prices strong { color:#aa5411; font-size:18px; }
.entitlement-question { margin:12px 0 6px; font-weight:650; line-height:1.4; font-size:14px; }
.entitlement-note { display:block; font-size:12px; color:#64748b; line-height:1.5; }
.entitlement-info-dialog footer { display:flex; flex-shrink:0; justify-content:flex-end; flex-wrap:wrap; gap:10px; padding:12px 20px; background:#f7f9fc; border-top:1px solid #e3eaf3; }
.entitlement-info-dialog .entitlement-send { background:#156c50; color:#fff; border-color:#156c50; }
.entitlement-info-dialog button:focus-visible { outline:3px solid #6c9adb; outline-offset:2px; }
@media(max-width:480px){.entitlement-upgrade-grid{grid-template-columns:1fr}.entitlement-info-dialog header,.entitlement-info-content,.entitlement-info-dialog footer{padding:12px}.entitlement-info-dialog footer button{flex:1}.entitlement-info-dialog h2{font-size:18px}}

.quote-discount-groups,
.quote-age-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.quote-fixed-campaign-note {
  margin: 0;
  padding: 8px 11px;
  border: 1px solid #f0d7a4;
  border-radius: 9px;
  background: #fff9eb;
  color: #75551d;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.4;
}

.quote-discount-toolbar.has-campaign-rates { flex-wrap: wrap; align-items: center; }
.has-campaign-rates > .quote-fixed-campaign-note { flex: 1 0 100%; order: 3; }
.has-campaign-rates .quote-campaign-rate { display: inline-flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; width: 100%; padding: 0 10px; border: 1px solid #d8e1eb; background: #f8fafc; cursor: default; }
.has-campaign-rates .quote-campaign-rate em { color: #b70932; font-weight: 800; font-style: normal; white-space: nowrap; }
.quote-discount-toolbar .quote-age-presets .quote-fya-preset[data-maintenance-campaign-toggle] { border-color: #e7ae93; background: #fff3ec; color: #86241c; font-weight: 800; animation: maintenanceCampaignGlow 2.2s ease-in-out infinite; }
.quote-discount-toolbar .quote-age-presets .quote-fya-preset[data-maintenance-campaign-toggle].is-active { border-color: #b70932; background: #b70932; color: #fff; }
@keyframes maintenanceCampaignGlow {
  0%, 100% { box-shadow: 0 0 0 1px #b709321a, 0 0 3px #b709321a; }
  50% { box-shadow: 0 0 0 2px #b7093238, 0 0 12px #b7093260; }
}
@media (prefers-reduced-motion: reduce) {
  .quote-discount-toolbar .quote-age-presets .quote-fya-preset[data-maintenance-campaign-toggle] { animation: none; box-shadow: 0 0 0 1px #b7093238; }
}
@media (max-width: 480px) {
  .has-campaign-rates .quote-campaign-rate { flex-direction: column; justify-content: center; min-height: 48px; height: auto; gap: 2px; padding: 6px 4px; }
}

.quote-age-presets {
  justify-content: flex-end;
  margin-left: auto;
}

.quote-discount-control {
  position: relative;
}

.quote-discount-main {
  min-width: 104px;
  height: 36px;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  color: #0f172a;
  background: #fff;
  cursor: pointer;
  font-weight: 900;
}

.quote-discount-main em {
  color: #dc2626;
  font-style: normal;
}

.quote-discount-options {
  position: absolute;
  z-index: 4;
  top: calc(100% + 6px);
  left: 0;
  min-width: 104px;
  display: none;
  gap: 4px;
  padding: 6px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(15, 23, 42, .16);
}

.quote-discount-control.is-open .quote-discount-options {
  display: grid;
}

.quote-discount-options button {
  height: 32px;
  border: 0;
  border-radius: 6px;
  color: #fff;
  background: var(--accent-dark);
  cursor: pointer;
  font-weight: 900;
}

.quote-discount-options button:hover {
  filter: brightness(1.05);
}

.quote-age-presets button {
  height: 36px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: 0 12px;
  color: #0f172a;
  background: #f8fafc;
  cursor: pointer;
  font-weight: 900;
  white-space: nowrap;
}

.quote-age-presets button:hover {
  border-color: #0f766e;
  background: #ecfdf5;
}

.quote-age-presets button.is-active:not(.quote-secondhand-preset):not(.quote-code-toggle) {
  color: #fff;
  border-color: #0f766e;
  background: #0f766e;
  box-shadow: 0 0 0 2px rgba(15, 118, 110, .14);
}

.quote-age-presets [data-campaign-tooltip] {
  position: relative;
}

.quote-age-presets .quote-secondhand-preset {
  color: #fff;
  border-color: #b42318;
  background: #b42318;
}

.quote-age-presets [data-campaign-tooltip]::after {
  position: absolute;
  z-index: 20;
  top: calc(100% + 9px);
  left: 50%;
  width: max-content;
  max-width: min(260px, 80vw);
  padding: 9px 12px;
  color: #fff;
  border: 1px solid #fda29b;
  border-radius: 6px;
  background: #7a271a;
  box-shadow: 0 10px 22px rgba(122, 39, 26, .3);
  content: attr(data-campaign-tooltip);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.3;
  white-space: normal;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, -4px);
  transition: opacity .16s ease, transform .16s ease;
}

.quote-age-presets [data-campaign-tooltip]:hover::after,
.quote-age-presets [data-campaign-tooltip]:focus-visible::after {
  opacity: 1;
  transform: translate(-50%, 0);
}

.quote-age-presets .quote-fya-preset::after {
  border-color: #99f6e4;
  background: #115e59;
  box-shadow: 0 10px 22px rgba(17, 94, 89, .28);
}

.quote-age-presets .quote-secondhand-preset:hover,
.quote-age-presets .quote-secondhand-preset.is-active {
  color: #fff;
  border-color: #7a271a;
  background: #912018;
}

.quote-age-presets .quote-secondhand-preset.is-active {
  box-shadow: 0 0 0 2px rgba(180, 35, 24, .2);
}

.quote-age-presets .quote-code-toggle {
  color: #fff;
  border-color: #0f766e;
  background: #0f766e;
}

.quote-age-presets .quote-code-toggle:hover,
.quote-age-presets .quote-code-toggle.is-active {
  color: #fff;
  border-color: #115e59;
  background: #115e59;
}

.quote-product-code {
  font-weight: 800;
  white-space: nowrap;
}

.quote-product-code-copy {
  display: inline-block;
  cursor: copy;
  user-select: none;
}

.quote-product-code-copy.is-copied {
  color: #047857;
}

td.offer-product-code-column,
.offer-mobile-product-code,
.offer-removed-code {
  cursor: copy;
}

.offer-product-code-column.is-copied,
.offer-mobile-product-code.is-copied,
.offer-removed-code.is-copied {
  color: #047857;
}

.quote-code-hidden {
  color: #98a2b3;
  font-weight: 700;
}

.quote-code-placeholder {
  color: #64748b;
  font-weight: 700;
  white-space: nowrap;
}

.quote-table-wrap {
  overflow: auto;
}

.detail-table {
  width: 100%;
  min-width: 1080px;
  border-collapse: collapse;
  font-size: 14px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .12);
}

.detail-table th {
  background: #009879;
  color: #fff;
  text-align: left;
}

.detail-table th,
.detail-table td {
  padding: 11px 12px;
  border-bottom: 1px solid #e2e8f0;
}

.detail-table tbody tr:nth-child(even) {
  background: #f8fafc;
}

.detail-table .right {
  text-align: right;
  white-space: nowrap;
}

.quote-cell-input {
  width: 104px;
  height: 30px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: 0 8px;
  color: #111827;
  background: #fff;
  text-align: right;
  font-size: 12px;
  font-weight: 900;
  outline: none;
}

.quote-rate-input {
  width: 74px;
}

.quote-cell-input:focus {
  border-color: #0f766e;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .14);
}

.quote-add-product-row {
  background: #f0fdfa !important;
}

.quote-code-input {
  width: 118px;
  height: 30px;
  border: 1px dashed #94a3b8;
  border-radius: 6px;
  padding: 0 8px;
  color: #0f172a;
  background: #fff;
  font-size: 12px;
  font-weight: 900;
  outline: none;
}

.quote-code-input:focus {
  border-style: solid;
  border-color: #0f766e;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .14);
}

.quote-code-input::placeholder {
  color: #64748b;
}

.quote-add-product-status {
  display: block;
  max-width: 520px;
  color: #0f766e;
  font-size: 12px;
  font-weight: 900;
  white-space: normal;
}

.quote-action-cell {
  width: 42px;
  text-align: center;
}

.quote-row-btn,
.quote-add-btn {
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: #e11d48;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
  font-weight: 900;
}

.quote-add-btn {
  background: #0f766e;
}

.quote-row-btn.danger {
  background: #be123c;
}

.quote-row-btn:disabled,
.quote-add-btn:disabled {
  opacity: .55;
  cursor: wait;
}

.quote-added-row {
  background: #ecfdf5 !important;
}

.quote-detail-table tbody tr.quote-eper-added-row:not(.quote-removed-row) > td {
  border-top-color: #bae6fd;
  border-bottom-color: #bae6fd;
  background: #eef8ff !important;
}

.quote-detail-table tbody tr.quote-eper-added-row:not(.quote-removed-row) > td:first-child {
  box-shadow: inset 4px 0 #0284c7;
}

.quote-detail-table tbody tr.quote-eper-added-row:not(.quote-removed-row):hover > td {
  background: #e0f2fe !important;
}

.quote-eper-source-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 16px;
  margin-left: 6px;
  padding: 0 5px;
  border: 1px solid #7dd3fc;
  border-radius: 999px;
  color: #075985;
  background: #e0f2fe;
  font-size: 8px;
  font-weight: 950;
  line-height: 1;
  letter-spacing: .035em;
  vertical-align: middle;
}

.quote-eper-labor-warning {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 10px 0 0;
  border: 1px solid #ef4444;
  border-left: 5px solid #b91c1c;
  border-radius: 10px;
  padding: 10px 13px;
  color: #991b1b;
  background: #fef2f2;
  box-shadow: 0 4px 14px rgba(185, 28, 28, .08);
}

.quote-eper-labor-warning span {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 3px 8px;
  color: #fff;
  background: #b91c1c;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .08em;
}

.quote-eper-labor-warning strong {
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .025em;
}

#quote-eper-frame-parking {
  position: fixed;
  top: 0;
  left: -10000px;
  z-index: -1;
  width: 1px;
  height: 1px;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
}

@media (max-width: 700px) {
  .detail-modal .quote-detail-table .quote-eper-source-badge {
    min-width: 15px;
    height: 9px;
    margin-left: 1px;
    padding: 0 2px;
    border-width: 0;
    font-size: 4.5px;
  }
}

.whatsapp-template-editor {
  max-width: 1260px;
  margin: 18px auto 0;
  padding: clamp(16px, 3vw, 28px);
  border: 1px solid #dce6f0;
  border-radius: 20px;
  background: linear-gradient(145deg, #fff 0%, #f8fbff 100%);
  box-shadow: 0 14px 38px rgba(19, 43, 74, .07);
}

.whatsapp-template-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
  align-items: start;
  gap: clamp(22px, 3vw, 38px);
}

.whatsapp-template-controls { min-width: 0; }

.whatsapp-template-toolbar,
.whatsapp-template-actions {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
}

.whatsapp-template-toolbar label,
.whatsapp-template-body-label {
  display: grid;
  gap: 8px;
  color: #334155;
  font-size: 13px;
  font-weight: 800;
}

.whatsapp-template-toolbar select {
  min-width: min(320px, 72vw);
  min-height: 44px;
  padding: 0 13px;
  border: 1px solid #cbd5e1;
  border-radius: 11px;
  background: #fff;
  color: #0f172a;
  font: inherit;
}

.whatsapp-template-state {
  padding: 7px 11px;
  border-radius: 999px;
  background: #e9f7ef;
  color: #166534;
  font-size: 12px;
  font-weight: 800;
}

.whatsapp-template-body-label { margin-top: 20px; }

#whatsapp-template-body {
  width: 100%;
  min-height: 320px;
  resize: vertical;
  padding: 16px;
  border: 1px solid #cbd5e1;
  border-radius: 13px;
  background: #fff;
  color: #0f172a;
  font: 500 14px/1.65 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  tab-size: 2;
}

#whatsapp-template-body:focus,
.whatsapp-template-toolbar select:focus {
  outline: 3px solid rgba(37, 99, 235, .16);
  border-color: #3b82f6;
}

.whatsapp-template-hint {
  display: grid;
  gap: 10px;
  margin: 11px 0 18px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.whatsapp-template-hint-title { color: #334155; font-size: 12px; }
.whatsapp-template-token-list { display: flex; flex-wrap: wrap; gap: 7px; }
.whatsapp-template-token {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  min-height: 42px;
  padding: 6px 9px;
  border: 1px solid #cbd8e3;
  border-radius: 9px;
  background: #fff;
  color: #1e3a5f;
  font: inherit;
  line-height: 1.2;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease, transform .15s ease;
}
.whatsapp-template-token:hover,
.whatsapp-template-token:focus-visible {
  border-color: #16865c;
  background: #f0fbf5;
  outline: none;
  transform: translateY(-1px);
}
.whatsapp-template-token strong { font-size: 11px; }
.whatsapp-template-token code { color: #0f766e; font: 600 10px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.whatsapp-template-more { border-top: 1px solid #e2e8f0; padding-top: 9px; }
.whatsapp-template-more summary { width: max-content; color: #0f766e; font-size: 11px; font-weight: 800; cursor: pointer; }
.whatsapp-template-more summary span { color: #64748b; font-weight: 700; }
.whatsapp-template-more .whatsapp-template-token-list { margin-top: 9px; }
.whatsapp-template-hint-note { color: #64748b; font-size: 11px; }

.whatsapp-template-actions { justify-content: flex-end; }

.whatsapp-template-head .whatsapp-company-select { min-width: 210px; }

.whatsapp-template-preview { min-width: 0; }
.whatsapp-template-preview-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 1px 0 12px; color: #263647; }
.whatsapp-template-preview-heading > span { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 900; }
.whatsapp-template-preview-heading > span i { width: 9px; height: 9px; border-radius: 50%; background: #19bd72; box-shadow: 0 0 0 4px rgba(25,189,114,.13); }
.whatsapp-template-preview-heading small { color: #7b8794; font-size: 10px; text-align: right; }
.whatsapp-template-image-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin: 0 0 12px; }
.whatsapp-template-image-pick,.whatsapp-template-image-tools button { min-height: 34px; display: inline-flex; align-items: center; justify-content: center; padding: 7px 10px; border: 1px solid #cbd8e3; border-radius: 9px; background: #fff; color: #314252; font-family: inherit; font-size: 11px; line-height: 1.2; font-weight: 800; cursor: pointer; }
.whatsapp-template-image-pick { border-color: #b9d7cb; background: #f0fbf5; color: #087443; }
.whatsapp-template-image-pick.is-disabled { opacity: .55; pointer-events: none; }
.whatsapp-template-image-tools button:hover,.whatsapp-template-image-pick:hover { border-color: #159b68; }
.whatsapp-template-image-tools button[hidden] { display: none; }
.whatsapp-template-image-tools small { flex: 1 0 100%; color: #718096; font-size: 10px; }
.whatsapp-preview-phone { max-width: 390px; min-height: 555px; margin: 0 auto; overflow: hidden; border: 8px solid #1e2933; border-radius: 31px; background: #efeae2; box-shadow: 0 18px 38px rgba(15,23,42,.2), inset 0 0 0 1px rgba(255,255,255,.4); }
.whatsapp-preview-topbar { height: 62px; display: flex; align-items: center; gap: 10px; padding: 0 13px; background: #087e68; color: #fff; }
.whatsapp-preview-back { font: 400 31px/1 Arial,sans-serif; margin-top: -4px; }
.whatsapp-preview-avatar { flex: 0 0 36px; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: #e3f4ec; color: #087e68; font-size: 18px; font-weight: 900; }
.whatsapp-preview-contact { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 2px; }
.whatsapp-preview-contact strong { overflow: hidden; color: #fff; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.whatsapp-preview-contact small { color: rgba(255,255,255,.8); font-size: 10px; }
.whatsapp-preview-menu { font-size: 21px; line-height: 1; }
.whatsapp-preview-chat { min-height: 485px; padding: 18px 12px; background-color: #efeae2; background-image: radial-gradient(rgba(80,100,89,.07) .7px, transparent .7px), radial-gradient(rgba(80,100,89,.05) .7px, transparent .7px); background-position: 0 0, 8px 8px; background-size: 16px 16px; }
.whatsapp-preview-date { width: max-content; margin: 0 auto 15px; padding: 5px 10px; border-radius: 8px; background: rgba(255,255,255,.83); color: #64716d; font-size: 9px; font-weight: 800; letter-spacing: .04em; box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.whatsapp-preview-bubble { width: min(100%, 315px); margin-left: auto; overflow: hidden; border-radius: 10px 2px 10px 10px; background: #d9fdd3; color: #1d2924; box-shadow: 0 1px 1px rgba(0,0,0,.12); }
.whatsapp-preview-image { display: block; width: 100%; max-height: 150px; object-fit: cover; object-position: center; background: #f7f7f7; }
.whatsapp-preview-image[hidden] { display: none !important; }
.whatsapp-preview-text { padding: 10px 11px 2px; color: #1d2924; font: 400 12px/1.47 Arial, sans-serif; overflow-wrap: anywhere; }
.whatsapp-preview-text strong { font-weight: 800; }
.whatsapp-preview-text em { color: #45574c; font-style: italic; }
.whatsapp-preview-text del { color: #6d7771; }
.whatsapp-preview-text a { color: #1265a8; text-decoration: underline; }
.whatsapp-preview-empty { color: #728078; font-style: italic; }
.whatsapp-preview-bubble footer { display: flex; align-items: center; justify-content: flex-end; gap: 4px; padding: 3px 8px 7px; color: #718078; }
.whatsapp-preview-bubble time { font: 400 9px Arial,sans-serif; }
.whatsapp-preview-bubble footer span { color: #42a5e8; font: 800 11px Arial,sans-serif; letter-spacing: -4px; padding-right: 3px; }
.whatsapp-preview-caption { max-width: 390px; margin: 10px auto 0; color: #738092; font-size: 11px; line-height: 1.5; text-align: center; }
.whatsapp-template-test { display: grid; grid-template-columns: minmax(130px, 1fr) auto; align-items: end; gap: 10px; margin-top: 22px; padding: 13px; border: 1px solid #d9e6df; border-radius: 13px; background: #f6fbf8; }
.whatsapp-template-test label { display: grid; gap: 6px; color: #405366; font-size: 11px; font-weight: 800; }
.whatsapp-template-test input { width: 100%; min-height: 40px; padding: 0 10px; border: 1px solid #cfddd5; border-radius: 8px; background: #fff; color: #314252; font-family: inherit; font-size: 13px; font-weight: 700; }
.whatsapp-template-test button { min-height: 40px; padding-inline: 12px; white-space: nowrap; }
.whatsapp-template-test p { grid-column: 1/-1; min-height: 15px; margin: 0; color: #637567; font-size: 11px; line-height: 1.45; }
.whatsapp-template-test button:disabled { opacity: .55; cursor: not-allowed; }

@media (max-width: 960px) {
  .whatsapp-template-workspace { grid-template-columns: minmax(0, 1fr); }
  .whatsapp-template-preview { width: 100%; max-width: 500px; margin: 6px auto 0; }
  .whatsapp-preview-phone { min-height: 0; }
  .whatsapp-preview-chat { min-height: 390px; }
}

@media (max-width: 700px) {
  .whatsapp-template-editor { margin-top: 12px; padding: 15px; border-radius: 15px; }
  .whatsapp-template-toolbar { align-items: stretch; flex-direction: column; }
  .whatsapp-template-toolbar select { width: 100%; min-width: 0; }
  .whatsapp-template-state { align-self: flex-start; }
  #whatsapp-template-body { min-height: 250px; padding: 12px; font-size: 12px; }
  .whatsapp-template-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .whatsapp-template-actions button { min-height: 44px; padding-inline: 8px; }
  .whatsapp-template-head { align-items: stretch; }
  .whatsapp-template-preview-heading { align-items: flex-start; flex-direction: column; gap: 4px; }
  .whatsapp-template-preview-heading small { text-align: left; }
  .whatsapp-template-test { grid-template-columns: 1fr; }
  .whatsapp-template-test button { width: 100%; white-space: normal; }
  .whatsapp-preview-phone { min-height: 0; border-width: 6px; border-radius: 24px; }
  .whatsapp-preview-chat { min-height: 350px; padding: 14px 9px; }
  .whatsapp-preview-bubble { width: min(100%, 310px); }
  .whatsapp-preview-text { font-size: 12px; }
}

.quote-removed-row {
  color: #64748b;
  background: #fff1f2 !important;
}

.quote-panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
  margin-top: 16px;
}

.quote-section {
  min-width: 0;
  padding: 10px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
}

.quote-section h3,
.extra-product-head h3 {
  margin: 0 0 8px;
  color: #0f172a;
  font-size: 18px;
  line-height: 1.2;
}

.quote-section h3 {
  padding-bottom: 8px;
  border-bottom: 1px solid #e7edf5;
}

.quote-table-wrap.removed .detail-table {
  min-width: 900px;
  box-shadow: none;
}

.quote-extra-list,
.quote-compact-list,
.extra-product-list {
  display: grid;
  gap: 7px;
}

.quote-extra-item,
.quote-list-row,
.extra-product-admin-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 32px;
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 8px;
  background: var(--surface-2);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.quote-list-row {
  grid-template-columns: 32px 120px minmax(0, 1fr) auto;
  background: #fff1f2;
}

.quote-extra-item div,
.extra-product-admin-item div {
  min-width: 0;
  display: flex;
  gap: 8px;
  align-items: baseline;
}

.quote-extra-item strong,
.quote-list-row strong,
.extra-product-admin-item strong {
  color: #0f172a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quote-extra-item span,
.quote-list-row span,
.extra-product-admin-item span {
  min-width: 0;
  color: #475569;
  font-weight: 800;
}

.quote-extra-item div span,
.quote-list-row span,
.extra-product-admin-item div span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 700;
}

.quote-list-row em {
  color: #be123c;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.quote-extra-item > span {
  color: #0f766e;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.quote-extra-item.is-fixed-labor {
  border-color: #c7a45a;
  background: linear-gradient(135deg, #fff9e9, #fff3cf);
  box-shadow: inset 3px 0 #c58a20, 0 3px 10px rgba(146, 96, 15, .08);
}

.quote-extra-item.is-fixed-labor strong,
.quote-extra-item.is-fixed-labor > span {
  color: #87560b;
}

.quote-extra-item.is-fixed-labor .quote-add-btn {
  border-color: #a96f14;
  background: #b87918;
}

.extra-fixed-badge {
  min-width: 38px;
  padding: 4px 6px;
  border: 1px solid #d6b66f;
  border-radius: 6px;
  color: #87560b;
  background: #fff6dc;
  font-size: 9px;
  font-weight: 900;
  text-align: center;
}

.no-detail.compact {
  padding: 12px;
  font-size: 13px;
}

.extra-product-admin {
  margin-bottom: 16px;
  padding: 14px;
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.campaign-admin {
  margin-bottom: 16px;
  padding: 14px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
}

.campaign-admin-head,
.campaign-item-tools {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}

.campaign-admin-head h3 {
  margin: 0;
  color: #0f172a;
  font-size: 18px;
  line-height: 1.2;
}

.campaign-admin-head span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.campaign-toolbar {
  display: flex;
  gap: 8px;
  align-items: center;
}

.campaign-profit-summary {
  display: inline-grid;
  gap: 2px;
  min-width: 150px;
  padding: 8px 12px;
  border: 1px solid #bbf7d0;
  border-radius: 9px;
  background: #f0fdf4;
  color: #166534;
}
.campaign-profit-summary span { font-size: 11px; font-weight: 800; text-transform: uppercase; }
.campaign-profit-summary small { color: #166534; font-size: 11px; }
.campaign-profit-summary strong { font-size: 17px; }

.campaign-card-profit {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2px 0 10px;
  padding: 0;
  color: #166534;
  text-align: center;
}
.campaign-card-profit strong { font-size: 13px; line-height: 1.3; }

.package-card-cost-profit {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 6px 0 10px;
  padding: 8px 6px;
  border: 1px solid #d9e5dc;
  border-radius: 9px;
  background: #f7fbf8;
  text-align: center;
}
.package-card-cost-profit > span { display: grid; gap: 3px; min-width: 0; }
.package-card-cost-profit > span + span { border-left: 1px solid #dce8df; }
.package-card-cost-profit small { color: #627168; font-size: 9px; font-weight: 800; }
.package-card-cost-profit b,
.package-card-cost-profit strong { color: #254c32; font-size: 12px; font-weight: 900; white-space: nowrap; }

.quote-campaign-earnings {
  display: inline-grid;
  min-width: 110px;
  gap: 5px;
  padding: 9px 12px;
  border: 1px solid #bbf7d0;
  border-radius: 9px;
  background: #f0fdf4;
  color: #166534;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.quote-campaign-earnings small { font-size: 11px; font-weight: 900; text-transform: uppercase; }
.quote-campaign-earnings strong { font-size: 16px; line-height: 1.15; }

.campaign-toolbar select {
  width: min(360px, 46vw);
}

.campaign-form-grid {
  display: grid;
  grid-template-columns: 160px 1fr 1fr 150px;
  gap: 10px;
  margin-bottom: 10px;
}

.campaign-form-grid label {
  display: grid;
  gap: 5px;
  min-width: 0;
  color: #344054;
  font-size: 12px;
  font-weight: 900;
}

.campaign-form-grid input,
.campaign-form-grid select,
.campaign-form-grid textarea,
.campaign-toolbar select,
.campaign-item-tools select {
  width: 100%;
  min-width: 0;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 0 10px;
  color: #111827;
  background: #fff;
  font-weight: 800;
  outline: none;
}

.campaign-form-grid input,
.campaign-form-grid select,
.campaign-toolbar select,
.campaign-item-tools select {
  height: 34px;
}

.campaign-form-grid textarea {
  min-height: 58px;
  padding-top: 8px;
  resize: vertical;
}

.campaign-form-grid input:focus,
.campaign-form-grid select:focus,
.campaign-form-grid textarea:focus,
.campaign-toolbar select:focus,
.campaign-item-tools select:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(16, 150, 125, .16);
}

.campaign-wide {
  grid-column: span 2;
}

.campaign-item-list {
  display: grid;
  gap: 7px;
}

.campaign-item-row {
  display: grid;
  grid-template-columns: 28px 118px minmax(0, 1fr) 80px 120px;
  gap: 8px;
  align-items: center;
  padding: 8px;
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.campaign-item-row strong {
  color: #111827;
  font-size: 13px;
}

.campaign-item-row span {
  min-width: 0;
  overflow: hidden;
  color: #475569;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 800;
}

.campaign-item-row input {
  width: 100%;
  height: 30px;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  padding: 0 8px;
  text-align: right;
  font-weight: 900;
}

.campaign-item-row input:disabled {
  color: #64748b;
  background: #e2e8f0;
}

.campaign-detail-note {
  margin: 10px 0 0;
  padding: 10px 12px;
  color: #92400e;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 800;
}

.extra-product-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  align-items: end;
  margin-bottom: 10px;
}

.extra-product-form {
  display: flex;
  gap: 8px;
}

.extra-product-form input {
  width: 180px;
  height: 34px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: 0 10px;
  font-weight: 800;
  outline: none;
  text-transform: uppercase;
}

#labor-add-name {
  width: 260px;
}

#labor-add-quantity {
  width: 82px;
}

.extra-product-form select {
  width: 112px;
  height: 34px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: 0 8px;
  color: #111827;
  background: #fff;
  font-weight: 800;
  outline: none;
}

.extra-product-form input:focus,
.extra-product-form select:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(16, 150, 125, .16);
}

.extra-product-form .labor-save-btn {
  height: 34px;
}

.detail-total td {
  font-size: 18px;
  font-weight: 900;
  border-top: 2px solid #009879;
  background: #f0fdfa;
}

.no-detail {
  margin: 0;
  padding: 20px;
  color: var(--muted);
  background: var(--surface-2);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.labor-body {
  overflow: auto;
  padding: 18px;
}

.password-panel {
  width: min(380px, 100%);
  display: grid;
  gap: 12px;
  margin: 20px auto;
  padding: 18px;
  background: var(--surface-2);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.password-panel label {
  display: grid;
  gap: 6px;
  color: #334155;
  font-weight: 800;
}

.password-panel input,
.labor-price-input {
  width: 100%;
  height: 38px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: 0 10px;
  outline: none;
  font-weight: 800;
}

.password-panel input:focus,
.labor-price-input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(16, 150, 125, .16);
}

.labor-tools {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
  color: var(--muted);
  font-weight: 800;
}

.labor-table-wrap {
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.labor-table {
  width: 100%;
  min-width: 920px;
  border-collapse: collapse;
  background: #fff;
  font-size: 14px;
}

.labor-table th {
  background: #0f766e;
  color: #fff;
  text-align: left;
}

.labor-table th,
.labor-table td {
  padding: 10px 12px;
  border-bottom: 1px solid #e2e8f0;
  vertical-align: top;
}

.labor-table tbody tr:nth-child(even) {
  background: #f8fafc;
}

.labor-table .right {
  text-align: right;
  white-space: nowrap;
}

.labor-name {
  font-weight: 800;
}

.labor-table small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-weight: 700;
}

.labor-price-input {
  max-width: 130px;
}

.labor-table .labor-gross-input {
  width: 130px;
  max-width: 130px;
  text-align: right;
  font-weight: 800;
}

.labor-row-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.labor-delete-btn {
  height: 34px;
  border: 1px solid #fecaca;
  border-radius: 6px;
  padding: 0 11px;
  color: #b91c1c;
  background: #fff1f2;
  font-weight: 800;
  cursor: pointer;
}

.labor-delete-btn:hover:not(:disabled) {
  border-color: #ef4444;
  background: #fee2e2;
}

.labor-delete-btn:disabled {
  color: #94a3b8;
  border-color: #e2e8f0;
  background: #f8fafc;
  cursor: not-allowed;
}

.labor-package-details {
  width: 140px;
}

.labor-package-details summary {
  color: #1d4ed8;
  font-weight: 900;
  cursor: pointer;
  white-space: nowrap;
}

.labor-package-list {
  width: min(360px, 70vw);
  max-height: 260px;
  margin-top: 8px;
  overflow: auto;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
}

.labor-package-link {
  display: block;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #e2e8f0;
  padding: 9px 10px;
  color: #0f172a;
  background: #fff;
  text-align: left;
  cursor: pointer;
}

.labor-package-link:last-child {
  border-bottom: 0;
}

.labor-package-link:hover {
  background: #eff6ff;
}

.labor-package-link strong,
.labor-package-link small {
  display: block;
}

.labor-package-link small,
.labor-package-empty {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
}

.labor-table .labor-name-input {
  min-width: 220px;
  max-width: 320px;
}

.labor-table .labor-code-input {
  width: 112px;
  max-width: 112px;
  text-transform: uppercase;
  font-weight: 900;
}

.labor-table .labor-quantity-input {
  width: 76px;
  max-width: 76px;
  text-align: center;
}

.quote-name-input {
  min-width: 190px;
}

.labor-save-btn {
  height: 34px;
  border: 0;
  border-radius: 6px;
  padding: 0 12px;
  color: #fff;
  background: #2563eb;
  cursor: pointer;
  font-weight: 800;
}

.labor-save-btn:disabled {
  opacity: .55;
  cursor: wait;
}

.labor-message {
  min-height: 20px;
  margin: 8px 0 0;
  color: var(--price);
  font-weight: 800;
}

.extra-candidate-list {
  display: grid;
  gap: 6px;
  margin-top: 8px;
}

.extra-candidate-list button {
  width: 100%;
  min-height: 34px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: 7px 10px;
  color: #0f172a;
  background: #fff;
  cursor: pointer;
  text-align: left;
  font-weight: 800;
}

.extra-candidate-list button:hover {
  border-color: var(--accent);
  background: #f0fdfa;
}

.offer-shell {
  width: min(980px, calc(100% - 28px));
  margin: 0 auto;
  padding: 22px 0 44px;
}

.offer-head,
.offer-summary,
.offer-section {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.offer-head {
  display: grid;
  justify-items: center;
  padding: 18px;
  text-align: center;
}

.offer-head p,
.offer-head h1 {
  margin: 0;
}

.offer-head p {
  color: var(--muted);
  font-weight: 900;
}

.offer-head h1 {
  margin-top: 5px;
  font-size: 28px;
  line-height: 1.2;
}

.offer-title-separator {
  margin: 0 3px;
}

.offer-eper-link {
  color: #0f766e;
  font-weight: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 4px;
}

.offer-eper-link:hover {
  color: #115e59;
}

.offer-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 16px;
  margin-top: 10px;
  color: #334155;
  font-weight: 800;
}

.offer-revision-history-link {
  padding: 2px 7px;
  border: 1px solid #9bcfc7;
  border-radius: 6px;
  color: #0b7367;
  background: #edfaf7;
  text-decoration: none;
  cursor: pointer;
  transition: color .15s ease, border-color .15s ease, background .15s ease;
}

.offer-revision-history-link:hover,
.offer-revision-history-link:focus-visible {
  border-color: #0f766e;
  outline: none;
  color: #fff;
  background: #0f766e;
}

@media print {
  .offer-revision-history-link {
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
  }
}

.offer-archive-note {
  margin: 10px 0 0;
  border: 1px solid #fde68a;
  border-radius: 6px;
  padding: 9px 12px;
  color: #854d0e;
  background: #fffbeb;
  text-align: center;
  font-size: 12px;
  font-weight: 800;
}

.offer-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  margin-top: 14px;
  padding: 16px 18px;
}

.offer-package-info {
  min-width: 0;
  align-self: stretch;
  display: grid;
  justify-items: center;
  place-content: center;
  text-align: center;
}

.offer-summary span {
  display: block;
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
}

.offer-summary strong {
  display: block;
  margin-top: 4px;
  color: var(--price);
  font-size: 30px;
  line-height: 1;
}

.offer-package-name {
  display: block;
  margin-top: 4px;
  color: #0f172a;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 900;
}

.offer-discounts {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin-top: 8px;
}

.offer-discounts span {
  padding: 5px 8px;
  color: #0f172a;
  background: #e0f2fe;
  border-radius: 6px;
}

.offer-section {
  margin-top: 14px;
  overflow: hidden;
}

.offer-section h2 {
  margin: 0;
  padding: 14px 16px;
  font-size: 18px;
  line-height: 1.2;
  border-bottom: 1px solid var(--line);
}

.offer-table-wrap {
  overflow: auto;
}

.offer-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  background: #fff;
  font-size: 14px;
}

.offer-table th {
  color: #fff;
  background: #0f766e;
  text-align: center;
}

.offer-table th,
.offer-table td {
  padding: 11px 12px;
  border-bottom: 1px solid #e2e8f0;
  text-align: center;
  vertical-align: middle;
}

.offer-table tbody tr:nth-child(even) {
  background: #f8fafc;
}

.offer-table .right {
  text-align: center;
  white-space: nowrap;
}

.offer-badge {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 6px;
  color: #047857;
  background: #d1fae5;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
}

.offer-removed-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 14px 16px 16px;
  list-style: none;
}

.offer-removed-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 10px;
  color: #64748b;
  background: #fff1f2;
  border: 1px solid #fecdd3;
  border-radius: 8px;
  font-weight: 800;
}

.offer-error {
  width: min(560px, calc(100% - 28px));
  margin: 48px auto;
  padding: 22px;
  text-align: center;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
  font-weight: 900;
}

/* Modern compact layout */
:root {
  --bg: #f3f6fa;
  --surface: #ffffff;
  --surface-2: #f7f9fc;
  --text: #111827;
  --muted: #667085;
  --line: #dce3ec;
  --accent: #0f9f86;
  --accent-dark: #087363;
  --price: #d7194a;
  --shadow: 0 10px 28px rgba(16, 24, 40, .10);
  --shadow-soft: 0 6px 18px rgba(16, 24, 40, .07);
}

body {
  background: linear-gradient(180deg, #f7fafc 0%, #eef3f8 100%);
}

.page-shell {
  width: min(1320px, calc(100% - 28px));
  padding: 10px 0 34px;
}

.title-band {
  padding: 28px 140px 14px 0;
  text-align: left;
}

.title-band h2 {
  font-size: 30px;
  letter-spacing: 0;
}

.title-band p {
  margin-top: 5px;
  font-size: 13px;
}

.top-actions {
  top: 18px;
  right: 0;
}

.admin-open-btn {
  width: 38px;
  min-width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 8px;
  padding: 0;
  color: #fff;
  background: #111827;
  cursor: pointer;
  box-shadow: var(--shadow-soft);
  font-weight: 900;
  justify-self: end;
}

.admin-open-btn::before {
  content: "\270E";
  display: inline-grid;
  width: 18px;
  height: 18px;
  place-items: center;
  color: #111827;
  background: #fff;
  border-radius: 50%;
  font-size: 12px;
  line-height: 1;
}

.admin-open-btn.is-loading::before {
  content: "\21bb";
}

.admin-open-btn:hover {
  background: #0f766e;
}

.admin-open-btn:disabled {
  opacity: .68;
  cursor: wait;
}

.filter-strip {
  grid-template-columns: minmax(132px, .6fr) repeat(5, minmax(96px, 1fr)) 76px 38px;
  gap: 8px;
  padding: 8px;
  border-radius: 10px;
  box-shadow: var(--shadow-soft);
}

.filter-strip select,
.filter-strip input,
.reset-btn {
  height: 34px;
  border-radius: 7px;
  font-size: 13px;
}

.package-grid {
  grid-template-columns: repeat(auto-fill, minmax(246px, 1fr));
  gap: 14px;
  padding-top: 16px;
}

.package-card {
  min-height: 318px;
  grid-template-rows: 58px auto auto 1fr auto auto;
  gap: 6px;
  padding: 13px;
  border-radius: 10px;
  box-shadow: var(--shadow-soft);
}

.package-image {
  height: 56px;
}

.package-family {
  font-size: 16px;
}

.package-title {
  font-size: 18px;
  line-height: 1.2;
}

.package-specs {
  gap: 3px;
  font-size: 13px;
  color: #344054;
}

.package-price {
  font-size: 24px;
}

.detail-btn {
  width: 100%;
  height: 38px;
  border-radius: 8px;
  background: #0f766e;
  box-shadow: none;
  font-size: 15px;
}

.modal-backdrop {
  padding: 18px;
  background: rgba(17, 24, 39, .56);
}

.detail-modal,
.labor-modal {
  width: min(1324px, 100%);
  max-height: min(88vh, 820px);
  border-radius: 12px;
  box-shadow: 0 28px 80px rgba(16, 24, 40, .34);
}

.labor-modal {
  width: min(1180px, 100%);
}

.detail-head {
  min-height: 0;
  padding: 9px 12px;
  background: #fff;
}

.detail-head p {
  margin-bottom: 3px;
  font-size: 12px;
}

.detail-head h2 {
  font-size: 20px;
}

.close-btn,
.quote-link-btn,
.quote-reset-btn {
  height: 34px;
  border-radius: 8px;
}

.close-btn {
  padding: 0 14px;
  background: #0f766e;
  font-size: 13px;
}

.quote-link-btn {
  width: 34px;
  box-shadow: none;
}

.quote-reset-btn {
  padding: 0 12px;
  font-size: 12px;
}

.quote-copy-status {
  font-size: 12px;
}

.detail-body,
.labor-body {
  padding: 12px;
  background: #f7f9fc;
}

.quote-discount-toolbar {
  gap: 7px;
  margin-bottom: 10px;
}

.quote-discount-groups,
.quote-age-presets {
  gap: 7px;
}

.quote-discount-main,
.quote-age-presets button {
  min-width: 94px;
  height: 32px;
  border-radius: 8px;
  font-size: 12px;
}

.quote-discount-options {
  min-width: 94px;
  border-radius: 8px;
}

.quote-discount-options button,
.quote-discount-options span {
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 900;
}

.quote-discount-options span {
  color: var(--muted);
  background: #f2f4f7;
}

.detail-table,
.labor-table,
.offer-table {
  font-size: 13px;
  box-shadow: none;
}

.detail-table {
  min-width: 1010px;
}

.detail-table th,
.labor-table th,
.offer-table th {
  background: #111827;
}

.detail-table th,
.detail-table td,
.labor-table th,
.labor-table td,
.offer-table th,
.offer-table td {
  padding: 9px 10px;
}

.detail-total td {
  font-size: 15px;
  background: #ecfdf3;
  border-top-color: #10b981;
}

.quote-row-btn,
.quote-add-btn {
  width: 26px;
  height: 26px;
  font-size: 18px;
}

.quote-panels {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.quote-section h3,
.extra-product-head h3,
.discount-admin-head h3 {
  margin: 0;
  font-size: 15px;
}

.quote-extra-item,
.quote-list-row,
.extra-product-admin-item {
  min-height: 42px;
  padding: 8px;
  border-radius: 8px;
  background: #fff;
}

.quote-extra-item {
  grid-template-columns: minmax(0, 1fr) auto 28px;
}

.quote-list-row {
  grid-template-columns: 28px 96px minmax(0, 1fr) auto;
}

.extra-product-admin,
.discount-admin,
.campaign-admin {
  margin-bottom: 12px;
  padding: 12px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: var(--shadow-soft);
}

.settings-admin {
  display: grid;
  gap: 6px;
  margin-bottom: 12px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: var(--shadow-soft);
}

.settings-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #0f172a;
  font-size: 14px;
  font-weight: 900;
}

.settings-toggle-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.settings-toggle-row .settings-toggle {
  min-width: 0;
  min-height: 48px;
  padding: 9px 11px;
  border: 1px solid #dbe4ed;
  border-radius: 9px;
  background: #fff;
  line-height: 1.25;
}

.settings-toggle-row .settings-toggle span { min-width: 0; }

.settings-toggle input {
  width: 18px;
  height: 18px;
  accent-color: #2563eb;
}

.settings-toggle-help {
  display: block;
  max-width: 720px;
  color: #64748b;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.4;
}

@media (max-width: 520px) {
  .settings-toggle-row { gap: 6px; }
  .settings-toggle-row .settings-toggle { padding-inline: 8px; font-size: 12px; }
}

.discount-admin-head,
.extra-product-head,
.campaign-admin-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
  margin-bottom: 10px;
}

.discount-admin-head span,
.campaign-admin-head span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.discount-admin-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.discount-admin-card {
  min-width: 0;
  display: grid;
  gap: 9px;
  padding: 10px;
  background: #f7f9fc;
  border: 1px solid var(--line);
  border-radius: 10px;
}

.discount-admin-title {
  display: grid;
  gap: 2px;
}

.discount-admin-title strong {
  color: #111827;
  font-size: 14px;
}

.discount-admin-title span {
  min-height: 16px;
  color: var(--muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 800;
}

.discount-chip-list {
  min-height: 28px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.discount-chip {
  height: 28px;
  display: inline-flex;
  gap: 6px;
  align-items: center;
  border: 1px solid #badbcc;
  border-radius: 999px;
  padding: 0 8px;
  color: #065f46;
  background: #ecfdf3;
  cursor: pointer;
  font-size: 12px;
  font-weight: 900;
}

.discount-chip span {
  color: #be123c;
}

.discount-chip.fixed {
  cursor: default;
  color: #344054;
  background: #eef2f6;
  border-color: #d0d5dd;
}

.quantity-control {
  display: inline-grid;
  grid-template-columns: 24px minmax(28px, auto) 24px;
  gap: 4px;
  align-items: center;
  justify-content: end;
}

.quantity-control button {
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 6px;
  color: #fff;
  background: #111827;
  cursor: pointer;
  font-size: 15px;
  line-height: 1;
  font-weight: 900;
}

.quantity-control span {
  min-width: 24px;
  color: #111827;
  text-align: center;
  font-weight: 900;
}

.quantity-control button:hover {
  background: #0f766e;
}

.package-total-edit {
  width: 148px;
  display: inline-grid;
  gap: 5px;
  justify-items: end;
}

.package-list-total,
.package-discount-total {
  min-width: 132px;
  display: inline-grid;
  gap: 3px;
  justify-items: end;
  padding-right: 4px;
}

.package-list-total small,
.package-discount-total small {
  font-size: 10px;
  line-height: 1.2;
  font-weight: 900;
  white-space: nowrap;
}

.package-list-total small {
  color: #475467;
}

.package-discount-total small {
  color: #0f766e;
}

.package-list-total b,
.package-discount-total b {
  font-size: 13px;
  line-height: 1.1;
  font-weight: 900;
  white-space: nowrap;
}

.package-list-total b {
  color: #111827;
}

.package-discount-total b {
  color: #be123c;
}

.package-total-edit input {
  width: 148px;
  height: 30px;
  border: 1px solid #bfdbfe;
  border-radius: 7px;
  padding: 0 8px;
  color: #1e3a8a;
  background: #eff6ff;
  text-align: right;
  font-size: 12px;
  font-weight: 900;
  outline: none;
}

.package-total-edit input:focus {
  border-color: #0f766e;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .14);
}

.package-total-edit small {
  color: #1d4ed8;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 900;
  white-space: nowrap;
}

.package-total-edit em {
  max-width: 148px;
  color: #b42318;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.25;
  text-align: right;
  white-space: normal;
}

.price-main {
  display: block;
  width: fit-content;
  margin: 0 auto;
  padding: 6px 10px;
  color: #1d4ed8;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
}

.price-rounding,
.rounding-inline,
.offer-rounding {
  display: block;
  margin-top: 4px;
  color: #667085;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 800;
}

.rounding-inline {
  margin-top: 0;
  color: #0f172a;
  white-space: normal;
}

.offer-rounding {
  color: #475467;
}

.offer-total-area {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 14px;
  text-align: right;
}

.offer-list-price,
.offer-saving,
.offer-total-main {
  width: 158px;
  min-height: 86px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 8px;
  text-align: center;
}

.offer-list-price {
  background: #fff7ed;
  border: 1px solid #fed7aa;
}

.offer-saving {
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
}

.offer-total-main {
  background: #eff6ff;
  border: 1px solid #bfdbfe;
}

.offer-list-price span,
.offer-saving span,
.offer-total-main span {
  font-size: 12px;
}

.offer-list-price span {
  color: #9a3412;
}

.offer-saving span {
  color: #047857;
}

.offer-total-main span {
  color: #1d4ed8;
}

.offer-list-price b,
.offer-saving b,
.offer-total-main strong {
  display: block;
  color: #111827;
  font-size: 17px;
  line-height: 1.1;
  font-weight: 900;
  white-space: nowrap;
}

.offer-total-main .offer-rounding {
  margin-top: 0;
  color: #1e40af;
  font-size: 11px;
  line-height: 1.15;
}

.discount-add-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
}

.discount-add-form input,
.extra-product-form input,
.extra-product-form select,
.password-panel input,
.labor-price-input {
  height: 34px;
  border-radius: 8px;
  font-size: 13px;
}

.labor-save-btn {
  height: 34px;
  border-radius: 8px;
  background: #111827;
  font-size: 12px;
}

.labor-tools {
  margin-bottom: 10px;
  padding: 0 2px;
  font-size: 12px;
}

.labor-table-wrap,
.quote-table-wrap {
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
}

.password-panel {
  border-radius: 10px;
  box-shadow: var(--shadow-soft);
}

.labor-modal {
  width: min(960px, 100%);
  border: 1px solid rgba(220, 227, 236, .95);
}

.labor-modal .detail-head {
  align-items: center;
  padding: 18px 20px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.labor-modal .detail-head > div {
  display: grid;
  gap: 3px;
}

.labor-modal .detail-head p {
  color: #0f766e;
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.labor-modal .detail-head h2 {
  color: #0f172a;
  font-size: 22px;
}

.labor-body {
  padding: 22px;
  background: #f7f9fc;
}

.password-panel {
  width: min(520px, 100%);
  gap: 14px;
  margin: 28px auto;
  padding: 22px;
  background: #fff;
  border-color: #dce3ec;
}

.password-panel label {
  gap: 7px;
}

.password-panel label span {
  color: #334155;
  font-size: 13px;
}

.password-panel input {
  height: 42px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 2px;
}

.password-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.password-actions .detail-btn,
.refresh-prices-btn {
  width: 100%;
  height: 42px;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 900;
}

.password-actions .detail-btn {
  justify-self: stretch;
  background: #0f766e;
  box-shadow: none;
}

.price-refresh-meta {
  min-height: 18px;
  margin: 0;
  padding: 8px 10px;
  color: #475569;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  text-align: center;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 900;
}

.refresh-prices-btn {
  color: #fff;
  background: #1d4ed8;
}

.refresh-prices-btn:hover,
.password-actions .detail-btn:hover {
  filter: brightness(1.04);
}

.refresh-prices-btn:disabled {
  opacity: .62;
  cursor: wait;
}

.labor-tools {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
}

.labor-tools span {
  min-width: 0;
  overflow: hidden;
  color: #475569;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 900;
}

.labor-tools .refresh-prices-btn {
  width: auto;
  min-width: 142px;
  height: 34px;
}

.modal-backdrop {
  backdrop-filter: blur(8px);
}

.labor-modal {
  width: min(640px, calc(100% - 28px));
  max-height: min(720px, calc(100vh - 36px));
  border: 1px solid rgba(226, 232, 240, .92);
  border-radius: 14px;
  box-shadow: 0 30px 90px rgba(15, 23, 42, .32);
}

.labor-modal:has(.labor-editor:not([hidden])) {
  width: min(1180px, calc(100% - 28px));
  max-height: min(86vh, 840px);
}

.labor-modal .detail-head {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 18px 20px;
  background: #fff;
  border-bottom: 1px solid #e7edf5;
}

.labor-modal .detail-head > div {
  justify-items: start;
}

.labor-modal .detail-head p {
  color: #64748b;
  font-size: 11px;
  letter-spacing: .06em;
}

.labor-modal .detail-head h2 {
  font-size: 23px;
  letter-spacing: 0;
}

.labor-modal .close-btn {
  position: relative;
  width: 38px;
  height: 38px;
  padding: 0;
  overflow: hidden;
  color: transparent;
  background: #f1f5f9;
}

.labor-modal .close-btn::before,
.labor-modal .close-btn::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 2px;
  background: #0f172a;
  border-radius: 999px;
}

.labor-modal .close-btn::before {
  transform: rotate(45deg);
}

.labor-modal .close-btn::after {
  transform: rotate(-45deg);
}

.labor-modal .close-btn:hover {
  background: #e2e8f0;
}

.labor-body {
  padding: 24px;
  background: #f6f8fb;
}

.password-panel {
  width: min(460px, 100%);
  gap: 12px;
  margin: 12px auto 4px;
  padding: 22px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
}

.password-panel input {
  height: 44px;
  border-color: #d7dee8;
  border-radius: 9px;
  background: #fbfdff;
}

.password-actions {
  gap: 9px;
}

.password-actions .detail-btn,
.refresh-prices-btn {
  height: 40px;
  border-radius: 9px;
}

.price-refresh-meta {
  padding: 9px 10px;
  background: #f8fafc;
  border-color: #e7edf5;
}

.labor-tools {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) auto;
  padding: 12px;
  border-radius: 12px;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
}

.offer-shell {
  width: min(1040px, calc(100% - 28px));
}

.offer-head,
.offer-summary,
.offer-section {
  border-radius: 10px;
  box-shadow: var(--shadow-soft);
}

.quote-panels {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.quote-extra-list,
.quote-compact-list {
  gap: 6px;
}

.quote-extra-item,
.quote-list-row {
  min-height: 36px;
  padding: 7px 8px;
}

.quote-extra-item div span,
.quote-list-row span {
  font-size: 12px;
}

.quote-section h3 {
  margin-bottom: 7px;
  font-size: 14px;
}

@media (max-width: 1040px) {
  .filter-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) 38px;
  }

  .reset-btn {
    grid-column: 1 / 3;
  }

  .package-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 768px) {
  .kws-root,
  .kws-image-modal {
    display: none !important;
  }
}

@media (max-width: 700px) {
  .page-shell {
    width: min(100% - 18px, 1240px);
  }

  .title-band h2 {
    font-size: 32px;
  }

  .filter-strip {
    position: static;
    grid-template-columns: 1fr;
  }

  .package-grid {
    grid-template-columns: 1fr;
  }

  .package-card {
    min-height: 360px;
  }

  .modal-backdrop {
    padding: 10px;
  }

  .detail-modal {
    max-height: calc(100vh - 20px);
  }

  .detail-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .detail-actions {
    width: 100%;
    justify-content: flex-end;
  }

  .quote-copy-status {
    max-width: min(100%, 210px);
  }

  .quote-panels {
    grid-template-columns: 1fr;
  }

  .offer-summary {
    grid-template-columns: 1fr;
  }

  .offer-total-area {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .offer-total-main {
    min-width: 0;
  }

  .extra-product-form {
    width: 100%;
  }

  .extra-product-form input,
  .extra-product-form select {
    width: 100%;
  }

  .kws-root,
  .kws-image-modal {
    display: none !important;
  }
}

@media (max-width: 980px) {
  .filter-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) 38px;
  }

  .reset-btn {
    grid-column: 1 / 3;
  }

  .discount-admin-list {
    grid-template-columns: 1fr;
  }

  .campaign-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-package-toolbar {
    grid-template-columns: 1fr;
  }

  .package-editor-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .campaign-wide {
    grid-column: 1 / -1;
  }

  .campaign-item-row {
    grid-template-columns: 28px 104px minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .page-shell {
    width: min(100% - 16px, 1320px);
    padding-top: 8px;
  }

  .filter-strip {
    position: static;
    grid-template-columns: 1fr 38px;
    border-radius: 10px;
  }

  .filter-strip label {
    grid-column: 1 / -1;
  }

  .reset-btn {
    grid-column: 1;
  }

  .admin-open-btn {
    grid-column: 2;
  }

  .package-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .package-card {
    min-height: 286px;
  }

  .modal-backdrop {
    padding: 8px;
  }

  .detail-modal,
  .labor-modal {
    max-height: calc(100vh - 16px);
    border-radius: 10px;
  }

  .labor-body {
    padding: 14px;
  }

  .password-panel {
    margin: 10px auto;
    padding: 16px;
  }

  .password-actions,
  .labor-tools {
    grid-template-columns: 1fr;
  }

  .labor-tools .refresh-prices-btn {
    width: 100%;
  }

  .detail-head {
    gap: 10px;
    align-items: stretch;
    flex-direction: column;
  }

  .detail-actions {
    width: 100%;
    justify-content: flex-end;
  }

  .quote-copy-status {
    max-width: 100%;
    flex: 1 1 auto;
  }

  .quote-discount-toolbar {
    display: grid;
    grid-template-columns: 1fr;
  }

  .quote-discount-groups,
  .quote-age-presets {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-left: 0;
  }

  .quote-discount-main,
  .quote-age-presets button {
    width: 100%;
    min-width: 0;
  }

  .extra-product-form,
  .discount-add-form {
    width: 100%;
  }

  .campaign-admin-head,
  .campaign-item-tools,
  .campaign-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .campaign-toolbar select,
  .campaign-form-grid,
  .campaign-item-tools select {
    width: 100%;
  }

  .package-editor-grid {
    grid-template-columns: 1fr;
  }

  .package-editor-grid .wide {
    grid-column: 1;
  }

  .package-editor-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .package-editor-actions .labor-save-btn,
  .package-editor-actions .quote-row-btn {
    width: 100%;
  }

  .campaign-form-grid {
    grid-template-columns: 1fr;
  }

  .campaign-item-row {
    grid-template-columns: 28px minmax(0, 1fr);
  }

  .campaign-item-row strong,
  .campaign-item-row span,
  .campaign-item-row input {
    grid-column: 2;
  }

  .quote-list-row {
    grid-template-columns: 28px minmax(0, 1fr) auto;
  }

  .quote-list-row strong {
    display: none;
  }
}

/* Role based management */
body {
  background: #eef1f4;
}

.page-shell {
  width: min(1380px, calc(100% - 28px));
}

.app-topbar {
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 8px 2px;
}

.app-brand {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: #101828;
  text-decoration: none;
}

.app-brand-logo {
  flex: 0 0 auto;
  width: 74px;
  max-width: 116px;
  height: 44px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #d8dee8;
  border-radius: 8px;
  background: #fff;
}

.app-brand-logo img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 4px;
  object-fit: contain;
  object-position: center;
}

.app-brand-copy,
.session-actions {
  min-width: 0;
  display: flex;
  align-items: center;
}

.app-brand-copy {
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
}

.app-brand strong {
  font-size: 18px;
  line-height: 1.15;
}

.app-brand small,
.session-user {
  color: #667085;
  font-size: 12px;
}

.session-actions {
  justify-content: flex-end;
  gap: 12px;
}

.guest-access-copy {
  max-width: 320px;
  color: #667085;
  font-size: 12px;
  line-height: 1.35;
  text-align: right;
}

.session-user {
  max-width: 340px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}

.admin-open-btn {
  width: auto;
  min-width: 104px;
  height: 38px;
  gap: 8px;
  padding: 0 14px;
  border-radius: 8px;
}

.admin-open-btn::before {
  content: "\2630";
  color: #fff;
  background: transparent;
  border-radius: 0;
  font-size: 16px;
}

.admin-open-btn span {
  color: #fff;
  font-size: 13px;
}

.appointments-open-btn,
.price-history-open-btn {
  width: 40px;
  min-width: 40px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(37, 99, 235, .22);
  border-radius: 10px;
  background: linear-gradient(145deg, #eff6ff, #dbeafe);
  color: #175fc2;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(37, 99, 235, .10);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.q4-campaign-open-btn {
  width: 40px;
  min-width: 40px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  border: 1px solid rgba(180, 83, 9, .28);
  border-radius: 10px;
  background: linear-gradient(145deg, #fff7ed, #fed7aa);
  color: #9a3412;
  box-shadow: 0 8px 18px rgba(180, 83, 9, .11);
  cursor: pointer;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .03em;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.q4-campaign-open-btn:hover {
  transform: translateY(-1px);
  background: #fff;
  box-shadow: 0 11px 22px rgba(180, 83, 9, .18);
}

.q4-campaign-open-btn svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.q4-campaign-modal {
  position: fixed;
  z-index: 1600;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(7, 18, 33, .72);
  backdrop-filter: blur(7px);
}

.q4-campaign-modal[hidden] { display: none; }
body.q4-campaign-opened { overflow: hidden; }

.q4-campaign-dialog {
  width: min(1280px, 100%);
  height: min(94vh, 980px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 20px;
  background: #f4f6f9;
  box-shadow: 0 30px 90px rgba(0,0,0,.38);
}

.q4-campaign-dialog-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 20px;
  color: #fff;
  background: linear-gradient(135deg, #075b96, #05406b);
}

.q4-campaign-dialog-head span { display: block; color: #bfdbfe; font-size: 10px; font-weight: 850; letter-spacing: .12em; }
.q4-campaign-dialog-head h2 { margin: 2px 0 0; font-size: 20px; letter-spacing: -.02em; }
.q4-campaign-close { border: 1px solid rgba(255,255,255,.35); border-radius: 9px; padding: 8px 13px; color: #fff; background: rgba(255,255,255,.12); cursor: pointer; font-weight: 800; }
.q4-campaign-close:hover { background: rgba(255,255,255,.22); }
.q4-campaign-dialog iframe { width: 100%; height: 100%; min-height: 0; border: 0; background: #f4f6f9; }

.price-history-open-btn {
  border-color: rgba(15, 118, 110, .24);
  color: #0f766e;
  background: linear-gradient(145deg, #ecfdf5, #d1fae5);
  box-shadow: 0 8px 18px rgba(15, 118, 110, .10);
}

.appointments-open-btn:hover,
.price-history-open-btn:hover {
  transform: translateY(-1px);
  background: #fff;
  box-shadow: 0 11px 22px rgba(37, 99, 235, .17);
}

.appointments-open-btn svg,
.price-history-open-btn svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.access-notice {
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 2px 0 10px;
  padding: 10px 12px 10px 16px;
  border: 1px solid #cdd7e4;
  border-left: 4px solid #d97706;
  border-radius: 8px;
  background: #fff;
}

.access-notice div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.access-notice strong {
  color: #1d2939;
}

.access-notice span {
  color: #667085;
  font-size: 13px;
}

.access-notice button {
  flex: 0 0 auto;
  height: 34px;
  padding: 0 15px;
  color: #fff;
  border: 0;
  border-radius: 7px;
  background: #0f766e;
  cursor: pointer;
  font-weight: 800;
}

.filter-strip {
  grid-template-columns: minmax(150px, .7fr) repeat(5, minmax(98px, 1fr)) 76px;
}

.is-guest .filter-strip {
  grid-template-columns: minmax(220px, 1fr);
}

.is-guest .filter-strip label:not(.filter-search-field),
.is-guest .filter-strip .reset-btn {
  display: none;
}

.package-card,
.package-card-special {
  border-radius: 8px;
  background: #fff;
}

.package-card-skeleton {
  pointer-events: none;
  overflow: hidden;
}

.package-card-skeleton > span {
  display: block;
  border-radius: 6px;
  background: linear-gradient(100deg, #e9eef1 20%, #f7f9fa 42%, #e9eef1 64%);
  background-size: 240% 100%;
  animation: package-skeleton-wave 1.15s ease-in-out infinite;
}

.package-card-skeleton .skeleton-image { height: 92px; margin-bottom: 11px; }
.package-card-skeleton .skeleton-line { width: 88%; height: 9px; margin: 7px auto; }
.package-card-skeleton .skeleton-line.short { width: 38%; height: 7px; }
.package-card-skeleton .skeleton-line.title { width: 70%; height: 13px; }
.package-card-skeleton .skeleton-price { width: 42%; height: 22px; margin: 12px auto 9px; }
.package-card-skeleton .skeleton-button { width: 72%; height: 34px; margin: 0 auto; }

@keyframes package-skeleton-wave {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

@media (prefers-reduced-motion: reduce) {
  .package-card-skeleton > span { animation: none; }
}

.quote-history-toggle {
  width: max-content;
  min-height: 28px;
  margin-top: 3px;
  padding: 0 10px;
  border: 1px solid #9fcfc7;
  border-radius: 8px;
  color: #0b7367;
  background: #edfaf7;
  font: inherit;
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
}

.quote-history-toggle:hover,
.quote-history-toggle.is-active { color: #fff; border-color: #0f766e; background: #0f766e; }

.quote-history-panel {
  margin: 0 0 10px;
  overflow-x: auto;
  border: 1px solid #cfdbe1;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(23, 43, 58, .075);
}

.quote-history-panel-head {
  min-width: 1050px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 12px;
  border-bottom: 1px solid #dce5e9;
  background: linear-gradient(135deg, #f4fbf9, #f8fafc);
}

.quote-history-panel-head > div { display: grid; gap: 2px; }
.quote-history-panel-head strong { color: #16343d; font-size: 13px; }
.quote-history-panel-head span { color: #6c7b85; font-size: 9px; }
.quote-history-panel-head nav { display: flex; gap: 4px; }
.quote-history-panel-head nav button { min-width: 31px; height: 27px; padding: 0 7px; border: 1px solid #cbd8dd; border-radius: 7px; color: #5c6c76; background: #fff; font-size: 9px; font-weight: 900; cursor: pointer; }
.quote-history-panel-head nav button.is-active { color: #fff; border-color: #0f766e; background: #0f766e; }

.quote-history-selectors {
  min-width: 1050px;
  display: grid;
  grid-template-columns: minmax(300px, 1fr) auto minmax(300px, 1fr);
  align-items: end;
  gap: 12px;
  padding: 9px 12px;
  border-bottom: 1px solid #e2e8ec;
}

.quote-history-selectors label { display: grid; gap: 3px; }
.quote-history-selectors label > span { color: #77858e; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.quote-history-selectors select { width: 100%; height: 34px; padding: 0 9px; border: 1px solid #cbd6dd; border-radius: 8px; color: #263b46; background: #fff; font-size: 10px; font-weight: 750; }

.quote-history-diff-summary { display: flex; align-items: center; justify-content: center; gap: 5px; white-space: nowrap; }
.quote-history-diff-summary span { padding: 4px 6px; border-radius: 6px; font-size: 8px; font-weight: 850; }
.quote-history-diff-summary .added { color: #08704d; background: #ddf7ea; }
.quote-history-diff-summary .removed { color: #a23e4b; background: #fde9ed; }
.quote-history-diff-summary .changed { color: #8b580c; background: #ffefcb; }
.quote-history-diff-summary .same { color: #576873; background: #edf1f3; }
.quote-history-diff-summary > strong { min-width: 84px; color: #465762; font-size: 10px; text-align: right; }
.quote-history-diff-summary > strong.increase { color: #b42318; }
.quote-history-diff-summary > strong.decrease { color: #08704d; }

.quote-history-change-list {
  min-width: 1050px;
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 8px 12px;
  border-bottom: 1px solid #e2e8ec;
  color: #52626c;
  background: #fbfcfd;
  font-size: 9px;
}
.quote-history-change-list > strong { color: #293e49; font-size: 9px; }
.quote-history-change-list > div { max-height: 82px; overflow-y: auto; display: grid; gap: 3px; padding-right: 4px; scrollbar-width: thin; }
.quote-history-change-list span { display: block; padding: 4px 7px; border-left: 3px solid #d2dbe0; border-radius: 4px; background: #fff; }
.quote-history-change-list span.is-added { border-color: #27a678; color: #08704d; background: #edfbf5; }
.quote-history-change-list span.is-removed { border-color: #d65b6d; color: #963344; background: #fff2f4; }
.quote-history-change-list span.is-changed { border-color: #dfa32e; color: #78500d; background: #fff9e9; }
.quote-history-change-list p { margin: 0; color: #78868e; }

.quote-history-compare {
  min-width: 1050px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: #dfe6ea;
}

.quote-history-version { min-width: 0; padding: 10px; background: #fff; }
.quote-history-version-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 7px; }
.quote-history-version-head > div { min-width: 0; display: grid; gap: 2px; }
.quote-history-version-head b { width: max-content; padding: 3px 6px; border-radius: 5px; color: #0d746a; background: #e4f7f3; font-size: 8px; }
.quote-history-version-head strong { overflow: hidden; color: #21343e; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.quote-history-version-head > span { color: #7a8891; font-size: 8px; white-space: nowrap; }

.quote-history-meta { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin: 0; overflow: hidden; border: 1px solid #e0e7eb; border-radius: 8px; background: #e0e7eb; }
.quote-history-meta > div { min-width: 0; padding: 5px 6px; background: #f8fafb; }
.quote-history-meta dt { color: #87939b; font-size: 7px; font-weight: 850; text-transform: uppercase; }
.quote-history-meta dd { overflow: hidden; margin: 2px 0 0; color: #3c4e58; font-size: 8px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.quote-history-meta dd strong { color: #0d746a; font-size: 9px; }

.quote-history-table-wrap { max-height: 310px; overflow: auto; border: 1px solid #dce4e8; border-radius: 8px; scrollbar-width: thin; }
.quote-history-table { width: 100%; min-width: 500px; border-collapse: collapse; font-size: 8px; }
.quote-history-table th { position: sticky; top: 0; z-index: 1; padding: 6px; color: #fff; background: #314b57; text-align: left; }
.quote-history-table td { padding: 5px 6px; border-bottom: 1px solid #e8edef; color: #455660; vertical-align: middle; }
.quote-history-table td:nth-child(3), .quote-history-table td:nth-child(n+4) { text-align: right; white-space: nowrap; }
.quote-history-table tr.is-added td { color: #08704d; background: #ecfdf5; }
.quote-history-table tr.is-removed td { color: #9f3345; background: #fff1f3; }
.quote-history-table tr.is-changed td { color: #754a09; background: #fff9e9; }

.quote-history-removed { margin-top: 7px; padding: 6px 8px; border: 1px solid #f1ccd2; border-radius: 7px; color: #8d3a47; background: #fff6f7; font-size: 8px; }
.quote-history-removed summary { font-weight: 900; cursor: pointer; }
.quote-history-removed span { display: block; padding-top: 4px; }

.quote-history-diff-wrap {
  min-width: 1050px;
  max-height: 360px;
  overflow: auto;
  border-top: 1px solid #dfe6ea;
  scrollbar-width: thin;
}

.quote-history-diff-table {
  width: 100%;
  min-width: 1050px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  color: #3d4e58;
  background: #fff;
  font-size: 9px;
}

.quote-history-diff-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 8px 6px;
  border-right: 1px solid rgba(255,255,255,.13);
  color: #fff;
  background: #314b57;
  text-align: center;
  white-space: nowrap;
}

.quote-history-diff-table th:first-child { width: 260px; text-align: left; }
.quote-history-diff-table th:nth-child(6) { width: 70px; }
.quote-history-diff-table td {
  padding: 7px 6px;
  border-right: 1px solid #e4eaed;
  border-bottom: 1px solid #e4eaed;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
}
.quote-history-diff-table td:first-child { text-align: left; white-space: normal; }
.quote-history-diff-table td:first-child b { display: block; color: #243b47; font-size: 8px; }
.quote-history-diff-table td:first-child span { display: block; margin-top: 2px; color: #52646e; font-weight: 750; }
.quote-history-diff-table td:nth-child(6) { text-align: center; }
.quote-history-diff-table td em { display: inline-block; padding: 3px 6px; border-radius: 5px; font-size: 8px; font-style: normal; font-weight: 900; }
.quote-history-diff-table tr.is-added td:first-child { border-left: 4px solid #25a475; }
.quote-history-diff-table tr.is-removed td:first-child { border-left: 4px solid #d55a6c; }
.quote-history-diff-table tr.is-changed td:first-child { border-left: 4px solid #d99b23; }
.quote-history-diff-table tr.is-same td:first-child { border-left: 4px solid transparent; }
.quote-history-diff-table tr.is-added td em { color: #08704d; background: #ddf7ea; }
.quote-history-diff-table tr.is-removed td em { color: #9b3545; background: #fde9ed; }
.quote-history-diff-table tr.is-changed td em { color: #81530b; background: #ffefcb; }
.quote-history-diff-table tr.is-same td em { color: #6b7880; background: #eef2f4; }
.quote-history-diff-table td.is-value-added { color: #08704d; background: #ecfdf5; }
.quote-history-diff-table td.is-value-removed { color: #9f3345; background: #fff1f3; }
.quote-history-diff-table td.is-value-changed { color: #754a09; background: #fff7dc; font-weight: 850; }
.quote-history-diff-table td.is-value-empty { color: #a9b3b9; background: #f7f9fa; text-align: center; }
.quote-history-diff-table tr.is-empty td { padding: 18px; color: #7a8891; text-align: center; }

.quote-history-totals {
  min-width: 1050px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 190px minmax(0, 1fr);
  gap: 1px;
  border-top: 1px solid #d9e2e6;
  background: #d9e2e6;
}
.quote-history-totals > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 14px; color: #3b4d57; background: #f8fafb; }
.quote-history-totals span { font-size: 9px; font-weight: 850; text-transform: uppercase; }
.quote-history-totals strong { color: #0c7469; font-size: 15px; white-space: nowrap; }
.quote-history-totals .difference { display: grid; justify-content: center; gap: 2px; text-align: center; background: #f1f5f6; }
.quote-history-totals .difference strong { color: #53636c; font-size: 12px; }
.quote-history-totals .difference.increase strong { color: #b42318; }
.quote-history-totals .difference.decrease strong { color: #08704d; }

.package-card-guest {
  min-height: 210px;
  grid-template-rows: 78px auto 1fr;
  align-content: start;
}

.package-card-guest .package-image {
  height: 76px;
}

.package-card-guest .package-title {
  align-self: start;
}

.detail-modal {
  width: min(1390px, 100%);
}

.management-modal:has(.management-layout:not([hidden])) {
  width: min(1480px, calc(100% - 18px));
  height: min(94vh, 940px);
  max-height: min(94vh, 940px);
}

.management-modal .management-head {
  flex: 0 0 auto;
  min-height: 68px;
}

.management-body {
  min-height: 0;
}

.management-modal:has(.management-layout:not([hidden])) .management-body {
  height: 100%;
  padding: 0;
  overflow: hidden;
}

.auth-panel {
  width: min(440px, 100%);
  gap: 14px;
  border-radius: 8px;
}

.auth-panel-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 6px;
}

.auth-panel-mark {
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  color: #fff;
  border: 1px solid #0f766e;
  border-radius: 8px;
  background: #0f766e;
  font-size: 16px;
  font-weight: 900;
}

.auth-panel-brand div {
  display: grid;
  gap: 3px;
}

.auth-panel-brand strong {
  color: #101828;
  font-size: 20px;
}

.auth-panel-brand span {
  color: #667085;
  font-size: 13px;
}

.auth-submit {
  margin-top: 2px;
}

.auth-panel {
  padding: 26px;
  border-top: 4px solid #0f766e;
  box-shadow: 0 20px 46px rgba(15, 23, 42, .12);
}

.auth-panel label {
  gap: 7px;
}

.auth-panel label > span {
  color: #344054;
  font-size: 12px;
  font-weight: 800;
}

.auth-panel input {
  height: 46px;
  padding: 0 13px;
  text-align: left;
  letter-spacing: 0;
  font-size: 15px;
}

.auth-panel input:focus {
  border-color: #0f766e;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .14);
}

.auth-panel .auth-submit {
  width: 100%;
  min-height: 44px;
  justify-content: center;
  border-radius: 7px;
}

.management-layout {
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-columns: 236px minmax(0, 1fr);
  background: #fff;
}

.management-nav {
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 18px 12px 14px;
  color: #f8fafc;
  background: #182230;
  border-right: 1px solid #344054;
}

.management-user-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 3px 5px 18px;
  border-bottom: 1px solid #344054;
}

.management-user-card > span {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  color: #102a26;
  border-radius: 50%;
  background: #99f6e4;
  font-size: 13px;
  font-weight: 900;
}

.management-user-card div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.management-user-card strong,
.management-user-card small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.management-user-card small {
  color: #98a2b3;
  font-size: 11px;
}

.management-kicker {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  color: #0f766e;
  background: transparent;
  font-family: inherit;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-align: left;
  text-transform: uppercase;
  cursor: default;
}

.management-head-actions {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
}

.portal-sync-message {
  max-width: 340px;
  overflow: hidden;
  color: #667085;
  font-size: 11px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.portal-sync-btn {
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid #0f766e;
  border-radius: 10px;
  color: #fff;
  background: #0f766e;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}

.portal-sync-btn:hover {
  background: #0b5f59;
}

.portal-sync-btn:disabled {
  opacity: .58;
  cursor: wait;
}

.portal-user-picker {
  margin: 0 0 12px;
  overflow: hidden;
  border: 1px solid #bfd8d4;
  border-radius: 14px;
  background: #f8fcfb;
  box-shadow: 0 10px 28px rgba(15, 118, 110, .08);
}

.portal-user-picker[hidden] { display: none; }

.portal-user-picker > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid #d8e8e5;
  background: linear-gradient(135deg, #edf9f6, #f8fcfb);
}

.portal-user-picker h4 { margin: 0; color: #173f3a; font-size: 15px; }
.portal-user-picker header p { margin: 2px 0 0; color: #657873; font-size: 10px; }
.portal-user-picker header button {
  width: 32px; height: 32px; border: 1px solid #cddedb; border-radius: 8px;
  color: #526a65; background: #fff; font-size: 20px; cursor: pointer;
}

.portal-user-picker-tools {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 9px 12px;
}
.portal-user-picker-tools input {
  width: min(360px, 100%); height: 36px; padding: 0 11px;
  border: 1px solid #cbdcd9; border-radius: 9px; outline: none; font: inherit; font-size: 11px;
}
.portal-user-picker-tools input:focus { border-color: #15917f; box-shadow: 0 0 0 3px rgba(21,145,127,.1); }
.portal-user-picker-tools span { color: #0f766e; font-size: 10px; font-weight: 850; white-space: nowrap; }

.portal-user-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px;
  max-height: 330px; overflow-y: auto; padding: 2px 12px 12px; scrollbar-width: thin;
}
.portal-user-option {
  min-width: 0; min-height: 54px; display: grid; grid-template-columns: 18px minmax(0,1fr);
  align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid #dbe5e3;
  border-radius: 10px; background: #fff; cursor: pointer;
}
.portal-user-option input { position: absolute; opacity: 0; pointer-events: none; }
.portal-user-check {
  width: 18px; height: 18px; display: grid; place-items: center; border: 2px solid #aabbb7;
  border-radius: 5px; color: #fff; background: #fff;
}
.portal-user-option.has-access { border-color: #66b7a8; background: #eefaf7; box-shadow: inset 3px 0 #15917f; }
.portal-user-option.has-access .portal-user-check { border-color: #138675; background: #138675; }
.portal-user-option.has-access .portal-user-check::after { content: '✓'; font-size: 12px; font-weight: 900; }
.portal-user-copy { min-width: 0; display: grid; gap: 2px; }
.portal-user-copy strong { overflow: hidden; color: #243a36; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.portal-user-copy small { overflow: hidden; color: #71817d; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.portal-user-option.is-disabled { opacity: .62; cursor: not-allowed; }
.portal-user-picker > footer {
  min-height: 54px; display: flex; align-items: center; justify-content: flex-end; gap: 8px;
  padding: 9px 12px; border-top: 1px solid #d8e8e5; background: #fff;
}
.portal-user-picker > footer > span { margin-right: auto; color: #657873; font-size: 10px; font-weight: 750; }

.management-section-actions {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.management-nav nav {
  min-height: 0;
  display: grid;
  gap: 4px;
  padding-top: 14px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

.management-nav nav button,
.management-logout {
  width: 100%;
  min-height: 40px;
  padding: 0 12px;
  color: #d0d5dd;
  border: 0;
  border-radius: 7px;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font-size: 13px;
  font-weight: 800;
}

.management-nav nav button:hover,
.management-nav nav button.active {
  color: #fff;
  background: #344054;
}

.management-nav nav .management-blacklist-nav {
  margin-top: 8px;
  color: #fecaca;
  border: 1px solid rgba(248, 113, 113, .45);
  background: rgba(127, 29, 29, .20);
}

.management-nav nav .management-blacklist-nav:hover,
.management-nav nav .management-blacklist-nav.active {
  color: #fff;
  background: #991b1b;
  box-shadow: inset 3px 0 0 #fca5a5;
}

.management-nav nav .management-ip-link{width:100%;min-height:40px;padding:0 12px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;column-gap:8px;color:#b8e7ff;border:1px solid rgba(56,189,248,.38);border-radius:7px;background:rgba(14,116,144,.16);cursor:pointer;text-align:left;font-size:13px;font-weight:800;text-decoration:none;margin-top:8px}
.management-nav nav .management-ip-link:hover{color:#fff;background:#075985;box-shadow:inset 3px 0 0 #7dd3fc}
.management-ip-link .management-nav-icon{width:23px;height:23px;display:grid;place-items:center;border:1px solid rgba(125,211,252,.5);border-radius:7px;color:#bae6fd;background:rgba(14,165,233,.16);font-size:9px;letter-spacing:-.04em}
.ip-management-panel{padding:0!important;overflow:hidden}.ip-management-panel iframe{display:block;width:100%;height:min(720px,calc(100vh - 170px));min-height:520px;border:0;background:transparent}

.blacklist-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 14px; padding:13px; border:1px solid #fecaca; border-radius:12px; background:#fff8f8; }
.blacklist-form label { display:grid; gap:5px; min-width:0; }
.blacklist-form label span { color:#7f1d1d; font-size:10px; font-weight:900; }
.blacklist-form input { width:100%; min-width:0; min-height:38px; border:1px solid #f2b8b8; border-radius:8px; padding:0 10px; background:#fff; font:inherit; font-size:12px; }
.blacklist-form .wide { grid-column:span 2; }
.blacklist-form .labor-save-btn { align-self:end; min-height:38px; background:#a61b31; }
.blacklist-form .labor-message { grid-column:1/-1; min-height:0; margin:0; color:#8c2432; }
.blacklist-list { display:grid; gap:7px; }
.blacklist-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:10px; padding:10px 12px; border:1px solid #d6dee7; border-radius:10px; background:#fff; }
.blacklist-main{min-width:0;display:grid;gap:2px;padding:0;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.blacklist-main strong,.blacklist-main span,.blacklist-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blacklist-main strong{color:#27384b;font-size:12px}.blacklist-main span,.blacklist-main small{color:#718096;font-size:10px}.blacklist-row em{padding:4px 7px;border-radius:999px;color:#fff;background:#a61b31;font-size:9px;font-style:normal;font-weight:900;white-space:nowrap}.blacklist-row.pending em{color:#8a5b00;background:#fff1c7}.blacklist-row.rejected{opacity:.62}.blacklist-row.rejected em{background:#718096}.blacklist-actions{display:flex;gap:5px}.blacklist-actions button,.blacklist-remove{min-height:30px;padding:0 9px;border:1px solid #d5dee7;border-radius:7px;color:#285e54;background:#f1faf8;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.blacklist-actions button:last-child,.blacklist-remove{color:#a61b31;background:#fff4f4;border-color:#f4c5c5}.blacklist-detail{grid-column:1/-1;display:grid;gap:7px;padding:10px;border-top:1px solid #f0d3d3;background:#fffafa}.blacklist-detail dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0}.blacklist-detail dl>div{min-width:0;padding:7px;border:1px solid #f4dddd;border-radius:7px;background:#fff}.blacklist-detail dt{color:#9a5560;font-size:9px;font-weight:900}.blacklist-detail dd{margin:3px 0 0;color:#3c4b5d;font-size:11px;font-weight:750}.blacklist-detail h5,.blacklist-detail p{margin:0;color:#657283;font-size:10px;line-height:1.45}.blacklist-detail h5{color:#8e3341;font-size:10px}
@media(max-width:700px){.blacklist-form{grid-template-columns:1fr 1fr;padding:10px;gap:7px}.blacklist-form .wide{grid-column:1/-1}.blacklist-form .labor-save-btn{grid-column:1/-1}.blacklist-row{grid-template-columns:minmax(0,1fr) auto}.blacklist-row>.blacklist-actions,.blacklist-row>.blacklist-remove{grid-column:1/-1;width:100%}.blacklist-actions button{flex:1}.blacklist-remove{width:100%}}

.management-nav nav button.active {
  box-shadow: inset 3px 0 0 #2dd4bf;
}

.management-logout {
  margin-top: auto;
  color: #fecaca;
  border: 1px solid #475467;
  text-align: center;
}

.management-logout:hover {
  color: #fff;
  border-color: #f87171;
  background: #7f1d1d;
}

@media (max-height: 780px) and (min-width: 701px) {
  .management-nav {
    padding: 12px 10px 10px;
  }

  .management-user-card {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 8px;
    padding: 0 3px 10px;
  }

  .management-user-card > span {
    width: 34px;
    height: 34px;
  }

  .management-nav nav {
    gap: 1px;
    padding-top: 8px;
  }

  .management-nav nav button {
    min-height: 30px;
    font-size: 12px;
  }

  .management-logout {
    min-height: 34px;
    margin-top: 8px;
    font-size: 12px;
  }
}

.management-content {
  min-width: 0;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  background: #f7f8fa;
}

.management-panel {
  width: 100%;
  min-height: 100%;
  padding: 22px;
}

.management-content.is-ai-active {
  overflow: hidden;
  background: #212121;
}

.management-content > .management-panel.ai-management-panel {
  height: 100%;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  background: #212121;
}

.ai-management-panel iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #212121;
}

.management-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #dfe4eb;
}

.management-section-head div {
  min-width: 0;
}

.management-section-head h3,
.management-section-head p {
  margin: 0;
}

.management-section-head h3 {
  color: #101828;
  font-size: 20px;
}

.management-section-head p {
  margin-top: 4px;
  color: #667085;
  font-size: 13px;
}

.management-section-head .refresh-prices-btn {
  width: auto;
  min-width: 170px;
  padding: 0 16px;
}

.pricing-refresh-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.refresh-prices-btn.is-cost {
  background: #0f766e;
}

.refresh-prices-btn.is-stock-card {
  background: linear-gradient(135deg, #7c2d12, #b45309);
}

.management-excel-btn {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 14px;
  border: 1px solid #0b6f3a;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(135deg, #107c41, #0a6334);
  box-shadow: 0 7px 16px rgba(16, 124, 65, .18);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .045em;
  text-decoration: none;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.management-excel-btn:hover {
  color: #fff;
  background: linear-gradient(135deg, #138d4b, #0b6f3a);
  box-shadow: 0 9px 20px rgba(16, 124, 65, .25);
  transform: translateY(-1px);
}

.management-excel-btn svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.management-modal .close-btn::before,
.management-modal .close-btn::after {
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -8px;
}

.management-panel .labor-tools {
  margin: 14px 0 0;
}

.management-panel .settings-admin,
.management-panel .discount-admin,
.management-panel .extra-product-admin,
.management-panel .campaign-admin,
.management-panel .labor-table-wrap {
  margin-top: 14px;
  border-radius: 8px;
  box-shadow: none;
}

.price-refresh-progress {
  position: relative;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin-top: 14px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid #9ad9cf;
  border-radius: 8px;
  background: #effcf8;
}

.price-refresh-visual {
  width: 48px;
  height: 38px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
}

.price-refresh-visual span {
  width: 7px;
  height: 14px;
  border-radius: 3px 3px 0 0;
  background: #0f9f86;
  animation: price-bars 1s ease-in-out infinite;
}

.price-refresh-visual span:nth-child(2) {
  height: 26px;
  animation-delay: .14s;
}

.price-refresh-visual span:nth-child(3) {
  height: 20px;
  animation-delay: .28s;
}

@keyframes price-bars {
  0%, 100% { transform: scaleY(.55); opacity: .55; }
  50% { transform: scaleY(1); opacity: 1; }
}

.price-refresh-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.price-refresh-copy strong {
  color: #115e59;
}

.price-refresh-copy span {
  color: #37645e;
  font-size: 12px;
}

.price-refresh-meter {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 4px;
  background: #ccebe5;
}

.price-refresh-meter i {
  display: block;
  width: 0;
  height: 100%;
  background: #0f9f86;
  transition: width .35s ease;
}

.price-refresh-progress > b {
  color: #0f766e;
  font-size: 16px;
}

.price-refresh-progress.completed {
  border-color: #86c8a2;
  background: #f0fdf4;
}

.price-refresh-progress.completed .price-refresh-visual span {
  animation: none;
  background: #15803d;
}

.price-refresh-progress.failed {
  border-color: #f1a7a7;
  background: #fff5f5;
}

.price-refresh-progress.failed .price-refresh-visual span {
  animation: none;
  background: #dc2626;
}

.company-list {
  display: grid;
  gap: 6px;
  margin-top: 10px;
}

.company-row {
  min-width: 0;
  display: grid;
  grid-template-columns: 56px minmax(0, 1.6fr) minmax(140px, .7fr) auto;
  gap: 9px;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid #dce3ec;
  border-radius: 8px;
  background: #fff;
}

.company-row.inactive,
.management-table tr.inactive {
  opacity: .6;
}

.company-logo-frame {
  width: 56px;
  height: 42px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #e4e7ec;
  border-radius: 6px;
  background: #fff;
}

.company-logo-frame img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 4px;
  object-fit: contain;
  object-position: center;
}

.company-logo-frame b {
  color: #0f766e;
  font-size: 14px;
}

.company-row-main,
.company-row-stats {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.management-nav-search {
  position: relative;
  margin: 10px 0 2px;
}

.management-nav-search .management-search {
  display: block;
  width: 100%;
}

.management-nav-search .management-search input {
  min-height: 34px;
  padding: 7px 10px;
  font-size: 12px;
}

.management-search-results {
  position: relative;
  z-index: 40;
  max-height: min(270px, 34vh);
  margin-top: 6px;
  overflow: auto;
  padding: 5px;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 14px 28px rgba(15, 23, 42, .22);
}

.management-search-results button {
  display: grid;
  width: 100%;
  gap: 2px;
  padding: 8px 9px;
  border: 0;
  border-radius: 7px;
  color: #172b4d;
  text-align: left;
  background: transparent;
  cursor: pointer;
}

.management-search-results button:hover,
.management-search-results button:focus-visible {
  background: #edf9f7;
  outline: 0;
}

.management-search-results strong,
.management-search-results small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.management-search-results strong { font-size: 12px; }
.management-search-results small { color: #64748b; font-size: 10px; }
.management-search-results p { margin: 5px 7px; color: #64748b; font-size: 11px; }

.management-search-hit {
  animation: management-search-hit 1.8s ease both;
}

@keyframes management-search-hit {
  0%, 100% { box-shadow: none; background-color: transparent; }
  18%, 75% { box-shadow: 0 0 0 3px rgba(20, 184, 166, .42); background-color: #ecfdf9; }
}

.company-row-main strong,
.company-row-main span,
.company-row-main small,
.company-row-stats span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.company-row-title-line {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.company-row-title-line strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.company-conn-badges {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

.company-conn-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  height: 19px;
  padding: 0 5px;
  border-radius: 999px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  color: #94a3b8;
  font-style: normal;
  line-height: 1;
  cursor: help;
  user-select: none;
  transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

.company-conn-badge svg {
  width: 11px;
  height: 11px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

.company-conn-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #cbd5e1;
  flex-shrink: 0;
}

.company-conn-badge.is-active {
  border-color: #86efac;
  background: #ecfdf3;
  color: #15803d;
}

.company-conn-badge.is-active .company-conn-dot {
  background: #16a34a;
  box-shadow: 0 0 0 2px rgba(22, 163, 74, .18);
}

.company-conn-badge.is-inactive {
  border-color: #e2e8f0;
  background: #f8fafc;
  color: #94a3b8;
  opacity: .84;
}

.company-row-main span {
  color: #475467;
  font-size: 12px;
}

.company-row-main small,
.company-row-stats small {
  color: #667085;
  font-size: 11px;
}

.management-row-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  white-space: nowrap;
}

.table-action.danger {
  color: #b42318;
  border-color: #f1b8b2;
  background: #fff7f6;
}

.table-action.danger:hover {
  color: #fff;
  border-color: #b42318;
  background: #b42318;
}

.package-management-search {
  display: block;
  margin: 14px 0 10px;
}

.package-management-list {
  display: grid;
  gap: 7px;
}

.package-management-row {
  min-width: 0;
  min-height: 58px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 152px 100px 72px;
  gap: 12px;
  align-items: center;
  padding: 9px 11px;
  color: #101828;
  border: 1px solid #dce3ec;
  border-radius: 7px;
  background: #fff;
  cursor: pointer;
  text-align: left;
}

.package-management-row:hover {
  border-color: #86bfb6;
  background: #f5fbfa;
}

.package-management-copy,
.package-management-price {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.package-management-copy strong,
.package-management-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.package-management-copy small {
  color: #667085;
  font-size: 11px;
}

.package-management-id {
  display: grid;
  place-items: center;
  width: 48px;
  height: 34px;
  color: #344054;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  background: #f9fafb;
  font-size: 12px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.package-management-price {
  justify-items: end;
  text-align: right;
}

.package-management-price small {
  color: #667085;
  font-size: 10px;
}

.package-management-price strong {
  color: #101828;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.package-management-row > b {
  color: #475467;
  font-size: 11px;
  text-align: center;
}

.package-management-row > em {
  color: #0f766e;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  text-align: right;
}

.product-catalog-search {
  width: min(360px, 42vw);
}

.product-scope-toolbar {
  display: grid;
  grid-template-columns: minmax(130px, 1.15fr) repeat(4, minmax(105px, 1fr)) auto;
  gap: 10px;
  align-items: end;
  margin-top: 14px;
}

.product-scope-toolbar label,
.product-bulk-fields label {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.product-scope-toolbar label > span,
.product-bulk-fields label > span,
.product-selected > span {
  color: #475467;
  font-size: 11px;
  font-weight: 800;
}

.product-scope-toolbar select,
.product-bulk-fields input {
  width: 100%;
  height: 38px;
  padding: 0 10px;
  color: #101828;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  background: #fff;
  outline: none;
  font-weight: 800;
}

.product-scope-toolbar select:focus,
.product-bulk-fields input:focus {
  border-color: #0f766e;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .12);
}

.product-scope-result {
  grid-column: 1 / -1;
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #475467;
  font-size: 12px;
  font-weight: 800;
}

.product-scope-reset {
  height: 38px;
  margin: 0;
}

.product-bulk-tool {
  display: grid;
  grid-template-columns: minmax(180px, .7fr) minmax(440px, 1.3fr);
  gap: 12px 16px;
  align-items: end;
  margin-top: 12px;
  padding: 14px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
}

.product-selected {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.product-selected strong,
.product-selected small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-selected strong {
  color: #0f766e;
  font-size: 16px;
}

.product-selected small {
  color: #667085;
}

.product-bulk-fields {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(160px, 1fr) minmax(220px, 1.4fr) 92px;
  gap: 10px;
}

.product-bulk-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.product-bulk-actions button,
.product-danger-btn {
  min-height: 36px;
}

.product-danger-btn {
  padding: 0 13px;
  color: #b42318;
  border: 1px solid #f1b8b2;
  border-radius: 6px;
  background: #fff7f6;
  cursor: pointer;
  font-weight: 900;
}

.product-company-rules {
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid #b9ddd7;
  border-radius: 8px;
  background: #f5fbfa;
}

.product-company-rules-head,
.product-company-rule-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
}

.product-company-rules-head {
  grid-template-columns: minmax(0, 1fr) auto;
  padding-bottom: 9px;
  border-bottom: 1px solid #d4eae6;
}

.product-company-rules-head strong,
.product-company-rule-row strong {
  color: #163a35;
}

.product-company-rules-head small,
.product-company-rule-row small,
.product-company-rule-id {
  color: #667085;
  font-size: 11px;
  font-weight: 800;
}

.product-company-rule-row {
  min-height: 44px;
  border-bottom: 1px solid #e0efec;
}

.product-company-rule-row:last-child {
  border-bottom: 0;
}

.product-company-rule-row .product-danger-btn {
  min-height: 30px;
}

.product-danger-btn:hover {
  color: #fff;
  border-color: #b42318;
  background: #b42318;
}

.product-bulk-actions button:disabled {
  cursor: not-allowed;
  opacity: .48;
}

.product-bulk-message {
  grid-column: 1 / -1;
  min-height: 18px;
  margin: 0;
}

.product-catalog-table-wrap {
  margin-top: 12px;
  overflow-x: hidden;
}

.management-table.product-catalog-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

.product-catalog-table th,
.product-catalog-table td {
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-catalog-table th:nth-child(1) { width: 12%; }
.product-catalog-table th:nth-child(2) { width: 27%; }
.product-catalog-table th:nth-child(3) { width: 11%; }
.product-catalog-table th:nth-child(4) { width: 8%; }
.product-catalog-table th:nth-child(5) { width: 14%; }
.product-catalog-table th:nth-child(6) { width: 11%; }
.product-catalog-table th:nth-child(7) { width: 11%; }
.product-catalog-table th:nth-child(8) { width: 6%; }

.product-catalog-table tr.selected td {
  background: #eaf8f5;
}

.product-catalog-table td strong,
.product-catalog-table td span,
.product-catalog-table td small {
  white-space: nowrap;
}

.product-catalog-table td:nth-child(2) {
  max-width: 360px;
}

.product-catalog-table td:nth-child(2) span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.company-package-company-field {
  min-width: 210px;
  display: grid;
  gap: 5px;
}

.company-package-head-actions {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}

.company-package-campaign-toggle {
  min-height: 38px;
  padding: 0 10px;
  border: 1px solid #d7e5da;
  border-radius: 8px;
  background: #f5fbf6;
  font-size: 12px;
  white-space: nowrap;
}

.company-package-head-actions > small {
  flex-basis: 100%;
  color: #64748b;
  font-size: 10px;
  text-align: right;
}

.company-package-head-actions > small[data-error="true"] { color: #b42318; }

.company-package-company-field span,
.company-package-operation-grid label > span {
  color: #475467;
  font-size: 11px;
  font-weight: 800;
}

.company-package-company-field select,
.company-package-operation-grid select,
.company-package-operation-grid input {
  width: 100%;
  height: 38px;
  padding: 0 10px;
  color: #101828;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  background: #fff;
  font-weight: 800;
}

.company-package-tool,
.company-package-selector {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid #d7e0e9;
  border-radius: 8px;
  background: #fff;
}

.company-package-operation-grid {
  display: grid;
  grid-template-columns: minmax(130px, .8fr) repeat(3, minmax(155px, 1fr)) 82px auto;
  gap: 10px;
  align-items: end;
}

.company-package-operation-grid label {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.company-package-selector-head {
  display: grid;
  grid-template-columns: minmax(245px, 1fr) minmax(220px, .8fr) auto auto;
  gap: 8px;
  align-items: center;
}

.company-package-all {
  min-height: 38px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #163a35;
  font-size: 12px;
  font-weight: 900;
}

.company-package-all input,
.company-package-row input {
  width: 18px;
  height: 18px;
  accent-color: #0f766e;
}

.company-package-list {
  max-height: 430px;
  display: grid;
  gap: 5px;
  margin-top: 12px;
  padding-right: 3px;
  overflow-y: auto;
}

.company-package-row {
  min-width: 0;
  display: grid;
  grid-template-columns: 22px 48px minmax(0, 1fr) 110px 78px;
  gap: 9px;
  align-items: center;
  min-height: 52px;
  padding: 7px 9px;
  border: 1px solid #e3e8ef;
  border-radius: 6px;
  background: #fbfcfd;
  cursor: pointer;
}

.company-package-row:hover,
.company-package-row.selected {
  border-color: #73c7b9;
  background: #edf9f6;
}

.company-package-row.customized em {
  color: #0f766e;
}

.company-package-row-id,
.company-package-row > b,
.company-package-row > em {
  font-size: 11px;
  font-style: normal;
  text-align: right;
}

.company-package-row-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.company-package-row-copy strong,
.company-package-row-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.company-package-row-copy strong { font-size: 12px; }
.company-package-row-copy small { color: #667085; font-size: 10px; }

.company-logo-upload {
  grid-template-columns: 88px minmax(0, 1fr) auto;
  gap: 14px !important;
  align-items: center;
  min-height: 92px;
  padding: 12px;
  border: 1px dashed #9fb4c7;
  border-radius: 8px;
  background: #f8fafc;
  cursor: pointer;
}

.company-logo-upload > input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.company-logo-upload-preview {
  width: 88px;
  height: 62px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #d7e0e9;
  border-radius: 7px;
  background: #fff;
}

.company-logo-upload-preview img {
  width: 100%;
  height: 100%;
  padding: 5px;
  object-fit: contain;
}

.company-logo-upload-preview b { color: #0f766e; font-size: 12px; }

.company-logo-upload-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.company-logo-upload-copy strong { color: #101828; font-size: 14px; }
.company-logo-upload-copy small { color: #667085; font-size: 11px; }

.company-logo-upload > em {
  padding: 9px 12px;
  color: #fff;
  border-radius: 6px;
  background: #0f766e;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.management-form {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid #cfd7e3;
  border-radius: 8px;
  background: #fff;
}

.management-form.compact {
  margin-bottom: 16px;
}

.management-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.management-form-grid label {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 6px;
}

.management-form-grid label.wide {
  grid-column: 1 / -1;
}

.management-form-grid label > span,
.management-form legend {
  color: #344054;
  font-size: 12px;
  font-weight: 800;
}

.management-form input,
.management-form select,
.management-form textarea,
.management-search input {
  width: 100%;
  min-width: 0;
  min-height: 40px;
  padding: 8px 10px;
  color: #101828;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  outline: none;
  background: #fff;
  font: inherit;
}

.management-form textarea {
  min-height: 78px;
  resize: vertical;
}

.management-form input:focus,
.management-form select:focus,
.management-form textarea:focus,
.management-search input:focus {
  border-color: #0f9f86;
  box-shadow: 0 0 0 3px rgba(15, 159, 134, .14);
}

.management-form small {
  color: #667085;
  font-size: 11px;
}

.management-form fieldset {
  margin: 16px 0;
  padding: 14px;
  border: 1px solid #dce3ec;
  border-radius: 8px;
}

.company-category-access legend {
  padding: 0 6px;
  color: #101828;
  font-size: 13px;
  font-weight: 900;
}

.company-category-head {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 11px;
}

.company-category-head p {
  margin: 0;
  color: #667085;
  font-size: 12px;
}

.company-category-head > div {
  display: flex;
  gap: 6px;
}

.company-category-head button {
  min-height: 32px;
  padding: 0 10px;
  color: #344054;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.company-eper-toggle {
  margin: 14px 0;
  padding: 12px 14px;
  border: 1px solid #b7d9d3;
  border-radius: 8px;
  background: #f0fdfa;
}

.company-eper-toggle > span {
  display: grid;
  gap: 3px;
}

.company-eper-toggle small {
  color: #475467;
  font-weight: 600;
}

.company-eper-status {
  color: #b42318;
  font-weight: 800;
}

.company-eper-status.active {
  color: #047857;
}

.company-category-head button:hover {
  color: #0f766e;
  border-color: #5eead4;
  background: #f0fdfa;
}

.company-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.company-category-grid label {
  min-width: 0;
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 40px;
  padding: 8px 10px;
  color: #344054;
  border: 1px solid #e4e7ec;
  border-radius: 6px;
  background: #f9fafb;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}

.company-category-grid input {
  width: 17px;
  min-height: 17px;
  margin: 0;
  padding: 0;
  accent-color: #0f766e;
}

.company-category-grid label:has(input:checked) {
  color: #115e59;
  border-color: #99f6e4;
  background: #f0fdfa;
}

.management-form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 14px;
}

.management-form-actions > span {
  min-width: 0;
  margin-right: auto;
  color: #b42318;
  font-size: 12px;
}

.user-limit-summary {
  margin: 12px 0 8px;
  color: #475467;
  font-size: 12px;
  font-weight: 800;
}

.management-table-wrap {
  width: 100%;
  margin-top: 12px;
  overflow: auto;
  border: 1px solid #dce3ec;
  border-radius: 8px;
  background: #fff;
}

.management-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  font-size: 12px;
}

.quotes-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

.quote-admin-table-wrap { max-height: min(72vh, 760px); }
.quote-admin-load-more {
  display: block;
  width: min(100%, 360px);
  margin: 12px auto 4px;
  padding: 10px 16px;
  border: 1px solid rgba(35, 75, 120, .2);
  border-radius: 10px;
  background: #f4f8fc;
  color: #17395e;
  font-weight: 700;
  cursor: pointer;
}
.quote-admin-load-more:hover:not(:disabled) { background: #e8f1fa; }
.quote-admin-load-more:disabled { opacity: .65; cursor: wait; }
.quote-list-loading td {
  padding: 28px 16px;
  text-align: center;
  color: #667085;
  font-weight: 700;
}
.quote-list-spinner {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  vertical-align: -2px;
  border: 2px solid #cbd5e1;
  border-top-color: #2563eb;
  border-radius: 50%;
  animation: quote-list-spin .7s linear infinite;
}
@keyframes quote-list-spin { to { transform: rotate(360deg); } }

.quotes-table th,
.quotes-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quotes-table th:nth-child(1) { width: 10%; }
.quotes-table th:nth-child(2) { width: 10%; }
.quotes-table th:nth-child(3) { width: 13%; }
.quotes-table th:nth-child(4) { width: 9%; }
.quotes-table th:nth-child(5) { width: 8%; }
.quotes-table th:nth-child(6) { width: 15%; }
.quotes-table th:nth-child(7) { width: 10%; }
.quotes-table th:nth-child(8) { width: 25%; }

.management-table.quotes-table td small {
  display: inline;
  margin: 0 0 0 6px;
}

.quote-admin-whatsapp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #0f766e;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.quote-admin-whatsapp:disabled,
.quote-revision-whatsapp:disabled,
.quote-revision-whatsapp[aria-disabled="true"],
.quote-whatsapp-link:disabled {
  cursor: wait;
  opacity: .6;
}

.quote-revision-whatsapp[aria-disabled="true"] {
  pointer-events: none;
}

.quote-admin-whatsapp svg {
  width: 22px;
  height: 22px;
  padding: 4px;
  box-sizing: border-box;
  color: #fff;
  border-radius: 50%;
  background: #16a34a;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.quote-admin-whatsapp.is-delivery-failed { color: #b91c1c; }
.quote-admin-whatsapp.is-delivery-failed svg {
  background: #dc2626;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, .1);
}
.quote-admin-whatsapp.is-delivery-pending { color: #92400e; }
.quote-admin-whatsapp.is-delivery-pending svg { background: #d97706; }
.quote-admin-whatsapp.is-delivery-sent svg { background: #16a34a; }
.quote-admin-whatsapp.is-delivery-locked{cursor:default}

.quote-admin-santral-wrap{display:inline-flex;align-items:center;gap:6px;max-width:100%}
.quote-admin-santral-wrap>.quote-admin-whatsapp span{display:none}
.quote-admin-santral-phone{overflow:hidden;max-width:calc(100% - 30px);padding:0;border:0;color:#0f766e;background:transparent;font:inherit;font-weight:850;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.quote-admin-santral-phone:hover{color:#0b554f}
.santral-records-backdrop{position:fixed;inset:0;z-index:2147483635;display:grid;place-items:center;padding:16px;background:rgba(8,20,29,.68);backdrop-filter:blur(5px)}
.santral-records-backdrop[hidden]{display:none!important}
.santral-records-dialog{width:min(1240px,calc(100vw - 32px));height:min(850px,calc(100vh - 32px));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.santral-records-dialog>header{min-height:58px;display:flex;align-items:center;gap:12px;padding:9px 12px 9px 16px;border-bottom:1px solid #dbe4e8;background:#f6faf9}
.santral-records-dialog>header div{display:grid;margin-right:auto}.santral-records-dialog>header small{color:#0f7b6f;font-size:8px;font-weight:950;letter-spacing:.12em}.santral-records-dialog>header strong{color:#18333d;font-size:14px}
.santral-records-dialog>header a{min-height:34px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid #badbd5;border-radius:8px;color:#0f766e;font-size:9px;font-weight:900;text-decoration:none;background:#fff}
.santral-records-dialog>header button{width:34px;height:34px;border:1px solid #d4dee3;border-radius:9px;color:#53656f;background:#fff;font-size:21px;cursor:pointer}
.santral-records-dialog>div{position:relative;min-height:0;background:#eef3f4}.santral-records-dialog iframe{width:100%;height:100%;display:block;border:0;background:#fff}.santral-records-loading{position:absolute;inset:0;display:grid;place-items:center;color:#526872;background:#f7fafb;font-size:11px;font-weight:850}

.quote-admin-plate-link {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  color: #0f766e;
  font-weight: 900;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  white-space: nowrap;
}

.quote-admin-plate-link:hover {
  color: #115e59;
}

.management-table th,
.management-table td {
  padding: 10px;
  border-bottom: 1px solid #edf0f4;
  text-align: left;
  vertical-align: middle;
}

.management-table th {
  color: #475467;
  background: #f8fafc;
  font-size: 11px;
  text-transform: uppercase;
}

.management-table .right {
  text-align: right;
}

.management-table td small {
  display: block;
  margin-top: 3px;
  color: #667085;
}

.status-pill {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
}

.status-pill.active {
  color: #166534;
  background: #dcfce7;
}

.status-pill.inactive {
  color: #991b1b;
  background: #fee2e2;
}

.table-action {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  color: #0f766e;
  border: 1px solid #b7d9d3;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
  text-decoration: none;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.management-search {
  width: min(320px, 42vw);
}

.management-search input {
  min-height: 38px;
}

.management-empty {
  padding: 18px;
  color: #667085;
  text-align: center;
}

.plate-lookup-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.plate-lookup-stats article{display:flex;flex-direction:column;gap:6px;padding:15px 17px;border:1px solid #e3e9f1;border-radius:14px;background:linear-gradient(145deg,#fff,#f7f9fc)}
.plate-lookup-stats span{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#718096}
.plate-lookup-stats strong{font-size:24px;line-height:1;color:#172033}
.plate-lookup-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 230px;gap:12px;margin-bottom:14px}
.plate-lookup-toolbar .management-search{margin:0}
.plate-lookup-toolbar select{min-height:44px;padding:0 38px 0 13px;border:1px solid #dbe3ed;border-radius:11px;background:#fff;color:#273348;font-weight:700}
.plate-lookup-table-wrap table{min-width:0;width:100%;border-collapse:collapse}
.plate-lookup-table-wrap th{font-size:11px;text-transform:uppercase;letter-spacing:.045em;color:#728096;white-space:nowrap}
.plate-lookup-table-wrap td{vertical-align:middle;padding:10px 12px;border-bottom:1px solid #edf1f6;line-height:1.4;font-size:12px}
.plate-lookup-table-wrap td>strong,.plate-lookup-table-wrap td>small{display:block}
.plate-lookup-table-wrap td>small{max-width:250px;margin-top:5px;color:#7a879a;font-size:11px;overflow:hidden;text-overflow:ellipsis}
.plate-lookup-table-wrap code{display:inline-block;padding:5px 8px;border-radius:7px;background:#eef3f8;color:#29384d;font-size:12px;white-space:nowrap}
.plate-lookup-vehicle{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;min-width:250px}
.plate-lookup-vehicle b{grid-row:1/3;align-self:start;padding:6px 9px;border-radius:7px;background:#15243a;color:#fff;letter-spacing:.045em;white-space:nowrap}
.plate-lookup-vehicle strong{font-size:13px;color:#1d2a3c}
.plate-lookup-vehicle small{grid-column:2;color:#7a879a;font-size:11px}
.plate-lookup-status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#edf2f7;color:#526173;font-size:11px;font-weight:900;white-space:nowrap}
.plate-lookup-status.is-resolved{background:#e7f8ee;color:#157442}
.plate-lookup-status.is-failed{background:#fff0f0;color:#b52a2a}
.plate-lookup-status.is-not_found{background:#fff6df;color:#8a5d00}
.plate-lookup-loading{padding:35px;text-align:center;color:#66758a;font-weight:700}.plate-lookup-loading.is-error{color:#b4232f}
.plate-lookup-pager{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:14px}
.plate-lookup-pager button{min-width:90px;padding:9px 12px;border:1px solid #d9e2ec;border-radius:9px;background:#fff;color:#273348;font-weight:800}.plate-lookup-pager button:disabled{opacity:.42}
.plate-lookup-pager span{font-size:12px;font-weight:800;color:#637188}
@media(max-width:800px){.plate-lookup-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.plate-lookup-toolbar{grid-template-columns:1fr}.plate-lookup-pager{justify-content:center}}
.plate-lookup-panel .plate-lookup-table-wrap{overflow-x:auto;border:1px solid #e2e8f0;border-radius:12px;background:#fff}
.plate-lookup-panel .plate-lookup-table-wrap table{min-width:0;margin:0}
.plate-lookup-panel .plate-lookup-table-wrap th{padding:11px 12px;text-align:left;background:#f6f8fb;border-bottom:1px solid #e2e8f0;font-size:10px;letter-spacing:.035em}
.plate-lookup-panel .plate-lookup-table-wrap tbody tr:nth-child(even){background:#fafbfd}
.plate-lookup-panel .plate-lookup-table-wrap tbody tr:hover{background:#f0f6fc}
.plate-lookup-panel .plate-lookup-table-wrap tr:last-child td{border-bottom:0}
.plate-lookup-panel .plate-log-time{white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums;color:#536176}
.plate-lookup-panel .plate-lookup-vehicle{grid-template-columns:auto minmax(170px,1fr);align-items:center;gap:1px 10px;min-width:290px;max-width:400px}
.plate-lookup-panel .plate-lookup-vehicle b{align-self:center;padding:5px 8px;border:1px solid #ced8e5;border-left:4px solid #2563a6;background:#fff;color:#182c46;border-radius:5px;font-size:12px;letter-spacing:.035em}
.plate-lookup-panel .plate-lookup-vehicle strong{font-size:12px;line-height:1.35;font-weight:650}
.plate-lookup-panel .plate-lookup-vehicle small{font-size:10px;line-height:1.4;color:#78869a}
.plate-log-person{min-width:140px;max-width:220px}
.plate-lookup-panel .plate-lookup-table-wrap table{width:100%;min-width:0;table-layout:fixed}
.plate-lookup-panel .plate-lookup-table-wrap th:nth-child(1){width:38%}
.plate-lookup-panel .plate-lookup-table-wrap th:nth-child(2){width:18%}
.plate-lookup-panel .plate-lookup-table-wrap th:nth-child(3){width:30%}
.plate-lookup-panel .plate-lookup-table-wrap th:nth-child(4){width:14%}
.plate-lookup-panel .plate-lookup-table-wrap td{padding:10px 12px;white-space:normal;vertical-align:middle;overflow-wrap:anywhere}
.plate-lookup-summary{display:flex;flex-direction:column;gap:4px;min-width:0}
.plate-lookup-vehicle-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6d7c91;font-size:11px}
.plate-lookup-summary-row .plate-log-person{min-width:0;max-width:none}
.plate-lookup-summary-row .plate-log-time span,.plate-lookup-summary-row .plate-log-time small{display:block;font-size:11px;line-height:1.5}
.plate-lookup-summary-row .plate-log-time small{color:#8490a0}
.plate-lookup-panel .plate-lookup-table-wrap .plate-log-ip{display:block;max-width:100%;margin-top:2px;font-size:10px;line-height:1.3;white-space:normal;overflow-wrap:anywhere;color:#64768e}
.plate-lookup-plate-group{display:flex;align-items:center;flex-wrap:wrap;gap:5px;align-self:flex-start;max-width:100%;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer;text-align:left}
.plate-lookup-plate-group b{padding:4px 7px;border:1px solid #ced8e5;border-left:3px solid #2563a6;border-radius:5px;background:#fff;color:#182c46;font-size:12px;letter-spacing:.025em;white-space:nowrap}
.plate-lookup-plate-group:hover,.plate-lookup-plate-group[aria-expanded="true"]{background:#e8f1ff}
.plate-lookup-plate-group:focus-visible{outline:2px solid #2563a6;outline-offset:3px}
.plate-lookup-count{padding:4px 7px;border-radius:999px;background:#eaf1ff;color:#245ca2;font-size:10px;font-weight:750;white-space:nowrap}
.plate-lookup-chevron{color:#526b8c;transition:transform .15s}
.plate-lookup-plate-group[aria-expanded="true"] .plate-lookup-chevron{transform:rotate(180deg)}
.plate-lookup-panel .plate-lookup-table-wrap .plate-lookup-history-row>td{padding:12px 16px;background:#f2f6fc}
.plate-lookup-history{width:100%;min-width:0;border:1px solid #dce5f1;border-radius:12px;background:#fff;overflow:hidden}
.plate-lookup-history>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid #e6edf5}
.plate-lookup-history>header strong{font-size:12px;color:#223a59}
.plate-lookup-history>header span{font-size:11px;color:#6c7d93}
.plate-lookup-history-items{max-height:410px;overflow-y:auto;overscroll-behavior:contain}
.plate-lookup-history-event{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(0,1fr) minmax(0,1fr);gap:10px;padding:11px 16px;border-bottom:1px solid #edf1f7;white-space:normal}
.plate-lookup-history-event:last-child{border-bottom:0}
.plate-lookup-history-event time{color:#536176;font-size:11px;font-variant-numeric:tabular-nums}
.plate-lookup-history-event strong{display:block;color:#24344b;font-size:12px;overflow-wrap:anywhere}
.plate-lookup-history-event small{display:block;margin-top:3px;color:#7b8798;font-size:10px;overflow-wrap:anywhere}
.plate-lookup-history-source{font-size:11px;color:#536a88;overflow-wrap:anywhere}
.plate-lookup-history .plate-lookup-pager{margin:0;padding:10px 16px;border-top:1px solid #e6edf5}
.plate-lookup-history-error{padding:16px;color:#a72b37;white-space:normal}
.plate-lookup-history-error button{margin-left:8px;border:1px solid #d9e2ec;border-radius:7px;padding:6px 10px;background:#fff;color:#273348;cursor:pointer}
@media(max-width:650px){.plate-lookup-history>header{align-items:flex-start;flex-direction:column;gap:4px}.plate-lookup-history-event{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:10px 12px}.plate-lookup-history-event time{grid-column:1/-1}.plate-lookup-history .plate-lookup-pager{justify-content:center;padding:10px}}
@media(max-width:700px){.plate-lookup-panel .plate-lookup-table-wrap table,.plate-lookup-panel .plate-lookup-table-wrap tbody{display:block;width:100%}.plate-lookup-panel .plate-lookup-table-wrap thead{display:none}.plate-lookup-panel .plate-lookup-table-wrap .plate-lookup-summary-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,.6fr);padding:7px 8px;border-bottom:1px solid #e2e8f0}.plate-lookup-panel .plate-lookup-table-wrap .plate-lookup-summary-row td{display:block;min-width:0;border:0;padding:5px 4px}.plate-lookup-summary-row td:nth-child(2),.plate-lookup-summary-row td:nth-child(4){text-align:right}.plate-lookup-panel .plate-lookup-table-wrap .plate-lookup-history-row,.plate-lookup-panel .plate-lookup-table-wrap .plate-lookup-history-row>td{display:block;width:100%;box-sizing:border-box}.plate-lookup-panel .plate-lookup-table-wrap .plate-lookup-history-row>td{padding:8px}.plate-lookup-summary-row .plate-log-meta{font-size:9px}}
.plate-log-person>strong{display:block;font-size:12px;font-weight:650;color:#24344b;line-height:1.4}
.plate-log-meta{display:flex;flex-wrap:wrap;align-items:center;gap:3px 7px;margin-top:3px;font-size:10px;line-height:1.3;color:#7b8798}
.plate-log-company{padding:2px 6px;background:#edf2f8;border-radius:4px;color:#3d5676;font-weight:750}
.plate-lookup-panel .plate-lookup-table-wrap th:nth-child(1){width:auto}
.plate-lookup-panel .plate-lookup-table-wrap th:nth-child(2){width:22%}
.plate-lookup-panel .plate-lookup-table-wrap th:nth-child(3){width:30%}
.plate-lookup-panel .plate-lookup-table-wrap th:nth-child(4){width:84px}
.plate-lookup-panel .plate-lookup-table-wrap th:nth-child(5){width:48px;text-align:center}
.plate-lookup-panel .plate-lookup-table-wrap .plate-lookup-actions{padding:8px;text-align:center}
.plate-lookup-delete{box-sizing:border-box;display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #f1c6cb;border-radius:8px;background:#fff6f6;color:#b7273c;cursor:pointer}
.plate-lookup-delete svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.plate-lookup-delete:hover:not(:disabled){background:#fce8eb;border-color:#d77d8a}
.plate-lookup-delete:disabled{opacity:.5;cursor:wait}
.plate-lookup-delete:focus-visible{outline:2px solid #b7273c;outline-offset:2px}
.plate-lookup-feedback{margin:10px 0;color:#16724d;font-size:12px;line-height:1.5}
.plate-lookup-feedback.is-error{color:#b7273c}
@media(max-width:700px){.plate-lookup-panel .plate-lookup-summary-row .plate-lookup-actions{grid-column:2;justify-self:end;padding:3px 4px}}
.plate-log-source{display:flex;flex-direction:column;gap:2px;min-width:105px;max-width:180px;font-size:11px;color:#52637b;overflow-wrap:anywhere}
.plate-log-source small{font-size:10px;color:#8390a2}
.plate-lookup-panel .plate-lookup-table-wrap code{padding:3px 5px;background:transparent;font-size:11px;font-variant-numeric:tabular-nums;color:#63738a}
.plate-log-result{display:flex;align-items:center;gap:6px;white-space:nowrap}
.plate-lookup-panel .plate-lookup-status{padding:3px 7px;font-size:10px;font-weight:750}
.plate-log-cache{font-size:10px;color:#7b8798}
.plate-lookup-panel .plate-lookup-table-wrap .plate-log-error{max-width:200px;white-space:normal;overflow-wrap:anywhere;line-height:1.35;margin-top:4px;font-size:10px;color:#a74646}
.plate-lookup-panel .plate-lookup-stats{gap:9px;margin-bottom:12px}
.plate-lookup-panel .plate-lookup-stats article{flex-direction:row;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:10px;gap:12px}
.plate-lookup-panel .plate-lookup-stats strong{font-size:22px}
.plate-lookup-panel .plate-lookup-stats span{font-size:10px;letter-spacing:.025em}
@media(max-width:800px){.plate-lookup-panel .plate-lookup-stats article{padding:10px}.plate-lookup-panel .plate-lookup-table-wrap td{padding:9px 10px}.plate-lookup-panel .plate-lookup-stats strong{font-size:20px}}

.quote-company-totals {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: stretch;
  justify-content: center;
  margin-top: 12px;
}

.quote-company-total {
  min-width: 0;
  width: 250px;
  max-width: 100%;
  flex: 0 1 250px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px 8px;
  align-items: center;
  padding: 9px 10px;
  border: 1px solid #cfd7e3;
  border-top: 3px solid #0f766e;
  border-radius: 8px;
  background: #fff;
}

.quote-company-total > strong {
  grid-column: 1 / -1;
  min-width: 0;
  overflow: hidden;
  padding-bottom: 6px;
  color: #101828;
  border-bottom: 1px solid #edf0f4;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.quote-company-total > span {
  display: grid;
  gap: 2px;
  justify-items: center;
  text-align: center;
  white-space: nowrap;
}

.quote-company-total > span:last-child {
  border-left: 1px solid #edf0f4;
}

.quote-company-total small {
  color: #667085;
  font-size: 9px;
  font-weight: 800;
}

.quote-company-total b {
  color: #101828;
  font-size: 13px;
}

.quote-company-total > span:last-child b {
  color: #0f766e;
  font-size: 14px;
}

.quote-total-empty {
  flex: 1 1 100%;
  grid-column: 1 / -1;
  margin: 0;
  padding: 14px;
  color: #667085;
  border: 1px dashed #cfd7e3;
  border-radius: 8px;
  text-align: center;
  font-size: 12px;
  font-weight: 800;
}

.audit-layout {
  min-height: 520px;
  display: grid;
  grid-template-columns: minmax(310px, .8fr) minmax(0, 1.2fr);
  gap: 12px;
  margin-top: 14px;
}

.audit-list,
.audit-detail {
  min-height: 0;
  overflow: auto;
  border: 1px solid #dce3ec;
  border-radius: 8px;
  background: #fff;
}

.audit-list {
  padding: 6px;
}

.audit-entry {
  width: 100%;
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  padding: 10px 8px;
  color: #101828;
  border: 0;
  border-bottom: 1px solid #edf0f4;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  text-align: left;
}

.audit-entry:hover,
.audit-entry.active {
  background: #edf8f6;
}

.audit-entry-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #667085;
}

.audit-entry-dot.create { background: #16a34a; }
.audit-entry-dot.update { background: #2563eb; }
.audit-entry-dot.delete { background: #dc2626; }
.audit-entry-dot.revert { background: #d97706; }
.audit-entry-dot.refresh { background: #0f766e; }

.audit-entry > span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.audit-entry strong,
.audit-entry small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.audit-entry strong {
  font-size: 12px;
}

.audit-entry small,
.audit-entry em {
  color: #667085;
  font-size: 10px;
  font-style: normal;
}

.audit-detail {
  padding: 16px;
}

.audit-detail header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #edf0f4;
}

.audit-detail h4,
.audit-detail header span,
.audit-detail header small {
  margin: 0;
}

.audit-detail header span,
.audit-detail header small {
  color: #667085;
  font-size: 11px;
}

.audit-detail h4 {
  margin-top: 4px;
  font-size: 16px;
}

.audit-detail dl {
  display: grid;
  gap: 7px;
}

.audit-detail dl div {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr);
  gap: 8px;
}

.audit-detail dt {
  color: #667085;
  font-size: 11px;
}

.audit-detail dd {
  margin: 0;
  font-size: 12px;
}

.audit-detail details {
  margin-top: 8px;
  border: 1px solid #e4e7ec;
  border-radius: 7px;
}

.audit-detail summary {
  padding: 9px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}

.audit-detail pre {
  max-height: 240px;
  margin: 0;
  padding: 10px;
  overflow: auto;
  color: #d1fae5;
  background: #182230;
  font: 11px/1.45 ui-monospace, SFMono-Regular, Consolas, monospace;
  white-space: pre-wrap;
  word-break: break-word;
}

.audit-changes {
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid #dfe5ec;
  border-radius: 7px;
}

.audit-change-head,
.audit-change-row {
  display: grid;
  grid-template-columns: minmax(150px, .9fr) minmax(130px, 1fr) minmax(130px, 1fr);
}

.audit-change-head {
  color: #344054;
  background: #f2f5f8;
  font-size: 10px;
  text-transform: uppercase;
}

.audit-change-head strong,
.audit-change-row > * {
  min-width: 0;
  padding: 9px 10px;
  border-right: 1px solid #e5e9ef;
}

.audit-change-head strong:last-child,
.audit-change-row > *:last-child {
  border-right: 0;
}

.audit-change-row {
  border-top: 1px solid #edf0f4;
  font-size: 11px;
}

.audit-change-row strong,
.audit-change-row span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.audit-change-row strong { color: #344054; }
.audit-change-row span:nth-child(2) { color: #9f2d25; background: #fff9f8; }
.audit-change-row span:nth-child(3) { color: #126456; background: #f6fcfa; }

@media (max-width: 1100px) {
  .company-package-operation-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .company-package-selector-head {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 700px) {
  .company-package-head-actions { width: 100%; justify-content: flex-start; }
  .company-package-head-actions > small { text-align: left; }
  .company-package-company-field {
    width: 100%;
  }

  .company-package-operation-grid,
  .company-package-selector-head {
    grid-template-columns: 1fr;
  }

  .company-package-row {
    grid-template-columns: 22px 40px minmax(0, 1fr) 76px;
  }

  .company-package-row > em {
    display: none;
  }

  .company-logo-upload {
    grid-template-columns: 72px minmax(0, 1fr);
  }

  .company-logo-upload-preview {
    width: 72px;
    height: 54px;
  }

  .company-logo-upload > em {
    grid-column: 1 / -1;
    text-align: center;
  }

  .audit-change-head,
  .audit-change-row {
    grid-template-columns: minmax(105px, .8fr) minmax(90px, 1fr) minmax(90px, 1fr);
  }

  .product-catalog-table th:nth-child(5),
  .product-catalog-table td:nth-child(5),
  .product-catalog-table th:nth-child(6),
  .product-catalog-table td:nth-child(6),
  .product-catalog-table th:nth-child(7),
  .product-catalog-table td:nth-child(7) {
    display: none;
  }

  .product-catalog-table th:nth-child(1) { width: 22%; }
  .product-catalog-table th:nth-child(2) { width: 42%; }
  .product-catalog-table th:nth-child(3) { width: 16%; }
  .product-catalog-table th:nth-child(4) { width: 10%; }
  .product-catalog-table th:nth-child(8) { width: 10%; }
}

.audit-revert {
  min-height: 38px;
  margin-top: 12px;
  padding: 0 14px;
  color: #fff;
  border: 0;
  border-radius: 7px;
  background: #b42318;
  cursor: pointer;
  font-weight: 800;
}

.audit-reverted,
.audit-success {
  padding: 10px;
  color: #166534;
  border: 1px solid #bbf7d0;
  border-radius: 7px;
  background: #f0fdf4;
}

.announcement-backdrop {
  position: fixed;
  z-index: 2147483600;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(16, 24, 40, .62);
  backdrop-filter: blur(5px);
}

.announcement-dialog {
  width: min(440px, 100%);
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: 24px;
  border: 1px solid #cfd7e3;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 28px 80px rgba(16, 24, 40, .34);
  text-align: center;
}

.announcement-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  color: #fff;
  border-radius: 50%;
  background: #0f766e;
  font-size: 24px;
  font-weight: 900;
}

.announcement-dialog h2,
.announcement-dialog p {
  margin: 0;
}

.announcement-dialog p {
  color: #475467;
  line-height: 1.55;
}

.announcement-dialog .detail-btn {
  width: auto;
  min-width: 130px;
}

.announcement-report-link {
  display: flex;
  min-height: 44px;
  margin: 14px 0 10px;
  padding: 10px 16px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(15, 118, 110, .24);
  border-radius: 12px;
  color: #0f766e;
  background: #ecfdf5;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
}

.whatsapp-onboarding-backdrop {
  position: fixed;
  z-index: 2147483599;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(8, 20, 18, .68);
  backdrop-filter: blur(9px);
}

.whatsapp-onboarding-backdrop[hidden] { display: none; }
body.whatsapp-onboarding-opened { overflow: hidden; }

.whatsapp-onboarding-dialog {
  width: min(560px, 100%);
  position: relative;
  display: grid;
  justify-items: center;
  gap: 11px;
  padding: 31px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0, rgba(38, 211, 102, .13), transparent 18rem),
    linear-gradient(145deg, #fff, #f7fbf9);
  box-shadow: 0 35px 100px rgba(0, 20, 14, .38);
  text-align: center;
}

.whatsapp-onboarding-dialog::before {
  content: "";
  height: 5px;
  position: absolute;
  inset: 0 0 auto;
  background: linear-gradient(90deg, #128c55, #25d366, #8de5ae);
}

.whatsapp-onboarding-close {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 14px;
  right: 14px;
  border: 0;
  border-radius: 50%;
  color: #52635d;
  background: #edf4f0;
  font-size: 21px;
  cursor: pointer;
}

.whatsapp-onboarding-mark {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  color: #fff;
  background: linear-gradient(145deg, #2adc70, #128c55);
  box-shadow: 0 13px 28px rgba(18,140,85,.25);
}

.whatsapp-onboarding-mark svg { width: 37px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.whatsapp-onboarding-dialog > small { color: #128c55; font-size: 9px; font-weight: 950; letter-spacing: .18em; }
.whatsapp-onboarding-dialog h2 { max-width: 430px; margin: 0; color: #17231f; font-size: 25px; line-height: 1.12; letter-spacing: -.035em; }
.whatsapp-onboarding-dialog > p { max-width: 460px; margin: 0; color: #68736f; font-size: 12px; line-height: 1.55; }

.whatsapp-onboarding-dialog ul { width: 100%; display: grid; gap: 8px; margin: 5px 0 2px; padding: 0; list-style: none; text-align: left; }
.whatsapp-onboarding-dialog li { display: grid; grid-template-columns: 29px 1fr; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #e2ece7; border-radius: 13px; background: rgba(255,255,255,.82); }
.whatsapp-onboarding-dialog li i { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 9px; color: #128c55; background: #e7f8ee; font-size: 12px; font-style: normal; font-weight: 950; }
.whatsapp-onboarding-dialog li span { display: grid; gap: 2px; }
.whatsapp-onboarding-dialog li strong { color: #28352f; font-size: 11px; }
.whatsapp-onboarding-dialog li small { color: #77827d; font-size: 9px; line-height: 1.35; }

.whatsapp-onboarding-actions { width: 100%; display: flex; justify-content: flex-end; gap: 8px; margin-top: 5px; }
.whatsapp-onboarding-actions button { min-height: 44px; padding: 0 16px; border-radius: 11px; font-size: 10px; font-weight: 900; cursor: pointer; }
.whatsapp-onboarding-later { border: 1px solid #dae3df; color: #66736d; background: #fff; }
.whatsapp-onboarding-connect { border: 0; color: #fff; background: linear-gradient(135deg, #159857, #087943); box-shadow: 0 9px 22px rgba(8,121,67,.22); }
.whatsapp-onboarding-connect[hidden] { display: none; }
.whatsapp-onboarding-connect span { font-size: 15px; }

@media (max-width: 560px) {
  .whatsapp-onboarding-backdrop { padding: 10px; align-items: end; }
  .whatsapp-onboarding-dialog { gap: 9px; padding: 27px 17px 18px; border-radius: 22px 22px 14px 14px; }
  .whatsapp-onboarding-mark { width: 55px; height: 55px; border-radius: 17px; }
  .whatsapp-onboarding-mark svg { width: 32px; }
  .whatsapp-onboarding-dialog h2 { font-size: 21px; }
  .whatsapp-onboarding-dialog li { padding: 8px 10px; }
  .whatsapp-onboarding-actions { display: grid; grid-template-columns: 1fr 1.25fr; }
  .whatsapp-onboarding-actions button { padding: 0 9px; }
}

.announcement-report-link:hover {
  border-color: #0f766e;
  background: #dff8ed;
}

@media (max-width: 980px) {
  .filter-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .management-modal:has(.management-layout:not([hidden])) {
    width: calc(100% - 12px);
    height: calc(100vh - 12px);
    max-height: calc(100vh - 12px);
  }

  .management-layout {
    grid-template-columns: 190px minmax(0, 1fr);
  }

  .company-row {
    grid-template-columns: 62px minmax(0, 1fr) auto;
  }

  .company-logo-frame {
    width: 62px;
  }

  .company-row-stats {
    display: none;
  }

  .audit-layout {
    grid-template-columns: 1fr;
  }

  .audit-list {
    max-height: 300px;
  }

  .product-scope-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .product-scope-result {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .product-scope-reset {
    width: 100%;
  }

  .product-bulk-tool {
    grid-template-columns: 1fr;
  }

  .product-bulk-fields {
    grid-template-columns: 1fr 1fr 90px;
  }
}

@media (max-width: 700px) {
  .app-topbar {
    align-items: flex-start;
  }

  .session-user {
    display: none;
  }

  .guest-access-copy {
    display: none;
  }

  .app-brand-logo {
    width: 58px;
    max-width: 72px;
    height: 40px;
  }

  .management-head {
    min-height: 58px;
  }

  .management-modal:has(.management-layout:not([hidden])) .management-body {
    height: 100%;
  }

  .management-layout {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
  }

  .management-nav {
    display: block;
    padding: 8px;
    overflow-x: auto;
    white-space: nowrap;
  }

  .management-user-card {
    display: none;
  }

  .management-nav nav {
    display: flex;
    gap: 5px;
    padding: 0;
  }

  .management-nav nav button {
    width: auto;
    flex: 0 0 auto;
    min-height: 36px;
    padding: 0 11px;
  }

  .management-nav nav button.active {
    box-shadow: inset 0 -3px 0 #2dd4bf;
  }

  .management-logout {
    display: none;
  }

  .management-panel {
    padding: 14px;
  }

  .management-section-head {
    align-items: stretch;
    flex-direction: column;
  }

  .management-section-head > button,
  .management-section-head > .management-excel-btn,
  .management-search {
    width: 100%;
  }

  .pricing-refresh-actions,
  .pricing-refresh-actions .refresh-prices-btn {
    width: 100%;
  }

  .management-form-grid {
    grid-template-columns: 1fr;
  }

  .company-category-head {
    align-items: stretch;
    flex-direction: column;
  }

  .company-category-head > div,
  .company-category-head button {
    flex: 1 1 0;
  }

  .company-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .management-form-grid label.wide {
    grid-column: 1;
  }

  .company-row {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .company-logo-frame {
    width: 58px;
    height: 44px;
  }

  .company-row .management-row-actions {
    grid-column: 1 / -1;
    width: 100%;
  }

  .company-row .management-row-actions .table-action {
    flex: 1 1 0;
  }

  .package-management-row {
    grid-template-columns: 44px minmax(0, 1fr) 116px 58px;
    gap: 8px;
  }

  .package-management-row > b {
    display: none;
  }

  .package-management-id {
    width: 44px;
  }

  .package-management-price strong {
    font-size: 12px;
  }

  .package-management-price small {
    font-size: 9px;
  }

  .product-catalog-search {
    width: 100%;
  }

  .product-scope-toolbar,
  .product-bulk-fields {
    grid-template-columns: 1fr;
  }

  .product-company-rules-head,
  .product-company-rule-row {
    grid-template-columns: 1fr auto;
  }

  .product-company-rule-row strong,
  .product-company-rule-row small {
    grid-column: 1 / -1;
  }

  .product-bulk-actions {
    justify-content: stretch;
  }

  .product-bulk-actions button {
    flex: 1 1 160px;
  }

  .price-refresh-progress {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .price-refresh-progress > b {
    display: none;
  }

  .management-form-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .management-form-actions > span {
    margin-right: 0;
  }

  .management-form-actions button {
    width: 100%;
  }
}

/* Quote document and single-page A4 printing */
.offer-page {
  background: #eef1f4;
}

.offer-screen-tools {
  width: min(1040px, calc(100% - 28px));
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin: 18px auto 0;
}

.offer-screen-tools button {
  min-height: 40px;
  padding: 0 16px;
  color: #fff;
  border: 0;
  border-radius: 7px;
  background: #0f766e;
  cursor: pointer;
  font-weight: 800;
}

.offer-screen-tools .offer-edit-link {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 0 16px;
  color: #fff;
  border: 0;
  border-radius: 7px;
  background: #b60038;
  text-decoration: none;
  font-weight: 800;
}

.offer-screen-tools .offer-workshop-back {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 0 16px;
  color: #fff;
  border-radius: 7px;
  background: #344054;
  text-decoration: none;
  font-weight: 800;
}

.offer-screen-tools .offer-code-toggle {
  color: #0f766e;
  border: 1px solid #0f766e;
  background: #fff;
}

.offer-screen-tools .offer-code-toggle[aria-pressed="true"] {
  color: #fff;
  background: #115e59;
}

.offer-screen-tools .offer-code-share {
  min-width: 40px;
  padding: 0 12px;
  color: #fff;
  background: linear-gradient(135deg, #355c7d, #1d3f5c);
  font-size: 20px;
  font-weight: 950;
  line-height: 1;
}

.offer-screen-tools .offer-code-share.is-copied {
  background: #15803d;
}

.offer-screen-tools .offer-link-copy {
  color: #fff;
  background: #344054;
}

.offer-screen-tools .offer-link-copy.is-copied {
  background: #15803d;
}

.offer-screen-tools .offer-appointment-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #fff;
  background: linear-gradient(135deg, #6d3bf1, #3d62df);
  box-shadow: 0 8px 18px rgba(76, 67, 214, .22);
}

.offer-screen-tools .offer-appointment-link svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.offer-screen-tools .offer-appointment-link:hover {
  filter: brightness(1.07);
  transform: translateY(-1px);
}

.offer-product-code-column,
.offer-removed-code {
  display: none;
  color: #475467;
  font-weight: 800;
}

.offer-shell.show-product-codes .offer-product-code-column {
  display: table-cell;
}

.offer-shell.show-product-codes .offer-removed-code {
  display: block;
  font-size: .9em;
}

.offer-shell.show-product-codes .offer-removed-list li {
  grid-template-columns: 112px minmax(0, 1fr) auto;
}

.offer-company-head {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr) 112px;
  gap: 16px;
  align-items: center;
  padding: 16px 18px;
  border: 1px solid #dce3ec;
  border-radius: 8px;
  background: #fff;
}

.offer-company-logo,
.offer-company-mark,
.offer-brand-logo {
  height: 68px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #e4e7ec;
  border-radius: 7px;
  background: #fff;
}

.offer-company-logo {
  position: relative;
  width: 112px;
}

.offer-brand-logo {
  position: relative;
  width: 112px;
}

.offer-company-mark {
  width: 68px;
  justify-self: center;
}

.offer-company-logo img,
.offer-brand-logo img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px;
  object-fit: contain;
  object-position: center;
}

.offer-brand-logo img {
  padding: 7px;
}

.offer-company-mark {
  color: #0f766e;
  background: #f0fdfa;
  font-size: 20px;
  font-weight: 900;
}

.offer-company-head div {
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 4px;
  text-align: center;
}

.offer-company-head strong {
  width: 100%;
  color: #101828;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 900;
  text-align: center;
}

.offer-company-head div span,
.offer-company-head div small {
  width: 100%;
  color: #667085;
  line-height: 1.35;
  text-align: center;
}

.offer-company-head div span {
  font-size: 12px;
}

.offer-company-head div small {
  font-size: 11px;
}

.offer-summary {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 8px;
}

.offer-total-area {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid #d2dae5;
  border-radius: 6px;
}

.offer-list-price,
.offer-saving,
.offer-tax-total,
.offer-vat-total,
.offer-total-main {
  width: 100%;
  min-width: 0;
  min-height: 60px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 3px;
  padding: 7px 10px;
  border: 0;
  border-left: 1px solid #dce3ec;
  border-radius: 0;
  background: #fff;
  text-align: center;
}

.offer-list-price {
  border-left: 0;
}

.offer-saving {
  color: #166534;
  background: #f0fdf4;
}

.offer-tax-total {
  color: #1d4ed8;
  background: #eff6ff;
}

.offer-vat-total {
  color: #9a3412;
  background: #fff7ed;
}

.offer-total-main {
  color: #fff;
  border-color: #0f766e;
  background: #0f766e;
}

.offer-list-price span,
.offer-saving span,
.offer-tax-total span,
.offer-vat-total span,
.offer-total-main span {
  color: currentColor;
  font-size: 10.5px;
  line-height: 1.15;
}

.offer-saving span small {
  display: inline-block;
  margin-left: 3px;
  color: currentColor;
  font-size: .86em;
  font-weight: 850;
  white-space: nowrap;
}

.offer-saving b small {
  display: inline-block;
  margin-right: 3px;
  color: currentColor;
  font-size: .78em;
  font-weight: 850;
  white-space: nowrap;
  vertical-align: .08em;
}

.offer-saving b span { display: inline; font-size: inherit; }
.offer-saving b .offer-discount-value { display: inline-block; white-space: nowrap; }

.offer-total-area .offer-list-price b,
.offer-total-area .offer-saving b,
.offer-tax-total b,
.offer-vat-total b,
.offer-total-area .offer-total-main strong {
  display: block;
  margin: 0;
  color: currentColor;
  font-size: 15px;
  line-height: 1.15;
  font-weight: 900;
  white-space: nowrap;
}

.offer-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 4px;
  color: #667085;
  border-top: 1px solid #dce3ec;
  font-size: 10px;
}

.offer-footer strong {
  color: #344054;
}

.offer-workshop-mode .offer-table {
  min-width: 0;
  table-layout: fixed;
}

.offer-workshop-mode .offer-col-group {
  width: 18%;
}

.offer-workshop-mode .offer-col-name {
  width: auto;
  text-align: left;
}

.offer-workshop-mode .offer-col-quantity {
  width: 15%;
}

.offer-workshop-mode .offer-removed-list li,
.offer-workshop-mode .offer-shell.show-product-codes .offer-removed-list li {
  grid-template-columns: minmax(0, 1fr);
}

.offer-removed-section h2 {
  color: #9f1239;
  border-bottom-color: #fecdd3;
  background: #fff1f2;
  text-align: center;
}

.offer-removed-table th {
  background: #9f1239;
}

.offer-removed-table tbody tr:nth-child(odd) {
  background: #fff;
}

.offer-removed-table tbody tr:nth-child(even) {
  background: #fff7f7;
}

@media (max-width: 780px) {
  .offer-total-area {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .offer-total-main {
    grid-column: 1 / -1;
  }

  .offer-company-head {
    grid-template-columns: 78px minmax(0, 1fr) 78px;
    gap: 8px;
  }

  .offer-company-logo,
  .offer-brand-logo {
    width: 78px;
    height: 56px;
  }

  .offer-company-mark {
    width: 56px;
    height: 56px;
  }
}

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

html.is-print-preparing,
html.is-print-preparing body.offer-page {
  width: 196mm;
  height: 283mm;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #fff !important;
}

html.is-print-preparing .offer-screen-tools {
  display: none !important;
}

html.is-print-preparing .offer-shell {
  --offer-print-scale: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 196mm;
  height: 283mm;
  max-width: none;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  transform: scale(var(--offer-print-scale));
  transform-origin: top left;
}

html.is-print-preparing .offer-company-head,
html.is-print-preparing .offer-head,
html.is-print-preparing .offer-summary,
html.is-print-preparing .offer-section {
  margin: 0 0 2.2mm;
  border-radius: 0;
  box-shadow: none;
  break-inside: avoid;
}

html.is-print-preparing .offer-company-head {
  grid-template-columns: 25mm minmax(0, 1fr) 25mm;
  gap: 3mm;
  padding: 2.4mm 3mm;
}

html.is-print-preparing .offer-company-logo,
html.is-print-preparing .offer-brand-logo {
  width: 25mm;
  height: 15mm;
}

html.is-print-preparing .offer-company-mark {
  width: 15mm;
  height: 15mm;
}

html.is-print-preparing .offer-company-logo img,
html.is-print-preparing .offer-brand-logo img {
  padding: 1mm;
}

html.is-print-preparing .offer-head {
  padding: 2.4mm 3mm;
}

html.is-print-preparing .offer-head h1 {
  font-size: 14pt;
}

html.is-print-preparing .offer-meta {
  font-size: 8pt;
}

html.is-print-preparing .offer-lines-section,
html.is-print-preparing .offer-table-wrap {
  overflow: visible;
}

html.is-print-preparing .offer-table {
  min-width: 0;
  table-layout: fixed;
  font-size: 7.5pt;
}

html.is-print-preparing .offer-table th,
html.is-print-preparing .offer-table td {
  padding: 1.2mm 1.4mm;
  overflow-wrap: anywhere;
}

html.is-print-preparing .offer-col-group {
  width: 9%;
}

html.is-print-preparing .offer-col-name {
  width: 34%;
}

html.is-print-preparing .offer-col-quantity {
  width: 7%;
}

html.is-print-preparing .offer-col-unit {
  width: 11%;
}

html.is-print-preparing .offer-col-rate,
html.is-print-preparing .offer-col-discount {
  width: 10%;
}

html.is-print-preparing .offer-col-vat {
  width: 9%;
}

html.is-print-preparing .offer-col-total {
  width: 10%;
}

html.is-print-preparing .offer-shell.show-product-codes .offer-col-group { width: 8%; }
html.is-print-preparing .offer-shell.show-product-codes .offer-col-code { width: 13%; }
html.is-print-preparing .offer-shell.show-product-codes .offer-col-name { width: 24%; }
html.is-print-preparing .offer-shell.show-product-codes .offer-col-quantity { width: 6%; }
html.is-print-preparing .offer-shell.show-product-codes .offer-col-unit { width: 10%; }
html.is-print-preparing .offer-shell.show-product-codes .offer-col-rate,
html.is-print-preparing .offer-shell.show-product-codes .offer-col-discount,
html.is-print-preparing .offer-shell.show-product-codes .offer-col-vat { width: 9%; }
html.is-print-preparing .offer-shell.show-product-codes .offer-col-total { width: 12%; }

html.is-print-preparing .offer-section h2 {
  padding: 2mm 3mm;
  font-size: 10pt;
}

html.is-print-preparing .offer-removed-list {
  gap: 1mm;
  padding: 1.5mm 2.5mm 2mm;
}

html.is-print-preparing .offer-removed-list li {
  padding: 1.2mm 1.8mm;
  border-radius: 0;
  font-size: 7.5pt;
}

html.is-print-preparing .offer-summary {
  margin-top: auto;
  padding: 2.2mm;
}

html.is-print-preparing .offer-total-area {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
}

html.is-print-preparing .offer-total-main {
  grid-column: auto;
}

html.is-print-preparing .offer-list-price,
html.is-print-preparing .offer-saving,
html.is-print-preparing .offer-tax-total,
html.is-print-preparing .offer-vat-total,
html.is-print-preparing .offer-total-main {
  min-height: 12mm;
  padding: 1mm 1.5mm;
  border-radius: 0;
}

html.is-print-preparing .offer-footer {
  margin-top: 0;
  padding: 1.8mm 0;
}

@media print {
  html,
  body.offer-page {
    width: 196mm;
    height: 283mm;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #fff !important;
  }

  .offer-screen-tools {
    display: none !important;
  }

  .offer-shell {
    --offer-print-scale: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 196mm;
    height: 283mm;
    max-width: none;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    transform: scale(var(--offer-print-scale));
    transform-origin: top left;
  }

  .offer-company-head,
  .offer-head,
  .offer-summary,
  .offer-section {
    margin: 0 0 2.2mm;
    border-radius: 0;
    box-shadow: none;
    break-inside: avoid;
  }

  .offer-company-head {
    grid-template-columns: 25mm minmax(0, 1fr) 25mm;
    gap: 3mm;
    padding: 2.4mm 3mm;
  }

  .offer-company-logo,
  .offer-brand-logo {
    width: 25mm;
    height: 15mm;
  }

  .offer-company-mark {
    width: 15mm;
    height: 15mm;
  }

  .offer-company-logo img,
  .offer-brand-logo img {
    padding: 1mm;
  }

  .offer-head {
    padding: 2.4mm 3mm;
  }

  .offer-head h1 {
    font-size: 14pt;
  }

  .offer-meta {
    font-size: 8pt;
  }

  .offer-lines-section,
  .offer-table-wrap {
    overflow: visible;
  }

  .offer-table {
    min-width: 0;
    table-layout: fixed;
    font-size: 7.5pt;
  }

  .offer-table th,
  .offer-table td {
    padding: 1.2mm 1.4mm;
    overflow-wrap: anywhere;
  }

  .offer-col-group {
    width: 9%;
  }

  .offer-col-name {
    width: 34%;
  }

  .offer-col-quantity {
    width: 7%;
  }

  .offer-col-unit {
    width: 11%;
  }

  .offer-col-rate,
  .offer-col-discount {
    width: 10%;
  }

  .offer-col-vat {
    width: 9%;
  }

  .offer-col-total {
    width: 10%;
  }

  .offer-shell.show-product-codes .offer-col-group { width: 8%; }
  .offer-shell.show-product-codes .offer-col-code { width: 13%; }
  .offer-shell.show-product-codes .offer-col-name { width: 24%; }
  .offer-shell.show-product-codes .offer-col-quantity { width: 6%; }
  .offer-shell.show-product-codes .offer-col-unit { width: 10%; }
  .offer-shell.show-product-codes .offer-col-rate,
  .offer-shell.show-product-codes .offer-col-discount,
  .offer-shell.show-product-codes .offer-col-vat { width: 9%; }
  .offer-shell.show-product-codes .offer-col-total { width: 12%; }

  .offer-section h2 {
    padding: 2mm 3mm;
    font-size: 10pt;
  }

  .offer-removed-list {
    gap: 1mm;
    padding: 1.5mm 2.5mm 2mm;
  }

  .offer-removed-list li {
    padding: 1.2mm 1.8mm;
    border-radius: 0;
    font-size: 7.5pt;
  }

  .offer-summary {
    margin-top: auto;
    padding: 2.2mm;
  }

  .offer-total-area {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
  }

  .offer-total-main {
    grid-column: auto;
  }

  .offer-list-price,
  .offer-saving,
  .offer-tax-total,
  .offer-vat-total,
  .offer-total-main {
    min-height: 12mm;
    padding: 1mm 1.5mm;
    border-radius: 0;
  }

  .offer-footer {
    margin-top: 0;
    padding: 1.8mm 0;
  }
}

.auth-panel .auth-actions .auth-submit,
.auth-panel .auth-actions .auth-register-open,
.application-form .application-actions .detail-btn {
  height: 46px;
  min-height: 46px;
  margin: 0;
}

.auth-panel .auth-actions .auth-register-open,
.application-form .application-actions .application-back {
  color: #182230;
  border: 1px solid #cfd7e3;
  background: #fff;
}

.auth-panel .auth-actions .auth-register-open:hover,
.application-form .application-actions .application-back:hover {
  color: #101828;
  border-color: #98a2b3;
  background: #f2f4f7;
}

.application-admin-card.revoked {
  border-left-color: #667085;
}

.application-status.revoked {
  color: #344054;
  background: #f2f4f7;
}

.application-revoke-row {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  padding-top: 12px;
  border-top: 1px solid #e4e7ec;
}

.application-revoke-row p {
  margin: 0;
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}

.application-revoke,
.application-reapprove {
  flex: 0 0 auto;
  min-width: 132px;
  height: 38px;
  padding: 0 12px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 900;
}

.application-revoke {
  color: #b42318;
  border: 1px solid #fecdca;
  background: #fff;
}

.application-reapprove {
  color: #fff;
  border: 1px solid #067647;
  background: #067647;
}

@media (max-width: 760px) {
  .application-revoke-row {
    align-items: stretch;
    flex-direction: column;
  }

  .application-revoke,
  .application-reapprove {
    width: 100%;
  }
}

/* Mobile management navigation and viewport hardening */
.management-mobile-controls {
  display: none;
}

@media (max-width: 700px) {
  .page-shell {
    width: calc(100% - 16px);
    max-width: none;
    padding-bottom: max(24px, env(safe-area-inset-bottom));
  }

  .app-topbar {
    min-height: 60px;
    align-items: center;
    gap: 8px;
  }

  .app-brand {
    flex: 1 1 auto;
    overflow: hidden;
  }

  .app-brand-copy {
    overflow: hidden;
  }

  .app-brand-copy strong,
  .app-brand-copy small {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .app-brand strong {
    font-size: 16px;
  }

  .session-actions {
    flex: 0 0 auto;
    gap: 6px;
  }

  .admin-open-btn {
    flex: 0 0 auto;
    min-width: 44px;
    min-height: 44px;
  }

  .appointments-open-btn,
  .price-history-open-btn,
  .q4-campaign-open-btn {
    width: 44px;
    min-width: 44px;
    height: 44px;
    border-radius: 12px;
  }

  .q4-campaign-open-btn span { display: none; }

  .q4-campaign-modal { padding: 6px; }
  .q4-campaign-dialog { width: 100%; height: calc(100dvh - 12px); border-radius: 16px; }
  .q4-campaign-dialog-head { padding: 13px 14px; }
  .q4-campaign-dialog-head h2 { font-size: 17px; }

  .modal-backdrop {
    width: 100%;
    height: 100dvh;
    min-height: 100dvh;
    padding:
      max(6px, env(safe-area-inset-top))
      max(6px, env(safe-area-inset-right))
      max(6px, env(safe-area-inset-bottom))
      max(6px, env(safe-area-inset-left));
    overflow: hidden;
  }

  .management-modal:has(.management-layout:not([hidden])) {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    border-radius: 8px;
  }

  .management-modal .management-head {
    min-height: 64px;
    padding: 10px 12px;
  }

  .management-modal .management-head p,
  .management-modal .management-head .management-kicker {
    font-size: 10px;
  }

  .management-head-actions {
    gap: 6px;
  }

  .portal-sync-message {
    display: none;
  }

  .portal-sync-btn {
    min-height: 40px;
    padding-inline: 10px;
    font-size: 10px;
  }

  .portal-user-grid { grid-template-columns: 1fr; max-height: 42dvh; }
  .portal-user-picker-tools { align-items: stretch; flex-direction: column; }
  .portal-user-picker-tools input { width: 100%; }
  .portal-user-picker > footer { flex-wrap: wrap; }
  .portal-user-picker > footer > span { width: 100%; margin-right: 0; }

  .management-modal .management-head h2 {
    font-size: 21px;
  }

  .management-modal .close-btn {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
  }

  .management-layout {
    min-width: 0;
    grid-template-rows: auto minmax(0, 1fr);
  }

  .management-nav {
    display: grid;
    gap: 8px;
    padding: 9px;
    overflow: visible;
    white-space: normal;
  }

  .management-user-card {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 8px;
    padding: 0 1px 8px;
  }

  .management-user-card > span {
    width: 34px;
    height: 34px;
    font-size: 11px;
  }

  .management-user-card strong {
    font-size: 12px;
  }

  .management-user-card small {
    font-size: 10px;
  }

  .management-nav nav {
    display: none;
  }

  .management-mobile-controls {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 68px;
    gap: 8px;
    align-items: end;
  }

  .management-mobile-controls label {
    min-width: 0;
    display: grid;
    gap: 4px;
  }

  .management-mobile-controls label > span {
    color: #98a2b3;
    font-size: 10px;
    font-weight: 800;
  }

  .management-mobile-controls select,
  .management-mobile-controls button {
    height: 44px;
    min-width: 0;
    border-radius: 7px;
    font: inherit;
    font-size: 14px;
    font-weight: 800;
  }

  .management-mobile-controls select {
    width: 100%;
    padding: 0 34px 0 11px;
    color: #101828;
    border: 1px solid #667085;
    background: #fff;
  }

  .management-mobile-controls button {
    width: 68px;
    padding: 0 14px;
    color: #fff;
    border: 1px solid #b42318;
    background: #b42318;
    cursor: pointer;
  }

  .management-mobile-controls button:disabled {
    opacity: .65;
    cursor: wait;
  }

  .management-logout {
    display: none;
  }

  .management-content {
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: env(safe-area-inset-bottom);
  }

  .management-panel {
    min-width: 0;
    padding: 13px 12px 24px;
  }

  .management-modal input,
  .management-modal select,
  .management-modal textarea {
    max-width: 100%;
    font-size: 16px;
  }

  .management-table-wrap,
  .labor-table-wrap {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .management-section-head {
    gap: 10px;
    padding-bottom: 12px;
  }

  .management-section-head h3 {
    font-size: 18px;
  }

  .management-section-head p {
    font-size: 12px;
    line-height: 1.35;
  }

  .auth-panel,
  .application-form {
    max-width: 100%;
    padding: 16px;
  }
}

@media (max-width: 360px) {
  .app-brand-logo {
    width: 46px;
  }

  .admin-open-btn {
    width: 44px;
    padding: 0;
  }

  .admin-open-btn span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .management-mobile-controls {
    grid-template-columns: 1fr 68px;
  }

  .management-mobile-controls button {
    padding: 0 8px;
  }
}

/* Compact offer layout for phones; print rules remain unchanged. */
.offer-mobile-product-code {
  display: none;
}

.offer-mobile-card-cell {
  display: none;
}

.package-load-sentinel {
  width: 100%;
  height: 1px;
  pointer-events: none;
}

@media screen and (max-width: 700px) {
  body.offer-page {
    overflow-x: hidden;
  }

  .offer-screen-tools,
  .offer-shell {
    width: calc(100% - 16px);
    max-width: none;
  }

  .offer-screen-tools {
    gap: 7px;
    margin-top: 8px;
  }

  .offer-screen-tools button {
    min-height: 42px;
    padding: 0 13px;
    font-size: 13px;
  }

  .offer-screen-tools .offer-edit-link {
    min-height: 42px;
    padding: 0 13px;
    font-size: 13px;
  }

  .offer-screen-tools .offer-workshop-back {
    min-height: 42px;
    padding: 0 13px;
    font-size: 13px;
  }

  .offer-shell {
    padding: 8px 0 24px;
  }

  .offer-company-head,
  .offer-head,
  .offer-summary,
  .offer-section {
    margin-top: 8px;
    border-radius: 7px;
    box-shadow: 0 5px 14px rgba(15, 23, 42, .07);
  }

  .offer-company-head {
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    gap: 5px;
    padding: 8px 7px;
  }

  .offer-company-logo,
  .offer-brand-logo,
  .offer-company-mark {
    width: 44px;
    height: 42px;
  }

  .offer-company-logo img,
  .offer-brand-logo img {
    padding: 4px;
  }

  .offer-company-head div {
    gap: 2px;
  }

  .offer-company-head strong {
    font-size: 12px;
    line-height: 1.12;
  }

  .offer-company-head div span {
    font-size: 8px;
    line-height: 1.2;
  }

  .offer-company-head div small {
    overflow-wrap: anywhere;
    font-size: 7.5px;
    line-height: 1.2;
  }

  .offer-head {
    padding: 12px 10px;
  }

  .offer-head h1 {
    margin-top: 0;
    font-size: 20px;
    line-height: 1.2;
  }

  .offer-meta {
    gap: 4px 10px;
    margin-top: 8px;
    font-size: 11px;
  }

  .offer-lines-section,
  .offer-table-wrap {
    overflow: visible;
  }

  .offer-table {
    min-width: 0;
    display: block;
    background: #f3f5f8;
    font-size: 12px;
  }

  .offer-table thead {
    display: none;
  }

  .offer-table tbody {
    display: grid;
    gap: 7px;
    padding: 8px;
  }

  .offer-table tbody tr,
  .offer-table tbody tr:nth-child(even) {
    min-width: 0;
    display: block;
    padding: 0;
    border: 1px solid #dce3ec;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .05);
    overflow: hidden;
  }

  .offer-table tbody tr > td:not(.offer-mobile-card-cell) {
    display: none !important;
  }

  .offer-table .offer-mobile-card-cell {
    min-width: 0;
    display: block;
    padding: 0;
    border: 0;
    white-space: normal;
  }

  .offer-mobile-line-card {
    min-width: 0;
    display: grid;
  }

  .offer-mobile-line-head {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 9px 10px 8px;
  }

  .offer-workshop-mode .offer-mobile-line-head {
    grid-template-columns: minmax(0, 1fr);
  }

  .offer-workshop-mode .offer-table tbody {
    gap: 5px;
    padding: 6px;
  }

  .offer-workshop-mode .offer-table tbody tr,
  .offer-workshop-mode .offer-table tbody tr:nth-child(even) {
    border-radius: 6px;
  }

  .offer-workshop-mode .offer-mobile-line-card {
    grid-template-columns: minmax(0, 1fr) 48px;
    align-items: stretch;
  }

  .offer-workshop-mode .offer-mobile-line-head {
    display: block;
    padding: 7px 8px;
  }

  .offer-mobile-line-product {
    min-width: 0;
    display: grid;
    gap: 5px;
  }

  .offer-workshop-mode .offer-mobile-line-product {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
  }

  .offer-mobile-line-tags {
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
  }

  .offer-workshop-mode .offer-mobile-line-tags {
    flex-wrap: nowrap;
  }

  .offer-mobile-group,
  .offer-mobile-line-tags .offer-mobile-product-code {
    min-height: 20px;
    display: inline-flex;
    align-items: center;
    padding: 2px 6px;
    border-radius: 5px;
    font-size: 9px;
    line-height: 1;
    font-weight: 900;
  }

  .offer-mobile-group {
    color: #344054;
    background: #edf1f5;
  }

  .offer-workshop-mode .offer-mobile-group {
    min-width: 46px;
    justify-content: center;
    padding-inline: 5px;
  }

  .offer-mobile-line-tags .offer-mobile-product-code {
    color: #0f766e;
    border: 1px solid #99d8cc;
    background: #effaf7;
  }

  .offer-mobile-line-product > strong {
    min-width: 0;
    color: #101828;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  .offer-workshop-mode .offer-mobile-line-product > strong {
    min-width: 0;
    overflow: hidden;
    font-size: 11.5px;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .offer-mobile-line-total {
    min-width: 94px;
    min-height: 50px;
    display: grid;
    place-content: center;
    justify-items: end;
    gap: 3px;
    padding: 7px 9px;
    color: #0f766e;
    border: 1px solid #b7e3da;
    border-radius: 7px;
    background: #effaf7;
    text-align: right;
  }

  .offer-mobile-line-total span {
    font-size: 8.5px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
  }

  .offer-mobile-line-total b {
    font-size: 13px;
    line-height: 1.1;
    white-space: nowrap;
  }

  .offer-mobile-line-stats {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    border-top: 1px solid #e4e7ec;
    background: #f8fafc;
  }

  .offer-workshop-mode .offer-mobile-line-stats {
    grid-template-columns: minmax(0, 1fr);
    align-self: stretch;
    border-top: 0;
    border-left: 1px solid #dbe4ef;
    background: #f8fafc;
  }

  .offer-workshop-mode .offer-mobile-line-stats > div {
    min-height: 44px;
    padding: 4px 3px;
    border-left: 0;
  }

  .offer-workshop-mode .offer-mobile-line-stats dt {
    font-size: 7px;
  }

  .offer-workshop-mode .offer-mobile-line-stats dd {
    font-size: 12px;
  }

  .offer-mobile-line-stats > div {
    min-width: 0;
    min-height: 43px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 3px;
    padding: 5px 3px;
    border-left: 1px solid #e4e7ec;
    text-align: center;
  }

  .offer-mobile-line-stats > div:first-child {
    border-left: 0;
  }

  .offer-mobile-line-stats dt,
  .offer-mobile-line-stats dd {
    min-width: 0;
    margin: 0;
  }

  .offer-mobile-line-stats dt {
    color: #7b8798;
    font-size: 8.5px;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
  }

  .offer-mobile-line-stats dd {
    max-width: 100%;
    color: #344054;
    font-size: 10.5px;
    line-height: 1.1;
    font-weight: 900;
    white-space: nowrap;
  }

  .offer-shell.show-product-codes .offer-mobile-product-code {
    display: inline-flex;
  }

  .offer-shell.show-product-codes .offer-table .offer-product-code-column,
  .offer-table .offer-product-code-column {
    display: none;
  }

  .offer-section h2 {
    padding: 10px 12px;
    font-size: 15px;
  }

  .offer-removed-list {
    gap: 6px;
    padding: 8px;
  }

  .offer-removed-list li,
  .offer-shell.show-product-codes .offer-removed-list li {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px 10px;
    padding: 8px 9px;
    font-size: 12px;
  }

  .offer-removed-code {
    grid-column: 1 / -1;
  }

  .offer-removed-list li > span {
    grid-column: 1;
  }

  .offer-removed-list li > strong {
    grid-column: 2;
  }

  .offer-removed-table tbody tr,
  .offer-removed-table tbody tr:nth-child(odd),
  .offer-removed-table tbody tr:nth-child(even) {
    border-color: #fecdd3;
    background: #fffafa;
  }

  .offer-removed-table .offer-mobile-line-head {
    background: #fffafa;
  }

  .offer-removed-table .offer-mobile-group {
    color: #9f1239;
    background: #ffe4e6;
  }

  .offer-removed-table .offer-mobile-line-total {
    color: #9f1239;
    border-color: #fecdd3;
    background: #fff1f2;
  }

  .offer-removed-table .offer-mobile-line-stats {
    border-color: #fecdd3;
    background: #fff7f7;
  }

  .offer-removed-table .offer-mobile-line-stats > div {
    border-color: #fecdd3;
  }

  .offer-summary {
    padding: 7px;
  }

  .offer-list-price,
  .offer-saving,
  .offer-tax-total,
  .offer-vat-total,
  .offer-total-main {
    min-height: 52px;
    padding: 6px 7px;
  }

  .offer-list-price span,
  .offer-saving span,
  .offer-tax-total span,
  .offer-vat-total span,
  .offer-total-main span {
    font-size: 9.5px;
  }

  .offer-total-area .offer-list-price b,
  .offer-total-area .offer-saving b,
  .offer-tax-total b,
  .offer-vat-total b,
  .offer-total-area .offer-total-main strong {
    font-size: 13px;
  }

  .offer-footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
    padding: 8px 3px;
  }
}

@media screen and (max-width: 360px) {
  .offer-workshop-mode .offer-mobile-line-card {
    grid-template-columns: minmax(0, 1fr) 40px;
  }

  .offer-workshop-mode .offer-mobile-line-head {
    padding-right: 4px;
    padding-left: 4px;
  }

  .offer-workshop-mode .offer-mobile-line-product {
    gap: 4px;
  }

  .offer-workshop-mode .offer-mobile-group {
    min-width: 40px;
    padding-inline: 3px;
    font-size: 8px;
  }

  .offer-mobile-line-head {
    gap: 7px;
    padding: 8px;
  }

  .offer-workshop-mode .offer-mobile-line-head {
    padding-right: 4px;
    padding-left: 4px;
  }

  .offer-mobile-line-total {
    min-width: 84px;
    padding-right: 7px;
    padding-left: 7px;
  }

  .offer-mobile-line-stats dd {
    font-size: 9.5px;
  }
}

/* Atölye fişi: miktarın sağında teknisyenin elle işaretleyeceği alan. */
.offer-screen-tools .offer-workshop-print {
  color: #fff;
  background: #344054;
}

.offer-document-type {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  margin-bottom: 7px;
  padding: 3px 10px;
  color: #fff;
  border-radius: 5px;
  background: #344054;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.offer-workshop-mode .offer-lines-section .offer-col-group {
  width: 16%;
}

.offer-workshop-mode .offer-lines-section .offer-col-name {
  width: auto;
}

.offer-workshop-mode .offer-lines-section .offer-col-quantity {
  width: 10%;
  text-align: center;
}

.offer-workshop-mode .offer-lines-section .offer-col-approval {
  width: 11%;
  text-align: center;
}

.offer-approval-box {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  border: 2px solid #344054;
  border-radius: 3px;
  background: #fff;
}

.offer-workshop-footer {
  color: #344054;
  font-weight: 800;
}

.offer-meta .offer-expired-label {
  padding: 3px 7px;
  color: #9f1239;
  border: 1px solid #fecdd3;
  border-radius: 4px;
  background: #fff1f2;
}

html.is-print-preparing .offer-workshop-mode .offer-lines-section .offer-col-group {
  width: 16%;
}

html.is-print-preparing .offer-workshop-mode .offer-lines-section .offer-col-name {
  width: 63%;
}

html.is-print-preparing .offer-workshop-mode .offer-lines-section .offer-col-quantity {
  width: 9%;
}

html.is-print-preparing .offer-workshop-mode .offer-lines-section .offer-col-approval {
  width: 12%;
}

html.is-print-preparing .offer-workshop-mode .offer-approval-box {
  width: 5mm;
  height: 5mm;
  border-width: .45mm;
  border-radius: .5mm;
}

html.is-print-preparing .offer-workshop-footer {
  margin-top: auto;
}

@media print {
  .offer-workshop-mode .offer-lines-section .offer-col-group {
    width: 16%;
  }

  .offer-workshop-mode .offer-lines-section .offer-col-name {
    width: 63%;
  }

  .offer-workshop-mode .offer-lines-section .offer-col-quantity {
    width: 9%;
  }

  .offer-workshop-mode .offer-lines-section .offer-col-approval {
    width: 12%;
  }

  .offer-workshop-mode .offer-approval-box {
    width: 5mm;
    height: 5mm;
    border-width: .45mm;
    border-radius: .5mm;
  }

  .offer-workshop-footer {
    margin-top: auto;
  }
}

@media screen and (max-width: 700px) {
  .offer-screen-tools #print-workshop,
  .offer-screen-tools #open-workshop-print {
    display: none;
  }

  .offer-workshop-mode .offer-mobile-line-card {
    width: 100%;
    max-width: 100%;
    grid-template-columns: minmax(0, 1fr) 92px;
  }

  .offer-workshop-mode .offer-head h1,
  .offer-workshop-mode .offer-company-head > div,
  .offer-workshop-mode .offer-company-head strong,
  .offer-workshop-mode .offer-company-head span,
  .offer-workshop-mode .offer-company-head small {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .offer-workshop-mode .offer-lines-section,
  .offer-workshop-mode .offer-table-wrap,
  .offer-workshop-mode .offer-table,
  .offer-workshop-mode .offer-table tbody,
  .offer-workshop-mode .offer-table tbody tr,
  .offer-workshop-mode .offer-mobile-card-cell {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .offer-workshop-mode .offer-mobile-line-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .offer-workshop-mode .offer-mobile-line-stats > div {
    min-height: 48px;
  }

  .offer-workshop-mode .offer-mobile-line-stats > div + div {
    border-left: 1px solid #dbe4ef;
  }

  .offer-workshop-mode .offer-mobile-approval .offer-approval-box {
    width: 18px;
    height: 18px;
  }
}

/* Girişsiz karşılama */
.is-guest {
  min-height: 100dvh;
  margin: 0;
  background: #eceef1;
}

.is-guest .page-shell {
  width: 100%;
  min-height: 100dvh;
  margin: 0;
  padding: 0;
}

.is-guest .app-topbar,
.is-guest .filter-strip,
.is-guest .package-grid,
.is-guest .package-load-sentinel,
.is-guest .empty-state {
  display: none !important;
}

.guest-gate {
  width: 100%;
  min-height: 100dvh;
  box-sizing: border-box;
  display: grid;
  place-items: center;
  overflow-x: hidden;
  padding: max(24px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom));
  position: relative;
  color: #171a20;
  background: #eceef1;
}

.guest-gate::before {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  background: #b60038;
  transform-origin: center;
  animation: guest-gate-line-in .8s ease-out both;
}

.guest-gate::after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #30343b;
  transform-origin: center;
  animation: guest-gate-line-in 1s ease-out .18s both;
}

.guest-gate[hidden] {
  display: none !important;
}

.guest-gate-shell {
  width: min(430px, 100%);
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 16px;
  animation: guest-gate-shell-in .65s cubic-bezier(.2, .72, .2, 1) both;
}

.guest-gate-visual {
  width: 142px;
  height: 142px;
  position: relative;
  display: grid;
  place-items: center;
  animation: guest-gate-visual-in .75s cubic-bezier(.2, .72, .2, 1) .08s both;
}

.guest-gate-visual strong {
  width: 94px;
  height: 94px;
  position: relative;
  display: grid;
  place-items: center;
  z-index: 4;
  overflow: hidden;
  border: 1px solid #c9cdd3;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 14px 30px rgba(24, 27, 33, .18);
  animation: guest-gate-logo-breathe 3.4s ease-in-out 1s infinite;
}

.guest-gate-visual strong img {
  width: 108%;
  height: 108%;
  display: block;
  max-width: none;
  object-fit: cover;
}

.guest-gate-visual strong::after {
  content: "";
  width: 12px;
  height: 130%;
  position: absolute;
  top: -15%;
  left: -28%;
  z-index: 2;
  background: rgba(255, 255, 255, .42);
  transform: rotate(18deg);
  animation: guest-gate-logo-shine 4.6s ease-in-out 1.2s infinite;
}

.guest-gate-ring {
  position: absolute;
  z-index: 1;
  border-style: solid;
  border-radius: 50%;
  animation: guest-gate-spin 8s linear infinite;
}

.guest-gate-ring-outer {
  inset: 0;
  border-width: 2px;
  border-style: dashed;
  border-color: #b60038 #9ca3ad #9ca3ad #9ca3ad;
}

.guest-gate-ring-inner {
  inset: 11px;
  border-width: 2px;
  border-color: #d2d6dc #d2d6dc #303640 #b60038;
  animation-duration: 5s;
  animation-direction: reverse;
}

.guest-gate-track {
  position: absolute;
  inset: 23px;
  z-index: 2;
  border: 1px solid #c4c9d0;
  border-radius: 50%;
  animation: guest-gate-track-pulse 2.4s ease-in-out infinite;
}

.guest-gate-track::after {
  content: "";
  position: absolute;
  inset: -8px;
  border: 1px solid #b60038;
  border-radius: 50%;
  animation: guest-gate-service-signal 2.8s ease-out infinite;
}

.guest-gate-tick {
  width: 15px;
  height: 3px;
  position: absolute;
  z-index: 3;
  border-radius: 2px;
  background: #b60038;
  animation: guest-gate-tick-pulse 1.8s ease-in-out infinite;
}

.guest-gate-tick-top {
  top: 7px;
  left: calc(50% - 7px);
}

.guest-gate-tick-right {
  top: calc(50% - 1px);
  right: 0;
  transform: rotate(90deg);
  animation-delay: .45s;
}

.guest-gate-tick-bottom {
  bottom: 7px;
  left: calc(50% - 7px);
  animation-delay: .9s;
}

.guest-gate-tick-left {
  top: calc(50% - 1px);
  left: 0;
  transform: rotate(90deg);
  animation-delay: 1.35s;
}

@keyframes guest-gate-spin {
  to { transform: rotate(360deg); }
}

@keyframes guest-gate-line-in {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

@keyframes guest-gate-shell-in {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes guest-gate-visual-in {
  from { opacity: 0; transform: scale(.76) rotate(-12deg); }
  to { opacity: 1; transform: scale(1) rotate(0); }
}

@keyframes guest-gate-logo-breathe {
  0%, 100% { transform: scale(1); box-shadow: 0 14px 30px rgba(24, 27, 33, .18); }
  50% { transform: scale(1.035); box-shadow: 0 18px 34px rgba(182, 0, 56, .18); }
}

@keyframes guest-gate-logo-shine {
  0%, 48% { left: -28%; opacity: 0; }
  58% { opacity: .8; }
  76%, 100% { left: 116%; opacity: 0; }
}

@keyframes guest-gate-track-pulse {
  0%, 100% { opacity: .55; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.07); }
}

@keyframes guest-gate-service-signal {
  0% { opacity: .65; transform: scale(.9); }
  75%, 100% { opacity: 0; transform: scale(1.22); }
}

@keyframes guest-gate-tick-pulse {
  0%, 100% { opacity: .35; }
  50% { opacity: 1; }
}

.guest-gate-heading {
  display: grid;
  justify-items: center;
  gap: 5px;
  text-align: center;
  animation: guest-gate-content-in .55s ease-out .18s both;
}

.guest-gate-heading .guest-gate-kicker {
  color: #9f1239;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.guest-gate-heading h1,
.guest-gate-heading p {
  margin: 0;
}

.guest-gate-heading h1 {
  color: #171a20;
  font-size: 32px;
  line-height: 1.15;
  letter-spacing: 0;
}

.guest-gate-heading h1 em {
  color: #b60038;
  font-style: normal;
  font-weight: 950;
  animation: guest-gate-fiat-emphasis 3.2s ease-in-out 1s infinite;
}

.guest-gate-heading p {
  max-width: 320px;
  color: #626975;
  font-size: 14px;
  line-height: 1.45;
  white-space: normal;
}

.guest-login-form {
  width: 100%;
  box-sizing: border-box;
  display: grid;
  gap: 14px;
  position: relative;
  padding: 24px;
  border: 1px solid #c9cdd3;
  border-top: 4px solid #b60038;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 24px 54px rgba(24, 27, 33, .15);
  animation: guest-gate-content-in .55s ease-out .28s both;
}

.guest-login-form::before {
  content: "";
  width: 66px;
  height: 4px;
  position: absolute;
  top: -4px;
  left: 0;
  border-radius: 0 3px 3px 0;
  background: #272c34;
  animation: guest-gate-form-scan 3.2s ease-in-out 1s infinite alternate;
}

.guest-login-form label {
  min-width: 0;
  display: grid;
  gap: 7px;
  animation: guest-gate-field-in .45s ease-out .46s both;
}

.guest-login-form label:nth-of-type(2) {
  animation-delay: .56s;
}

.guest-login-form label > span {
  color: #343942;
  font-size: 12px;
  font-weight: 800;
}

.guest-login-form input {
  width: 100%;
  box-sizing: border-box;
  height: 48px;
  padding: 0 13px;
  color: #171a20;
  border: 1px solid #c7cbd1;
  border-radius: 7px;
  outline: none;
  background: #f9fbfc;
  font-size: 16px;
  letter-spacing: 0;
}

.guest-login-form input:focus {
  border-color: #b60038;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(182, 0, 56, .12);
}

.guest-login-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 2px;
  animation: guest-gate-field-in .45s ease-out .66s both;
}

.guest-login-actions button {
  min-width: 0;
  height: 46px;
  border-radius: 7px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 900;
}

.guest-login-submit {
  color: #fff;
  border: 1px solid #b60038;
  background: #b60038;
  animation: guest-gate-button-ready .8s ease-out 1.05s both;
}

.guest-login-submit:hover {
  border-color: #8f002c;
  background: #8f002c;
  transform: translateY(-1px);
}

.guest-register-open {
  color: #263445;
  border: 1px solid #c8d1db;
  background: #fff;
}

.guest-register-open:hover {
  color: #9f1239;
  border-color: #9f1239;
  background: #f2f5f7;
  transform: translateY(-1px);
}

.guest-login-actions button:disabled {
  cursor: wait;
  opacity: .66;
}

.guest-login-form.is-loading .guest-login-submit {
  position: relative;
  color: transparent;
}

.guest-login-form.is-loading .guest-login-submit::after {
  content: "";
  width: 17px;
  height: 17px;
  position: absolute;
  inset: 0;
  margin: auto;
  border: 2px solid rgba(255, 255, 255, .45);
  border-top-color: #fff;
  border-radius: 50%;
  animation: guest-gate-spin .7s linear infinite;
}

.guest-login-message {
  min-height: 18px;
  margin: 0;
  color: #b4232f;
  font-size: 12px;
  line-height: 1.45;
  text-align: center;
}

.guest-downloads {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  animation: guest-gate-content-in .55s ease-out .42s both;
}

.guest-download-link {
  min-width: 0;
  min-height: 62px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 14px;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  color: #242933;
  border: 1px solid #c9cdd3;
  border-radius: 7px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 8px 22px rgba(24, 27, 33, .08);
  text-decoration: none;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.guest-download-link img {
  width: 40px;
  height: 40px;
  display: block;
  object-fit: contain;
}

.guest-download-link span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.guest-download-link strong,
.guest-download-link small {
  overflow-wrap: anywhere;
  letter-spacing: 0;
}

.guest-download-link strong {
  font-size: 13px;
  line-height: 1.2;
}

.guest-download-link small {
  color: #6b7280;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.25;
}

.guest-download-link b {
  color: #777e89;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}

.guest-download-link:hover,
.guest-download-link:focus-visible {
  border-color: #9f1239;
  outline: none;
  background: #fff;
  box-shadow: 0 10px 25px rgba(24, 27, 33, .12);
  transform: translateY(-1px);
}

.guest-download-link.is-pro {
  border-bottom-color: #9f1239;
}

@keyframes guest-gate-content-in {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes guest-gate-field-in {
  from { opacity: 0; transform: translateX(-10px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes guest-gate-button-ready {
  0% { box-shadow: 0 0 0 0 rgba(182, 0, 56, 0); }
  55% { box-shadow: 0 0 0 5px rgba(182, 0, 56, .14); }
  100% { box-shadow: 0 0 0 0 rgba(182, 0, 56, 0); }
}

@keyframes guest-gate-fiat-emphasis {
  0%, 100% { color: #b60038; }
  50% { color: #820027; }
}

@keyframes guest-gate-form-scan {
  from { left: 0; }
  to { left: calc(100% - 66px); }
}

@media (max-width: 560px) {
  .guest-gate {
    align-items: center;
    padding-right: 14px;
    padding-left: 14px;
    background-size: 32px 32px;
  }

  .guest-gate-shell {
    gap: 14px;
  }

  .guest-gate-visual {
    width: 116px;
    height: 116px;
  }

  .guest-gate-visual strong {
    width: 78px;
    height: 78px;
  }

  .guest-login-form {
    padding: 19px 16px 17px;
  }

  .guest-downloads {
    gap: 8px;
  }

  .guest-download-link {
    grid-template-columns: 34px minmax(0, 1fr) 12px;
    gap: 7px;
    min-height: 56px;
    padding: 8px;
  }

  .guest-download-link img {
    width: 34px;
    height: 34px;
  }
}

@media (max-height: 650px) and (orientation: landscape) {
  .guest-gate {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .guest-gate-shell {
    gap: 9px;
  }

  .guest-gate-visual {
    width: 76px;
    height: 76px;
  }

  .guest-gate-visual strong {
    width: 54px;
    height: 54px;
  }

  .guest-gate-heading p {
    display: none;
  }

  .guest-login-form {
    padding: 14px 18px;
    gap: 9px;
  }

  .guest-login-form input,
  .guest-login-actions button {
    height: 42px;
  }

  .guest-download-link {
    min-height: 48px;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .guest-download-link small {
    display: none;
  }
}

@media (max-width: 360px) {
  .guest-gate-heading h1 {
    font-size: 27px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .guest-gate::before,
  .guest-gate::after,
  .guest-gate-shell,
  .guest-gate-visual,
  .guest-gate-ring,
  .guest-gate-track,
  .guest-gate-track::after,
  .guest-gate-tick,
  .guest-gate-visual strong,
  .guest-gate-visual strong::after,
  .guest-gate-heading,
  .guest-gate-heading h1 em,
  .guest-login-form,
  .guest-login-form::before,
  .guest-login-form label,
  .guest-login-actions,
  .guest-downloads,
  .guest-login-submit,
  .guest-login-form.is-loading .guest-login-submit::after {
    animation: none;
  }
}

.quote-row-actions {
  display: flex;
  width: max-content;
  min-width: max-content;
  max-width: 100%;
  flex-wrap: nowrap;
  gap: 6px;
  align-items: center;
  justify-content: flex-end;
}

.quotes-table .quote-actions-cell {
  overflow: visible;
}

.quote-row-actions .table-action {
  flex: 0 0 auto;
}

@media (max-width: 1100px) {
  .quotes-table th:nth-child(4),
  .quotes-table td:nth-child(4),
  .quotes-table th:nth-child(5),
  .quotes-table td:nth-child(5) {
    display: none;
  }

  .quotes-table th:nth-child(1) { width: 12%; }
  .quotes-table th:nth-child(2) { width: 10%; }
  .quotes-table th:nth-child(3) { width: 16%; }
  .quotes-table th:nth-child(6) { width: 18%; }
  .quotes-table th:nth-child(7) { width: 12%; }
  .quotes-table th:nth-child(8) { width: 32%; }
}

@media (max-width: 700px) {
  .quotes-table th:nth-child(3),
  .quotes-table td:nth-child(3),
  .quotes-table th:nth-child(6),
  .quotes-table td:nth-child(6) {
    display: none;
  }

  .quotes-table th:nth-child(1) { width: 16%; }
  .quotes-table th:nth-child(2) { width: 16%; }
  .quotes-table th:nth-child(7) { width: 16%; }
  .quotes-table th:nth-child(8) { width: 52%; }

  .quotes-table th,
  .quotes-table td {
    padding-right: 4px;
    padding-left: 4px;
    font-size: 9px;
  }

  .quotes-table .quote-row-actions {
    gap: 3px;
  }

  .quotes-table .table-action {
    min-height: 26px;
    padding: 0 4px;
    font-size: 9px;
  }
}

.quote-detail-table {
  width: 100%;
  min-width: 920px;
  table-layout: fixed;
}

.quote-detail-table th,
.quote-detail-table td {
  box-sizing: border-box;
  padding: 8px 6px;
  font-size: 12px;
}

.quote-detail-table th {
  overflow-wrap: anywhere;
  line-height: 1.15;
  white-space: normal;
}

.quote-detail-table th:nth-child(1),
.quote-detail-table td:nth-child(1) { width: 3.5%; }
.quote-detail-table th:nth-child(2),
.quote-detail-table td:nth-child(2) { width: 5.5%; }
.quote-detail-table th:nth-child(3),
.quote-detail-table td:nth-child(3) { width: 9%; }
.quote-detail-table th:nth-child(4),
.quote-detail-table td:nth-child(4) { width: 21%; }
.quote-detail-table th:nth-child(5),
.quote-detail-table td:nth-child(5) { width: 8%; }
.quote-detail-table th:nth-child(6),
.quote-detail-table td:nth-child(6) { width: 9%; }
.quote-detail-table th:nth-child(7),
.quote-detail-table td:nth-child(7) { width: 7.5%; }
.quote-detail-table th:nth-child(8),
.quote-detail-table td:nth-child(8) { width: 9%; }
.quote-detail-table th:nth-child(9),
.quote-detail-table td:nth-child(9) { width: 5.5%; }
.quote-detail-table th:nth-child(10),
.quote-detail-table td:nth-child(10) { width: 10%; }
.quote-detail-table th:nth-child(11),
.quote-detail-table td:nth-child(11) { width: 11%; }

.quote-detail-table .quote-cell-input,
.quote-detail-table .quote-name-input {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  padding-right: 5px;
  padding-left: 5px;
}

.quote-detail-table .quote-name-input {
  text-align: left;
}

.quote-detail-table .quantity-control {
  width: 100%;
  grid-template-columns: 22px minmax(18px, 1fr) 22px;
  gap: 2px;
}

.quote-detail-table .quantity-control button {
  width: 22px;
  height: 22px;
}

.quote-detail-table .package-total-edit,
.quote-detail-table .package-list-total,
.quote-detail-table .package-discount-total {
  width: 100%;
  min-width: 0;
  padding-right: 0;
}

.quote-detail-table .package-total-edit input {
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 700px) {
  .quote-company-totals {
    gap: 7px;
  }

  .quote-company-total {
    width: 210px;
    max-width: 100%;
    flex-basis: 210px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 8px;
  }

  .quote-company-total > span:last-child b {
    font-size: 12px;
  }

  .quote-revision-toolbar {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 11px;
  }

  .quote-revision-save-btn {
    height: 34px;
    padding: 0 11px;
    font-size: 12px;
  }
}

.package-card-manual {
  position: relative;
  overflow: hidden;
  grid-template-rows: 58px auto auto 1fr auto;
  min-height: 318px;
  border-color: #d8a7b0;
  background: #fff;
  box-shadow: 0 14px 32px rgba(76, 17, 29, .12);
}

.package-card-manual::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0 0 auto;
  height: 6px;
  background: #b91c32;
}

.package-card-manual .package-image {
  width: 88px;
  height: 58px;
  margin-top: 3px;
  justify-self: center;
  object-fit: contain;
}

.package-card-manual .package-family {
  color: #6b1324;
  font-size: 15px;
}

.package-card-manual .package-title {
  color: #171717;
  background: transparent;
  font-size: 26px;
}

.manual-package-state {
  align-self: center;
  justify-self: center;
  width: 104px;
  height: 36px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b1324;
  border: 1px solid #e7b8c1;
  border-radius: 6px;
  background: #fff5f6;
  font-size: 12px;
  font-weight: 900;
}

.package-card-manual .detail-btn {
  background: #b91c32;
}

.package-card-manual .detail-btn:hover {
  background: #8f1527;
}

.manual-quote-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: end;
  margin-bottom: 12px;
  padding: 14px;
  border: 1px solid #dfb2ba;
  border-top: 4px solid #b91c32;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(76, 17, 29, .08);
}

.manual-quote-toolbar label {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.manual-quote-toolbar label span {
  color: #6b1324;
  font-size: 11px;
  font-weight: 900;
}

.manual-quote-toolbar input {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  padding: 0 11px;
  color: #171717;
  border: 1px solid #cf9ca7;
  border-radius: 6px;
  outline: none;
  background: #fff;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

.manual-quote-toolbar input:focus {
  border-color: #b91c32;
  box-shadow: 0 0 0 3px rgba(185, 28, 50, .12);
}

.quote-package-action {
  color: #fff;
  border-color: #0f766e;
  background: #0f766e;
}

.quote-package-action:hover {
  color: #fff;
  border-color: #115e59;
  background: #115e59;
}

@media (max-width: 700px) {
  .package-card-manual {
    min-height: 294px;
  }

  .manual-quote-toolbar {
    grid-template-columns: 1fr;
    align-items: stretch;
    padding: 11px;
  }

}

.app-topbar {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
}

.app-topbar > .app-brand {
  grid-column: 1;
  grid-row: 1;
}

.app-topbar > .daily-quote-summary {
  grid-column: 2;
  grid-row: 1;
}

.app-topbar > .session-actions {
  grid-column: 3;
  grid-row: 1;
}

.daily-quote-summary {
  min-width: 0;
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 7px;
  overflow-x: auto;
  padding: 2px 3px 4px;
  scrollbar-width: thin;
  scrollbar-color: #c7ced8 transparent;
}

.app-topbar > #daily-quote-summary.online-user-summary {
  display:flex;align-items:center;justify-content:center;max-height:44px;min-height:38px;
  overflow:hidden;padding:2px;grid-template-columns:none;
}
.app-topbar > #daily-quote-summary.online-user-summary[hidden]{display:none}
.header-online-users{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 1px;scrollbar-width:thin;scrollbar-color:#c5d8d1 transparent}
#daily-quote-summary .header-online-user{position:relative;display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border:1px solid #cdded7;border-radius:10px;background:#edf5f1;color:#335f50;cursor:pointer;box-shadow:none;overflow:visible}
#daily-quote-summary .header-online-user b{font-size:11px;font-weight:750;line-height:1}
#daily-quote-summary .header-online-user img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:9px;background:#edf5f1}
#daily-quote-summary .header-online-user i{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#20a26b}
#daily-quote-summary .header-online-user:hover{border-color:#47a887;background:#e2f2ea;transform:none}
#daily-quote-summary .header-online-user:focus-visible{outline:2px solid #218665;outline-offset:2px}
.header-user-tooltip{position:fixed;z-index:10050;display:grid;gap:3px;max-width:min(280px,calc(100vw - 16px));padding:9px 12px;border:1px solid #d9e5df;border-radius:8px;background:#fff;color:#243d35;box-shadow:0 6px 22px #152c2420;pointer-events:none;font:12px/1.4 system-ui,sans-serif;overflow-wrap:anywhere}
.header-user-tooltip[hidden]{display:none}.header-user-tooltip strong{font-size:12px;font-weight:750}.header-user-tooltip span{font-size:11px;color:#6b7f75}
.header-live-open{overflow:hidden!important}
dialog.header-live-monitor{box-sizing:border-box;position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#f4f7f8;overflow:hidden;color:#203b35}
dialog.header-live-monitor[open]{display:grid;grid-template-rows:48px minmax(0,1fr)}
dialog.header-live-monitor.header-live-monitor-compact[open]{grid-template-rows:minmax(0,1fr)}
.header-live-monitor-compact>.header-live-monitor-fallback{position:absolute;top:3px;right:8px;z-index:5;min-height:28px;padding:4px 8px;border:1px solid #cbded4;border-radius:7px;background:#f1f8f4;color:#285b45;font-size:11px;cursor:pointer}
.header-live-monitor-compact>.header-live-monitor-fallback[hidden]{display:none}
.header-live-monitor::backdrop{background:#0a1823d9}
.header-live-monitor>header{display:flex;align-items:center;gap:8px;margin:0;padding:6px 14px;border-bottom:1px solid #d8e4df;background:#fff}
.header-live-monitor>header>div{display:flex;align-items:center;gap:10px;min-width:0;margin-right:auto;white-space:nowrap}
.header-live-monitor>header strong{min-width:0;flex-shrink:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-live-monitor>header small{font-size:11px;color:#708078;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.header-live-monitor>header button{flex:none;min-height:32px;padding:6px 10px;border:1px solid #cbded4;border-radius:7px;background:#f1f8f4;color:#285b45;font-size:11px;cursor:pointer}
.header-live-monitor>iframe{display:block;width:100%;height:100%;min-height:0;border:0;background:#f4f7f8}
@media(max-width:600px){.header-live-monitor>header{padding:5px 8px}.header-live-monitor>header strong{font-size:11px}.header-live-monitor>header button{padding:6px;font-size:10px}}
.daily-quote-summary[hidden] {
  display: none;
}

/* Ana yönetici firma özeti: iki satırlı, otomatik dizilen küçük kartlar. */
.app-topbar > #daily-quote-summary {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-content:center;
  gap:4px;
  min-width:0;
  max-height:124px;
  overflow-x:hidden;
  overflow-y:auto;
  padding:2px;
  scroll-snap-type:none;
}
.app-topbar > #daily-quote-summary[hidden] {display:none;}
#daily-quote-summary > .daily-quote-row {display:grid;grid-template-columns:repeat(var(--company-columns),minmax(0,1fr));gap:4px;min-width:0;width:100%;}
#daily-quote-summary .daily-quote-company {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:11px 10px;
  align-content:center;
  align-items:center;
  gap:1px 6px;
  width:100%;min-width:0;height:26px;min-height:26px;
  padding:1px 7px;
  border:1px solid #dce5ec;border-radius:6px;
  background:#f8fafc;box-shadow:none;
  text-align:left;transform:none;
}
#daily-quote-summary .daily-quote-company strong {
  grid-column:1/-1;font-size:9px;line-height:11px;font-weight:750;color:#3a5062;
}
#daily-quote-summary .daily-quote-company span {
  width:auto;font-size:8px;line-height:10px;font-weight:500;color:#84919d;
}
#daily-quote-summary .daily-quote-company b {
  min-width:0;font-size:9px;line-height:10px;text-align:right;font-weight:650;color:#34756d;
  font-variant-numeric:tabular-nums;
}
#daily-quote-summary .daily-quote-company:hover,
#daily-quote-summary .daily-quote-company.is-active {
  border-color:#91b9b4;background:#eef7f5;box-shadow:none;transform:none;
}
#daily-quote-summary .daily-quote-company:focus-visible {outline:2px solid #438d88;outline-offset:1px;}
@media(max-width:1100px) {
  .app-topbar:has(> #daily-quote-summary:not([hidden])) {grid-template-columns:minmax(0,1fr) max-content;gap:7px 12px;}
  .app-topbar:has(> #daily-quote-summary:not([hidden])) > .session-actions {grid-column:2;grid-row:1;}
  .app-topbar > #daily-quote-summary {grid-column:1/-1;grid-row:2;width:100%;}
}

.daily-quote-company {
  flex: 0 0 132px;
  min-width: 132px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1px;
  padding: 5px 9px;
  overflow: hidden;
  color: #344054;
  border: 1px solid #d4dae3;
  border-top: 3px solid #b91c32;
  border-radius: 7px;
  background: #fff;
  cursor: pointer;
  text-align: center;
}

.daily-quote-company:hover,
.daily-quote-company:focus-visible,
.daily-quote-company.is-active {
  border-color: #b91c32;
  background: #fff7f8;
  outline: none;
}

.daily-quote-company strong {
  width: 100%;
  overflow: hidden;
  color: #101828;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  line-height: 1.15;
}

.daily-quote-company span,
.daily-quote-company b {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  line-height: 1.25;
}

.daily-quote-company span {
  color: #667085;
  font-weight: 800;
}

.daily-quote-company b {
  color: #0f766e;
  text-align: center;
  font-size: 11px;
}

.quote-admin-active-filter {
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 10px;
  padding: 6px 10px;
  color: #6b1324;
  border: 1px solid #e4b7bf;
  border-radius: 7px;
  background: #fff7f8;
  font-size: 12px;
  font-weight: 900;
  text-align: center;
}

.quote-admin-active-filter[hidden] {
  display: none;
}

.quote-admin-active-filter button {
  min-height: 28px;
  padding: 0 10px;
  color: #fff;
  border: 1px solid #6b1324;
  border-radius: 6px;
  background: #6b1324;
  cursor: pointer;
  font-size: 11px;
  font-weight: 900;
}

@media (max-width: 700px) {
  .app-topbar {
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: center;
  }

  .app-topbar > .app-brand {
    grid-column: 1;
    grid-row: 1;
  }

  .app-topbar > .session-actions {
    grid-column: 2;
    grid-row: 1;
  }

  .app-topbar > .daily-quote-summary {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    justify-content: flex-start;
    padding-top: 5px;
  }

  .daily-quote-company {
    flex-basis: 132px;
    min-width: 132px;
  }

  .quote-admin-active-filter {
    align-items: stretch;
    flex-direction: column;
    gap: 6px;
  }
}

.impersonation-stop-btn {
  min-width: 132px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  color: #8f1527;
  border: 1px solid #d8a7b0;
  border-radius: 7px;
  background: #fff7f8;
  cursor: pointer;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.impersonation-stop-btn:hover,
.impersonation-stop-btn:focus-visible {
  color: #fff;
  border-color: #8f1527;
  background: #8f1527;
  outline: none;
}

.impersonation-stop-btn:disabled {
  cursor: wait;
  opacity: .65;
}

.user-impersonate-action {
  color: #fff;
  border-color: #0f766e;
  background: #0f766e;
}

.user-impersonate-action:hover {
  color: #fff;
  border-color: #115e59;
  background: #115e59;
}

@media (max-width: 700px) {
  .impersonation-stop-btn {
    min-width: 52px;
    width: 52px;
    padding: 0 7px;
    overflow: hidden;
    font-size: 0;
  }

  .impersonation-stop-btn::before {
    content: "Dön";
    font-size: 11px;
  }
}

@media print {
  .offer-eper-link {
    color: inherit;
    text-decoration: none;
  }
}

.whatsapp-management-panel {
  --wa-green: #16a36a;
  --wa-dark: #0b6846;
}

.whatsapp-management-head {
  align-items: center;
}

.whatsapp-head-actions {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

.whatsapp-company-select {
  display: grid;
  gap: 4px;
  min-width: 210px;
}

.whatsapp-company-select > span {
  color: #64748b;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.whatsapp-company-select select {
  height: 34px;
  padding: 0 34px 0 10px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  color: #172033;
  background: #fff;
  font-size: 12px;
  font-weight: 800;
}

.whatsapp-status-badge {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  color: #475569;
  background: #f8fafc;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.whatsapp-status-badge::before {
  width: 7px;
  height: 7px;
  margin-right: 7px;
  border-radius: 50%;
  background: currentColor;
  content: "";
}

.whatsapp-status-badge.is-ready {
  color: #067647;
  border-color: #a6f4c5;
  background: #ecfdf3;
}

.whatsapp-status-badge.is-waiting {
  color: #9a6700;
  border-color: #fedf89;
  background: #fffaeb;
}

.whatsapp-status-badge.is-error,
.whatsapp-status-badge.is-offline {
  color: #b42318;
  border-color: #fecdca;
  background: #fef3f2;
}

.whatsapp-management-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
  gap: 18px;
  margin-top: 18px;
}

.whatsapp-connection-card,
.whatsapp-qr-card,
.whatsapp-auto-settings {
  border: 1px solid #dbe3ea;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .045);
}

.whatsapp-connection-card {
  display: flex;
  min-height: 340px;
  flex-direction: column;
  align-items: flex-start;
  padding: 28px;
}

.whatsapp-connection-icon {
  display: grid;
  width: 62px;
  height: 62px;
  margin-bottom: 22px;
  place-items: center;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(145deg, #25d366, #0b9f62);
  box-shadow: 0 12px 28px rgba(22, 163, 106, .24);
}

.whatsapp-connection-icon svg {
  width: 34px;
  height: 34px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.whatsapp-connection-copy strong {
  display: block;
  color: #172033;
  font-size: 20px;
  line-height: 1.25;
}

.whatsapp-connection-copy p {
  max-width: 430px;
  margin: 10px 0 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.6;
}

.whatsapp-connection-copy small {
  display: block;
  min-height: 19px;
  margin-top: 12px;
  color: var(--wa-dark);
  font-size: 13px;
  font-weight: 900;
}

.whatsapp-connection-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  margin-top: auto;
  padding-top: 24px;
}

.whatsapp-connection-actions .product-danger-btn {
  margin-left: auto;
}

.whatsapp-qr-card {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  align-items: center;
  gap: 25px;
  min-height: 340px;
  padding: 24px;
}

.whatsapp-qr-frame {
  display: grid;
  width: 280px;
  height: 280px;
  place-items: center;
  overflow: hidden;
  border: 1px solid #dbe3ea;
  border-radius: 16px;
  background: #fff;
}

.whatsapp-qr-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.whatsapp-qr-placeholder {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 150px;
  gap: 7px;
  color: #64748b;
  text-align: center;
}

.whatsapp-qr-placeholder span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--wa-green);
  animation: whatsapp-pulse 1.2s infinite ease-in-out;
}

.whatsapp-qr-placeholder span:nth-child(2) { animation-delay: .15s; }
.whatsapp-qr-placeholder span:nth-child(3) { animation-delay: .3s; }

.whatsapp-qr-placeholder strong {
  flex-basis: 100%;
  margin-top: 7px;
  font-size: 12px;
}

.whatsapp-qr-card.is-connected .whatsapp-qr-frame {
  border-color: #a6f4c5;
  background: #ecfdf3;
}

.whatsapp-qr-card.is-connected .whatsapp-qr-placeholder span {
  display: none;
}

.whatsapp-qr-card.is-connected .whatsapp-qr-placeholder strong {
  color: #067647;
  font-size: 15px;
}

.whatsapp-qr-help strong {
  color: #172033;
  font-size: 15px;
}

.whatsapp-qr-help ol {
  margin: 14px 0;
  padding-left: 21px;
  color: #334155;
  font-size: 13px;
  line-height: 1.85;
}

.whatsapp-qr-help small {
  display: block;
  color: #64748b;
  font-size: 11px;
  line-height: 1.55;
}

.whatsapp-auto-settings {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 18px;
  padding: 18px 22px;
}

.whatsapp-auto-toggle {
  min-width: min(520px, 100%);
  margin: 0;
}

.whatsapp-auto-toggle > span {
  display: grid;
  gap: 3px;
}

.whatsapp-auto-toggle strong {
  color: #172033;
  font-size: 13px;
}

.whatsapp-auto-toggle small {
  color: #64748b;
  font-size: 11px;
  font-weight: 500;
}

.whatsapp-auto-settings .labor-message {
  margin: 0 0 0 auto;
}

.whatsapp-management-panel.is-connected {
  padding: 14px 16px;
}

.whatsapp-management-panel.is-connected .whatsapp-management-head {
  padding-bottom: 10px;
}

.whatsapp-management-panel.is-connected .whatsapp-management-grid {
  grid-template-columns: 1fr;
  gap: 0;
  margin-top: 8px;
}

.whatsapp-management-panel.is-connected .whatsapp-qr-card {
  display: none;
}

.whatsapp-management-panel.is-connected .whatsapp-connection-card {
  min-height: 56px;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-color: #cce9dc;
  border-radius: 11px;
  box-shadow: 0 3px 12px rgba(15, 23, 42, .04);
}

.whatsapp-management-panel.is-connected .whatsapp-connection-icon {
  width: 38px;
  height: 38px;
  margin: 0;
  border-radius: 11px;
  box-shadow: 0 7px 16px rgba(22, 163, 106, .18);
}

.whatsapp-management-panel.is-connected .whatsapp-connection-icon svg {
  width: 22px;
  height: 22px;
}

.whatsapp-management-panel.is-connected .whatsapp-connection-copy {
  min-width: 0;
}

.whatsapp-management-panel.is-connected .whatsapp-connection-copy strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.whatsapp-management-panel.is-connected .whatsapp-connection-copy p {
  display: none;
}

.whatsapp-management-panel.is-connected .whatsapp-connection-copy small {
  min-height: 0;
  margin-top: 2px;
  font-size: 10px;
}

.whatsapp-management-panel.is-connected .whatsapp-connection-actions {
  width: auto;
  margin: 0;
  padding: 0;
  flex-wrap: nowrap;
}

.whatsapp-management-panel.is-connected .whatsapp-connection-actions button,
.whatsapp-inbox-head .labor-save-btn {
  min-height: 31px;
  padding: 0 10px;
  border-radius: 7px;
  font-size: 10px;
}

.whatsapp-management-panel.is-connected .whatsapp-connection-actions .product-danger-btn {
  margin-left: 0;
}

.whatsapp-management-panel.is-connected .whatsapp-auto-settings {
  min-height: 46px;
  gap: 12px;
  margin-top: 8px;
  padding: 7px 11px;
  border-radius: 11px;
  box-shadow: 0 3px 12px rgba(15, 23, 42, .035);
}

.whatsapp-management-panel.is-connected .whatsapp-auto-toggle strong {
  font-size: 12px;
}

.whatsapp-management-panel.is-connected .whatsapp-auto-toggle small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9.5px;
}

.whatsapp-management-panel.is-connected .whatsapp-inbox {
  margin-top: 8px;
}

.whatsapp-management-panel.is-connected .whatsapp-web-shell {
  height: clamp(320px, calc(94dvh - 390px), 600px);
  min-height: 320px;
}

.whatsapp-management-panel.is-connected .whatsapp-method-note {
  margin-top: 7px;
  padding: 7px 10px;
  font-size: 9px;
  line-height: 1.4;
}

.whatsapp-inbox {
  overflow: hidden;
  margin-top: 12px;
  border: 1px solid #d5dee2;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .09);
}

.whatsapp-inbox[hidden] {
  display: none !important;
}

.whatsapp-inbox-head {
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 9px 12px 9px 15px;
  border-bottom: 1px solid #dfe7eb;
  background: linear-gradient(135deg, #f8fffb, #eefbf5);
}

.whatsapp-inbox-head > div:first-child {
  min-width: 0;
}

.whatsapp-inbox-head h4 {
  margin: 0;
  color: #10271f;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: -.02em;
}

.whatsapp-inbox-head p {
  overflow: hidden;
  margin: 2px 0 0;
  color: #60736c;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 650;
}

.whatsapp-inbox-head > div:last-child {
  display: flex;
  align-items: center;
  gap: 9px;
}

.whatsapp-sync-state {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #3f6356;
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}

.whatsapp-sync-state::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #25d366;
  box-shadow: 0 0 0 4px rgba(37, 211, 102, .12);
}

.whatsapp-web-shell {
  height: clamp(440px, 60vh, 650px);
  min-height: 440px;
  display: grid;
  grid-template-columns: minmax(280px, 320px) minmax(0, 1fr);
  color: #17251f;
  background: #efeae2;
}

.whatsapp-chat-sidebar {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  border-right: 1px solid #d9e1e5;
  background: #fff;
}

.whatsapp-chat-search {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  padding: 7px 9px;
  border-bottom: 1px solid #eef1f2;
  background: #f7f9fa;
}

.whatsapp-chat-search > span {
  width: 20px;
  color: #667781;
  text-align: center;
  line-height: 1;
}

.whatsapp-chat-search > span svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 1.8;
}

.whatsapp-chat-search input {
  min-width: 0;
  width: 100%;
  height: 32px;
  padding: 0 11px;
  border: 0;
  border-radius: 10px;
  outline: 0;
  color: #17251f;
  background: #eef2f4;
  font-size: 11px;
  font-weight: 650;
}

.whatsapp-chat-search input:focus {
  box-shadow: 0 0 0 2px rgba(37, 211, 102, .25);
}

.whatsapp-chat-list {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #c7d2d8 transparent;
}

.whatsapp-chat-row {
  width: 100%;
  min-height: 60px;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 7px 10px;
  border: 0;
  border-bottom: 1px solid #edf0f2;
  color: inherit;
  text-align: left;
  background: #fff;
  cursor: pointer;
  transition: background .16s ease;
}

.whatsapp-chat-row:hover {
  background: #f5f7f8;
}

.whatsapp-chat-row.is-active {
  background: #e9edef;
  box-shadow: inset 3px 0 0 #18a866;
}

.whatsapp-chat-avatar {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg, #7c929b, #52676f);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28);
  font-size: 11px;
  font-weight: 900;
}

.whatsapp-chat-avatar.is-group {
  background: linear-gradient(145deg, #35ca78, #119b54);
}

.whatsapp-chat-main {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.whatsapp-chat-line {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.whatsapp-chat-line strong {
  overflow: hidden;
  color: #15241e;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 800;
}

.whatsapp-chat-line time {
  flex: 0 0 auto;
  color: #667781;
  font-size: 9.5px;
  font-weight: 650;
}

.whatsapp-chat-row.has-unread .whatsapp-chat-line time {
  color: #17a85b;
}

.whatsapp-chat-preview small {
  overflow: hidden;
  min-width: 0;
  color: #667781;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10.5px;
  font-weight: 550;
}

.whatsapp-chat-preview small b {
  color: #53bdeb;
}

.whatsapp-chat-preview > span {
  display: flex;
  align-items: center;
  gap: 5px;
}

.whatsapp-chat-media-thumb {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  overflow: hidden;
  flex: 0 0 auto;
  border: 1px solid #dce4e7;
  border-radius: 6px;
  color: #667781;
  background: #eef2f4;
}

.whatsapp-chat-media-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.whatsapp-chat-media-thumb.has-media-error::after {
  content: "▣";
  font-size: 12px;
}

.whatsapp-chat-media-thumb.has-media-error img {
  display: none;
}

.whatsapp-chat-file-kind {
  max-width: 44px;
  height: 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 0 5px;
  border-radius: 5px;
  color: #087a50 !important;
  background: #e1f7ea;
  text-overflow: ellipsis;
  font-size: 7px !important;
  font-weight: 900;
}

.whatsapp-chat-preview i {
  color: #8696a0;
  font-size: 10px;
  font-style: normal;
}

.whatsapp-chat-preview em {
  min-width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  padding: 0 5px;
  border-radius: 999px;
  color: #fff;
  background: #25d366;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.whatsapp-chat-list-state {
  margin: 0;
  padding: 18px;
  color: #667781;
  text-align: center;
  font-size: 11px;
  line-height: 1.5;
}

.whatsapp-thread {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  position: relative;
  background:
    radial-gradient(circle at 20% 10%, rgba(123, 109, 82, .055) 0 1px, transparent 1.5px) 0 0 / 24px 24px,
    radial-gradient(circle at 80% 60%, rgba(123, 109, 82, .045) 0 1px, transparent 1.5px) 0 0 / 31px 31px,
    #efeae2;
}

.whatsapp-thread-empty {
  grid-row: 1 / -1;
  min-height: 0;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 9px;
  padding: 30px;
  color: #54656f;
  text-align: center;
  background: rgba(248, 250, 250, .94);
}

.whatsapp-thread-empty[hidden] {
  display: none !important;
}

.whatsapp-thread-empty > span {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  margin-bottom: 8px;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg, #2dde78, #15a85a);
  box-shadow: 0 16px 35px rgba(21, 168, 90, .24);
}

.whatsapp-thread-empty svg {
  width: 32px;
  height: 32px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.whatsapp-thread-empty strong {
  color: #273b33;
  font-size: 16px;
  font-weight: 850;
}

.whatsapp-thread-empty small {
  max-width: 440px;
  font-size: 11px;
  line-height: 1.55;
}

.whatsapp-thread-head {
  min-height: 52px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 6px 12px;
  border-bottom: 1px solid #d7dee2;
  background: #f0f2f5;
}

.whatsapp-thread-head[hidden] {
  display: none !important;
}

.whatsapp-thread-head .whatsapp-chat-avatar {
  width: 38px;
  height: 38px;
}

.whatsapp-thread-head > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.whatsapp-thread-head strong,
.whatsapp-thread-head small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whatsapp-thread-head strong {
  color: #17251f;
  font-size: 12.5px;
  font-weight: 850;
}

.whatsapp-thread-head small {
  color: #667781;
  font-size: 10px;
  font-weight: 650;
}

.whatsapp-message-scroll {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 12px clamp(14px, 4vw, 48px) 18px;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: rgba(84, 101, 111, .38) transparent;
}

.whatsapp-message-scroll[hidden] {
  display: none !important;
}

.whatsapp-load-older {
  display: block;
  margin: 0 auto 14px;
  padding: 7px 12px;
  border: 1px solid rgba(84, 101, 111, .14);
  border-radius: 999px;
  color: #456159;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 3px 10px rgba(15, 23, 42, .08);
  cursor: pointer;
  font-size: 9px;
  font-weight: 800;
}

.whatsapp-load-older[hidden] {
  display: none !important;
}

.whatsapp-message-list {
  display: grid;
  gap: 3px;
}

.whatsapp-message-day {
  display: flex;
  justify-content: center;
  margin: 8px 0 11px;
}

.whatsapp-message-day span {
  padding: 6px 10px;
  border-radius: 8px;
  color: #50636b;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .08);
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.whatsapp-message-row {
  display: flex;
}

.whatsapp-message-row.is-outgoing {
  justify-content: flex-end;
}

.whatsapp-message-row.is-incoming {
  justify-content: flex-start;
}

.whatsapp-message-bubble {
  position: relative;
  min-width: 84px;
  max-width: min(74%, 590px);
  padding: 6px 8px 4px;
  border-radius: 8px;
  color: #17251f;
  background: #fff;
  box-shadow: 0 1px 1px rgba(15, 23, 42, .09);
}

.whatsapp-message-row.is-outgoing .whatsapp-message-bubble {
  background: #d9fdd3;
}

.whatsapp-message-row.is-deleted .whatsapp-message-bubble {
  color: #7a8984;
  font-style: italic;
}

.whatsapp-message-bubble.is-media {
  min-width: min(260px, 72vw);
  max-width: min(76%, 540px);
}

.whatsapp-message-sender {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 7px;
  margin-bottom: 3px;
  white-space: nowrap;
}

.whatsapp-message-sender strong,
.whatsapp-message-sender span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.whatsapp-message-sender strong {
  color: #078855;
  font-size: 11px;
  font-weight: 850;
}

.whatsapp-message-sender span {
  color: #667781;
  font-size: 9.5px;
  font-weight: 650;
}

.whatsapp-message-bubble p {
  margin: 0;
  overflow-wrap: anywhere;
  white-space: normal;
  font-size: 12.5px;
  line-height: 1.42;
}

.whatsapp-message-bubble footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 3px;
  height: 12px;
  margin: 2px 0 0 10px;
  color: #667781;
}

.whatsapp-message-bubble time {
  font-size: 9px;
  font-weight: 650;
}

.whatsapp-message-ticks {
  font-size: 9px;
  font-weight: 900;
  letter-spacing: -3px;
}

.whatsapp-message-ticks.is-read {
  color: #53bdeb;
}

.whatsapp-message-type {
  min-height: 40px;
  display: grid;
  place-items: center;
  margin-bottom: 5px;
  border-radius: 7px;
  color: #24875a;
  background: rgba(37, 211, 102, .1);
  font-size: 21px;
  font-weight: 900;
}

.whatsapp-media-image-link,
.whatsapp-media-visual,
.whatsapp-media-video-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 5px;
  border-radius: 7px;
  color: inherit;
  background: #dfe7e4;
}

.whatsapp-media-image-link {
  text-decoration: none;
}

.whatsapp-media-visual {
  min-height: 112px;
  margin: 0;
}

.whatsapp-media-visual img {
  width: 100%;
  max-height: 340px;
  display: block;
  object-fit: contain;
  background: #d9e1de;
}

.whatsapp-media-visual.is-sticker {
  min-height: 100px;
  background: transparent;
}

.whatsapp-media-visual.is-sticker img {
  width: auto;
  max-width: 220px;
  max-height: 220px;
  margin: 0 auto;
  background: transparent;
}

.whatsapp-media-open,
.whatsapp-media-play {
  position: absolute;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(17, 39, 31, .68);
  box-shadow: 0 2px 8px rgba(15, 23, 42, .2);
}

.whatsapp-media-open {
  right: 7px;
  bottom: 7px;
  width: 25px;
  height: 25px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 900;
}

.whatsapp-media-play {
  top: 50%;
  left: 50%;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
}

.whatsapp-media-video-wrap {
  min-height: 120px;
}

.whatsapp-media-video {
  width: 100%;
  max-height: 340px;
  display: block;
  background: #14201c;
}

.whatsapp-media-error {
  position: absolute;
  inset: 0;
  display: none;
  place-items: center;
  padding: 18px;
  color: #53645e;
  background: #eef2f1;
  text-align: center;
  font-size: 10px;
  font-weight: 800;
}

.has-media-error > img,
.has-media-error > video {
  visibility: hidden;
}

.has-media-error > .whatsapp-media-error {
  display: grid;
}

.whatsapp-document-card {
  min-width: 240px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 9px;
  margin-bottom: 5px;
  padding: 8px;
  border: 1px solid rgba(84, 101, 111, .1);
  border-radius: 8px;
  color: #17251f;
  background: rgba(240, 244, 243, .92);
  text-decoration: none;
  transition: background .16s ease, transform .16s ease;
}

a.whatsapp-document-card:hover {
  background: #e8efed;
  transform: translateY(-1px);
}

.whatsapp-message-row.is-outgoing .whatsapp-document-card {
  background: rgba(198, 239, 191, .72);
}

.whatsapp-document-card.is-unavailable {
  color: #697872;
  cursor: not-allowed;
}

.whatsapp-document-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(145deg, #1dbb70, #0b8751);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: -.02em;
}

.whatsapp-document-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.whatsapp-document-copy strong,
.whatsapp-document-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whatsapp-document-copy strong {
  font-size: 11px;
  font-weight: 800;
}

.whatsapp-document-copy small {
  color: #667781;
  font-size: 8.5px;
  font-weight: 700;
}

.whatsapp-document-action {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(84, 101, 111, .18);
  border-radius: 50%;
  color: #39705d;
  background: rgba(255, 255, 255, .65);
  font-size: 15px;
  font-weight: 900;
}

.whatsapp-audio-card {
  min-width: 260px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  margin-bottom: 5px;
  padding: 8px;
  border-radius: 8px;
  color: #078855;
  background: rgba(239, 244, 242, .86);
}

.whatsapp-audio-card > small {
  display: none;
  grid-column: 1 / -1;
  color: #6d7b76;
  text-align: center;
  font-size: 9px;
  font-weight: 750;
}

.whatsapp-audio-card > span {
  text-align: center;
  font-size: 14px;
  font-weight: 900;
}

.whatsapp-audio-card audio {
  min-width: 0;
  width: 100%;
  height: 34px;
}

.whatsapp-audio-card.has-media-error audio {
  display: none;
}

.whatsapp-audio-card.has-media-error > small {
  display: block;
}

.whatsapp-media-unavailable {
  min-width: 230px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  margin-bottom: 5px;
  padding: 9px;
  border-radius: 8px;
  color: #5d6e68;
  background: rgba(237, 242, 240, .9);
}

.whatsapp-media-unavailable > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #82938d;
  font-size: 16px;
  font-weight: 900;
}

.whatsapp-media-unavailable.is-view-once > span {
  background: #6d7c91;
}

.whatsapp-media-unavailable > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.whatsapp-media-unavailable strong {
  font-size: 10.5px;
  font-weight: 850;
}

.whatsapp-media-unavailable small {
  color: #73817c;
  font-size: 8.5px;
  font-weight: 650;
}

.whatsapp-thread-error {
  margin: 24px auto;
  padding: 10px 12px;
  border-radius: 8px;
  color: #b42318;
  background: rgba(255, 255, 255, .9);
  text-align: center;
  font-size: 10px;
  font-weight: 750;
}

.whatsapp-thread-error.is-neutral {
  color: #54656f;
}

.whatsapp-method-note {
  margin: 14px 2px 0;
  padding: 12px 14px;
  border-left: 3px solid #f59e0b;
  color: #775b1b;
  background: #fffbeb;
  font-size: 11px;
  line-height: 1.55;
}

.quote-whatsapp-delivery {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  font-size: 11px;
  font-weight: 900;
}

.quote-whatsapp-delivery.is-sent { color: #078052; }
.quote-whatsapp-delivery.is-error { color: #b42318; }
.quote-whatsapp-delivery.is-pending { color: #a16207; }

@keyframes whatsapp-pulse {
  0%, 80%, 100% { opacity: .3; transform: scale(.78); }
  40% { opacity: 1; transform: scale(1); }
}

@media (max-width: 1080px) {
  .whatsapp-management-grid {
    grid-template-columns: 1fr;
  }

  .whatsapp-connection-card {
    min-height: 290px;
  }

  .whatsapp-web-shell {
    grid-template-columns: minmax(270px, 320px) minmax(0, 1fr);
  }
}

@media (max-width: 680px) {
  .whatsapp-management-head {
    align-items: flex-start;
    gap: 10px;
  }

  .whatsapp-head-actions {
    width: 100%;
    align-items: stretch;
    flex-direction: column;
  }

  .whatsapp-company-select {
    min-width: 0;
    width: 100%;
  }

  .whatsapp-management-grid {
    margin-top: 12px;
  }

  .whatsapp-connection-card,
  .whatsapp-qr-card {
    padding: 18px;
  }

  .whatsapp-qr-card {
    grid-template-columns: 1fr;
  }

  .whatsapp-qr-frame {
    width: min(280px, 100%);
    height: auto;
    aspect-ratio: 1;
    margin: 0 auto;
  }

  .whatsapp-connection-actions .product-danger-btn {
    margin-left: 0;
  }

  .whatsapp-auto-settings {
    align-items: flex-start;
    flex-direction: column;
  }

  .whatsapp-auto-settings .labor-message {
    margin-left: 0;
  }

  .whatsapp-inbox-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .whatsapp-inbox-head > div:last-child {
    width: 100%;
    justify-content: space-between;
  }

  .whatsapp-web-shell {
    height: auto;
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-rows: 330px 520px;
  }

  .whatsapp-chat-sidebar {
    border-right: 0;
    border-bottom: 1px solid #d9e1e5;
  }

  .whatsapp-message-scroll {
    padding-right: 14px;
    padding-left: 14px;
  }

  .whatsapp-message-bubble {
    max-width: 88%;
  }

  .whatsapp-message-bubble.is-media {
    min-width: min(250px, 82vw);
    max-width: 92%;
  }

  .whatsapp-document-card,
  .whatsapp-audio-card,
  .whatsapp-media-unavailable {
    min-width: 0;
    width: 100%;
  }

  .whatsapp-media-visual img,
  .whatsapp-media-video {
    max-height: 300px;
  }

  .whatsapp-management-panel.is-connected .whatsapp-connection-card {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .whatsapp-management-panel.is-connected .whatsapp-connection-actions {
    width: 100%;
    grid-column: 1 / -1;
    justify-content: flex-end;
  }

  .whatsapp-management-panel.is-connected .whatsapp-auto-settings {
    flex-direction: row;
    align-items: center;
  }

  .whatsapp-management-panel.is-connected .whatsapp-auto-settings .labor-message {
    margin-left: auto;
  }

  .whatsapp-management-panel.is-connected .whatsapp-web-shell {
    height: auto;
    min-height: 0;
    grid-template-rows: 280px 430px;
  }
}

.whatsapp-success-toast {
  position: fixed;
  z-index: 2147483647;
  top: max(20px, env(safe-area-inset-top));
  right: max(20px, env(safe-area-inset-right));
  isolation: isolate;
  width: min(390px, calc(100vw - 40px));
  min-height: 78px;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  overflow: hidden;
  padding: 12px 18px 15px 13px;
  color: #10382b;
  border: 1px solid rgba(31, 181, 115, .28);
  border-radius: 20px;
  background:
    radial-gradient(circle at 6% 18%, rgba(37, 211, 102, .18), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(239, 253, 246, .96));
  box-shadow:
    0 24px 60px rgba(7, 94, 62, .2),
    0 8px 22px rgba(15, 23, 42, .1),
    inset 0 1px 0 rgba(255, 255, 255, .92);
  opacity: 0;
  pointer-events: none;
  transform: translate3d(34px, -10px, 0) scale(.93);
  transform-origin: top right;
  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
}

.whatsapp-success-toast[hidden] {
  display: none !important;
}

.whatsapp-success-toast::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: -52px;
  bottom: -68px;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: rgba(37, 211, 102, .12);
  filter: blur(2px);
}

.whatsapp-success-toast.is-visible {
  animation: whatsapp-success-enter .58s cubic-bezier(.16, 1, .3, 1) both;
}

.whatsapp-success-toast.is-leaving {
  animation: whatsapp-success-leave .3s cubic-bezier(.4, 0, 1, 1) both;
}

.whatsapp-success-icon {
  position: relative;
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 17px;
  color: #fff;
  background: linear-gradient(145deg, #2cdd77, #13a85a);
  box-shadow:
    0 10px 24px rgba(18, 168, 88, .3),
    inset 0 1px 1px rgba(255, 255, 255, .42);
}

.whatsapp-success-icon::before {
  content: "";
  position: absolute;
  inset: -5px;
  border: 2px solid rgba(37, 211, 102, .34);
  border-radius: 21px;
  opacity: 0;
}

.whatsapp-success-icon svg {
  width: 27px;
  height: 27px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.whatsapp-success-icon svg path {
  stroke-dasharray: 18;
  stroke-dashoffset: 18;
}

.whatsapp-success-toast.is-visible .whatsapp-success-icon {
  animation: whatsapp-success-icon-pop .62s .08s cubic-bezier(.16, 1, .3, 1) both;
}

.whatsapp-success-toast.is-visible .whatsapp-success-icon::before {
  animation: whatsapp-success-ring .8s .16s ease-out both;
}

.whatsapp-success-toast.is-visible .whatsapp-success-icon svg path {
  animation: whatsapp-success-check .45s .23s ease-out both;
}

.whatsapp-success-spark {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #38e985;
  opacity: 0;
  box-shadow: 0 0 0 3px rgba(56, 233, 133, .12);
}

.whatsapp-success-spark.spark-one {
  --spark-x: 9px;
  --spark-y: -12px;
  top: 1px;
  right: 5px;
}

.whatsapp-success-spark.spark-two {
  --spark-x: -12px;
  --spark-y: -7px;
  top: 7px;
  left: 2px;
}

.whatsapp-success-spark.spark-three {
  --spark-x: 12px;
  --spark-y: 8px;
  right: 2px;
  bottom: 7px;
}

.whatsapp-success-toast.is-visible .whatsapp-success-spark {
  animation: whatsapp-success-spark .72s .18s ease-out both;
}

.whatsapp-success-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.whatsapp-success-copy strong {
  overflow: hidden;
  color: #113d2e;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: -.01em;
}

.whatsapp-success-copy small {
  overflow: hidden;
  color: #557166;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 650;
}

.whatsapp-success-progress {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  overflow: hidden;
  background: rgba(19, 168, 90, .1);
}

.whatsapp-success-progress::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #25d366, #16a765);
  transform: scaleX(1);
  transform-origin: left center;
}

.whatsapp-success-toast.is-visible .whatsapp-success-progress::after {
  animation: whatsapp-success-progress 3.4s linear both;
}

.whatsapp-success-toast.is-error-notice {
  color: #7f1d1d;
  border-color: rgba(220, 38, 38, .3);
  background:
    radial-gradient(circle at 6% 18%, rgba(239, 68, 68, .16), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, .99), rgba(254, 242, 242, .98));
  box-shadow: 0 24px 60px rgba(153, 27, 27, .2), 0 8px 22px rgba(15, 23, 42, .1);
}

.whatsapp-success-toast.is-error-notice::before { background: rgba(239, 68, 68, .12); }
.whatsapp-success-toast.is-error-notice .whatsapp-success-icon {
  background: linear-gradient(145deg, #ef4444, #b91c1c);
  box-shadow: 0 10px 24px rgba(185, 28, 28, .28), inset 0 1px 1px rgba(255,255,255,.4);
}
.whatsapp-success-toast.is-error-notice .whatsapp-success-icon::before { border-color: rgba(239, 68, 68, .34); }
.whatsapp-success-toast.is-error-notice .whatsapp-success-spark { background: #fb7185; }
.whatsapp-success-toast.is-error-notice .whatsapp-success-copy strong { color: #7f1d1d; }
.whatsapp-success-toast.is-error-notice .whatsapp-success-copy small {
  color: #991b1b;
  overflow: visible;
  white-space: normal;
}
.whatsapp-success-toast.is-error-notice .whatsapp-success-progress { background: rgba(220,38,38,.1); }
.whatsapp-success-toast.is-error-notice .whatsapp-success-progress::after {
  background: linear-gradient(90deg, #ef4444, #b91c1c);
  animation-duration: 8s;
}

@keyframes whatsapp-success-enter {
  0% { opacity: 0; transform: translate3d(34px, -10px, 0) scale(.93); }
  68% { opacity: 1; transform: translate3d(-3px, 0, 0) scale(1.012); }
  100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes whatsapp-success-leave {
  from { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
  to { opacity: 0; transform: translate3d(22px, -5px, 0) scale(.96); }
}

@keyframes whatsapp-success-icon-pop {
  0% { transform: rotate(-9deg) scale(.55); }
  70% { transform: rotate(2deg) scale(1.08); }
  100% { transform: rotate(0) scale(1); }
}

@keyframes whatsapp-success-ring {
  0% { opacity: .72; transform: scale(.72); }
  100% { opacity: 0; transform: scale(1.34); }
}

@keyframes whatsapp-success-check {
  from { stroke-dashoffset: 18; }
  to { stroke-dashoffset: 0; }
}

@keyframes whatsapp-success-spark {
  0% { opacity: 0; transform: translate(0, 0) scale(.25); }
  34% { opacity: 1; }
  100% { opacity: 0; transform: translate(var(--spark-x), var(--spark-y)) scale(1); }
}

@keyframes whatsapp-success-progress {
  from { transform: scaleX(1); }
  to { transform: scaleX(0); }
}

@media (max-width: 600px) {
  .whatsapp-success-toast {
    top: max(12px, env(safe-area-inset-top));
    right: 12px;
    left: 12px;
    width: auto;
    min-height: 72px;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 11px;
    padding: 11px 14px 14px 11px;
    border-radius: 17px;
    transform-origin: top center;
  }

  .whatsapp-success-icon {
    width: 46px;
    height: 46px;
    border-radius: 15px;
  }

  .whatsapp-success-copy strong { font-size: 14px; }
  .whatsapp-success-copy small { font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .whatsapp-success-toast.is-visible,
  .whatsapp-success-toast.is-leaving,
  .whatsapp-success-toast.is-visible .whatsapp-success-icon,
  .whatsapp-success-toast.is-visible .whatsapp-success-icon::before,
  .whatsapp-success-toast.is-visible .whatsapp-success-icon svg path,
  .whatsapp-success-toast.is-visible .whatsapp-success-spark,
  .whatsapp-success-toast.is-visible .whatsapp-success-progress::after {
    animation: none !important;
  }

  .whatsapp-success-toast.is-visible {
    opacity: 1;
    transform: none;
  }

  .whatsapp-success-toast.is-leaving { opacity: 0; }
  .whatsapp-success-icon svg path { stroke-dashoffset: 0; }
  .whatsapp-success-spark { display: none; }
}

/* 2026 arayüz yenilemesi: kompakt, tutarlı ve erişilebilir görünüm */
:root {
  --bg: #eef2f6;
  --surface: #ffffff;
  --surface-2: #f7f9fc;
  --text: #172033;
  --muted: #667085;
  --line: #d9e1eb;
  --accent: #0f8578;
  --accent-dark: #09665d;
  --price: #1d4ed8;
  --fiat: #b20a37;
  --fiat-dark: #85072a;
  --radius-sm: 9px;
  --radius-md: 13px;
  --radius-lg: 18px;
  --shadow-sm: 0 4px 14px rgba(15, 23, 42, .06);
  --shadow-md: 0 14px 34px rgba(15, 23, 42, .10);
  --shadow-lg: 0 28px 80px rgba(15, 23, 42, .24);
}

html {
  color-scheme: light;
  background: var(--bg);
}

body {
  color: var(--text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  background:
    radial-gradient(circle at 4% 0%, rgba(178, 10, 55, .055), transparent 27rem),
    radial-gradient(circle at 96% 8%, rgba(15, 133, 120, .065), transparent 30rem),
    linear-gradient(180deg, #f5f7fa 0, #edf1f5 44%, #e9eef3 100%);
}

button,
a,
select,
input,
textarea {
  -webkit-tap-highlight-color: transparent;
}

button,
a,
select,
input,
textarea,
.package-card,
.company-row,
.package-management-row,
.audit-entry {
  transition: border-color .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

button:focus-visible,
a:focus-visible,
select:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(15, 133, 120, .22);
  outline-offset: 2px;
}

.page-shell {
  width: min(1480px, calc(100% - 28px));
  padding: 12px 0 38px;
}

.app-topbar {
  min-height: 66px;
  gap: 14px;
  margin-bottom: 10px;
  padding: 8px 10px;
  border: 1px solid rgba(206, 216, 228, .88);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, .82);
  box-shadow: var(--shadow-sm), inset 0 1px 0 rgba(255, 255, 255, .9);
  backdrop-filter: blur(18px) saturate(1.15);
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
}

.app-brand {
  gap: 10px;
}

.app-brand-logo {
  width: 48px;
  height: 48px;
  border-color: #dce3ec;
  border-radius: 13px;
  box-shadow: 0 5px 14px rgba(15, 23, 42, .08);
}

.app-brand-logo img {
  padding: 3px;
}

.app-brand strong {
  color: #111827;
  font-size: 17px;
  font-weight: 850;
  letter-spacing: -.025em;
}

.app-brand small,
.session-user {
  color: #697386;
  font-size: 11px;
  font-weight: 700;
}

.session-actions {
  gap: 9px;
}

.admin-open-btn,
.impersonation-stop-btn {
  min-height: 40px;
  border-radius: 11px;
}

.admin-open-btn {
  min-width: 106px;
  padding-inline: 14px;
  background: linear-gradient(145deg, #172033, #0d1525);
  box-shadow: 0 8px 18px rgba(15, 23, 42, .18);
}

.admin-open-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 11px 24px rgba(15, 23, 42, .24);
}

.daily-quote-summary {
  gap: 5px;
  padding: 1px 3px 4px;
  scroll-snap-type: x proximity;
}

.daily-quote-company {
  flex-basis: 106px;
  min-width: 106px;
  height: 46px;
  padding: 3px 6px;
  border-color: #d7dfe9;
  border-top-width: 2px;
  border-radius: 11px;
  box-shadow: 0 3px 10px rgba(15, 23, 42, .045);
  scroll-snap-align: start;
}

.daily-quote-company strong { font-size: 9.5px; }
.daily-quote-company span { font-size: 8.5px; }
.daily-quote-company b { font-size: 9.5px; }

.daily-quote-company:hover,
.daily-quote-company:focus-visible,
.daily-quote-company.is-active {
  transform: translateY(-1px);
  box-shadow: 0 7px 16px rgba(178, 10, 55, .10);
}

.filter-strip {
  top: 8px;
  grid-template-columns: minmax(210px, 1.15fr) repeat(5, minmax(105px, 1fr)) 82px;
  gap: 8px;
  padding: 8px;
  border: 1px solid rgba(205, 215, 227, .92);
  border-radius: 15px;
  background: rgba(255, 255, 255, .91);
  box-shadow: 0 12px 30px rgba(15, 23, 42, .09), inset 0 1px 0 rgba(255, 255, 255, .95);
  backdrop-filter: blur(18px) saturate(1.12);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
}

.filter-strip select,
.filter-strip input {
  height: 41px;
  padding-inline: 11px;
  border-color: #ccd6e2;
  border-radius: 10px;
  color: #1d2939;
  background-color: #fbfcfe;
  font-size: 12px;
  font-weight: 750;
}

.filter-strip select:hover,
.filter-strip input:hover {
  border-color: #aebccc;
  background-color: #fff;
}

.filter-strip select:focus,
.filter-strip input:focus {
  border-color: var(--accent);
  background-color: #fff;
  box-shadow: 0 0 0 3px rgba(15, 133, 120, .12);
}

.reset-btn {
  height: 41px;
  border-radius: 10px;
  background: #344054;
  box-shadow: 0 4px 10px rgba(15, 23, 42, .10);
  font-size: 12px;
}

.reset-btn:hover {
  background: #202b3c;
  transform: translateY(-1px);
}

.package-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 13px;
  padding-top: 14px;
}

.package-card,
.package-card-special,
.package-card-manual {
  position: relative;
  min-width: 0;
  min-height: 302px;
  grid-template-rows: 66px auto auto auto minmax(8px, 1fr) auto auto;
  gap: 5px;
  overflow: hidden;
  padding: 13px;
  border: 1px solid #d8e0ea;
  border-radius: 16px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 7px 20px rgba(15, 23, 42, .07);
}

.package-card::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, transparent, rgba(15, 133, 120, .58), transparent);
  opacity: 0;
  transition: opacity .18s ease;
}

.package-card:hover {
  border-color: #bdcad8;
  box-shadow: 0 16px 34px rgba(15, 23, 42, .12);
  transform: translateY(-3px);
}

.package-card:hover::after {
  opacity: 1;
}

.package-image {
  width: 100%;
  height: 64px;
  filter: drop-shadow(0 5px 5px rgba(15, 23, 42, .10));
  transition: transform .24s ease;
}

.package-card:hover .package-image {
  transform: scale(1.035);
}

.package-family {
  color: #172033;
  font-size: 15px;
  line-height: 1.15;
  font-weight: 850;
  letter-spacing: -.012em;
}

.package-title {
  color: #078b76;
  font-size: 17px;
  line-height: 1.23;
  font-weight: 850;
  letter-spacing: -.018em;
}

.package-specs {
  gap: 3px;
  margin-top: 2px;
  color: #344054;
  font-size: 11.5px;
  line-height: 1.25;
  font-weight: 700;
}

.package-price {
  margin-top: 5px;
  color: #174dc5;
  font-size: 23px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.03em;
}

.package-price > span,
.package-price > b {
  border-radius: 9px;
}

.package-price .age-campaign-price-note {
  display: block;
  margin-top: 5px;
  color: #18705e;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 750;
  letter-spacing: 0;
}

.package-card .detail-btn {
  width: 100%;
  height: 39px;
  border-radius: 10px;
  background: linear-gradient(135deg, #108879, #087267);
  box-shadow: 0 7px 15px rgba(8, 114, 103, .17);
  font-size: 12.5px;
}

.package-card .detail-btn:hover {
  box-shadow: 0 9px 20px rgba(8, 114, 103, .24);
  transform: translateY(-1px);
}

.package-card-special {
  border-color: #e8c784;
  background: linear-gradient(145deg, #fffdf8, #f6f9ff);
}

.package-card-manual {
  min-height: 302px;
  grid-template-rows: 62px auto auto 1fr auto;
  border-color: #e0b2bf;
  background:
    radial-gradient(circle at 50% 0, rgba(178, 10, 55, .07), transparent 48%),
    #fff;
  box-shadow: 0 8px 24px rgba(115, 16, 44, .09);
}

.package-card-manual::before {
  height: 4px;
  background: linear-gradient(90deg, var(--fiat-dark), #d11c4b, var(--fiat-dark));
}

.package-card-manual::after {
  display: none;
}

.package-card-manual .package-image {
  width: 100px;
  height: 62px;
  margin-top: 0;
  filter: none;
}

.package-card-manual .package-family {
  color: #79112f;
  font-size: 12px;
  letter-spacing: .045em;
}

.package-card-manual .package-title {
  color: #151923;
  font-size: 22px;
  letter-spacing: -.025em;
}

.manual-package-state {
  width: 98px;
  height: 32px;
  border-color: #e7bdc7;
  border-radius: 9px;
  background: #fff7f9;
  font-size: 10px;
}

.package-card-manual .detail-btn {
  background: linear-gradient(135deg, #c51643, #9b0b33);
  box-shadow: 0 7px 16px rgba(178, 10, 55, .18);
}

.empty-state {
  border-radius: 14px;
  box-shadow: var(--shadow-sm);
}

.modal-backdrop {
  padding: clamp(8px, 1.5vw, 22px);
  background: rgba(15, 23, 42, .64);
  backdrop-filter: blur(9px) saturate(.9);
  -webkit-backdrop-filter: blur(9px) saturate(.9);
}

.detail-modal,
.labor-modal {
  max-height: min(92dvh, 920px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .46);
  border-radius: 18px;
  box-shadow: var(--shadow-lg);
}

.detail-modal {
  width: min(1440px, 100%);
}

.detail-head {
  min-height: 62px;
  align-items: center;
  gap: 12px;
  padding: 11px 13px;
  border-bottom-color: #dce3ec;
  background: linear-gradient(180deg, #fff, #fbfcfe);
}

.detail-head > div:first-child {
  min-width: 0;
}

.detail-head p {
  margin-bottom: 2px;
  color: #6b778b;
  font-size: 10.5px;
  letter-spacing: .02em;
}

.detail-head h2 {
  overflow: hidden;
  color: #172033;
  text-overflow: ellipsis;
  font-size: 18px;
  font-weight: 850;
  letter-spacing: -.02em;
  white-space: nowrap;
}

.detail-actions {
  align-items: center;
  gap: 7px;
}

.close-btn,
.quote-reset-btn,
.quote-link-btn,
.quote-revision-save-btn,
.quote-revision-whatsapp {
  height: 36px;
  border-radius: 10px;
}

.close-btn {
  padding-inline: 14px;
  background: linear-gradient(135deg, #108879, #07695f);
  box-shadow: 0 5px 12px rgba(8, 114, 103, .16);
  font-size: 12px;
}

.quote-link-btn,
.quote-revision-whatsapp {
  width: 36px;
  flex-basis: 36px;
}

.quote-link-btn {
  background: linear-gradient(145deg, #2563eb, #1747b8);
}

.quote-copy-status {
  font-size: 11px;
}

.quote-plate-popover {
  width: min(320px, calc(100vw - 30px));
  gap: 9px;
  padding: 12px;
  border-radius: 13px;
  box-shadow: 0 20px 48px rgba(15, 23, 42, .22);
}

.quote-plate-popover input {
  height: 36px;
  border-radius: 9px;
}

.quote-plate-popover button {
  height: 34px;
  border-radius: 9px;
}

.detail-body {
  padding: 12px;
  background: #f5f7fa;
  scrollbar-color: #aeb9c7 transparent;
  scrollbar-width: thin;
}

.manual-quote-toolbar,
.quote-revision-toolbar {
  margin-bottom: 10px;
  padding: 11px 12px;
  border-radius: 12px;
  box-shadow: 0 5px 14px rgba(15, 23, 42, .045);
}

.manual-quote-toolbar {
  border-top-width: 3px;
}

.manual-quote-toolbar input,
.quote-revision-toolbar input {
  height: 38px;
  border-radius: 9px;
}

.quote-discount-toolbar {
  gap: 7px;
  margin-bottom: 9px;
}

.quote-discount-groups,
.quote-age-presets {
  gap: 6px;
}

.quote-discount-main,
.quote-age-presets button {
  height: 33px;
  border-radius: 9px;
  font-size: 11px;
}

.quote-discount-main {
  min-width: 94px;
}

.quote-table-wrap {
  overflow: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #d8e1eb;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(15, 23, 42, .045);
}

.detail-table,
.quote-detail-table {
  box-shadow: none;
}

.detail-table th {
  background: #172033;
  font-size: 10.5px;
  font-weight: 850;
}

.detail-table th,
.detail-table td {
  padding: 8px 9px;
  border-bottom-color: #e3e8ef;
}

.detail-table tbody tr:nth-child(even) {
  background: #f7f9fc;
}

.detail-table tbody tr:hover {
  background: #f0f7f6;
}

.quote-cell-input,
.quote-code-input,
.quote-name-input {
  border-radius: 8px;
}

.quote-panels {
  gap: 10px;
  margin-top: 10px;
}

.quote-section {
  padding: 9px;
  border-color: #d8e1eb;
  border-radius: 12px;
  box-shadow: 0 4px 13px rgba(15, 23, 42, .035);
}

.quote-section h3,
.extra-product-head h3 {
  font-size: 14px;
}

.quote-extra-item,
.quote-list-row,
.extra-product-admin-item {
  border-radius: 9px;
}

.management-modal:has(.management-layout:not([hidden])) {
  width: min(1500px, calc(100% - 18px));
  height: min(94dvh, 960px);
  max-height: min(94dvh, 960px);
}

.management-modal .management-head {
  min-height: 64px;
  padding-inline: 18px;
}

.management-layout {
  grid-template-columns: 224px minmax(0, 1fr);
}

.management-nav {
  padding: 15px 11px 12px;
  border-right-color: #29364a;
  background:
    radial-gradient(circle at 20% 0, rgba(45, 212, 191, .10), transparent 15rem),
    linear-gradient(180deg, #182435, #111a29);
}

.management-user-card {
  padding: 2px 5px 14px;
  border-bottom-color: rgba(255, 255, 255, .12);
}

.management-user-card > span {
  color: #063b34;
  background: linear-gradient(145deg, #b8fff4, #62ddcd);
  box-shadow: 0 6px 14px rgba(45, 212, 191, .17);
}

.management-nav nav {
  gap: 3px;
  padding-top: 11px;
}

.management-nav nav button,
.management-logout {
  min-height: 37px;
  border-radius: 9px;
  font-size: 12px;
}

.management-nav nav button:hover,
.management-nav nav button.active {
  background: rgba(100, 116, 139, .32);
}

.management-nav nav button.active {
  color: #fff;
  box-shadow: inset 3px 0 0 #45e0cd, 0 5px 14px rgba(0, 0, 0, .10);
}

/* Yönetim menüsü: kısa, okunaklı ve her başlıkla eşleşen çizgisel simgeler. */
.management-nav nav button{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;column-gap:8px}
.management-nav-icon{width:23px;height:23px;box-sizing:border-box;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(134,188,196,.28);border-radius:7px;color:#89d9d0;background:rgba(45,212,191,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease}
.management-nav-icon svg{width:14px;height:14px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.management-nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.management-nav nav button>.nav-notification-badge{float:none;justify-self:end;margin-left:0}
.management-nav nav button:hover .management-nav-icon,.management-nav nav button.active .management-nav-icon{border-color:rgba(133,241,226,.66);color:#fff;background:rgba(54,203,187,.22);transform:scale(1.04)}
.management-nav nav .management-blacklist-nav .management-nav-icon{border-color:rgba(252,165,165,.34);color:#fbb4b4;background:rgba(153,27,27,.23)}
.management-nav nav .management-blacklist-nav:hover .management-nav-icon,.management-nav nav .management-blacklist-nav.active .management-nav-icon{border-color:rgba(255,221,221,.72);color:#fff;background:rgba(255,255,255,.17)}
@media(max-height:780px) and (min-width:701px){.management-nav nav button{grid-template-columns:21px minmax(0,1fr) auto;column-gap:7px}.management-nav-icon{width:20px;height:20px;border-radius:6px}.management-nav-icon svg{width:12px;height:12px}}@media(prefers-reduced-motion:reduce){.management-nav-icon{transition:none}}

.management-content {
  background:
    radial-gradient(circle at 100% 0, rgba(15, 133, 120, .04), transparent 25rem),
    #f6f8fb;
}

.management-panel {
  padding: 18px;
}

.management-section-head {
  position: sticky;
  top: 0;
  z-index: 6;
  gap: 12px;
  margin: -18px -18px 14px;
  padding: 14px 18px 12px;
  padding-bottom: 13px;
  background: rgba(246, 248, 251, .94);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.management-section-head h3 {
  font-size: 18px;
  font-weight: 850;
  letter-spacing: -.02em;
}

.management-section-head p {
  margin-top: 2px;
  font-size: 11.5px;
}

.management-search input,
.management-form input,
.management-form select,
.management-form textarea,
.product-scope-toolbar select,
.product-bulk-fields input,
.company-package-company-field select,
.company-package-operation-grid select,
.company-package-operation-grid input {
  border-radius: 9px;
  background-color: #fff;
}

.management-table-wrap,
.product-catalog-table-wrap {
  border: 1px solid #d9e1eb;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 5px 16px rgba(15, 23, 42, .04);
}

.management-table th {
  color: #40506a;
  background: #f3f6fa;
  font-size: 10px;
  letter-spacing: .015em;
}

.management-table td {
  background: #fff;
}

.management-table th,
.management-table td {
  padding: 9px 10px;
  border-bottom-color: #e5eaf0;
}

.management-table tbody tr:hover td {
  background: #f8fbfb;
}

.company-row,
.package-management-row,
.company-package-row,
.audit-entry,
.management-form,
.product-bulk-tool,
.company-package-tool,
.company-package-selector,
.extra-product-admin,
.settings-admin,
.discount-admin,
.campaign-admin {
  border-radius: 12px;
  box-shadow: 0 4px 13px rgba(15, 23, 42, .035);
}

.company-row:hover,
.package-management-row:hover,
.company-package-row:hover,
.audit-entry:hover {
  border-color: #b9c7d6;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .075);
  transform: translateY(-1px);
}

.package-management-list,
.company-list {
  gap: 8px;
}

.table-action,
.labor-save-btn,
.product-danger-btn,
.refresh-prices-btn {
  border-radius: 9px;
}

.auth-panel,
.application-form {
  border-radius: 16px;
  box-shadow: var(--shadow-md);
}

.guest-gate {
  background:
    radial-gradient(circle at 12% 16%, rgba(178, 10, 55, .095), transparent 24rem),
    radial-gradient(circle at 88% 82%, rgba(15, 133, 120, .10), transparent 26rem),
    linear-gradient(rgba(255, 255, 255, .28) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .28) 1px, transparent 1px),
    linear-gradient(145deg, #f4f6f9, #e9edf2);
  background-size: auto, auto, 34px 34px, 34px 34px, auto;
}

.guest-gate::before {
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--fiat) 28%, #dd1d50 50%, var(--fiat) 72%, transparent);
}

.guest-gate::after {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(23, 32, 51, .65), transparent);
}

.guest-gate-shell {
  width: min(456px, 100%);
  gap: 12px;
}

.guest-gate-visual {
  width: 130px;
  height: 130px;
}

.guest-gate-visual strong {
  width: 88px;
  height: 88px;
  border-color: rgba(255, 255, 255, .9);
  box-shadow: 0 18px 38px rgba(41, 49, 65, .20), 0 0 0 7px rgba(255, 255, 255, .52);
}

.guest-gate-heading {
  gap: 4px;
}

.guest-gate-heading .guest-gate-kicker {
  font-size: 10px;
  letter-spacing: .07em;
}

.guest-gate-heading h1 {
  font-size: 31px;
  font-weight: 760;
  letter-spacing: -.035em;
}

.guest-login-form {
  gap: 12px;
  padding: 22px;
  border-color: rgba(198, 207, 218, .95);
  border-top-width: 3px;
  border-radius: 17px;
  background: rgba(255, 255, 255, .93);
  box-shadow: 0 26px 60px rgba(24, 32, 48, .14), inset 0 1px 0 #fff;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.guest-login-form::before {
  height: 3px;
  top: -3px;
  border-radius: 17px 0 4px 0;
}

.guest-login-form label {
  gap: 6px;
}

.guest-login-form label > span {
  color: #344054;
  font-size: 11px;
}

.guest-login-form input {
  height: 46px;
  border-color: #cbd5e1;
  border-radius: 11px;
  background: #f8fafc;
  font-size: 15px;
}

.guest-login-actions button {
  height: 44px;
  border-radius: 11px;
}

.guest-login-submit {
  border-color: var(--fiat);
  background: linear-gradient(135deg, #c21242, #9a082f);
  box-shadow: 0 8px 18px rgba(178, 10, 55, .17);
}

.guest-register-open {
  border-color: #cbd5e1;
  background: #fff;
}

.guest-downloads {
  gap: 9px;
}

.guest-download-link {
  min-height: 60px;
  border-color: rgba(198, 207, 218, .92);
  border-radius: 13px;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 7px 18px rgba(15, 23, 42, .065);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.guest-download-link:hover,
.guest-download-link:focus-visible {
  box-shadow: 0 13px 25px rgba(15, 23, 42, .10);
}

@media (max-width: 1260px) {
  .package-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .filter-strip {
    grid-template-columns: minmax(150px, .8fr) repeat(3, minmax(112px, 1fr)) 82px;
  }

  .filter-strip label:nth-of-type(5),
  .filter-strip label:nth-of-type(6) {
    grid-row: 2;
  }
}

@media (max-width: 980px) {
  .package-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .filter-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .filter-search-field {
    grid-column: span 2;
  }

  .filter-strip label:nth-of-type(5),
  .filter-strip label:nth-of-type(6) {
    grid-row: auto;
  }

  .management-layout {
    grid-template-columns: 202px minmax(0, 1fr);
  }
}

@media (max-width: 700px) {
  .page-shell {
    width: calc(100% - 14px);
    padding-top: 7px;
  }

  .app-topbar {
    min-height: 58px;
    gap: 7px;
    margin-bottom: 7px;
    padding: 7px;
    border-radius: 14px;
  }

  .app-brand-logo {
    width: 42px;
    height: 42px;
    border-radius: 11px;
  }

  .app-brand strong {
    font-size: 15px;
  }

  .session-user,
  .guest-access-copy {
    display: none;
  }

  .admin-open-btn {
    min-width: 44px;
    width: auto;
    height: 42px;
    min-height: 42px;
    padding-inline: 10px;
  }

  .daily-quote-company {
    flex-basis: 104px;
    min-width: 104px;
    height: 45px;
  }

  .filter-strip {
    position: relative;
    top: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    padding: 7px;
    border-radius: 14px;
  }

  .filter-strip label {
    grid-column: auto;
  }

  .filter-strip label.filter-search-field {
    grid-column: 1 / -1;
  }

  .filter-strip > .reset-btn {
    grid-column: auto;
  }

  .filter-strip select,
  .filter-strip input,
  .reset-btn {
    height: 42px;
  }

  .package-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    padding-top: 9px;
  }

  .package-card,
  .package-card-special,
  .package-card-manual {
    min-height: 276px;
    padding: 11px;
    border-radius: 14px;
  }

  .package-card:not(.package-card-manual) {
    grid-template-rows: 57px auto auto auto minmax(5px, 1fr) auto auto;
  }

  .package-image {
    height: 56px;
  }

  .package-family {
    font-size: 13px;
  }

  .package-title {
    font-size: 14px;
  }

  .package-specs {
    font-size: 10px;
  }

  .package-price {
    font-size: 19px;
  }

  .package-card .detail-btn {
    height: 42px;
    font-size: 11px;
  }

  .package-card-manual {
    min-height: 232px;
    grid-template-rows: 58px auto auto auto auto;
    align-content: start;
  }

  .package-card-manual .package-image {
    height: 58px;
  }

  .package-card-manual .package-title {
    font-size: 19px;
  }

  .modal-backdrop {
    padding: max(5px, env(safe-area-inset-top)) max(5px, env(safe-area-inset-right)) max(5px, env(safe-area-inset-bottom)) max(5px, env(safe-area-inset-left));
  }

  .detail-modal,
  .labor-modal,
  .management-modal:has(.management-layout:not([hidden])) {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    border-radius: 13px;
  }

  .detail-head {
    min-height: 58px;
    padding: 9px 10px;
  }

  .detail-head h2 {
    font-size: 16px;
  }

  .detail-actions {
    gap: 5px;
  }

  .close-btn,
  .quote-reset-btn,
  .quote-link-btn,
  .quote-revision-save-btn,
  .quote-revision-whatsapp {
    height: 40px;
    border-radius: 9px;
  }

  .close-btn {
    padding-inline: 11px;
  }

  .quote-link-btn,
  .quote-revision-whatsapp {
    width: 40px;
    flex-basis: 40px;
  }

  .detail-body {
    padding: 9px;
  }

  .quote-discount-toolbar {
    align-items: stretch;
  }

  .quote-discount-groups,
  .quote-age-presets {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .quote-age-presets {
    margin-left: 0;
  }

  .quote-discount-main,
  .quote-age-presets button {
    width: 100%;
    min-width: 0;
    padding-inline: 7px;
  }

  .quote-panels {
    grid-template-columns: 1fr;
  }

  .management-panel {
    padding: 13px;
  }

  .management-content > .management-panel.ai-management-panel {
    padding: 0;
  }

  .management-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
  }

  .management-section-head {
    align-items: flex-start;
    margin: -13px -13px 12px;
    padding: 12px 13px 10px;
  }

  .management-section-actions {
    flex-wrap: wrap;
  }

  .quote-row-btn,
  .quote-add-btn,
  .quantity-control button,
  .quote-detail-table .quantity-control button {
    min-width: 30px;
    width: 30px;
    min-height: 30px;
    height: 30px;
  }

  .quotes-table {
    min-width: 620px;
    table-layout: auto;
  }

  .quotes-table th,
  .quotes-table td {
    padding: 8px 7px;
    font-size: 11px;
  }

  .management-mobile-controls select,
  .management-mobile-controls button {
    border-radius: 9px;
  }

  .guest-gate {
    padding-inline: 12px;
  }

  .guest-gate-shell {
    gap: 10px;
  }

  .guest-login-form {
    padding: 18px 15px 16px;
    border-radius: 15px;
  }

  .guest-download-link {
    border-radius: 11px;
  }
}

@media (max-width: 460px) {
  .package-grid {
    grid-template-columns: 1fr;
  }

  .package-card,
  .package-card-special {
    min-height: 262px;
  }

  .package-card-manual {
    min-height: 232px;
  }

  .package-card:not(.package-card-manual) {
    grid-template-rows: 60px auto auto auto minmax(4px, 1fr) auto auto;
  }

  .package-image {
    height: 60px;
  }

  .package-title {
    font-size: 15px;
  }

  .guest-gate-heading h1 {
    font-size: 27px;
  }

  .guest-login-actions,
  .guest-downloads {
    grid-template-columns: 1fr;
  }

  .guest-download-link {
    min-height: 54px;
  }
}

/* Tekliften Ajanda randevusu */
.quote-appointment-btn,
.quote-result-appointment,
.appointment-action,
.quote-search-appointment {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 0;
  color: #fff;
  border: 1px solid #be303b;
  background: linear-gradient(135deg, #e34b55, #b91f2d);
  box-shadow: 0 7px 17px rgba(185, 31, 45, .22);
  cursor: pointer;
  font-weight: 850;
  letter-spacing: .025em;
}

.quote-appointment-btn {
  min-width: 112px;
  height: 36px;
  flex: 0 0 auto;
  padding: 0 13px;
  border-radius: 10px;
  font-size: 11px;
}

.quote-appointment-btn svg,
.quote-result-appointment svg,
.appointment-action svg,
.quote-search-appointment svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.quote-appointment-btn:hover,
.quote-result-appointment:hover,
.appointment-action:hover,
.quote-search-appointment:hover {
  color: #fff;
  filter: brightness(1.06);
  transform: translateY(-1px);
}

.quote-appointment-btn:focus-visible,
.quote-result-appointment:focus-visible,
.appointment-action:focus-visible,
.quote-search-appointment:focus-visible,
.offer-appointment-link:focus-visible,
.quote-appointment-dialog button:focus-visible,
.quote-appointment-dialog input:focus-visible,
.quote-appointment-dialog select:focus-visible,
.quote-appointment-dialog textarea:focus-visible,
.appointment-success-toast a:focus-visible,
.appointment-success-toast button:focus-visible {
  outline: 3px solid rgba(109, 59, 241, .28);
  outline-offset: 2px;
}

.quote-appointment-btn:focus-visible,
.quote-result-appointment:focus-visible,
.appointment-action:focus-visible,
.quote-search-appointment:focus-visible {
  outline-color: rgba(190, 48, 59, .3);
}

.quote-appointment-btn.has-appointment:focus-visible,
.quote-result-appointment.has-appointment:focus-visible,
.appointment-action.has-appointment:focus-visible,
.quote-search-appointment.has-appointment:focus-visible {
  outline-color: rgba(8, 122, 84, .3);
}

.quote-row-actions .table-action.appointment-action {
  gap: 4px;
  color: #fff;
  border-color: #be303b;
  background: linear-gradient(135deg, #e34b55, #b91f2d);
}

.quote-row-actions .appointment-action svg {
  width: 14px;
  height: 14px;
}

.quote-copy-status .quote-result-appointment {
  min-height: 30px;
  margin-left: 8px;
  padding: 0 10px;
  border-radius: 8px;
  vertical-align: middle;
  font-size: 10px;
}

.quote-copy-status .quote-result-appointment svg {
  width: 15px;
  height: 15px;
}

.quote-appointment-btn.has-appointment,
.quote-result-appointment.has-appointment,
.appointment-action.has-appointment,
.quote-search-appointment.has-appointment,
.quote-row-actions .table-action.appointment-action.has-appointment {
  color:#fff;
  border-color:#087a54;
  background:linear-gradient(135deg,#20b978,#087a54);
  box-shadow:0 7px 17px rgba(8,122,84,.25);
}

.quote-search-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.package-card .quote-search-actions .detail-btn,
.package-card .quote-search-actions .quote-search-unavailable {
  min-width: 0;
  height: 39px;
  padding-inline: 8px;
  font-size: 10px;
}

.package-card .quote-search-appointment {
  background: linear-gradient(135deg, #6d3bf1, #3d62df);
  box-shadow: 0 7px 15px rgba(76, 67, 214, .18);
}

.appointment-backdrop {
  z-index: 2147483580;
  padding: 14px;
  background:
    radial-gradient(circle at 50% 12%, rgba(109, 59, 241, .16), transparent 34rem),
    rgba(11, 18, 34, .69);
  backdrop-filter: blur(11px) saturate(.92);
  -webkit-backdrop-filter: blur(11px) saturate(.92);
}

.quote-appointment-dialog {
  width: min(620px, 100%);
  max-height: min(92dvh, 760px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .64);
  border-radius: 20px;
  color: #172033;
  background: #fff;
  box-shadow: 0 34px 100px rgba(6, 12, 28, .42), 0 10px 30px rgba(37, 26, 112, .2);
  animation: quote-appointment-enter .26s cubic-bezier(.16, 1, .3, 1) both;
}

.quote-appointment-question-dialog {
  width: min(520px, 100%);
  grid-template-rows: auto auto;
}

.quote-appointment-question-dialog .quote-appointment-form {
  padding: 18px;
}

.quote-appointment-question-dialog .quote-appointment-summary {
  margin-bottom: 16px;
  padding-block: 12px;
  white-space: normal;
}

.quote-appointment-question-dialog .quote-appointment-actions {
  display: grid;
  grid-template-columns: minmax(110px, .8fr) minmax(160px, 1.2fr);
}

.quote-appointment-question-dialog .quote-appointment-cancel,
.quote-appointment-question-dialog .quote-appointment-submit {
  width: 100%;
}

.quote-appointment-head {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 12px;
  padding: 15px 16px;
  border-bottom: 1px solid #e5e9f1;
  background:
    radial-gradient(circle at 7% 0, rgba(109, 59, 241, .13), transparent 12rem),
    linear-gradient(180deg, #fff, #fafaff);
}

.quote-appointment-mark {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 15px;
  color: #fff;
  background: linear-gradient(145deg, #7947f5, #395bd5);
  box-shadow: 0 9px 20px rgba(74, 63, 207, .24), inset 0 1px 1px rgba(255, 255, 255, .36);
}

.quote-appointment-mark svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.quote-appointment-head p,
.quote-appointment-head h2,
.quote-appointment-head > div > span {
  margin: 0;
}

.quote-appointment-head p {
  margin-bottom: 2px;
  color: #6043c4;
  font-size: 9px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .12em;
}

.quote-appointment-head h2 {
  color: #172033;
  font-size: 18px;
  line-height: 1.22;
  font-weight: 900;
  letter-spacing: -.018em;
}

.quote-appointment-head > div > span {
  display: block;
  margin-top: 3px;
  color: #697386;
  font-size: 10.5px;
  line-height: 1.35;
  font-weight: 650;
}

.quote-appointment-close {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  padding: 0 0 2px;
  border: 1px solid #dce2ec;
  border-radius: 10px;
  color: #586579;
  background: rgba(255, 255, 255, .86);
  cursor: pointer;
  font-size: 23px;
  line-height: 1;
}

.quote-appointment-close:hover {
  color: #172033;
  border-color: #cbd3df;
  background: #f3f5f8;
}

.quote-appointment-form {
  min-height: 0;
  overflow: auto;
  padding: 14px 16px 16px;
  background: linear-gradient(180deg, #f8f9fc, #f3f5f9);
  scrollbar-color: #b5becc transparent;
  scrollbar-width: thin;
}

.quote-appointment-summary {
  overflow: hidden;
  margin-bottom: 12px;
  padding: 9px 11px;
  border: 1px solid #dce3f0;
  border-left: 3px solid #6542df;
  border-radius: 10px;
  color: #344054;
  background: rgba(255, 255, 255, .88);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10.5px;
  line-height: 1.35;
  font-weight: 800;
}

.quote-appointment-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.quote-appointment-grid label {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.quote-appointment-grid label.wide {
  grid-column: 1 / -1;
}

.quote-appointment-grid label > span {
  color: #455168;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 850;
  letter-spacing: .015em;
}

.quote-appointment-grid label > span small {
  margin-left: 4px;
  color: #8a94a5;
  font-size: 9px;
  font-weight: 700;
}

.quote-appointment-grid input,
.quote-appointment-grid select,
.quote-appointment-grid textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid #cfd7e3;
  border-radius: 10px;
  color: #172033;
  background: #fff;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, .025);
  outline: none;
  font: inherit;
  font-size: 12px;
  font-weight: 720;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.quote-appointment-grid input,
.quote-appointment-grid select {
  height: 40px;
  padding: 0 11px;
}

.quote-appointment-grid textarea {
  min-height: 88px;
  resize: vertical;
  padding: 10px 11px;
  line-height: 1.45;
}

#quote-appointment-plate,
#offer-appointment-plate {
  text-transform: uppercase;
  letter-spacing: .035em;
}

.quote-appointment-grid input[readonly] {
  color: #475467;
  border-color: #dce2ec;
  background: #f2f4f7;
  cursor: not-allowed;
}

.quote-appointment-grid input:hover,
.quote-appointment-grid select:hover,
.quote-appointment-grid textarea:hover {
  border-color: #b8c2d1;
}

.quote-appointment-grid input:focus,
.quote-appointment-grid select:focus,
.quote-appointment-grid textarea:focus {
  border-color: #6950db;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(105, 80, 219, .13);
}

.quote-appointment-grid [aria-invalid="true"] {
  border-color: #d92d20;
  box-shadow: 0 0 0 3px rgba(217, 45, 32, .1);
}

.quote-appointment-error {
  min-height: 17px;
  margin: 8px 0 0;
  color: #b42318;
  font-size: 10.5px;
  line-height: 1.4;
  font-weight: 800;
}

.quote-appointment-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 1px;
}

.quote-appointment-cancel,
.quote-appointment-submit {
  min-height: 40px;
  padding: 0 15px;
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  font-size: 11px;
  font-weight: 850;
}

.quote-appointment-cancel {
  color: #344054;
  border: 1px solid #d4dae4;
  background: #fff;
}

.quote-appointment-submit {
  min-width: 174px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #fff;
  background: linear-gradient(135deg, #6d3bf1, #3d62df);
  box-shadow: 0 8px 19px rgba(76, 67, 214, .24);
}

.quote-appointment-submit svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.quote-appointment-submit:disabled {
  opacity: .68;
  cursor: wait;
}

#quote-appointment-modal[aria-busy="true"] .quote-appointment-cancel,
#quote-appointment-modal[aria-busy="true"] .quote-appointment-close,
#offer-appointment-modal[aria-busy="true"] .quote-appointment-cancel,
#offer-appointment-modal[aria-busy="true"] .quote-appointment-close {
  pointer-events: none;
  opacity: .55;
}

@keyframes quote-appointment-enter {
  from { opacity: 0; transform: translateY(15px) scale(.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.appointment-success-toast {
  position: fixed;
  z-index: 2147483647;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(18px, env(safe-area-inset-bottom));
  width: min(430px, calc(100vw - 36px));
  min-height: 88px;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 11px;
  overflow: hidden;
  padding: 12px 12px 15px;
  border: 1px solid rgba(100, 72, 221, .25);
  border-radius: 19px;
  color: #25204f;
  background:
    radial-gradient(circle at 4% 14%, rgba(112, 72, 235, .16), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, .99), rgba(247, 245, 255, .97));
  box-shadow: 0 24px 62px rgba(41, 31, 104, .24), 0 8px 22px rgba(15, 23, 42, .11);
  opacity: 0;
  pointer-events: none;
  transform: translate3d(22px, 12px, 0) scale(.95);
  transform-origin: bottom right;
  backdrop-filter: blur(18px) saturate(1.2);
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
}

.appointment-success-toast.is-visible {
  pointer-events: auto;
  animation: appointment-toast-enter .48s cubic-bezier(.16, 1, .3, 1) both;
}

.appointment-success-toast.is-leaving {
  pointer-events: none;
  animation: appointment-toast-leave .26s cubic-bezier(.4, 0, 1, 1) both;
}

.appointment-success-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  color: #fff;
  background: linear-gradient(145deg, #7b48f2, #3c5fd7);
  box-shadow: 0 9px 20px rgba(72, 58, 201, .28), inset 0 1px 1px rgba(255, 255, 255, .38);
}

.appointment-success-icon svg {
  width: 26px;
  height: 26px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.appointment-success-copy {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 8px;
  align-items: center;
}

.appointment-success-copy strong,
.appointment-success-copy small {
  grid-column: 1 / -1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.appointment-success-copy strong {
  color: #282051;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 900;
}

.appointment-success-copy small {
  color: #66617d;
  font-size: 10.5px;
  line-height: 1.3;
  font-weight: 680;
}

.appointment-success-copy a {
  width: max-content;
  margin-top: 2px;
  padding: 5px 8px;
  border-radius: 7px;
  color: #5433c5;
  background: rgba(105, 80, 219, .1);
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  text-decoration: none;
}

.appointment-success-copy a:hover {
  color: #fff;
  background: #6040d0;
}

.appointment-success-close {
  width: 28px;
  height: 28px;
  align-self: start;
  display: grid;
  place-items: center;
  padding: 0 0 2px;
  border: 0;
  border-radius: 8px;
  color: #77718c;
  background: transparent;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
}

.appointment-success-close:hover {
  color: #312862;
  background: rgba(105, 80, 219, .1);
}

.appointment-success-progress {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  overflow: hidden;
  background: rgba(105, 80, 219, .1);
}

.appointment-success-progress::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #7845ef, #3d64df);
  transform-origin: left center;
}

.appointment-success-toast.is-visible .appointment-success-progress::after {
  animation: appointment-toast-progress 7.6s linear both;
}

@keyframes appointment-toast-enter {
  0% { opacity: 0; transform: translate3d(22px, 12px, 0) scale(.95); }
  72% { opacity: 1; transform: translate3d(-2px, -1px, 0) scale(1.01); }
  100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes appointment-toast-leave {
  from { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
  to { opacity: 0; transform: translate3d(18px, 8px, 0) scale(.97); }
}

@keyframes appointment-toast-progress {
  from { transform: scaleX(1); }
  to { transform: scaleX(0); }
}

@media (max-width: 700px) {
  .quote-appointment-btn {
    width: 40px;
    min-width: 40px;
    height: 40px;
    flex-basis: 40px;
    padding: 0;
  }

  .quote-appointment-btn > span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .quote-appointment-btn svg {
    width: 20px;
    height: 20px;
  }

  .quote-row-actions .appointment-action span {
    display: none;
  }

  .quote-row-actions .table-action.appointment-action {
    width: 28px;
    min-width: 28px;
    padding: 0;
  }

  .appointment-backdrop {
    padding: max(7px, env(safe-area-inset-top)) max(7px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left));
  }

  .quote-appointment-dialog {
    width: 100%;
    max-height: calc(100dvh - 14px);
    border-radius: 16px;
  }

  .quote-appointment-question-dialog {
    width: min(100%, 480px);
  }

  .quote-appointment-head {
    grid-template-columns: 42px minmax(0, 1fr) 32px;
    gap: 9px;
    padding: 11px;
  }

  .quote-appointment-mark {
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }

  .quote-appointment-mark svg {
    width: 22px;
    height: 22px;
  }

  .quote-appointment-head h2 {
    font-size: 15px;
  }

  .quote-appointment-head > div > span {
    font-size: 9.5px;
  }

  .quote-appointment-form {
    padding: 11px;
  }

  .quote-appointment-summary {
    margin-bottom: 9px;
  }

  .quote-appointment-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .quote-appointment-grid label.wide {
    grid-column: auto;
  }

  .quote-appointment-grid input,
  .quote-appointment-grid select {
    height: 42px;
  }

  .quote-appointment-grid textarea {
    min-height: 74px;
  }

  .quote-appointment-actions {
    display: grid;
    grid-template-columns: minmax(90px, .75fr) minmax(0, 1.35fr);
  }

  .quote-appointment-cancel,
  .quote-appointment-submit {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    padding-inline: 10px;
  }

  .appointment-success-toast {
    right: 10px;
    bottom: max(10px, env(safe-area-inset-bottom));
    left: 10px;
    width: auto;
    min-height: 82px;
    grid-template-columns: 44px minmax(0, 1fr) 26px;
    gap: 9px;
    padding: 10px 9px 13px;
    border-radius: 16px;
    transform-origin: bottom center;
  }

  .appointment-success-icon {
    width: 43px;
    height: 43px;
    border-radius: 13px;
  }
}

@media print {
  .offer-appointment-modal,
  .offer-appointment-success-toast {
    display: none !important;
  }
}

@media (max-width: 420px) {
  .quote-search-actions {
    grid-template-columns: 1fr;
  }

  .package-card-quote-search {
    min-height: 332px;
  }
}

@media (max-height: 650px) and (orientation: landscape) {
  .quote-appointment-dialog {
    max-height: calc(100dvh - 10px);
  }

  .quote-appointment-head {
    padding-block: 9px;
  }

  .quote-appointment-mark {
    width: 38px;
    height: 38px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .quote-appointment-dialog,
  .appointment-success-toast.is-visible,
  .appointment-success-toast.is-leaving,
  .appointment-success-toast.is-visible .appointment-success-progress::after {
    animation: none !important;
  }

  .appointment-success-toast.is-visible {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 360px) {
  .page-shell {
    width: calc(100% - 10px);
  }

  .app-brand-copy small {
    display: none;
  }

  .app-brand strong {
    font-size: 14px;
  }

  .admin-open-btn span {
    display: none;
  }

  .admin-open-btn {
    width: 42px;
    min-width: 42px;
  }

  .detail-head p {
    display: none;
  }

  .detail-head h2 {
    max-width: 138px;
    font-size: 14px;
  }

  .quote-reset-btn {
    padding-inline: 8px;
    font-size: 10px;
  }
}

@media (max-height: 680px) and (orientation: landscape) {
  .guest-gate-visual {
    width: 72px;
    height: 72px;
  }

  .guest-gate-visual strong {
    width: 52px;
    height: 52px;
  }

  .guest-gate-shell {
    gap: 7px;
  }

  .guest-gate-heading .guest-gate-kicker {
    display: none;
  }

  .guest-login-form {
    gap: 8px;
    padding: 13px 16px;
  }
}

@media (max-width: 700px) and (max-height: 760px) {
  .management-user-card {
    display: none;
  }
}

@media (hover: none) {
  .package-card:hover,
  .company-row:hover,
  .package-management-row:hover,
  .company-package-row:hover,
  .audit-entry:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
  }

  .package-card:hover,
  .package-card:hover .package-image,
  .admin-open-btn:hover,
  .daily-quote-company:hover {
    transform: none;
  }
}

/* Paket alanındaki güvenli teklif arama sonuçları */
.package-card-quote-search {
  grid-template-rows: 66px auto auto auto minmax(48px, 1fr) auto auto;
  border-color: #cfd9e7;
  background:
    radial-gradient(circle at 50% -16%, rgba(29, 78, 216, .12), transparent 48%),
    linear-gradient(180deg, #fff, #f8faff);
}

.package-card-quote-search::after {
  height: 4px;
  background: linear-gradient(90deg, #15233c, #2563eb, #b20a37);
  opacity: 1;
}

.quote-search-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  justify-self: center;
  border: 1px solid #cbd8ea;
  border-radius: 18px;
  color: #174dc5;
  background: linear-gradient(145deg, #fff, #edf3ff);
  box-shadow: 0 8px 18px rgba(29, 78, 216, .12);
}

.quote-search-icon svg {
  width: 31px;
  height: 31px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.quote-search-family {
  color: #174dc5;
  font-size: 11px;
  letter-spacing: .055em;
}

.quote-search-plate {
  color: #172033;
  font-size: 21px;
  line-height: 1.08;
  letter-spacing: .015em;
}

.quote-search-title {
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  color: #536176;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 750;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.quote-search-meta {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  color: #667085;
  font-size: 10.5px;
  line-height: 1.25;
  font-weight: 650;
}

.quote-search-meta span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quote-search-meta b {
  color: #087267;
  font-size: 10px;
  letter-spacing: .035em;
}

.quote-search-price {
  color: #174dc5;
}

.package-card .quote-search-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(135deg, #214fba, #153784);
  box-shadow: 0 7px 15px rgba(29, 78, 216, .18);
}

.quote-search-unavailable {
  width: 100%;
  height: 39px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d5dde8;
  border-radius: 10px;
  color: #667085;
  background: #f4f6f9;
  font-size: 11px;
  font-weight: 800;
}

.quote-search-status-card {
  min-height: 176px;
  grid-template-rows: auto auto auto;
  place-content: center;
  gap: 9px;
  text-align: center;
}

.quote-search-status-card strong {
  color: #344054;
  font-size: 14px;
}

.quote-search-status-card small {
  color: #667085;
  font-size: 11px;
}

.quote-search-status-card.is-error {
  border-color: #ecc7d1;
  background: #fff8fa;
}

.quote-search-spinner {
  width: 30px;
  height: 30px;
  justify-self: center;
  border: 3px solid #dbe5f5;
  border-top-color: #2563eb;
  border-radius: 50%;
  animation: quote-search-spin .72s linear infinite;
}

@keyframes quote-search-spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 460px) {
  .package-card-quote-search {
    min-height: 292px;
    grid-template-rows: 58px auto auto auto minmax(42px, 1fr) auto auto;
  }

  .quote-search-icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
  }
}

@media (max-width: 420px) {
  .package-card-quote-search:has(.quote-search-actions) {
    min-height: 332px;
  }
}

/* Ana hesap için sessiz görünüm anahtarı */
.owner-mode-trigger {
  position: relative;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  opacity: .12;
  cursor: pointer;
  background: transparent;
  transition: opacity .18s ease, transform .18s ease;
}

.owner-mode-trigger[hidden] {
  display: none !important;
}

.owner-mode-trigger span {
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  border-radius: inherit;
  background: #64748b;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .7);
}

.owner-mode-trigger:hover,
.owner-mode-trigger:focus-visible {
  opacity: .62;
}

.owner-mode-trigger:hover span,
.owner-mode-trigger:focus-visible span {
  transform: scale(1.35);
}

.owner-mode-trigger.is-enabled {
  opacity: .82;
}

.owner-mode-trigger.is-enabled span {
  background: #d99b19;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .9), 0 0 7px rgba(217, 155, 25, .72);
}

.owner-mode-backdrop {
  position: fixed;
  inset: 0;
  z-index: 2147483620;
  display: grid;
  place-items: center;
  padding: 20px;
  overflow-y: auto;
  background: rgba(10, 18, 32, .58);
  backdrop-filter: blur(7px);
}

.owner-mode-backdrop[hidden] {
  display: none !important;
}

.owner-mode-dialog {
  position: relative;
  width: min(100%, 360px);
  max-height: calc(100dvh - 40px);
  overflow-y: auto;
  padding: 28px;
  border: 1px solid rgba(148, 163, 184, .42);
  border-radius: 22px;
  color: #172033;
  background: linear-gradient(160deg, #fff, #f7f9fc);
  box-shadow: 0 26px 80px rgba(15, 23, 42, .28);
}

.owner-mode-close {
  position: absolute;
  top: 12px;
  right: 14px;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #667085;
  background: #eef2f6;
  font-size: 20px;
  cursor: pointer;
}

.owner-mode-mark {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  margin-bottom: 16px;
  border-radius: 13px;
  background: #18243a;
  box-shadow: 0 8px 22px rgba(24, 36, 58, .2);
}

.owner-mode-mark i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d99b19;
  box-shadow: 0 0 0 4px rgba(217, 155, 25, .16);
}

.owner-mode-dialog > small {
  display: block;
  color: #8b6b24;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .13em;
}

.owner-mode-dialog h2 {
  margin: 5px 0 7px;
  font-size: 22px;
}

.owner-mode-dialog > p {
  margin: 0 0 20px;
  color: #667085;
  font-size: 13px;
  line-height: 1.5;
}

.owner-mode-dialog form,
.owner-mode-dialog label {
  display: grid;
  gap: 8px;
}

.owner-mode-dialog label span {
  color: #344054;
  font-size: 12px;
  font-weight: 800;
}

.owner-mode-dialog input {
  width: 100%;
  height: 45px;
  padding: 0 13px;
  border: 1px solid #cbd5e1;
  border-radius: 11px;
  outline: none;
  color: #172033;
  background: #fff;
  font: inherit;
}

.owner-mode-dialog input:focus {
  border-color: #8b6b24;
  box-shadow: 0 0 0 3px rgba(217, 155, 25, .14);
}

.owner-mode-message {
  min-height: 17px;
  margin: 2px 0 0;
  color: #b42318;
  font-size: 11px;
  font-weight: 700;
}

.owner-mode-dialog form > div {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.owner-mode-dialog form button {
  min-width: 86px;
  height: 39px;
  padding: 0 15px;
  border-radius: 10px;
  font-weight: 800;
  cursor: pointer;
}

.owner-mode-cancel {
  border: 1px solid #d4dce7;
  color: #475467;
  background: #fff;
}

.owner-mode-submit {
  border: 1px solid #18243a;
  color: #fff;
  background: #18243a;
}

.owner-mode-dialog form button:disabled {
  opacity: .55;
  cursor: wait;
}

@media (max-width: 520px) {
  .owner-mode-dialog {
    padding: 24px 20px 20px;
    border-radius: 18px;
  }
}

/* Paket detayındaki alt toplam alanını daha okunaklı ve belirgin tutar. */
.quote-detail-table th:nth-child(3),
.quote-detail-table td:nth-child(3) { width: 8%; }
.quote-detail-table th:nth-child(4),
.quote-detail-table td:nth-child(4) { width: 19%; }
.quote-detail-table th:nth-child(8),
.quote-detail-table td:nth-child(8) { width: 8.5%; }
.quote-detail-table th:nth-child(11),
.quote-detail-table td:nth-child(11) { width: 14.5%; }

.quote-detail-table .detail-total td {
  padding-top: 12px;
  padding-bottom: 12px;
}

.quote-detail-table .package-list-total b,
.quote-detail-table .package-discount-total b {
  font-size: 14px;
}

.quote-detail-table .package-total-edit {
  gap: 6px;
}

.quote-detail-table .package-total-edit small {
  font-size: 11px;
}

.quote-detail-table .package-total-edit input {
  min-height: 42px;
  padding: 0 10px;
  border-width: 2px;
  border-radius: 9px;
  font-size: 17px;
  letter-spacing: -.01em;
  box-shadow: 0 3px 10px rgba(29, 78, 216, .08);
}
/* Tüm firmaların ortak fikir sohbeti */
.global-chat{position:fixed;right:24px;bottom:24px;z-index:1150;font-family:inherit}.is-guest .global-chat,.global-chat[hidden]{display:none!important}.global-chat-toggle{position:relative;display:grid;place-items:center;width:58px;height:58px;margin-left:auto;border:0;border-radius:19px;color:#fff;background:linear-gradient(145deg,#174b43,#0d7463);box-shadow:0 14px 35px rgba(11,71,61,.3);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.global-chat-toggle:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(11,71,61,.36)}.global-chat-toggle svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.global-chat-toggle span{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border:3px solid #fff;border-radius:12px;background:#e34f4f;color:#fff;font-size:11px;font-weight:800}.global-chat-panel{position:absolute;right:0;bottom:72px;display:flex;width:min(390px,calc(100vw - 30px));height:min(590px,calc(100vh - 115px));overflow:hidden;flex-direction:column;border:1px solid rgba(18,72,64,.14);border-radius:22px;background:#f7faf9;box-shadow:0 25px 70px rgba(18,46,42,.25);transform-origin:bottom right;animation:globalChatIn .18s ease-out}.global-chat-panel[hidden]{display:none!important}@keyframes globalChatIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.global-chat-header{display:flex;align-items:center;gap:11px;padding:16px 16px 14px;color:#fff;background:linear-gradient(135deg,#143f39,#116d5e)}.global-chat-brand{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.25);border-radius:13px;background:rgba(255,255,255,.13);font-size:19px;font-weight:800}.global-chat-header>div:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.global-chat-header strong{font-size:15px;letter-spacing:.1px}.global-chat-header small{margin-top:2px;color:rgba(255,255,255,.74);font-size:11px}.global-chat-header button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:11px;color:#fff;background:rgba(255,255,255,.1);font-size:25px;line-height:1;cursor:pointer}.global-chat-header button:hover{background:rgba(255,255,255,.2)}.global-chat-purpose{padding:10px 15px;border-bottom:1px solid #e5eeeb;background:#fff;color:#657975;font-size:11px;text-align:center}.global-chat-purpose span{color:#d5a83c}.global-chat-messages{display:flex;min-height:0;flex:1;flex-direction:column;gap:9px;overflow-y:auto;padding:15px;scrollbar-width:thin;scrollbar-color:#c7d8d4 transparent}.global-chat-message{position:relative;padding:10px 12px;border:1px solid #e1ebe8;border-radius:4px 15px 15px 15px;background:#fff;box-shadow:0 3px 12px rgba(20,63,57,.045)}.global-chat-meta{display:flex;align-items:center;gap:7px;margin-bottom:5px}.global-chat-sender{position:relative;max-width:67%;overflow:hidden;color:#12695b;font-size:12px;text-overflow:ellipsis;white-space:nowrap;cursor:help;outline:none}.global-chat-sender:where(:hover,:focus)::after{position:fixed;z-index:1200;display:block;max-width:230px;margin-top:5px;padding:7px 9px;border-radius:8px;color:#fff;background:#263e3a;box-shadow:0 7px 20px rgba(0,0,0,.18);content:attr(data-company);font-size:11px;font-weight:600;white-space:normal}.global-chat-meta time{margin-left:auto;color:#94a39f;font-size:10px}.global-chat-delete{display:grid;place-items:center;width:21px;height:21px;border:0;border-radius:7px;color:#9aa7a4;background:transparent;font-size:17px;cursor:pointer}.global-chat-delete:hover{color:#c33;background:#fff0f0}.global-chat-message p{margin:0;color:#2c3937;font-size:13px;line-height:1.52;overflow-wrap:anywhere;white-space:pre-wrap}.global-chat-message.is-deleted{border-style:dashed;background:#f3f6f5;box-shadow:none}.global-chat-message .global-chat-tombstone{color:#899491;font-size:11px;font-style:italic}.global-chat-compose{display:flex;align-items:flex-end;gap:9px;margin:0 12px;padding:9px 9px 9px 13px;border:1px solid #d9e6e2;border-radius:16px;background:#fff;box-shadow:0 4px 15px rgba(20,63,57,.06)}.global-chat-compose:focus-within{border-color:#74aa9f;box-shadow:0 0 0 3px rgba(18,105,91,.08)}.global-chat-compose textarea{min-height:24px;max-height:112px;flex:1;resize:none;border:0;outline:0;background:transparent;color:#263a36;font:inherit;font-size:13px;line-height:1.5}.global-chat-compose button{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;border:0;border-radius:12px;color:#fff;background:#12695b;cursor:pointer}.global-chat-compose button:disabled{opacity:.55;cursor:wait}.global-chat-compose svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.global-chat-hint{padding:6px 18px 10px;color:#99a6a3;font-size:9px;text-align:center}.global-chat-empty{display:flex;min-height:100%;align-items:center;justify-content:center;flex-direction:column;color:#7f918d;text-align:center}.global-chat-empty span{font-size:25px;color:#d5a83c}.global-chat-empty strong{margin-top:8px;color:#48635d;font-size:13px}.global-chat-empty small{margin-top:3px;font-size:10px}.global-chat-state{margin:auto;color:#879792;font-size:12px}
@media(max-width:600px){.global-chat{right:14px;bottom:14px}.global-chat-panel{position:fixed;inset:12px 12px 84px;width:auto;height:auto;border-radius:20px}.global-chat-toggle{width:54px;height:54px;border-radius:18px}}
.global-chat-toggle{border-radius:50%;outline:4px solid rgba(255,255,255,.85)}.global-chat-toggle>strong{font-family:Georgia,serif;font-size:31px;font-weight:700;line-height:1}.global-chat-toggle.has-new-message{animation:globalChatAlert .75s ease 2}@keyframes globalChatAlert{0%,100%{transform:scale(1)}45%{transform:scale(1.13);box-shadow:0 0 0 12px rgba(18,105,91,.16),0 18px 40px rgba(11,71,61,.35)}}.global-chat-notice{position:absolute;right:0;bottom:74px;width:285px;padding:12px 14px;border:1px solid #dbe9e5;border-radius:14px;background:#fff;box-shadow:0 14px 38px rgba(18,46,42,.2);cursor:pointer;animation:globalChatNoticeIn .25s ease}.global-chat-notice[hidden]{display:none!important}.global-chat-notice strong,.global-chat-notice small{display:block}.global-chat-notice strong{color:#155f53;font-size:12px}.global-chat-notice small{margin-top:4px;overflow:hidden;color:#61736f;font-size:11px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}@keyframes globalChatNoticeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.global-chat-panel{width:min(470px,calc(100vw - 30px))}.global-chat-file-button{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:11px;color:#176d5f;background:#edf6f3;font-size:24px;font-weight:400;line-height:1;cursor:pointer}.global-chat-file-button:hover{background:#dceee9}.global-chat-selected-file{display:flex;align-items:center;gap:8px;margin:6px 14px 0;padding:7px 10px;border:1px solid #dbe8e4;border-radius:10px;background:#edf6f3;color:#46625c;font-size:10px}.global-chat-selected-file[hidden]{display:none!important}.global-chat-selected-file span{min-width:0;overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.global-chat-selected-file button{border:0;color:#8c5a5a;background:transparent;font-size:18px;cursor:pointer}.global-chat-attachment{display:flex;width:100%;align-items:center;gap:10px;margin-top:9px;padding:9px;border:1px solid #dce9e5;border-radius:11px;background:#f5faf8;color:inherit;text-align:left;cursor:pointer}.global-chat-attachment:hover{border-color:#9dc7bd;background:#edf7f4}.global-chat-attachment>span:first-child{display:grid;width:38px;height:38px;place-items:center;flex:0 0 38px;border-radius:10px;color:#fff;background:#277b6d;font-size:10px;font-weight:800}.global-chat-attachment>span:last-child{display:flex;min-width:0;flex-direction:column}.global-chat-attachment strong{overflow:hidden;color:#29433e;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.global-chat-attachment small{margin-top:3px;color:#7d908b;font-size:9px}.global-chat-preview{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:18px;background:rgba(15,35,31,.66);backdrop-filter:blur(4px)}.global-chat-preview[hidden]{display:none!important}.global-chat-preview>section{display:flex;width:min(900px,96vw);height:min(760px,92vh);overflow:hidden;flex-direction:column;border-radius:20px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.35)}.global-chat-preview header{display:flex;align-items:center;gap:12px;padding:14px 17px;border-bottom:1px solid #e3ebe9}.global-chat-preview header strong{min-width:0;overflow:hidden;flex:1;color:#29433e;text-overflow:ellipsis;white-space:nowrap}.global-chat-preview header button{width:34px;height:34px;border:0;border-radius:10px;background:#edf3f1;font-size:23px;cursor:pointer}.global-chat-preview>section>div{display:grid;min-height:0;place-items:center;flex:1;overflow:auto;background:#eef3f2}.global-chat-preview img{display:block;max-width:100%;max-height:100%;object-fit:contain}.global-chat-preview iframe{width:100%;height:100%;border:0;background:#fff}.global-chat-preview pre{align-self:stretch;justify-self:stretch;margin:0;padding:20px;overflow:auto;background:#fff;color:#263a36;font:12px/1.55 monospace;white-space:pre-wrap}.global-chat-preview footer{display:flex;justify-content:flex-end;padding:12px 16px;border-top:1px solid #e3ebe9}.global-chat-preview footer a{padding:9px 15px;border-radius:10px;color:#fff;background:#176d5f;font-size:12px;font-weight:700;text-decoration:none}.global-chat-document-preview{display:flex;max-width:390px;align-items:center;flex-direction:column;padding:30px;text-align:center}.global-chat-document-preview>span{display:grid;width:72px;height:72px;place-items:center;border-radius:18px;color:#fff;background:#277b6d;font-weight:800}.global-chat-document-preview strong{margin-top:14px;color:#29433e}.global-chat-document-preview small{margin-top:7px;color:#70827e;line-height:1.5}
@media(max-width:600px){.global-chat-panel{width:auto}.global-chat-preview{padding:8px}.global-chat-preview>section{width:100%;height:96vh;border-radius:16px}}
.global-chat-sheet-state{color:#60736e;font-size:13px}.global-chat-sheet-wrap{align-self:stretch;justify-self:stretch;overflow:auto;background:#fff}.global-chat-sheet-wrap table{min-width:100%;border-collapse:collapse;color:#29413c;font-size:11px}.global-chat-sheet-wrap th,.global-chat-sheet-wrap td{max-width:260px;padding:8px 10px;border:1px solid #dfe8e5;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.global-chat-sheet-wrap th{position:sticky;top:0;background:#e7f2ef;color:#155f53;font-weight:800}
.global-chat-compose{position:relative}.global-chat-mentions{position:absolute;right:0;bottom:56px;left:0;z-index:5;max-height:230px;overflow-y:auto;padding:6px;border:1px solid #d7e5e1;border-radius:14px;background:#fff;box-shadow:0 14px 35px rgba(18,46,42,.2)}.global-chat-mentions[hidden]{display:none!important}.global-chat-mentions button{display:flex;width:100%;height:auto;align-items:flex-start;flex-direction:column;padding:9px 11px;border:0;border-radius:9px;color:#29433e;background:transparent;text-align:left;cursor:pointer}.global-chat-mentions button:hover{background:#edf6f3}.global-chat-mentions button strong{font-size:11px}.global-chat-mentions button small{margin-top:2px;color:#78908a;font-size:9px}.global-chat-mention{padding:1px 4px;border-radius:5px;color:#086756;background:#dff2ed;font-weight:750}.global-chat-mention.is-me{color:#fff;background:#d87818;box-shadow:0 0 0 2px rgba(216,120,24,.15)}
.global-chat-toggle.has-unread{animation:globalChatUnreadPulse 1.7s ease-in-out infinite;outline-color:#fff}.global-chat-toggle.has-unread::before{position:absolute;inset:-7px;border:2px solid rgba(32,191,157,.6);border-radius:50%;content:"";animation:globalChatUnreadRing 1.7s ease-out infinite;pointer-events:none}@keyframes globalChatUnreadPulse{0%,100%{filter:brightness(1);box-shadow:0 14px 35px rgba(11,71,61,.3)}50%{filter:brightness(1.25);box-shadow:0 0 0 9px rgba(25,173,143,.16),0 18px 42px rgba(11,71,61,.45)}}@keyframes globalChatUnreadRing{0%{opacity:.85;transform:scale(.9)}100%{opacity:0;transform:scale(1.3)}}
.global-chat-sound-enable{position:absolute;right:70px;bottom:7px;width:max-content;padding:9px 12px;border:1px solid #d9e9e5;border-radius:12px;color:#155f53;background:#fff;box-shadow:0 10px 28px rgba(18,46,42,.18);font-size:10px;font-weight:800;cursor:pointer;animation:globalChatSoundPrompt 1.8s ease-in-out infinite}.global-chat-sound-enable[hidden]{display:none!important}.global-chat-sound-enable span{margin-right:4px}@keyframes globalChatSoundPrompt{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
body.forgot-password-opened { overflow: hidden; }

.forgot-password-open {
  justify-self: center;
  border: 0;
  padding: 4px 8px;
  color: #c7d7ec;
  background: transparent;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.forgot-password-open:hover { color: #fff; }
.forgot-password-open.is-management { color: #52647c; }
.forgot-password-open.is-management:hover { color: #0f766e; }

.forgot-password-backdrop {
  position: fixed;
  inset: 0;
  z-index: 2147483630;
  display: grid;
  place-items: center;
  overflow-y: auto;
  padding: 18px;
  background: rgba(3, 15, 32, .76);
  backdrop-filter: blur(8px);
}

.forgot-password-backdrop[hidden] { display: none !important; }

.forgot-password-dialog {
  width: min(440px, 100%);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 28px 80px rgba(0,0,0,.32);
}

.forgot-password-dialog > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  color: #fff;
  background: linear-gradient(135deg,#0b2648,#123d6b);
}

.forgot-password-dialog header small { color: #9fc0e7; font-size: 9px; font-weight: 900; letter-spacing: .1em; }
.forgot-password-dialog header h2 { margin: 3px 0 0; font-size: 19px; }
.forgot-password-dialog header button { width: 32px; height: 32px; border: 0; border-radius: 9px; color: #fff; background: rgba(255,255,255,.1); font-size: 22px; cursor: pointer; }
.forgot-password-dialog form { display: grid; gap: 12px; padding: 18px; }
.forgot-password-dialog form > p { margin: 0; color: #5b6b80; font-size: 12px; line-height: 1.5; }
.forgot-password-dialog label { display: grid; gap: 6px; }
.forgot-password-dialog label span { color: #263850; font-size: 11px; font-weight: 900; }
.forgot-password-dialog input { width: 100%; height: 42px; border: 1px solid #cdd8e5; border-radius: 10px; padding: 0 11px; color: #15243a; font: inherit; font-size: 13px; outline: none; }
.forgot-password-dialog input:focus { border-color: #1970d2; box-shadow: 0 0 0 3px rgba(25,112,210,.13); }
.forgot-password-info { display: grid; gap: 2px; border: 1px solid #bbf7d0; border-radius: 10px; padding: 9px 11px; color: #166534; background: #f0fdf4; }
.forgot-password-info b { font-size: 11px; }
.forgot-password-info span { font-size: 10px; }
.forgot-password-message { min-height: 34px; border-radius: 9px; padding: 8px 10px; color: #52647a !important; background: #f1f5f9; }
.forgot-password-message.success { color: #166534 !important; background: #ecfdf5; }
.forgot-password-message.error { color: #991b1b !important; background: #fef2f2; }
.forgot-password-dialog footer { display: grid; grid-template-columns: 1fr 1.3fr; gap: 8px; }
.forgot-password-dialog footer button { height: 39px; border: 0; border-radius: 9px; color: #25364d; background: #e8eef5; font: inherit; font-size: 11px; font-weight: 900; cursor: pointer; }
.forgot-password-dialog footer .forgot-password-submit { color: #fff; background: linear-gradient(135deg,#168c61,#0f6c4b); }
.forgot-password-dialog footer button:disabled { opacity: .6; cursor: wait; }

/* Pasif firma giriş uyarısı */
.inactive-company-backdrop {
  position: fixed;
  inset: 0;
  z-index: 2147483640;
  display: grid;
  place-items: center;
  overflow-y: auto;
  padding: 18px;
  background: rgba(4, 13, 27, .78);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.inactive-company-backdrop[hidden] { display: none !important; }
.inactive-company-dialog {
  position: relative;
  width: min(430px, 100%);
  display: grid;
  justify-items: center;
  gap: 9px;
  overflow: hidden;
  padding: 29px 27px 24px;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 24px;
  color: #17253a;
  text-align: center;
  background: linear-gradient(155deg, #fff, #fff9f4);
  box-shadow: 0 34px 100px rgba(0, 0, 0, .38);
  animation: inactive-company-in .24s ease-out both;
}
.inactive-company-dialog::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, #f59e0b, #dc3545, #f59e0b);
}
.inactive-company-close {
  position: absolute;
  top: 13px;
  right: 13px;
  width: 34px;
  height: 34px;
  border: 1px solid #e4e8ee;
  border-radius: 10px;
  color: #6b7788;
  background: #fff;
  font: inherit;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.inactive-company-icon {
  width: 70px;
  height: 70px;
  display: grid;
  place-items: center;
  margin-top: 3px;
  border: 1px solid #fed7aa;
  border-radius: 22px;
  color: #b54708;
  background: linear-gradient(145deg, #fff7ed, #ffedd5);
  box-shadow: 0 12px 28px rgba(180, 83, 9, .14);
}
.inactive-company-icon svg { width: 35px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.inactive-company-dialog > small { margin-top: 5px; color: #b54708; font-size: 9px; font-weight: 950; letter-spacing: .15em; }
.inactive-company-dialog h2 { margin: 0; color: #17253a; font-size: 22px; letter-spacing: -.025em; }
.inactive-company-dialog p { margin: 1px 0 7px; color: #5d6878; font-size: 13px; font-weight: 650; line-height: 1.65; }
.inactive-company-confirm {
  width: min(190px, 100%);
  height: 43px;
  border: 0;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, #c92d3c, #9f1725);
  box-shadow: 0 10px 22px rgba(178, 35, 50, .23);
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}
.inactive-company-close:hover { color: #9f1725; border-color: #edbec3; background: #fff6f7; }
.inactive-company-confirm:hover { filter: brightness(1.05); transform: translateY(-1px); }
body.inactive-company-opened { overflow: hidden; }
@keyframes inactive-company-in { from { opacity: 0; transform: translateY(14px) scale(.98); } to { opacity: 1; transform: none; } }
@media (max-width: 520px) {
  .inactive-company-dialog { padding: 25px 18px 20px; border-radius: 20px; }
  .inactive-company-icon { width: 62px; height: 62px; border-radius: 19px; }
  .inactive-company-dialog h2 { font-size: 19px; }
}

/* Tofaş Akademi hesapları */
.academy-management-panel { display: grid; gap: 16px; }
.academy-section-head { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); margin-bottom: 0; }
.academy-section-head > .academy-section-actions { justify-self: end; }
.academy-average-card { display: grid; min-width: 214px; justify-items: center; align-self: center; gap: 3px; border: 1px solid #b9d9f3; border-radius: 16px; padding: 9px 20px; color: #255479; background: linear-gradient(145deg,#f4fbff,#e2f2ff); text-align: center; box-shadow: 0 7px 18px rgba(25,100,160,.11); }
.academy-average-card span { font-size: 9px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.academy-average-card strong { color: #075ca8; font-size: 22px; line-height: 1.1; }
.academy-average-card small { color: #66829c; font-size: 9px; font-weight: 750; }
.academy-average-card.academy-average-low { border-color: #b42318; color: #8e1f1f; background: linear-gradient(145deg,#fff0f0,#ffd5d5); box-shadow: 0 0 0 3px rgba(180,35,24,.14), 0 10px 24px rgba(164,35,35,.2); animation: academy-average-alert 1.15s ease-in-out infinite; }
.academy-average-card.academy-average-low strong { color: #b42318; }
.academy-average-card.academy-average-low small { color: #9b3636; }
.academy-profile-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 14px; }
.academy-profile-card { position: relative; min-width: 0; overflow: hidden; border: 1px solid #d7e2ee; border-radius: 20px; background: linear-gradient(150deg,#fff,#f3f7fc); box-shadow: 0 10px 25px rgba(19,47,79,.1); transition: transform .18s,box-shadow .18s,border-color .18s; }
.academy-profile-card:has(.academy-profile-open:not(:disabled):hover) { border-color: #7db6eb; transform: translateY(-2px); box-shadow: 0 15px 32px rgba(18,75,126,.16); }
.academy-profile-card.inactive { opacity: .62; }
.academy-profile-card.login-missing:not(.inactive) { border-color: #f2c98f; background: linear-gradient(150deg,#fff,#fff9ef); }
.academy-profile-card.login-missing:not(.inactive) {
  border-color: #2684d9;
  background: linear-gradient(145deg,#eaf5ff,#b9ddff,#eaf5ff);
  background-size: 220% 220%;
  animation: academy-login-missing-alert 1.35s ease-in-out infinite;
}
.academy-profile-open { display: grid; justify-items: center; align-content: center; gap: 11px; width: 100%; min-height: 218px; border: 0; padding: 18px 14px 15px; color: #18324f; text-align: center; background: transparent; cursor: pointer; }
.academy-profile-open:not(:disabled):hover { background: linear-gradient(180deg,#f5faff,#eaf4ff); }
.academy-profile-open:disabled { cursor: default; }
.academy-profile-visual { display: grid; justify-items: center; gap: 8px; width: 100%; }
.academy-profile-avatar { position: relative; display: grid; place-items: center; width: 104px; height: 104px; overflow: hidden; border: 3px solid #fff; border-radius: 29px; color: #fff; background: linear-gradient(145deg,#1c75bc,#103c70); box-shadow: 0 8px 20px rgba(17,67,113,.24); font-size: 24px; font-weight: 950; }
.academy-profile-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #dfeaf5; }
.academy-profile-avatar img.academy-avatar-rotate-right { transform: rotate(90deg); }
.academy-profile-avatar img:not([src]),.academy-profile-avatar img[src=""] { display: none; }
.academy-profile-progress { max-width: 100%; overflow: hidden; border: 1px solid #d5e2ef; border-radius: 999px; padding: 5px 8px; color: #687c92; background: #f6f9fc; font-size: 9px; font-weight: 900; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.academy-profile-progress.ready { border-color: #a7e2ce; color: #08775a; background: #eafaf4; }
.academy-profile-copy { display: grid; min-width: 0; width: 100%; gap: 4px; justify-items: center; }
.academy-profile-copy strong { width: 100%; overflow: hidden; font-size: 14px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.academy-profile-copy small { overflow: hidden; color: #6c7f96; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.academy-profile-copy .academy-profile-code { color: #234e7b; font-family: ui-monospace,SFMono-Regular,Menlo,monospace; font-weight: 800; }
.academy-profile-copy em { margin-top: 3px; color: #08775a; font-size: 10px; font-style: normal; font-weight: 900; }
.academy-profile-card.login-missing:not(.inactive) .academy-profile-copy em { color: #075ca8; }
.academy-profile-actions { display: flex; gap: 6px; border-top: 1px solid #e3ebf3; padding: 8px 10px; }
.academy-profile-actions button { flex: 1; height: 30px; border: 1px solid #cbd9e7; border-radius: 8px; color: #29445f; background: #fff; font: inherit; font-size: 10px; font-weight: 900; cursor: pointer; }
.academy-profile-actions button.danger { border-color: #fecaca; color: #b42318; background: #fff7f7; }
.academy-profile-secret { margin: 0 10px 8px; overflow: auto; border: 1px solid #b9d4ee; border-radius: 8px; padding: 7px 8px; color: #173f66; background: #edf6ff; text-align: center; }
.academy-profile-secret[hidden] { display: none; }
.academy-profile-secret code { font: 800 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.bos-management-panel { align-content: start; }
.bos-profile-card { background: linear-gradient(150deg,#fff,#eef5fb); }
.bos-profile-card .academy-profile-avatar { background: linear-gradient(145deg,#174f7b,#0b2c4a); }
.bos-browser-badge { border: 1px solid #9fc4e6; border-radius: 999px; padding: 5px 9px; color: #174d79; background: #eaf4fd; font-size: 9px; font-weight: 950; line-height: 1; }
.bos-compatibility-note { margin: 0; border: 1px solid #d8e5f1; border-radius: 12px; padding: 10px 12px; color: #60758b; background: #f7fafc; font-size: 10px; line-height: 1.45; }
.bos-ie-actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: 7px; margin-left: auto; }
.bos-ie-launch { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; gap: 7px; padding: 0 13px; white-space: nowrap; text-decoration: none; }
.bos-ie-icon { display: inline-grid; width: 18px; height: 18px; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-size: 12px; line-height: 1; }
.bos-ie-info { display: inline-grid; width: 34px; height: 34px; place-items: center; border: 1px solid #b9cde0; border-radius: 50%; color: #1e5b88; background: #f3f8fd; font: 900 15px/1 ui-sans-serif,system-ui,sans-serif; cursor: pointer; transition: .18s ease; }
.bos-ie-info:hover, .bos-ie-info:focus-visible { border-color: #1878bf; color: #fff; background: #1878bf; box-shadow: 0 4px 12px #1878bf33; }
.bos-ie-info-backdrop { position: fixed; z-index: 1200; inset: 0; display: grid; place-items: center; padding: 18px; background: #08213c80; backdrop-filter: blur(5px); }
.bos-ie-info-backdrop[hidden] { display: none; }
.bos-ie-info-dialog { position: relative; width: min(430px, 100%); border: 1px solid #d5e4f1; border-radius: 20px; padding: 25px 24px 22px; color: #173653; background: linear-gradient(160deg,#fff,#f3f8fd); box-shadow: 0 24px 70px #061b3340; }
.bos-ie-info-close { position: absolute; top: 10px; right: 12px; width: 31px; height: 31px; border: 1px solid #d3dfeb; border-radius: 50%; color: #58738d; background: #fff; font-size: 21px; line-height: 1; cursor: pointer; }
.bos-ie-info-kicker { color: #1973af; font-size: 9px; font-weight: 950; letter-spacing: .16em; }
.bos-ie-info-dialog h2 { margin: 7px 28px 10px 0; font-size: 20px; letter-spacing: -.02em; }
.bos-ie-info-dialog p { margin: 0; color: #385773; font-size: 12px; line-height: 1.6; }
.bos-ie-info-dialog .bos-ie-info-muted { margin-top: 9px; color: #71869a; font-size: 11px; }
.bos-ie-info-done { display: inline-flex; min-width: 92px; justify-content: center; margin-top: 19px; }
@media (max-width: 620px) { .academy-section-head .bos-ie-actions { width: 100%; justify-content: flex-start; margin-left: 0; } .bos-ie-launch { flex: 1; } }
.academy-section-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.academy-account-form { margin-top: 0; }
.academy-access-panel { display: grid; gap: 12px; border: 1px solid #d6e2ef; border-radius: 16px; padding: 14px; background: #f8fbff; }
.academy-access-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.academy-access-toggle { display: flex; min-width: 0; flex: 1; align-items: center; justify-content: space-between; gap: 12px; border: 0; padding: 0; color: inherit; background: transparent; text-align: left; cursor: pointer; }
.academy-access-toggle > span:first-child { display: grid; gap: 3px; }
.academy-access-head strong { color: #173653; font-size: 14px; }
.academy-access-head small { color: #6a7c91; font-size: 10px; }
.academy-access-chevron { flex: 0 0 auto; width: 25px; height: 25px; border: 1px solid #c9d9e8; border-radius: 50%; color: #3d6487; background: #fff; font-size: 17px; font-weight: 900; line-height: 20px; text-align: center; transition: transform .18s ease, background .18s ease; }
.academy-access-panel.is-open .academy-access-chevron { transform: rotate(180deg); background: #edf6ff; }
.academy-access-body[hidden] { display: none !important; }
.academy-access-body { display: grid; gap: 12px; }
.academy-advisor-list { display: grid; gap: 9px; }
.academy-advisor-card { display: grid; gap: 10px; border: 1px solid #d8e4ef; border-radius: 13px; padding: 11px; background: #fff; }
.academy-advisor-card.inactive { opacity: .58; }
.academy-advisor-card > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.academy-advisor-card header > div { display: grid; gap: 2px; }
.academy-advisor-card header strong { color: #1c3855; font-size: 12px; }
.academy-advisor-card header small { color: #708299; font-size: 9px; }
.academy-menu-toggle,.academy-account-access-list label { display: flex; align-items: center; gap: 7px; color: #314c68; font-size: 10px; font-weight: 800; cursor: pointer; }
.academy-menu-toggle input,.academy-account-access-list input { width: 16px; height: 16px; accent-color: #1478c9; }
.academy-account-access-list { display: flex; flex-wrap: wrap; gap: 7px; }
.academy-account-access-list label { border: 1px solid #d9e3ee; border-radius: 9px; padding: 7px 9px; background: #f8fafc; }
.academy-account-access-list > small { color: #7a899a; font-size: 10px; }
.academy-management-panel.academy-advisor-view { align-content: start; min-height: 100%; border-radius: 22px; padding: 22px; color: #edf6ff; background: radial-gradient(circle at 15% 0,#1d4777 0,transparent 32%),linear-gradient(145deg,#07101e,#0b203b); }
.academy-advisor-view .academy-section-head { display: none; }
.academy-advisor-view .academy-profile-card { border-color: #294c73; background: linear-gradient(145deg,#112b4b,#0a1a30); box-shadow: 0 12px 28px rgba(0,0,0,.28); }
.academy-advisor-view .academy-profile-open { color: #edf6ff; }
.academy-advisor-view .academy-profile-open:not(:disabled):hover { background: linear-gradient(145deg,#173d68,#0c2749); }
.academy-advisor-view .academy-profile-avatar { border-color: #315a87; background: linear-gradient(145deg,#1d74bc,#123e70); }
.academy-advisor-view .academy-profile-progress { border-color: #315375; color: #abc0d8; background: #0b1c32; }
.academy-advisor-view .academy-profile-progress.ready { border-color: #187a65; color: #6fe0bc; background: #092b29; }
.academy-advisor-view .academy-profile-copy small { color: #91a8c2; }
.academy-advisor-view .academy-profile-copy em { color: #64dcb5; }
.academy-profile-grid .academy-profile-card.progress-low { border-color: #e7a2a2; background: linear-gradient(150deg,#fffafa,#fde9e9); box-shadow: 0 10px 25px rgba(164,35,35,.14); }
.academy-profile-grid .academy-profile-card.progress-low:has(.academy-profile-open:not(:disabled):hover) { border-color: #d96c6c; box-shadow: 0 15px 32px rgba(164,35,35,.2); }
.academy-profile-grid .academy-profile-card.progress-low .academy-profile-open:not(:disabled):hover { background: linear-gradient(180deg,#fff7f7,#fce5e5); }
.academy-profile-grid .academy-profile-card.progress-low .academy-profile-progress.ready { border-color: #efaaaa; color: #a11d1d; background: #fff0f0; }
.academy-profile-grid .academy-profile-card.progress-perfect { border-color: #1aa66f; background: linear-gradient(150deg,#f8fffb,#e4faef); box-shadow: 0 10px 25px rgba(18,136,88,.14); }
.academy-profile-grid .academy-profile-card.progress-perfect:has(.academy-profile-open:not(:disabled):hover) { border-color: #08775a; box-shadow: 0 15px 32px rgba(18,136,88,.22); }
.academy-profile-grid .academy-profile-card.progress-perfect .academy-profile-progress.ready { border-color: #8ddbb9; color: #08775a; background: #eafaf4; }
.academy-advisor-view .academy-profile-grid .academy-profile-card.progress-low { border-color: #a6474e; background: linear-gradient(145deg,#4a2029,#281521); box-shadow: 0 12px 28px rgba(0,0,0,.34); }
.academy-advisor-view .academy-profile-grid .academy-profile-card.progress-low .academy-profile-open:not(:disabled):hover { background: linear-gradient(145deg,#5c2732,#321923); }
.academy-advisor-view .academy-profile-grid .academy-profile-card.progress-low .academy-profile-progress.ready { border-color: #c35b64; color: #ffb7bd; background: #38151c; }
.academy-advisor-view .academy-profile-grid .academy-profile-card.progress-perfect { border-color: #15845f; background: linear-gradient(145deg,#12382d,#0b241c); box-shadow: 0 12px 28px rgba(0,0,0,.28); }
.academy-advisor-view .academy-profile-grid .academy-profile-card.progress-perfect .academy-profile-progress.ready { border-color: #2da978; color: #7ce3bb; background: #092b29; }
@keyframes academy-login-missing-alert {
  0%,100% { border-color: #2684d9; background-position: 0% 50%; box-shadow: 0 10px 25px rgba(25,112,195,.18); }
  50% { border-color: #075ca8; background-position: 100% 50%; box-shadow: 0 0 0 4px rgba(38,132,217,.22), 0 13px 30px rgba(25,112,195,.28); }
}
@keyframes academy-low-alert {
  0%,100% { border-color: #efaaaa; background: linear-gradient(150deg,#fffafa,#fde9e9); box-shadow: 0 10px 25px rgba(164,35,35,.14); }
  50% { border-color: #b42318; background: linear-gradient(150deg,#fff0f0,#ffdada); box-shadow: 0 0 0 3px rgba(180,35,24,.18), 0 12px 28px rgba(164,35,35,.25); }
}
@keyframes academy-low-alert-dark {
  0%,100% { border-color: #a6474e; background: linear-gradient(145deg,#4a2029,#281521); box-shadow: 0 12px 28px rgba(0,0,0,.34); }
  50% { border-color: #f06a75; background: linear-gradient(145deg,#652b37,#371a24); box-shadow: 0 0 0 3px rgba(240,106,117,.25), 0 12px 30px rgba(0,0,0,.4); }
}
@keyframes academy-average-alert {
  0%,100% { border-color: #efaaaa; background: linear-gradient(145deg,#fff5f5,#ffe1e1); box-shadow: 0 0 0 2px rgba(180,35,24,.1), 0 7px 18px rgba(164,35,35,.16); }
  50% { border-color: #b42318; background: linear-gradient(145deg,#ffdada,#ffbcbc); box-shadow: 0 0 0 5px rgba(180,35,24,.2), 0 12px 28px rgba(164,35,35,.3); }
}
.academy-profile-grid .academy-profile-card.progress-low { animation: academy-low-alert 1.25s ease-in-out infinite; }
.academy-advisor-view .academy-profile-grid .academy-profile-card.progress-low { animation-name: academy-low-alert-dark; }
@media (prefers-reduced-motion: reduce) {
  .academy-profile-card.login-missing:not(.inactive) { animation: none; }
  .academy-profile-grid .academy-profile-card.progress-low { animation: none; border-color: #b42318; }
  .academy-advisor-view .academy-profile-grid .academy-profile-card.progress-low { border-color: #f06a75; }
  .academy-average-card.academy-average-low { animation: none; border-color: #b42318; }
  .academy-profile-grid .academy-profile-card.progress-perfect { border-color: #15845f; }
}
@media (max-width:720px) {
  .academy-section-head { display: flex; align-items: stretch; flex-wrap: wrap; }
  .academy-section-head > div:first-child { flex: 1 1 100%; }
  .academy-average-card { flex: 1 1 100%; min-width: 0; margin-left: 0; }
  .academy-section-actions { width: 100%; justify-content: stretch; }
  .academy-section-actions button { flex: 1 1 0; }
  .academy-profile-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .academy-management-panel.academy-advisor-view { padding: 14px; }
  .academy-profile-open { min-height: 190px; padding: 13px 8px; }
  .academy-profile-avatar { width: 88px; height: 88px; border-radius: 24px; }
  .academy-access-head,.academy-advisor-card > header { align-items: stretch; flex-direction: column; }
  .academy-access-head .labor-save-btn { width: 100%; }
}
@media (max-width:430px) {
  .academy-profile-grid { grid-template-columns: 1fr; }
}

/* Akademi ve B.O.S: başlık, özet ve işlemler kendi alanında kalır. */
.academy-management-panel{align-content:start;grid-auto-rows:max-content;gap:14px;min-width:0}
.academy-management-panel:not(.academy-advisor-view) .academy-section-head{position:static;inset:auto;z-index:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.9fr) minmax(0,1fr);align-items:center;gap:16px;margin:0;padding:0 0 14px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;text-align:center}
.academy-management-panel .academy-section-head>div{min-width:0}
.academy-management-panel .academy-section-head h3{margin:0;font-size:18px;line-height:1.3}
.academy-management-panel .academy-section-head p{margin:5px 0 0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.academy-management-panel .academy-average-card{min-width:0;width:100%;box-sizing:border-box;gap:5px;padding:12px;animation:none}
.academy-management-panel .academy-average-card small{font-size:10px;line-height:1.5;text-wrap:balance}
.academy-management-panel .academy-section-actions{display:grid;grid-template-columns:1fr;justify-self:stretch;gap:8px}
.academy-management-panel .academy-section-actions button{width:100%;min-height:36px;height:auto;margin:0;padding:9px 12px;white-space:normal;line-height:1.35}
.bos-management-panel:not(.academy-advisor-view) .academy-section-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.academy-management-panel .bos-ie-actions{width:100%;justify-content:center;margin:0}
.academy-management-panel .bos-ie-launch{min-width:0;min-height:38px;white-space:normal;text-align:center;line-height:1.4}
.academy-management-panel .bos-ie-info{flex:none}
.academy-management-panel .academy-profile-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));align-items:stretch;gap:12px;min-width:0}
.academy-management-panel .academy-profile-card{display:flex;flex-direction:column;animation:none;border-radius:15px;box-shadow:0 4px 14px #13304f0d}
.academy-management-panel .academy-profile-open{flex:1;min-height:200px;gap:10px;padding:15px 12px}
.academy-management-panel .academy-profile-avatar{width:86px;height:86px;border-radius:24px}
.academy-management-panel .academy-profile-copy strong{min-height:34px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;text-wrap:balance}
.academy-management-panel .academy-profile-copy em{line-height:1.45;text-wrap:balance}
.academy-management-panel .academy-profile-progress{box-sizing:border-box;font-size:10px;line-height:1.3;white-space:normal;text-align:center}
.academy-management-panel .academy-profile-actions{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;padding:9px}
.academy-management-panel .academy-profile-actions button{min-width:0;height:auto;min-height:32px;padding:6px 4px;line-height:1.3;white-space:normal}
.academy-management-panel .academy-access-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.academy-management-panel .academy-access-toggle>span:first-child{min-width:0;text-align:center;flex:1}
.academy-management-panel .academy-access-toggle small{font-size:11px;line-height:1.5}
.academy-management-panel .academy-access-head>.labor-save-btn{min-height:36px;margin:0;white-space:normal}
.academy-management-panel .management-empty{text-align:center;line-height:1.6}
.academy-management-panel .management-empty [data-system-account-search-clear]{display:block;margin:8px auto 0;white-space:normal}
@media(max-width:1000px){
 .academy-management-panel:not(.academy-advisor-view) .academy-section-head{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .academy-management-panel:not(.academy-advisor-view) .academy-section-head>div:first-child{grid-column:1/-1}
 .bos-management-panel .academy-section-head .bos-ie-actions{grid-column:1/-1}
}
@media(max-width:600px){
 .academy-management-panel:not(.academy-advisor-view) .academy-section-head{grid-template-columns:minmax(0,1fr)}
 .academy-management-panel .academy-section-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .academy-management-panel .academy-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .academy-management-panel .academy-profile-open{min-height:190px;padding:12px 8px}
 .academy-management-panel .academy-profile-avatar{width:72px;height:72px;border-radius:20px}
 .academy-management-panel .academy-profile-copy strong{font-size:12px}
 .academy-management-panel .academy-profile-progress{font-size:9px}
 .academy-management-panel .academy-access-head{grid-template-columns:minmax(0,1fr)}
 .academy-management-panel .academy-access-head>.labor-save-btn{width:100%}
}
@media(max-width:350px){.academy-management-panel .academy-profile-grid{grid-template-columns:minmax(0,1fr)}}

/* Teklif müşteri belleği ve plaka sorgu durumu */
.quote-contact-head { display: grid; gap: 2px; border-bottom: 1px solid #e4ebf2; padding: 1px 1px 8px; }
.quote-contact-head strong { color: #193b5c; font-size: 13px; font-weight: 950; }
.quote-contact-head small { min-height: 0; color: #728399; font-size: 9px; font-weight: 750; }
.quote-plate-popover #quote-staff-note-wrap[hidden] { display: none !important; }
.quote-plate-field { position: relative; z-index: 4; }
.quote-plate-combobox { position: relative; display: block; min-width: 0; }
.quote-plate-combobox > input { width: 100%; }
.quote-plate-suggestions { position: absolute; top: calc(100% + 5px); right: 0; z-index: 12; display: grid; width: min(460px,calc(100vw - 46px)); max-height: 260px; overflow-y: auto; border: 1px solid #b8cadb; border-radius: 11px; padding: 5px; background: #fff; box-shadow: 0 18px 42px rgba(12,35,58,.24); scrollbar-width: thin; }
.quote-plate-suggestions[hidden] { display: none !important; }
.quote-plate-popover .quote-plate-suggestions button { display: grid; grid-template-columns: 82px minmax(0,1fr) auto; grid-template-rows: auto auto; align-items: center; gap: 1px 8px; width: 100%; height: auto; min-height: 46px; border: 0; border-radius: 8px; padding: 6px 8px; color: #243e57; background: #fff; text-align: left; }
.quote-plate-popover .quote-plate-suggestions button:hover,
.quote-plate-popover .quote-plate-suggestions button.is-active { color: #183c5c; background: #edf6fd; }
.quote-plate-suggestions button + button { border-top: 1px solid #edf1f5; border-top-left-radius: 0; border-top-right-radius: 0; }
.quote-plate-suggestions strong { grid-row: 1/3; color: #113f63; font-size: 12px; font-weight: 950; letter-spacing: .035em; }
.quote-plate-suggestions button > span { overflow: hidden; font-size: 10px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.quote-plate-suggestions button > small { grid-column: 2; min-height: 0; overflow: hidden; color: #738396; font-size: 8px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.quote-plate-suggestions button > em { grid-column: 3; grid-row: 1/3; border-radius: 999px; padding: 4px 6px; color: #9a5d05; background: #fff1d8; font-size: 7px; font-style: normal; font-weight: 950; white-space: nowrap; }
.quote-plate-suggestion-state { display: block; padding: 9px 10px; color: #718195; font-size: 9px; font-weight: 800; text-align: center; }
.quote-customer-memory { max-width: 210px; min-height: 30px; overflow: hidden; border: 1px solid #a9c9e2; border-radius: 999px; padding: 6px 10px; color: #235675; background: #f0f8fd; font: inherit; font-size: 9px; font-weight: 900; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.quote-customer-memory[hidden] { display: none !important; }
.quote-customer-memory[data-status="clear"] { border-color: #96d2bd; color: #126b52; background: #edf9f5; }
.quote-customer-memory[data-status="recent_found"],
.quote-customer-memory[data-status="recent_confirmed"] { border-color: #e5b866; color: #8d5a08; background: #fff7e8; }
.quote-customer-memory[data-status="skipped"],
.quote-customer-memory[data-status="not_checked"] { border-color: #cfd8e2; color: #687789; background: #f6f8fa; }
.quote-plate-check-badge { display: inline-flex; width: max-content; max-width: 100%; align-items: center; border: 1px solid #ccd8e4; border-radius: 999px; padding: 4px 8px; color: #5f7083; background: #f7f9fb; font-size: 9px; font-weight: 900; line-height: 1.2; }
.quote-plate-check-badge.is-clear { border-color: #9dd6c2; color: #136d54; background: #edf9f5; }
.quote-plate-check-badge.is-recent_found,
.quote-plate-check-badge.is-recent_confirmed { border-color: #e9bd6d; color: #8b5908; background: #fff7e7; }
.quote-plate-check-badge.is-not_rechecked { border-color: #efb3aa; color: #9c382d; background: #fff2f0; }
@media (max-width:720px) {
  .quote-customer-memory { order: 8; width: min(100%,210px); max-width: 100%; }
}

/* Firma teklif paylaşımı ve kompakt özel erişimler */
.company-special-access,
.company-quote-sharing { margin: 12px 0 0; border: 1px solid #d7e3ef; border-radius: 14px; padding: 10px 12px 12px; background: linear-gradient(145deg,#fbfdff,#f4f8fc); }
.company-special-access[hidden],
.company-quote-sharing[hidden],
.company-share-invite[hidden],
.recent-quote-warning-backdrop[hidden] { display: none !important; }
.company-special-access legend,
.company-quote-sharing legend { padding: 0 7px; color: #193b5d; font-size: 11px; font-weight: 950; letter-spacing: .035em; }
.company-special-access-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.company-special-access-option { display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 9px; min-height: 48px; border: 1px solid #dce6f0; border-radius: 11px; padding: 7px 10px; background: #fff; cursor: pointer; }
.company-special-access-option[hidden] { display: none !important; }
.company-special-access-option input { position: absolute; opacity: 0; pointer-events: none; }
.company-special-access-switch { position: relative; width: 32px; height: 18px; border-radius: 999px; background: #b9c7d5; transition: .18s ease; }
.company-special-access-switch::after { content: ""; position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px rgba(15,35,55,.3); transition: .18s ease; }
.company-special-access-option input:checked + .company-special-access-switch { background: #12805d; }
.company-special-access-option input:checked + .company-special-access-switch::after { transform: translateX(14px); }
.company-special-access-option input:focus-visible + .company-special-access-switch { outline: 3px solid rgba(24,119,192,.22); outline-offset: 2px; }
.company-special-access-option > span:last-child { display: grid; min-width: 0; gap: 1px; }
.company-special-access-option strong { color: #213f5d; font-size: 11px; line-height: 1.2; }
.company-special-access-option small { color: #738397; font-size: 9px; line-height: 1.25; }

.company-quote-sharing-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 9px; }
.company-quote-sharing-head > div { display: grid; gap: 2px; }
.company-quote-sharing-head strong { color: #1d3b58; font-size: 12px; }
.company-quote-sharing-head p { margin: 0; max-width: 720px; color: #6b7d91; font-size: 9px; line-height: 1.4; }
.company-quote-sharing-head .labor-save-btn { flex: 0 0 auto; min-height: 32px; padding: 7px 12px; font-size: 10px; }
.company-quote-sharing-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; max-height: 245px; overflow: auto; padding: 1px 3px 1px 1px; scrollbar-width: thin; }
.company-quote-sharing-option { position: relative; display: grid; grid-template-columns: 19px 31px minmax(0,1fr); align-items: center; gap: 7px; min-height: 54px; border: 1px solid #dce5ee; border-radius: 11px; padding: 7px 8px; background: #fff; cursor: pointer; transition: border-color .15s,background .15s,box-shadow .15s; }
.company-quote-sharing-option:hover { border-color: #9fc2df; background: #f8fcff; }
.company-quote-sharing-option.is-selected { border-color: #75bfa8; background: #f0fbf7; box-shadow: inset 0 0 0 1px rgba(26,132,99,.08); }
.company-quote-sharing-option.is-notification-target { animation: company-share-highlight 1.5s ease 2; }
@keyframes company-share-highlight { 50% { border-color: #edaa35; box-shadow: 0 0 0 4px rgba(237,170,53,.18); } }
.company-quote-sharing-option > input { position: absolute; opacity: 0; pointer-events: none; }
.company-quote-sharing-check { display: grid; place-items: center; width: 17px; height: 17px; border: 1.5px solid #afbecd; border-radius: 5px; background: #fff; }
.company-quote-sharing-option input:checked + .company-quote-sharing-check { border-color: #16805f; background: #16805f; }
.company-quote-sharing-option input:checked + .company-quote-sharing-check::after { content: ""; width: 7px; height: 4px; border: solid #fff; border-width: 0 0 2px 2px; transform: rotate(-45deg) translateY(-1px); }
.company-quote-sharing-option input:focus-visible + .company-quote-sharing-check { outline: 3px solid rgba(24,119,192,.2); outline-offset: 2px; }
.company-quote-sharing-logo { display: grid; place-items: center; width: 31px; height: 31px; overflow: hidden; border: 1px solid #dce6ef; border-radius: 9px; color: #22628f; background: #eef6fc; font-size: 10px; }
.company-quote-sharing-logo img { width: 100%; height: 100%; object-fit: contain; }
.company-quote-sharing-copy { display: grid; min-width: 0; gap: 1px; }
.company-quote-sharing-copy strong { overflow: hidden; color: #263f58; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.company-quote-sharing-copy small { color: #6d7d8f; font-size: 8px; }
.company-quote-sharing-copy em { color: #08795a; font-size: 8px; font-style: normal; font-weight: 850; }
.company-quote-sharing-copy em.is-one-way { color: #9a6714; }
.company-quote-sharing .labor-message { min-height: 14px; margin: 6px 0 0; font-size: 9px; }
.quote-shared-badge { display: block; width: max-content; margin-top: 3px; border-radius: 999px; padding: 2px 6px; color: #176c53; background: #eaf8f3; font-size: 8px; font-weight: 900; }
.quote-copy-action { border-color: #8ab6d8 !important; color: #155b8a !important; background: #eef7ff !important; }
.quote-copy-action:hover { border-color: #4b91c5 !important; background: #dfefff !important; }
.quote-search-actions .quote-search-action.secondary { border-color: #d2dce6; color: #536a7e; background: #fff; }

.company-share-invite { position: fixed; right: 18px; bottom: 18px; z-index: 2147483630; display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 10px; width: min(420px,calc(100vw - 28px)); border: 1px solid #a8c9e4; border-radius: 16px; padding: 12px; color: #173653; background: rgba(250,253,255,.98); box-shadow: 0 18px 48px rgba(11,42,70,.25); backdrop-filter: blur(14px); }
.company-share-invite-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: #e8f4ff; font-size: 18px; }
.company-share-invite > div { display: grid; min-width: 0; gap: 4px; }
.company-share-invite strong { font-size: 12px; }
.company-share-invite p { margin: 0; color: #51677c; font-size: 10px; line-height: 1.4; }
.company-share-invite small { color: #20805f; font-size: 9px; font-weight: 850; }
.company-share-invite footer { display: flex; justify-content: flex-end; gap: 6px; margin-top: 4px; }
.company-share-invite button { min-height: 29px; border: 1px solid #cbd9e6; border-radius: 8px; padding: 6px 9px; color: #35516b; background: #fff; font: inherit; font-size: 9px; font-weight: 900; cursor: pointer; }
.company-share-invite button:last-child { border-color: #157957; color: #fff; background: #157957; }

.recent-quote-warning-backdrop { z-index: 2147483625; align-items: center; justify-content: center; overflow-y: auto; padding: 16px; background: rgba(8,20,34,.72); }
.recent-quote-warning-dialog { width: min(570px,100%); max-height: calc(100dvh - 32px); overflow-y: auto; border: 1px solid #efc575; border-radius: 19px; padding: 0; background: #fff; box-shadow: 0 28px 80px rgba(0,0,0,.4); }
.recent-quote-warning-dialog > header { display: grid; grid-template-columns: 38px minmax(0,1fr) 31px; align-items: center; gap: 10px; border-bottom: 1px solid #f0dfbf; padding: 13px 14px; background: linear-gradient(135deg,#fff9ed,#fff); }
.recent-quote-warning-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; color: #fff; background: #dc8610; font-size: 19px; font-weight: 950; }
.recent-quote-warning-dialog header div { display: grid; gap: 2px; }
.recent-quote-warning-dialog header p { margin: 0; color: #a0610b; font-size: 8px; font-weight: 950; letter-spacing: .12em; }
.recent-quote-warning-dialog header h2 { margin: 0; color: #293d51; font-size: 17px; }
.recent-quote-warning-dialog header span { color: #718094; font-size: 9px; }
.recent-quote-warning-dialog header button { width: 30px; height: 30px; border: 0; border-radius: 8px; color: #6f7d8b; background: #edf2f6; font-size: 18px; cursor: pointer; }
.recent-quote-warning-summary { display: grid; grid-template-columns: 118px minmax(0,1fr); gap: 12px; margin: 13px 14px 8px; border: 1px solid #e0e8ef; border-radius: 13px; padding: 10px; background: #f8fbfd; }
.recent-quote-warning-plate { display: grid; place-items: center; align-content: center; border-radius: 10px; color: #fff; background: linear-gradient(145deg,#183d60,#0f2a43); }
.recent-quote-warning-plate small { font-size: 8px; letter-spacing: .14em; opacity: .72; }
.recent-quote-warning-plate strong { font-size: 16px; letter-spacing: .04em; }
.recent-quote-warning-summary dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin: 0; }
.recent-quote-warning-summary dl div { display: grid; gap: 1px; }
.recent-quote-warning-summary dt { color: #8190a0; font-size: 8px; }
.recent-quote-warning-summary dd { margin: 0; color: #2a435b; font-size: 10px; }
.recent-quote-warning-summary > p { grid-column: 1/-1; margin: 0; color: #51677b; font-size: 9px; }
.recent-quote-warning-note { margin: 0 14px; border-radius: 9px; padding: 7px 9px; color: #8b5b10; background: #fff5df; font-size: 9px; font-weight: 800; }
.recent-quote-warning-dialog > footer { display: flex; justify-content: flex-end; gap: 7px; padding: 12px 14px 14px; }
.recent-quote-warning-dialog > footer > * { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; border-radius: 9px; padding: 7px 11px; font: inherit; font-size: 9px; font-weight: 950; text-align: center; text-decoration: none; cursor: pointer; }
.recent-quote-warning-cancel { border: 1px solid #cbd7e2; color: #51677a; background: #fff; }
.recent-quote-warning-open { border: 1px solid #276fa8; color: #176293; background: #edf7ff; }
.recent-quote-warning-force { border: 1px solid #c56e00; color: #fff; background: #c56e00; }
.recent-quote-warning-force:disabled { opacity: .6; cursor: wait; }

@media (max-width:760px) {
  .company-special-access-grid,.company-quote-sharing-grid { grid-template-columns: 1fr; }
  .company-quote-sharing-head { align-items: stretch; flex-direction: column; }
  .company-quote-sharing-head .labor-save-btn { width: 100%; }
  .company-share-invite { right: 14px; bottom: 14px; }
  .recent-quote-warning-backdrop { align-items: flex-start; }
  .recent-quote-warning-summary { grid-template-columns: 1fr; }
  .recent-quote-warning-plate { min-height: 58px; }
  .recent-quote-warning-summary dl { grid-template-columns: 1fr 1fr; }
  .recent-quote-warning-dialog > footer { display: grid; grid-template-columns: 1fr; }
}

/* Paket detayı: kalabalık ek ürünleri kompakt iki sütunda, çıkarılanları altta göster. */
.quote-panels.quote-panels-stacked {
  grid-template-columns: minmax(0, 1fr);
}

.quote-extra-list.quote-extra-list-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: minmax(36px, auto);
  gap: 6px 8px;
  align-items: start;
}

.quote-panels-stacked .quote-removed-section {
  margin-top: 0;
}

.quote-panels-stacked .no-detail.compact {
  min-width: 0;
}

.quote-extra-list-columns .no-detail.compact {
  grid-column: 1 / -1;
}

.quote-extra-list-columns .quote-extra-item strong {
  font-size: 13px;
  font-weight: 900;
}

.quote-extra-list-columns .quote-extra-item div span {
  font-size: 13px;
  font-weight: 800;
}

.quote-extra-list-columns .quote-extra-item > span {
  font-size: 13px;
  font-weight: 950;
}

@media (max-width:700px) {
  .quote-extra-list.quote-extra-list-columns {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Firma bazlı ekstralar sıralama ekranı */
.extra-layout-panel {
  background: #f5f8fb;
}

.extra-layout-head p {
  max-width: 760px;
}

.extra-layout-company-field {
  display: grid;
  min-width: 220px;
  gap: 4px;
}

.extra-layout-company-field > span {
  color: #718096;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.extra-layout-company-field select {
  min-height: 36px;
  border: 1px solid #cedae5;
  border-radius: 9px;
  padding: 7px 32px 7px 10px;
  color: #253f58;
  background: #fff;
  font: inherit;
  font-size: 11px;
  font-weight: 850;
}

.extra-layout-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 10px;
  border: 1px solid #dbe5ed;
  border-radius: 12px;
  padding: 10px 12px;
  background: #fff;
  box-shadow: 0 5px 16px rgba(25, 52, 76, .045);
}

.extra-layout-toolbar > div:first-child {
  display: grid;
  gap: 2px;
}

.extra-layout-toolbar strong {
  color: #25445f;
  font-size: 12px;
}

.extra-layout-toolbar small {
  color: #728397;
  font-size: 9px;
}

.extra-layout-toolbar > div:last-child {
  display: flex;
  flex: 0 0 auto;
  gap: 7px;
}

.extra-layout-add {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 360px) auto;
  align-items: center;
  gap: 9px;
  margin-bottom: 10px;
  border: 1px solid #cfe1dd;
  border-radius: 12px;
  padding: 9px 11px;
  background: linear-gradient(135deg, #f1faf7, #fff);
}

.extra-layout-add > div {
  display: grid;
  gap: 2px;
}

.extra-layout-add strong { color: #205647; font-size: 11px; }
.extra-layout-add small { color: #708579; font-size: 8px; }
.extra-layout-add input {
  min-height: 34px;
  border: 1px solid #bed3cc;
  border-radius: 8px;
  padding: 7px 10px;
  color: #25473e;
  background: #fff;
  font: inherit;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.extra-layout-preview-shell {
  overflow: hidden;
  border: 1px solid #d3dee8;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(23, 51, 76, .07);
}

.extra-layout-preview-head {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: baseline;
  gap: 8px;
  border-bottom: 1px solid #dfe7ee;
  padding: 10px 12px;
  background: linear-gradient(135deg, #eef5fb, #fbfdff);
}

.extra-layout-preview-head span {
  border-radius: 999px;
  padding: 3px 7px;
  color: #176c91;
  background: #dceef8;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .08em;
}

.extra-layout-preview-head strong {
  color: #203d58;
  font-size: 14px;
}

.extra-layout-preview-head small {
  color: #748699;
  font-size: 9px;
}

.extra-layout-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px 9px;
  max-height: min(62vh, 640px);
  overflow-y: auto;
  padding: 10px;
  scrollbar-width: thin;
  scrollbar-color: #aebfce #edf2f6;
}

.extra-layout-card {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  min-height: 62px;
  border: 1px solid #d8e2eb;
  border-radius: 11px;
  padding: 7px 8px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(27, 53, 75, .045);
  cursor: grab;
  transition: transform .15s, border-color .15s, box-shadow .15s, opacity .15s;
}

.extra-layout-card:hover {
  border-color: #92b8d3;
  box-shadow: 0 7px 18px rgba(31, 86, 124, .10);
}

.extra-layout-card.is-fixed-labor {
  border-color: #d8bd7b;
  background: linear-gradient(135deg, #fffaf0, #fff6db);
}

.extra-layout-card.is-dragging {
  opacity: .42;
  cursor: grabbing;
}

.extra-layout-card.is-drop-target {
  border-color: #158362;
  box-shadow: 0 0 0 3px rgba(21, 131, 98, .15);
  transform: translateY(-2px);
}

.extra-layout-empty {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: 5px;
  min-height: 62px;
  border: 1px dashed #b9c9d6;
  border-radius: 11px;
  padding: 8px 12px;
  color: #8293a3;
  background: repeating-linear-gradient(135deg, #f8fbfd, #f8fbfd 8px, #f2f6f9 8px, #f2f6f9 16px);
}

.extra-layout-empty b {
  color: #567086;
  font-size: 12px;
}

.extra-layout-empty span,
.extra-layout-empty small {
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .06em;
}

.extra-layout-empty small {
  justify-self: end;
}

.extra-layout-empty.is-drop-target {
  border-color: #158362;
  color: #14684f;
  background: #eaf8f3;
  box-shadow: 0 0 0 3px rgba(21, 131, 98, .15);
}

.extra-layout-position {
  display: grid;
  grid-template-columns: 22px 19px;
  grid-template-rows: 20px 14px;
  align-items: center;
  gap: 0 3px;
}

.extra-layout-drag {
  grid-row: 1 / 3;
  width: 22px;
  height: 36px;
  border: 0;
  border-radius: 7px;
  color: #668097;
  background: #edf3f7;
  font-size: 14px;
  font-weight: 950;
  cursor: grab;
}

.extra-layout-position b {
  color: #1d4f73;
  font-size: 13px;
}

.extra-layout-position span {
  color: #8292a3;
  font-size: 7px;
  font-weight: 950;
  letter-spacing: .07em;
}

.extra-layout-card-copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.extra-layout-card-copy strong {
  overflow: hidden;
  color: #1f3e58;
  font-size: 12px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.extra-layout-card-copy span {
  overflow: hidden;
  color: #5f7183;
  font-size: 11px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.extra-layout-card > em {
  color: #08775b;
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.extra-layout-moves {
  display: grid;
  grid-template-columns: repeat(2, 24px);
  gap: 3px;
}

.extra-layout-moves button {
  display: grid;
  place-items: center;
  width: 24px;
  height: 22px;
  border: 1px solid #cfdae4;
  border-radius: 6px;
  color: #365b77;
  background: #f8fbfd;
  font-size: 11px;
  font-weight: 950;
  cursor: pointer;
}

.extra-layout-moves button:hover:not(:disabled) {
  border-color: #69a6ca;
  color: #0f618f;
  background: #eaf6fc;
}

.extra-layout-moves button:disabled {
  opacity: .28;
  cursor: default;
}

.extra-layout-moves .extra-layout-remove,
.extra-layout-fixed {
  grid-column: 1 / -1;
  width: auto;
  min-height: 19px;
  height: 19px;
  font-size: 7px;
}

.extra-layout-moves .extra-layout-remove {
  border-color: #ebc4c9;
  color: #a13948;
  background: #fff4f5;
}

.extra-layout-fixed {
  display: grid;
  place-items: center;
  border: 1px solid #dfc582;
  border-radius: 5px;
  color: #8b610f;
  background: #fff5d8;
  font-weight: 950;
}

.extra-layout-removed {
  display: grid;
  gap: 7px;
  margin-top: 10px;
  border: 1px solid #ead7da;
  border-radius: 12px;
  padding: 10px;
  background: #fff8f8;
}

.extra-layout-removed[hidden] { display: none; }
.extra-layout-removed > div:first-child { display: grid; gap: 1px; }
.extra-layout-removed > div:first-child strong { color: #7c3d47; font-size: 11px; }
.extra-layout-removed > div:first-child small { color: #956b72; font-size: 8px; }
.extra-layout-removed > div:last-child { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px 8px; }
.extra-layout-removed article {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto auto;
  align-items: center;
  gap: 7px;
  border: 1px solid #ead9dc;
  border-radius: 9px;
  padding: 7px 8px;
  background: #fff;
}
.extra-layout-removed article > div { display: grid; min-width: 0; gap: 1px; }
.extra-layout-removed article strong { color: #573943; font-size: 10px; }
.extra-layout-removed article span { overflow: hidden; color: #846b72; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.extra-layout-removed article em { color: #7b5960; font-size: 9px; font-style: normal; font-weight: 900; white-space: nowrap; }
.extra-layout-removed article button {
  min-height: 27px;
  border: 1px solid #77b5a4;
  border-radius: 7px;
  padding: 5px 8px;
  color: #176951;
  background: #edf9f5;
  font: inherit;
  font-size: 8px;
  font-weight: 950;
  cursor: pointer;
}

.extra-layout-message {
  min-height: 18px;
  margin: 7px 2px 0;
  color: #25624f;
  font-size: 10px;
  font-weight: 800;
}

@media (max-width:900px) {
  .extra-layout-card {
    grid-template-columns: 50px minmax(0, 1fr) auto;
  }
  .extra-layout-card > em {
    grid-column: 2;
  }
  .extra-layout-moves {
    grid-column: 3;
    grid-row: 1 / 3;
  }
}

@media (max-width:700px) {
  .quote-extra-list.quote-extra-list-columns .quote-extra-item {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  .extra-layout-head,
  .extra-layout-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .extra-layout-company-field {
    width: 100%;
    min-width: 0;
  }
  .extra-layout-toolbar > div:last-child {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .extra-layout-add { grid-template-columns: 1fr; }
  .extra-layout-removed > div:last-child { grid-template-columns: 1fr; }
  .extra-layout-preview-head {
    grid-template-columns: auto 1fr;
  }
  .extra-layout-preview-head small {
    grid-column: 1 / -1;
  }
  .extra-layout-grid {
    grid-template-columns: minmax(0, 1fr);
    max-height: none;
  }
}

/* Ekstra ürün adedi için ekran merkezinde hızlı ve belirgin bildirim. */
.whatsapp-success-toast.is-centered-notice {
  top: 50%;
  right: auto;
  left: 50%;
  width: min(540px, calc(100vw - 36px));
  min-height: 116px;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 20px;
  padding: 20px 26px 23px 20px;
  border-width: 2px;
  border-radius: 26px;
  box-shadow: 0 30px 90px rgba(7, 94, 62, .3), 0 12px 32px rgba(15, 23, 42, .18);
  transform: translate(-50%, -50%) scale(.88);
  transform-origin: center;
}

.whatsapp-success-toast.is-centered-notice.is-visible {
  animation: quote-extra-notice-enter .5s cubic-bezier(.16, 1, .3, 1) both;
}

.whatsapp-success-toast.is-centered-notice.is-leaving {
  animation: quote-extra-notice-leave .28s cubic-bezier(.4, 0, 1, 1) both;
}

.whatsapp-success-toast.is-centered-notice .whatsapp-success-icon {
  width: 68px;
  height: 68px;
  border-radius: 21px;
}

.whatsapp-success-toast.is-centered-notice .whatsapp-success-icon svg {
  width: 34px;
  height: 34px;
}

.whatsapp-success-toast.is-centered-notice .whatsapp-success-copy {
  gap: 7px;
}

.whatsapp-success-toast.is-centered-notice .whatsapp-success-copy strong {
  font-size: 21px;
  white-space: normal;
}

.whatsapp-success-toast.is-centered-notice .whatsapp-success-copy small {
  font-size: 14px;
  line-height: 1.45;
  white-space: normal;
}

.eper-labor-toast-warning{
  display:block;
  margin-top:2px;
  color:#c51637;
  font-size:13px;
  line-height:1.25;
  font-weight:950;
  letter-spacing:.025em;
}
.eper-labor-toast-warning[hidden]{display:none!important}
.whatsapp-success-toast.is-eper-notice{
  border-color:rgba(197,22,55,.32);
  background:radial-gradient(circle at 7% 18%,rgba(37,211,102,.16),transparent 35%),linear-gradient(135deg,#fff,#fff7f8);
}
.whatsapp-success-toast.is-eper-notice .whatsapp-success-copy{gap:5px}
.whatsapp-success-toast.is-eper-notice .whatsapp-success-progress{background:rgba(197,22,55,.1)}
.whatsapp-success-toast.is-eper-notice .whatsapp-success-progress::after{
  background:linear-gradient(90deg,#22bd6c 0 58%,#d21a42 58% 100%);
  animation-duration:5.2s;
}

@keyframes quote-extra-notice-enter {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(.82); }
  70% { opacity: 1; transform: translate(-50%, -50%) scale(1.025); }
  100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

@keyframes quote-extra-notice-leave {
  from { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  to { opacity: 0; transform: translate(-50%, -50%) scale(.92); }
}

@media (max-width:600px) {
  .whatsapp-success-toast.is-centered-notice {
    top: 50%;
    right: auto;
    left: 50%;
    width: calc(100vw - 28px);
    min-height: 104px;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 14px;
    padding: 17px 18px 20px 16px;
    border-radius: 22px;
  }

  .whatsapp-success-toast.is-centered-notice .whatsapp-success-icon {
    width: 56px;
    height: 56px;
    border-radius: 18px;
  }

  .whatsapp-success-toast.is-centered-notice .whatsapp-success-copy strong { font-size: 18px; }
  .whatsapp-success-toast.is-centered-notice .whatsapp-success-copy small { font-size: 12px; }
}

/* Firma bazlı işçilik yönetimi */
.company-labor-panel { gap: 12px; }
.company-labor-head .company-package-company-field { min-width: 220px; }
.company-labor-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 11px 14px;
  border: 1px solid #dbe6ef;
  border-radius: 14px;
  background: linear-gradient(135deg, #f8fbfd, #f2f7fa);
}
.company-labor-toolbar > div { display: grid; gap: 3px; }
.company-labor-toolbar strong { color: #173c4b; font-size: 12px; }
.company-labor-toolbar small { color: #6a7e89; font-size: 10px; }
.company-labor-toolbar .management-search { width: min(310px, 100%); }
.company-labor-table-wrap { max-height: min(58vh, 590px); }
.company-labor-table { min-width: 1050px; }
.company-labor-table th { white-space: nowrap; }
.company-labor-table td { vertical-align: middle; }
.company-labor-table tr.is-customized { background: linear-gradient(90deg, rgba(20, 144, 104, .07), rgba(255, 255, 255, 0) 58%); }
.company-labor-table input {
  width: 100%;
  min-width: 145px;
  height: 34px;
  padding: 6px 9px;
  border: 1px solid #cfdce5;
  border-radius: 9px;
  color: #183946;
  background: #fff;
  font: inherit;
  font-size: 11px;
}
.company-labor-table input:focus { border-color: #168761; box-shadow: 0 0 0 3px rgba(22, 135, 97, .12); outline: none; }
.company-labor-table input.compact-number { min-width: 72px; width: 76px; text-align: center; font-weight: 800; }
.company-labor-code { color: #155b73; font-size: 11px; letter-spacing: .02em; }
.company-labor-money { position: relative; min-width: 145px; }
.company-labor-money input { padding-right: 27px; text-align: right; font-weight: 850; }
.company-labor-money span { position: absolute; top: 50%; right: 10px; color: #168761; font-weight: 900; transform: translateY(-50%); }
.company-labor-table td > small { display: block; color: #84959d; font-size: 9px; }
.company-labor-state { display: inline-flex; padding: 5px 8px; border-radius: 999px; white-space: nowrap; font-size: 9px; font-weight: 900; }
.company-labor-state.default { color: #60727c; background: #edf2f5; }
.company-labor-state.custom { color: #0f6d4d; background: #dff5ec; box-shadow: inset 0 0 0 1px #bce7d7; }
.company-labor-actions { display: flex; gap: 6px; }
.company-labor-actions .labor-save-btn,
.company-labor-actions .table-action { min-height: 31px; padding: 6px 9px; font-size: 9px; white-space: nowrap; }

@media (max-width:760px) {
  .company-labor-head,
  .company-labor-toolbar { align-items: stretch; flex-direction: column; }
  .company-labor-head .company-package-company-field,
  .company-labor-toolbar .management-search { width: 100%; min-width: 0; }
  .company-labor-table-wrap { max-height: 62vh; }
}

/* 55175974 eklendiğinde tamamlayıcı S1/S2 işçilik hatırlatması. */
.quote-extra-item.is-companion-needed {
  border-color: rgba(211, 72, 72, .58);
  background: linear-gradient(135deg, #fff7f7, #ffe9e9);
  box-shadow: inset 3px 0 rgba(202, 54, 54, .72), 0 4px 14px rgba(180, 45, 45, .1);
  animation: quote-companion-needed-pulse 1.25s ease-in-out infinite;
}

.quote-extra-item.is-companion-needed strong,
.quote-extra-item.is-companion-needed > span {
  color: #a62f2f;
}

.quote-extra-item.is-companion-needed .quote-add-btn {
  border-color: #c75a5a;
  background: #c84b4b;
}

@keyframes quote-companion-needed-pulse {
  0%, 100% { border-color: rgba(211, 72, 72, .42); box-shadow: inset 3px 0 rgba(202, 54, 54, .58), 0 3px 10px rgba(180, 45, 45, .07); }
  50% { border-color: rgba(211, 72, 72, .86); box-shadow: inset 3px 0 rgba(202, 54, 54, .88), 0 6px 18px rgba(180, 45, 45, .2); }
}

@media (prefers-reduced-motion:reduce) {
  .quote-extra-item.is-companion-needed { animation: none; }
}

.company-product-pricing-tool{margin:10px 0;padding:10px;border:1px solid #d9e3ef;border-radius:12px;background:linear-gradient(135deg,#f8fbff,#fff)}
.company-product-pricing-head{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.company-product-pricing-head strong{font-size:13px;color:#17344f}.company-product-pricing-head small{font-size:10px;color:#66788a}
.company-product-pricing-form{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(95px,.45fr) minmax(150px,.7fr) auto;gap:7px;align-items:end}.company-product-pricing-form label{display:grid;gap:3px}.company-product-pricing-form label span{font-size:9px;font-weight:800;color:#50657a}.company-product-pricing-form input{height:32px;border:1px solid #ccd8e4;border-radius:8px;padding:0 9px;font-weight:800}
.company-product-pricing-list{display:grid;gap:4px;margin-top:7px}.company-product-pricing-row{display:grid;grid-template-columns:95px minmax(150px,1fr) 70px 85px 58px;gap:7px;align-items:center;min-height:29px;padding:3px 6px;border-radius:7px;background:#fff;border:1px solid #e4ebf2;font-size:10px}.company-product-pricing-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-product-pricing-row small{color:#6a7d8f}.company-product-pricing-row strong{color:#b00020;text-align:right}.company-product-pricing-row button{border:0;background:#fff0f2;color:#a7001d;border-radius:6px;padding:5px;font-size:9px;font-weight:850}
@media(max-width:700px){.company-product-pricing-form{grid-template-columns:1fr 1fr}.company-product-pricing-form .labor-save-btn{grid-column:1/-1}.company-product-pricing-head{display:grid;gap:2px}.company-product-pricing-row{grid-template-columns:70px minmax(0,1fr) 55px 50px}.company-product-pricing-row small{display:none}}

/* 55175974 + 8888S1 + 8888S2: hazır paketlerde ortak görsel grup. */
.quote-extra-item.is-companion-group:not(.is-companion-needed) {
  border-color: #c9c4e8;
  background: linear-gradient(135deg, #faf9ff, #efedfb);
  box-shadow: inset 3px 0 #7669b4, 0 3px 11px rgba(74, 62, 133, .09);
}

.quote-extra-item.is-companion-group:not(.is-companion-needed) strong,
.quote-extra-item.is-companion-group:not(.is-companion-needed) > span {
  color: #50438f;
}

.quote-extra-item.is-companion-group:not(.is-companion-needed) div span {
  color: #686180;
}

.quote-extra-item.is-companion-group:not(.is-companion-needed) .quote-add-btn {
  border-color: #7669b4;
  background: #6e61aa;
  box-shadow: 0 3px 9px rgba(79, 65, 145, .2);
}

/* Paket detayındaki Ekstralar başlığı ve okunaklı liste metinleri. */
.quote-extra-section > h3 {
  margin: 0 0 10px;
  padding: 4px 8px 10px;
  color: #080b0f;
  border-bottom: 2px solid #dce3ea;
  font-size: 21px;
  line-height: 1.15;
  font-weight: 950;
  letter-spacing: .08em;
  text-align: center;
}

.quote-extra-list .quote-extra-item:not(.is-companion-needed) strong,
.quote-extra-list .quote-extra-item:not(.is-companion-needed) div span,
.quote-extra-list .quote-extra-item:not(.is-companion-needed) > span {
  color: #101216;
}

@media (max-width:600px) {
  .quote-extra-section > h3 { font-size: 19px; }
}

/* Paket detayındaki Çıkarılanlar bölümü: ortak başlık düzeni ve hafif kırmızı tema. */
.quote-section.quote-removed-section {
  border-color: #efc9cf;
  background: linear-gradient(145deg, #fffafa, #fff4f5);
  box-shadow: 0 4px 14px rgba(159, 38, 57, .07);
}

.quote-removed-section > h3 {
  margin: 0 0 10px;
  padding: 4px 8px 10px;
  color: #801d2d;
  border-bottom: 2px solid #edc4cb;
  font-size: 21px;
  line-height: 1.15;
  font-weight: 950;
  letter-spacing: .08em;
  text-align: center;
}

.quote-removed-section .quote-list-row {
  border-color: #edc7ce;
  background: linear-gradient(135deg, #fff8f8, #ffebee);
  box-shadow: inset 3px 0 #cc596c;
}

.quote-removed-section .quote-list-row strong,
.quote-removed-section .quote-list-row span {
  color: #171114;
}

.quote-removed-section .quote-list-row em {
  color: #9f2639;
}

.quote-removed-section .no-detail.compact {
  color: #75434b;
}

@media (max-width:600px) {
  .quote-removed-section > h3 { font-size: 19px; }
}

/* Müşteri teklif belgesi: telefonda masaüstü tablo düzenini orantılı koru. */
@media screen and (max-width:700px) {
  body.offer-page:not(.offer-workshop-mode) {
    overflow-x: hidden;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-screen-tools,
  body.offer-page:not(.offer-workshop-mode) .offer-shell {
    width: calc(100% - 8px);
    max-width: none;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-screen-tools {
    gap: 4px;
    margin-top: 5px;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-screen-tools button,
  body.offer-page:not(.offer-workshop-mode) .offer-screen-tools .offer-edit-link {
    min-height: 30px;
    padding: 0 9px;
    border-radius: 5px;
    font-size: 9px;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-shell {
    padding: 4px 0 16px;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-company-head,
  body.offer-page:not(.offer-workshop-mode) .offer-head,
  body.offer-page:not(.offer-workshop-mode) .offer-summary,
  body.offer-page:not(.offer-workshop-mode) .offer-section {
    margin-top: 5px;
    border-radius: 5px;
    box-shadow: 0 3px 9px rgba(15,23,42,.06);
  }

  body.offer-page:not(.offer-workshop-mode) .offer-company-head {
    grid-template-columns: 58px minmax(0,1fr) 58px;
    gap: 6px;
    padding: 7px 8px;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-company-logo,
  body.offer-page:not(.offer-workshop-mode) .offer-brand-logo {
    width: 58px;
    height: 40px;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-company-mark {
    width: 40px;
    height: 40px;
    font-size: 12px;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-company-head strong {
    font-size: 11px;
    line-height: 1.12;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-company-head div span {
    font-size: 6.8px;
    line-height: 1.2;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-company-head div small {
    font-size: 6.4px;
    line-height: 1.15;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-head {
    padding: 8px 7px;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-head h1 {
    margin-top: 0;
    font-size: 14px;
    line-height: 1.15;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-meta {
    gap: 3px 8px;
    margin-top: 5px;
    font-size: 7.5px;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-revision-history-link {
    padding: 1px 4px;
    border-radius: 4px;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-staff-note,
  body.offer-page:not(.offer-workshop-mode) .offer-package-note,
  body.offer-page:not(.offer-workshop-mode) .offer-archive-note {
    margin-top: 5px;
    padding: 6px 8px;
    font-size: 7.5px;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-lines-section,
  body.offer-page:not(.offer-workshop-mode) .offer-table-wrap {
    overflow: visible;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-table {
    display: table;
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
    background: #fff;
    font-size: 6.7px;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-table thead {
    display: table-header-group;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-table tbody {
    display: table-row-group;
    padding: 0;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-table tbody tr,
  body.offer-page:not(.offer-workshop-mode) .offer-table tbody tr:nth-child(odd),
  body.offer-page:not(.offer-workshop-mode) .offer-table tbody tr:nth-child(even) {
    display: table-row;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-table tbody tr:nth-child(odd) { background: #fff; }
  body.offer-page:not(.offer-workshop-mode) .offer-table tbody tr:nth-child(even) { background: #f8fafc; }
  body.offer-page:not(.offer-workshop-mode) .offer-removed-table tbody tr:nth-child(odd) { background: #fff; }
  body.offer-page:not(.offer-workshop-mode) .offer-removed-table tbody tr:nth-child(even) { background: #fff7f7; }

  body.offer-page:not(.offer-workshop-mode) .offer-table tbody tr > td:not(.offer-mobile-card-cell) {
    display: table-cell !important;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-table thead .offer-product-code-column,
  body.offer-page:not(.offer-workshop-mode) .offer-table tbody tr > td.offer-product-code-column {
    display: none !important;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-table thead .offer-product-code-column,
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-table tbody tr > td.offer-product-code-column {
    display: table-cell !important;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-table .offer-mobile-card-cell {
    display: none !important;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-table th,
  body.offer-page:not(.offer-workshop-mode) .offer-table td {
    padding: 4px 2px;
    border-bottom: 1px solid #e2e8f0;
    overflow-wrap: anywhere;
    line-height: 1.15;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-table th {
    background: #111827;
    font-size: 6.2px;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-table .right {
    white-space: normal;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-col-group { width: 9%; }
  body.offer-page:not(.offer-workshop-mode) .offer-col-name { width: 34%; text-align: left; }
  body.offer-page:not(.offer-workshop-mode) .offer-col-quantity { width: 7%; }
  body.offer-page:not(.offer-workshop-mode) .offer-col-unit { width: 11%; }
  body.offer-page:not(.offer-workshop-mode) .offer-col-rate,
  body.offer-page:not(.offer-workshop-mode) .offer-col-discount { width: 10%; }
  body.offer-page:not(.offer-workshop-mode) .offer-col-vat { width: 9%; }
  body.offer-page:not(.offer-workshop-mode) .offer-col-total { width: 10%; }

  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-col-group { width: 8%; }
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-col-code { width: 13%; }
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-col-name { width: 24%; }
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-col-quantity { width: 6%; }
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-col-unit { width: 10%; }
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-col-rate,
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-col-discount,
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-col-vat { width: 9%; }
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-col-total { width: 12%; }

  body.offer-page:not(.offer-workshop-mode) .offer-badge {
    margin-left: 2px;
    padding: 1px 3px;
    font-size: 5.5px;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-section h2 {
    padding: 6px 8px;
    font-size: 10px;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-summary {
    padding: 4px;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-total-area {
    grid-template-columns: repeat(5,minmax(0,1fr));
    border-radius: 4px;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-total-main {
    grid-column: auto;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-list-price,
  body.offer-page:not(.offer-workshop-mode) .offer-saving,
  body.offer-page:not(.offer-workshop-mode) .offer-tax-total,
  body.offer-page:not(.offer-workshop-mode) .offer-vat-total,
  body.offer-page:not(.offer-workshop-mode) .offer-total-main {
    min-height: 38px;
    padding: 4px 2px;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-list-price span,
  body.offer-page:not(.offer-workshop-mode) .offer-saving span,
  body.offer-page:not(.offer-workshop-mode) .offer-tax-total span,
  body.offer-page:not(.offer-workshop-mode) .offer-vat-total span,
  body.offer-page:not(.offer-workshop-mode) .offer-total-main span {
    font-size: 6.5px;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-total-area .offer-list-price b,
  body.offer-page:not(.offer-workshop-mode) .offer-total-area .offer-saving b,
  body.offer-page:not(.offer-workshop-mode) .offer-tax-total b,
  body.offer-page:not(.offer-workshop-mode) .offer-vat-total b,
  body.offer-page:not(.offer-workshop-mode) .offer-total-area .offer-total-main strong {
    font-size: 8.5px;
  }

  body.offer-page:not(.offer-workshop-mode) .offer-footer {
    align-items: center;
    flex-direction: row;
    gap: 8px;
    padding: 6px 2px;
    font-size: 6.5px;
  }
}
/* Paket öneri ve geri alınabilir paket arşivi */
.package-proposal-guide{display:flex;gap:10px;align-items:center;margin:0 0 12px;padding:10px 13px;border:1px solid #dbe7f0;border-radius:12px;background:#f7fbfe;color:#385263;font-size:12px}.package-proposal-guide b{color:#0b5f86;white-space:nowrap}.package-proposal-list{display:grid;gap:8px}.package-proposal-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:11px 13px;border:1px solid #dce5eb;border-radius:13px;background:#fff;box-shadow:0 4px 15px rgba(24,52,67,.05)}.package-proposal-card>div:first-child{display:grid;gap:2px;min-width:0}.package-proposal-card small{font-size:10px;font-weight:800;letter-spacing:.07em;color:#9a6a00;text-transform:uppercase}.package-proposal-card strong{font-size:13px;color:#172d39}.package-proposal-card span,.package-proposal-card time,.package-proposal-card em{font-size:11px;color:#607580;font-style:normal}.package-proposal-card.is-published{border-left:4px solid #2c9b66}.package-proposal-card.is-rejected,.package-proposal-card.is-archived{border-left:4px solid #b85a5a;background:#fffafa}.package-proposal-meta{display:grid;gap:2px;text-align:right}.package-editor input[list]{background-image:linear-gradient(45deg,transparent 50%,#6c8795 50%),linear-gradient(135deg,#6c8795 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 10px) 50%;background-size:4px 4px;background-repeat:no-repeat;padding-right:25px}@media(max-width:720px){.package-proposal-guide{align-items:flex-start;flex-direction:column}.package-proposal-card{grid-template-columns:1fr}.package-proposal-meta{text-align:left}.package-proposal-card button{width:100%}}
.package-card-proposal{position:relative;overflow:hidden;min-height:302px;grid-template-rows:62px auto auto 1fr auto;border-color:#9bcfc4;background:radial-gradient(circle at 50% 0,rgba(14,150,125,.10),transparent 48%),#fff;box-shadow:0 8px 24px rgba(8,114,103,.12)}.package-card-proposal::before{content:"";position:absolute;z-index:1;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#087267,#17aa91,#087267)}.package-card-proposal::after{display:none}.package-card-proposal .package-image{width:100px;height:62px;margin-top:0;justify-self:center;object-fit:contain}.package-card-proposal .package-family{color:#087267;font-size:12px;letter-spacing:.045em}.package-card-proposal .package-title{color:#151923;font-size:22px;letter-spacing:-.025em}.proposal-package-state{align-self:center;justify-self:center;min-width:116px;height:32px;padding:0 12px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:#087267;border:1px solid #a9d9d0;border-radius:9px;background:#f2fbf9;font-size:10px;font-weight:900}.package-card-proposal .detail-btn{background:linear-gradient(135deg,#12a188,#087267);box-shadow:0 7px 16px rgba(8,114,103,.20)}.package-card-proposal .detail-btn:hover{background:linear-gradient(135deg,#0e8c77,#065b53)}
.archived-package-summary{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:4px}.archived-package-summary b{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #e4c7c7;border-radius:999px;background:#fff6f6;color:#873535;font-size:11px}.archived-package-summary span{padding:2px 7px;border-radius:999px;background:#a94444;color:#fff;font-size:10px}
.quote-extra-categories{display:grid;grid-template-columns:repeat(6,minmax(74px,1fr));gap:7px;margin:0 0 10px}.quote-extra-categories button{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:6px;align-items:center;min-height:42px;padding:5px 8px;border:1px solid #d9e3e7;border-radius:10px;background:#fff;color:#314852;cursor:pointer;text-align:left;transition:.16s ease}.quote-extra-categories button:hover{border-color:#6eb9aa;background:#f5fbfa}.quote-extra-categories button.is-active{border-color:#15947d;background:#eaf8f5;box-shadow:0 0 0 2px rgba(21,148,125,.09)}.quote-extra-categories i{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#edf3f5;font-size:18px;font-style:normal}.quote-extra-categories span{overflow:hidden;font-size:10px;font-weight:850;line-height:1.1;text-overflow:ellipsis}.quote-extra-categories b{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#dfeaec;color:#38535e;font-size:9px}.quote-extra-categories .is-active b{background:#15947d;color:#fff}.quote-smart-extra-section>h3{margin:0 0 7px;text-align:left;font-size:11px;letter-spacing:.05em}.extra-product-category{display:grid;gap:5px;margin:0 0 9px}.extra-product-category>h4{display:flex;align-items:center;gap:7px;margin:0;padding:6px 8px;border-radius:8px;background:#f2f7f8;color:#29454f;font-size:11px}.extra-product-category>h4 i{font-size:16px;font-style:normal}.extra-product-category>h4 b{margin-left:auto;padding:2px 7px;border-radius:999px;background:#dce9ec;font-size:9px}@media(max-width:760px){.quote-extra-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.quote-extra-categories button{grid-template-columns:26px minmax(0,1fr) auto;padding:4px 6px}.quote-extra-categories i{width:26px;height:26px;font-size:15px}.quote-extra-categories span{font-size:9px}}
.quote-smart-extra-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 11px;padding:10px 12px;border:1px solid #d7e6e3;border-radius:11px;background:linear-gradient(135deg,#f2faf8,#f8fbfc)}.quote-smart-extra-head>div{display:grid;gap:2px}.quote-smart-extra-head span{color:#13836f;font-size:9px;font-weight:950;letter-spacing:.08em}.quote-smart-extra-head strong{color:#183942;font-size:13px}.quote-smart-extra-head small{max-width:390px;color:#6b7f85;font-size:10px;text-align:right}.quote-extra-categories{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px}.quote-extra-categories button{min-height:48px;padding:7px 9px}.quote-extra-list.quote-extra-list-columns{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-auto-rows:auto;align-items:stretch}.quote-extra-list-columns .quote-extra-item{position:relative;grid-column:auto!important;grid-row:auto!important;min-height:58px;padding:8px 9px;background:#fff}.quote-extra-list-columns .quote-extra-item>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1px 8px;align-items:center}.quote-extra-list-columns .quote-extra-item>div strong{grid-row:1 / span 2;align-self:center}.quote-extra-list-columns .quote-extra-item>div span{font-size:11px;font-weight:850;line-height:1.2;white-space:normal}.quote-extra-list-columns .quote-extra-item>div small{overflow:hidden;color:#7b8b91;font-size:8px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.quote-extra-list-columns .quote-extra-item>span{font-size:11px}.quote-extra-list-columns .quote-add-btn{width:30px;height:30px;border-radius:9px}@media(max-width:700px){.quote-smart-extra-head{align-items:flex-start;flex-direction:column;gap:4px}.quote-smart-extra-head small{text-align:left}.quote-extra-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-extra-list.quote-extra-list-columns{grid-template-columns:1fr}}
.quote-extra-categories i svg,.extra-product-category>h4 i svg{width:24px;height:24px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.quote-extra-categories i svg .solid{fill:currentColor;stroke:none;opacity:.26}.quote-extra-categories i svg .drop{fill:#5baed6;stroke:#237da8}.extra-product-category>h4 i{display:grid;place-items:center;width:28px;height:28px;color:#247d70}.extra-product-category>h4 i svg{width:22px;height:22px}.quote-extra-categories button:nth-child(1) i{color:#7c5531;background:#f5eee5}.quote-extra-categories button:nth-child(2) i{color:#b23b42;background:#fff0f1}.quote-extra-categories button:nth-child(3) i{color:#237da8;background:#edf8fd}.quote-extra-categories button:nth-child(4) i{color:#6a7484;background:#f0f3f6}.quote-extra-categories button:nth-child(5) i{color:#7557a6;background:#f4effb}.quote-extra-categories button:nth-child(6) i{color:#52636c;background:#eff3f4}.quote-extra-list-columns .quote-extra-item.is-smart-labor:not(.is-companion-needed):not(.is-companion-group){border-style:dashed;background:#fafbfc}.quote-extra-list-columns .quote-extra-item.is-smart-labor:not(.is-companion-needed):not(.is-companion-group)>div span{color:#665486}.quote-extra-list-columns .quote-extra-item.is-smart-product>div span{color:#176b5d}
.quote-extra-categories button.is-category-belts i{color:#7c5531;background:#f5eee5}.quote-extra-categories button.is-category-brakes i{color:#b23b42;background:#fff0f1}.quote-extra-categories button.is-category-fluids i{color:#237da8;background:#edf8fd}.quote-extra-categories button.is-category-filters i{color:#6a7484;background:#f0f3f6}.quote-extra-categories button.is-category-labor i{color:#7557a6;background:#f4effb}.quote-extra-categories button.is-category-other i{color:#52636c;background:#eff3f4}
.quote-extra-categories button.is-category-electrical i{color:#b77a13;background:#fff8e6}.quote-extra-categories button.is-category-wipers i{color:#27748c;background:#edf8fb}.quote-extra-categories button.is-category-chassis i{color:#6b574b;background:#f4f0ed}.quote-extra-categories button.is-category-engine i{color:#536b3e;background:#f0f6ea}.quote-extra-categories button.is-category-special i{color:#9b6611;background:#fff6df}
.quote-extra-categories button.is-category-contracts i{color:#174f91;background:#edf4ff}
.quote-extra-split{--cat-rgb:21,148,125;--cat-color:#147966;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}.quote-extra-split.is-category-belts{--cat-rgb:139,91,45;--cat-color:#7c5531}.quote-extra-split.is-category-brakes{--cat-rgb:190,55,64;--cat-color:#a9343c}.quote-extra-split.is-category-fluids{--cat-rgb:35,125,168;--cat-color:#237da8}.quote-extra-split.is-category-filters{--cat-rgb:94,112,130;--cat-color:#596979}.quote-extra-split.is-category-labor{--cat-rgb:117,87,166;--cat-color:#684b99}.quote-extra-split.is-category-other{--cat-rgb:82,99,108;--cat-color:#52636c}.quote-extra-split>section{overflow:hidden;border:1px solid rgba(var(--cat-rgb),.25);border-radius:11px;background:rgba(var(--cat-rgb),.025)}.quote-extra-split>section>header{display:flex;align-items:center;gap:7px;min-height:34px;padding:6px 9px;border-bottom:1px solid rgba(var(--cat-rgb),.22);background:rgba(var(--cat-rgb),.09);color:var(--cat-color)}.quote-extra-split>section>header span{font-size:10px;font-weight:950;letter-spacing:.08em}.quote-extra-split>section>header b{display:grid;place-items:center;min-width:20px;height:20px;margin-left:auto;border-radius:999px;background:var(--cat-color);color:#fff;font-size:9px}.quote-extra-split .quote-extra-list{gap:6px;padding:7px}.quote-extra-split .quote-extra-item{min-height:58px;border-color:rgba(var(--cat-rgb),.22);background:#fff;box-shadow:inset 3px 0 rgba(var(--cat-rgb),.58)}.quote-extra-split .quote-extra-item>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1px 8px;align-items:center}.quote-extra-split .quote-extra-item>div strong{grid-row:1 / span 2;align-self:center}.quote-extra-split .quote-extra-item>div span{color:var(--cat-color);font-size:11px;font-weight:850;line-height:1.2;white-space:normal}.quote-extra-split .quote-extra-item>div small{overflow:hidden;color:#7b8b91;font-size:8px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.quote-extra-split .quote-extra-item>span{color:var(--cat-color);font-size:11px}.quote-extra-split .quote-extra-item.is-smart-labor:not(.is-companion-needed):not(.is-oil-labor-needed){border-style:dashed;background:rgba(var(--cat-rgb),.035)}.quote-extra-categories button.is-recommended,.quote-extra-item.is-oil-labor-needed{animation:smart-extra-recommendation 1.15s ease-in-out infinite}.quote-extra-categories button.is-recommended{border-color:#d79724;background:#fff8e8;box-shadow:0 0 0 2px rgba(215,151,36,.16)}.quote-extra-categories button.is-recommended::after{content:"ÖNERİ";position:absolute;margin:-42px 0 0 36px;padding:2px 5px;border-radius:999px;background:#d58917;color:#fff;font-size:7px;font-weight:950}.quote-extra-categories button{position:relative}.quote-extra-item.is-oil-labor-needed{border-color:#d79724!important;background:linear-gradient(135deg,#fffbed,#fff1c8)!important;box-shadow:inset 3px 0 #d79724,0 5px 16px rgba(194,126,18,.18)!important}.quote-extra-item.is-oil-labor-needed>div span,.quote-extra-item.is-oil-labor-needed>span{color:#996012!important}@keyframes smart-extra-recommendation{0%,100%{filter:brightness(1);transform:translateZ(0)}50%{filter:brightness(1.06);box-shadow:inset 3px 0 #d79724,0 7px 20px rgba(194,126,18,.28)}}@media(prefers-reduced-motion:reduce){.quote-extra-categories button.is-recommended,.quote-extra-item.is-oil-labor-needed{animation:none}}@media(max-width:700px){.quote-extra-split{grid-template-columns:1fr}.quote-extra-labor-column{margin-top:2px}}
.quote-extra-split.is-category-electrical{--cat-rgb:183,122,19;--cat-color:#9a6512}.quote-extra-split.is-category-wipers{--cat-rgb:39,116,140;--cat-color:#276f86}.quote-extra-split.is-category-chassis{--cat-rgb:107,87,75;--cat-color:#685247}.quote-extra-split.is-category-engine{--cat-rgb:83,107,62;--cat-color:#526b3e}.quote-extra-split.is-category-special{--cat-rgb:179,119,21;--cat-color:#98630f}
.quote-extra-split.is-category-contracts{--cat-rgb:35,91,159;--cat-color:#174f91}

@media(min-width:1041px){.filter-strip.is-contract-mode{grid-template-columns:minmax(210px,1.15fr) repeat(3,minmax(105px,1fr)) 82px}.filter-strip.is-contract-mode.is-contract-generic{grid-template-columns:minmax(210px,1.15fr) repeat(2,minmax(105px,1fr)) 82px}}

.whatsapp-success-toast.is-automation-notice{width:min(340px,calc(100vw - 28px));min-height:56px;grid-template-columns:38px minmax(0,1fr);gap:9px;padding:8px 12px 10px 9px;border-radius:14px}.whatsapp-success-toast.is-automation-notice .whatsapp-success-icon{width:36px;height:36px;border-radius:11px}.whatsapp-success-toast.is-automation-notice .whatsapp-success-icon::before{inset:-3px;border-radius:14px}.whatsapp-success-toast.is-automation-notice .whatsapp-success-icon svg{width:20px;height:20px}.whatsapp-success-toast.is-automation-notice .whatsapp-success-copy strong{font-size:12px}.whatsapp-success-toast.is-automation-notice .whatsapp-success-copy small{font-size:10px;line-height:1.25}

/* Özel teklif araç kimliği */
.manual-quote-context-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.manual-quote-toolbar .manual-quote-context-field{gap:4px}.manual-quote-toolbar select{width:100%;height:38px;box-sizing:border-box;padding:0 30px 0 10px;border:1px solid #d8b8bf;border-radius:9px;outline:none;background:#fff;color:#26313a;font-size:12px;font-weight:800}.manual-quote-toolbar select:focus{border-color:#b91c32;box-shadow:0 0 0 3px rgba(185,28,50,.10)}.manual-quote-toolbar select:disabled{cursor:not-allowed;background:#f4f1f2;color:#9b8e91}.manual-quote-name-field{grid-column:1/-1}@media(max-width:900px){.manual-quote-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.manual-quote-context-grid{grid-template-columns:1fr}.manual-quote-toolbar select{height:36px}}

.quote-extra-item.is-already-included{border-color:#9bc8bc!important;background:#f2faf7!important;box-shadow:inset 3px 0 #49a88f!important}.quote-extra-item.is-already-included .quote-add-btn:disabled{border-color:#76b8a6;background:#76b8a6;color:#fff;opacity:1}.quote-extra-item.is-already-included>div small{color:#378270!important;font-weight:850!important}

/* Hazır Kalemler kategori şeridi: her ekranda tek satır, kaydırmasız ve taşmasız. */
.quote-extra-categories{display:flex;flex-wrap:nowrap;gap:5px;overflow:hidden;padding:2px 1px 4px}.quote-extra-categories button{flex:1 1 0;min-width:0;min-height:42px;grid-template-columns:24px minmax(0,1fr) 18px;gap:4px;padding:5px;border-radius:9px}.quote-extra-categories i{width:24px;height:24px;border-radius:7px}.quote-extra-categories i svg{width:19px;height:19px}.quote-extra-categories span{min-width:0;font-size:8.5px;line-height:1.05;white-space:nowrap}.quote-extra-categories b{min-width:18px;width:18px;height:18px;font-size:8px}@media(max-width:760px){.quote-extra-categories{display:flex;flex-wrap:nowrap;grid-template-columns:none;gap:3px;overflow:hidden}.quote-extra-categories button{position:relative;flex:1 1 0;min-width:0;min-height:38px;grid-template-columns:20px minmax(0,1fr);gap:2px;padding:3px 2px}.quote-extra-categories i{width:20px;height:20px}.quote-extra-categories i svg{width:17px;height:17px}.quote-extra-categories span{font-size:7px}.quote-extra-categories b{position:absolute;top:1px;right:1px;min-width:14px;width:14px;height:14px;font-size:6.5px}}@media(max-width:520px){.quote-extra-categories{gap:2px}.quote-extra-categories button{min-height:34px;grid-template-columns:1fr;padding:3px 1px}.quote-extra-categories i{width:20px;height:20px;margin:auto}.quote-extra-categories span{display:none}.quote-extra-categories b{top:1px;right:0;min-width:13px;width:13px;height:13px;font-size:6px}}

/* Paket detay tablosu mobilde masaüstü düzenini koruyarak ekrana sığar. */
@media(max-width:700px){.detail-modal .quote-table-wrap{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-inline:auto}.detail-modal .quote-detail-table{width:100%;min-width:0!important;max-width:100%;table-layout:fixed}.detail-modal .quote-detail-table th,.detail-modal .quote-detail-table td{max-width:0;padding:3px 1px;overflow:hidden;font-size:6px;line-height:1.05;text-overflow:ellipsis;white-space:nowrap!important;overflow-wrap:normal}.detail-modal .quote-detail-table th{font-size:5.5px}.detail-modal .quote-detail-table .quote-cell-input,.detail-modal .quote-detail-table .quote-code-input,.detail-modal .quote-detail-table .quote-name-input{width:100%;min-width:0;height:18px;padding:0 1px;border-radius:3px;font-size:6px;line-height:1;text-overflow:ellipsis}.detail-modal .quote-detail-table .quote-row-btn,.detail-modal .quote-detail-table .quote-add-btn{min-width:12px!important;width:12px!important;min-height:18px!important;height:18px!important;padding:0;border-radius:3px;font-size:10px}.detail-modal .quote-detail-table .quantity-control{width:100%;grid-template-columns:8px minmax(0,1fr) 8px;gap:0;font-size:6px}.detail-modal .quote-detail-table .quantity-control button{min-width:8px!important;width:8px!important;min-height:18px!important;height:18px!important;padding:0;border-radius:2px;font-size:7px}.detail-modal .quote-detail-table .package-list-total,.detail-modal .quote-detail-table .package-discount-total,.detail-modal .quote-detail-table .package-total-edit{gap:1px;padding:0}.detail-modal .quote-detail-table .package-list-total small,.detail-modal .quote-detail-table .package-discount-total small,.detail-modal .quote-detail-table .package-total-edit small{font-size:5px;line-height:1;white-space:nowrap}.detail-modal .quote-detail-table .package-list-total b,.detail-modal .quote-detail-table .package-discount-total b{font-size:7px;white-space:nowrap}.detail-modal .quote-detail-table .package-total-edit input{min-height:20px;height:20px;padding:0 1px;border-width:1px;border-radius:3px;font-size:8px}.detail-modal .quote-detail-table .detail-total td{padding-top:4px;padding-bottom:4px}.detail-modal .quote-detail-table .quote-product-code-copy,.detail-modal .quote-detail-table .quote-code-hidden{font-size:5.5px}.detail-modal .quote-detail-table .quote-add-product-status{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
/* Müşterinin teklif üzerinden güvenli revizyon isteği */
.offer-customer-request{margin:16px 0 8px;padding:16px;border:1px solid #dbe4ee;border-radius:18px;background:linear-gradient(145deg,#f8fbff 0%,#fff 62%);box-shadow:0 12px 32px rgba(15,23,42,.07)}
.offer-customer-request-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:13px}
.offer-customer-request-mark{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#0b5cab;color:#fff;font:800 25px/1 Arial;box-shadow:0 7px 16px rgba(11,92,171,.2)}
.offer-customer-request-head small{display:block;margin:1px 0 2px;color:#0b5cab;font-size:9px;font-weight:900;letter-spacing:.12em}
.offer-customer-request-head h2{margin:0;color:#111827;font-size:18px;line-height:1.15}
.offer-customer-request-head p{margin:5px 0 0;color:#64748b;font-size:11px;line-height:1.45}
.offer-customer-request-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:6px;margin-bottom:9px}
.offer-customer-request-tabs button{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:37px;padding:5px 7px;border:1px solid #d8e1eb;border-radius:10px;background:#fff;color:#334155;cursor:pointer;text-align:left}
.offer-customer-request-tabs button>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#edf4fb;color:#0b5cab;font-size:11px;font-weight:900}
.offer-customer-request-tabs button>b{overflow:hidden;font-size:9px;line-height:1.15;text-overflow:ellipsis}
.offer-customer-request-tabs button>em{min-width:18px;padding:2px 4px;border-radius:9px;background:#eef2f6;color:#64748b;font-size:8px;font-style:normal;font-weight:900;text-align:center}
.offer-customer-request-tabs button[aria-pressed="true"]{border-color:#0b5cab;background:#eef7ff;color:#073c72;box-shadow:0 0 0 1px rgba(11,92,171,.12)}
.offer-customer-request-products{max-height:292px;overflow-y:auto;overscroll-behavior:contain;padding:2px 5px 2px 2px;scrollbar-width:thin;scrollbar-color:#9fb5ca #edf2f7}
.offer-customer-category-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.offer-customer-product{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;padding:6px 8px;border:1px solid #e1e7ee;border-radius:11px;background:#fff;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.offer-customer-product:hover{border-color:#8fb5db;transform:translateY(-1px)}
.offer-customer-product input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none}
.offer-customer-product-check{display:grid;place-items:center;width:22px;height:22px;border:1.5px solid #aab8c7;border-radius:7px;color:transparent;font-size:13px;font-weight:900}
.offer-customer-product-copy{min-width:0}
.offer-customer-product-copy strong{display:block;color:#111827;font-size:10px;line-height:1.2}
.offer-customer-product-copy small{display:block;margin-top:2px;color:#94a3b8;font-size:8px}
.offer-customer-product>b{white-space:nowrap;color:#0f4d82;font-size:10px}
.offer-customer-product.is-selected{border-color:#2c8b60;background:#f0fbf5}
.offer-customer-product.is-selected .offer-customer-product-check{border-color:#238158;background:#238158;color:#fff}
.offer-customer-request-note{display:block;margin-top:10px}
.offer-customer-request-note>span{display:block;margin-bottom:4px;color:#334155;font-size:10px;font-weight:800}
.offer-customer-request-note small{color:#94a3b8;font-weight:600}
.offer-customer-request-note textarea{box-sizing:border-box;width:100%;min-height:58px;resize:vertical;padding:9px 10px;border:1px solid #d8e1eb;border-radius:10px;background:#fff;color:#111827;font:10px/1.4 inherit;outline:none}
.offer-customer-request-note textarea:focus{border-color:#0b5cab;box-shadow:0 0 0 3px rgba(11,92,171,.09)}
.offer-customer-request-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.offer-customer-request-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;padding-top:9px;border-top:1px solid #e3e9ef}
.offer-customer-request-actions>span{color:#64748b;font-size:9px;line-height:1.35}
.offer-customer-request-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:192px;height:38px;padding:0 13px;border:0;border-radius:10px;background:linear-gradient(135deg,#0b5cab,#073c72);color:#fff;font-size:10px;font-weight:900;cursor:pointer;box-shadow:0 7px 15px rgba(11,92,171,.18)}
.offer-customer-request-actions button b{display:grid;place-items:center;min-width:21px;height:21px;padding:0 4px;border-radius:11px;background:rgba(255,255,255,.18);font-size:9px}
.offer-customer-request-actions button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}
.offer-customer-request-status{margin:8px 0 0;color:#64748b;font-size:10px;line-height:1.4}
.offer-customer-request-status.is-error{color:#b42318}
.offer-customer-request-status.is-working{color:#0b5cab}
.offer-customer-request-status.is-success{display:grid;gap:3px;padding:10px 12px;border:1px solid #a9dcc3;border-radius:11px;background:#effbf5;color:#176b49}
.offer-customer-request-status.is-success strong{font-size:12px}.offer-customer-request-status.is-success span{font-size:9px}
@media(max-width:640px){.offer-customer-request{margin:10px 0 5px;padding:10px;border-radius:13px}.offer-customer-request-head{gap:8px;margin-bottom:9px}.offer-customer-request-mark{flex-basis:31px;width:31px;height:31px;border-radius:9px;font-size:20px}.offer-customer-request-head h2{font-size:14px}.offer-customer-request-head p{font-size:9px}.offer-customer-request-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.offer-customer-request-tabs button{grid-template-columns:20px minmax(0,1fr);gap:4px;min-height:32px;padding:4px}.offer-customer-request-tabs button>span{width:20px;height:20px;border-radius:6px;font-size:9px}.offer-customer-request-tabs button>b{font-size:7.5px}.offer-customer-request-tabs button>em{display:none}.offer-customer-category-panel{grid-template-columns:1fr}.offer-customer-product{min-height:42px;padding:5px 7px}.offer-customer-request-actions{align-items:stretch;flex-direction:column;gap:6px}.offer-customer-request-actions button{width:100%;min-width:0}.offer-customer-request-products{max-height:250px}}

.offer-customer-product{grid-template-columns:24px minmax(0,1fr) auto auto}
.offer-customer-quantity{display:inline-grid;grid-template-columns:22px 34px 22px;align-items:center;justify-content:end;gap:2px;white-space:nowrap}
.offer-customer-quantity button{display:grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid #bac7d4;border-radius:6px;background:#f7fafc;color:#14324a;font-size:14px;font-weight:900;line-height:1;cursor:pointer}
.offer-customer-quantity button:hover{border-color:#3e8d6a;background:#edf8f2;color:#176342}
.offer-customer-quantity input{position:static!important;width:34px;height:22px;padding:0 2px;border:1px solid #c9d3de;border-radius:6px;background:#fff;opacity:1!important;color:#0f172a;font-size:11px;font-weight:900;text-align:center;pointer-events:auto!important;-moz-appearance:textfield}
.offer-customer-quantity input::-webkit-inner-spin-button,.offer-customer-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.offer-customer-new-quantity{padding-left:3px;border-left:1px solid #e3e9ef}
.offer-table .offer-customer-quantity{margin-left:auto}
.offer-customer-preview-remove{display:inline-flex;align-items:center;justify-content:center;min-height:20px;margin-left:5px;padding:2px 6px;border:1px solid #efb6b6;border-radius:6px;background:#fff4f4;color:#a61f2b;font-size:8px;font-weight:900;line-height:1;vertical-align:middle;cursor:pointer}
.offer-customer-preview-remove:hover{border-color:#d85b63;background:#ffe7e8;color:#86151e}
.customer-request-card footer>span{display:grid;gap:3px}
.customer-request-card footer>span small{display:block;color:#475569;font-size:11px;font-weight:700}
@media(max-width:640px){.offer-customer-product{grid-template-columns:22px minmax(0,1fr) auto}.offer-customer-product>b{grid-column:2}.offer-customer-new-quantity{grid-column:3;grid-row:1/span 2}.offer-customer-quantity{grid-template-columns:20px 30px 20px}.offer-customer-quantity button{width:20px;height:20px}.offer-customer-quantity input{width:30px;height:20px}}
@media screen and (max-width:700px){
  body.offer-page:not(.offer-workshop-mode) .offer-col-group{width:8%}
  body.offer-page:not(.offer-workshop-mode) .offer-col-name{width:31%}
  body.offer-page:not(.offer-workshop-mode) .offer-col-quantity{width:10%}
  body.offer-page:not(.offer-workshop-mode) .offer-col-unit{width:11%}
  body.offer-page:not(.offer-workshop-mode) .offer-col-rate,
  body.offer-page:not(.offer-workshop-mode) .offer-col-discount{width:10%}
  body.offer-page:not(.offer-workshop-mode) .offer-col-vat{width:9%}
  body.offer-page:not(.offer-workshop-mode) .offer-col-total{width:11%}
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-col-group{width:7%}
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-col-code{width:12%}
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-col-name{width:22%}
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-col-quantity{width:9%}
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-col-unit{width:10%}
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-col-rate,
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-col-discount,
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-col-vat{width:9%}
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-col-total{width:13%}
  body.offer-page:not(.offer-workshop-mode) .offer-table .offer-customer-quantity{display:inline-grid;grid-template-columns:7px 13px 7px;gap:0;width:27px;margin:0 auto;vertical-align:middle}
  body.offer-page:not(.offer-workshop-mode) .offer-table .offer-customer-quantity button{min-width:7px;width:7px;height:17px;border-radius:2px;border-width:1px;font-size:7px}
  body.offer-page:not(.offer-workshop-mode) .offer-table .offer-customer-quantity input{width:13px;height:17px;padding:0;border-radius:2px;font-size:7px}
  body.offer-page:not(.offer-workshop-mode) .offer-customer-preview-remove{min-height:13px;margin-left:2px;padding:1px 2px;border-radius:3px;font-size:5px}
}
html.is-print-preparing .offer-customer-request{display:none!important}
html.is-print-preparing .offer-customer-quantity{display:inline-block!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;white-space:nowrap!important}
html.is-print-preparing .offer-customer-quantity::after{content:attr(data-print-quantity);font:inherit;font-weight:700;color:inherit}
html.is-print-preparing .offer-customer-quantity>button,
html.is-print-preparing .offer-customer-quantity>input,
html.is-print-preparing .offer-customer-preview-remove{display:none!important}
@media print{
  .offer-customer-request{display:none!important}
  .offer-customer-quantity{display:inline-block!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;white-space:nowrap!important}
  .offer-customer-quantity::after{content:attr(data-print-quantity);font:inherit;font-weight:700;color:inherit}
  .offer-customer-quantity>button,.offer-customer-quantity>input,.offer-customer-preview-remove{display:none!important}
}

/* Teklif · araca uyumlu ekstra ürünler: paket detaylarıyla ortak kompakt tasarım. */
.offer-customer-request{margin:12px 0 6px;padding:12px;border-color:#d6e4e2;border-radius:15px;background:linear-gradient(145deg,#f4faf9 0%,#fff 58%);box-shadow:0 8px 24px rgba(19,72,68,.07)}
.offer-customer-request-head{align-items:center;gap:9px;margin-bottom:9px}
.offer-customer-request-mark{flex-basis:32px;width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,#15947d,#087267);font-size:20px;box-shadow:0 5px 12px rgba(8,114,103,.18)}
.offer-customer-request-head small{margin:0 0 1px;color:#13836f;font-size:8px}
.offer-customer-request-head h2{font-size:15px}
.offer-customer-request-head p{max-width:760px;margin:3px 0 0;font-size:9px;line-height:1.3}
.offer-customer-request-tabs{display:flex;grid-template-columns:none;flex-wrap:nowrap;gap:4px;overflow:hidden;margin:0 0 7px;padding:1px}
.offer-customer-request-tabs button{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) 17px;flex:1 1 0;min-width:0;min-height:36px;gap:4px;padding:4px 5px;border-color:#dbe6e5;border-radius:9px;color:#314852}
.offer-customer-request-tabs button:hover{border-color:#72b9ab;background:#f4fbf9}
.offer-customer-request-tabs button>span.offer-customer-category-icon{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:7px;background:#edf3f5;color:#52636c;font-size:0}
.offer-customer-category-icon svg{width:18px;height:18px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.offer-customer-category-icon svg .solid{fill:currentColor;stroke:none;opacity:.25}
.offer-customer-category-icon svg .drop{fill:#5baed6;stroke:#237da8}
.offer-customer-request-tabs button>b{min-width:0;overflow:hidden;font-size:8px;font-weight:850;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}
.offer-customer-request-tabs button>em{display:grid;place-items:center;min-width:17px;width:17px;height:17px;padding:0;border-radius:999px;background:#e2ecec;color:#45616b;font-size:7px}
.offer-customer-request-tabs button[aria-pressed="true"]{border-color:#15947d;background:#eaf8f5;color:#126b5b;box-shadow:0 0 0 1px rgba(21,148,125,.1)}
.offer-customer-request-tabs button[aria-pressed="true"]>em{background:#15947d;color:#fff}
.offer-customer-request-tabs .is-category-belts .offer-customer-category-icon{color:#7c5531;background:#f5eee5}
.offer-customer-request-tabs .is-category-brakes .offer-customer-category-icon{color:#b23b42;background:#fff0f1}
.offer-customer-request-tabs .is-category-fluids .offer-customer-category-icon{color:#237da8;background:#edf8fd}
.offer-customer-request-tabs .is-category-filters .offer-customer-category-icon{color:#6a7484;background:#f0f3f6}
.offer-customer-request-tabs .is-category-electrical .offer-customer-category-icon{color:#b77a13;background:#fff8e6}
.offer-customer-request-tabs .is-category-wipers .offer-customer-category-icon{color:#27748c;background:#edf8fb}
.offer-customer-request-tabs .is-category-chassis .offer-customer-category-icon{color:#6b574b;background:#f4f0ed}
.offer-customer-request-tabs .is-category-engine .offer-customer-category-icon{color:#536b3e;background:#f0f6ea}
.offer-customer-request-tabs .is-category-contracts .offer-customer-category-icon{color:#174f91;background:#edf4ff}
.offer-customer-request-tabs .is-category-special .offer-customer-category-icon{color:#9b6611;background:#fff6df}
.offer-customer-request-products{max-height:230px;padding:5px;border:1px solid #e0e9e8;border-radius:11px;background:#f8fbfb;scrollbar-color:#83aa9f #edf3f2}
.offer-customer-category-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.offer-customer-product{grid-template-columns:20px minmax(0,1fr) auto auto;gap:5px;min-height:40px;padding:4px 6px;border-color:#dfe8e7;border-radius:9px;box-shadow:0 2px 7px rgba(28,67,64,.035)}
.offer-customer-product:hover{border-color:#72b9ab;background:#fbfefd;transform:none}
.offer-customer-product-check{width:18px;height:18px;border-radius:6px;font-size:10px}
.offer-customer-product-copy strong{overflow:hidden;color:#182c32;font-size:9px;font-weight:850;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.offer-customer-product-copy small{margin-top:1px;font-size:6.5px}
.offer-customer-product>b{font-size:9px;color:#126b5b}
.offer-customer-product.is-selected{border-color:#54a894;background:#eef9f5;box-shadow:inset 3px 0 #2a957c}
.offer-customer-product.is-selected .offer-customer-product-check{border-color:#238158;background:#238158}
.offer-customer-new-quantity{padding-left:4px}
.offer-customer-product .offer-customer-quantity{grid-template-columns:18px 28px 18px;gap:1px}
.offer-customer-product .offer-customer-quantity button{width:18px;height:20px;border-radius:5px;font-size:11px}
.offer-customer-product .offer-customer-quantity input{width:28px;height:20px;border-radius:5px;font-size:9px}
.offer-customer-request-note{margin-top:7px}
.offer-customer-request-note>span{margin-bottom:3px;font-size:9px}
.offer-customer-request-note textarea{min-height:44px;max-height:90px;padding:7px 8px;border-radius:8px;font-size:9px}
.offer-customer-request-actions{gap:9px;margin-top:7px;padding-top:7px}
.offer-customer-request-actions button{min-width:180px;height:34px;border-radius:9px;font-size:9px;box-shadow:0 5px 12px rgba(11,92,171,.14)}
.offer-customer-request-status{margin-top:6px;font-size:9px}
@media(max-width:900px){.offer-customer-category-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .offer-customer-request{margin:8px 0 4px;padding:8px;border-radius:11px}
  .offer-customer-request-head{gap:7px;margin-bottom:6px}
  .offer-customer-request-mark{flex-basis:27px;width:27px;height:27px;border-radius:8px;font-size:17px}
  .offer-customer-request-head h2{font-size:12px}
  .offer-customer-request-head p{display:-webkit-box;overflow:hidden;font-size:7.5px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .offer-customer-request-tabs{display:grid;grid-template-columns:repeat(var(--offer-category-columns,3),minmax(0,1fr));gap:3px;margin-bottom:5px;overflow:visible}
  .offer-customer-request-tabs button{grid-template-columns:20px minmax(0,1fr);min-height:31px;gap:2px;padding:3px 2px}
  .offer-customer-request-tabs button>span.offer-customer-category-icon{width:20px;height:20px;border-radius:6px}
  .offer-customer-category-icon svg{width:15px;height:15px}
  .offer-customer-request-tabs button>b{font-size:6.5px}
  .offer-customer-request-tabs button>em{position:absolute;top:1px;right:1px;min-width:13px;width:13px;height:13px;font-size:5.5px}
  .offer-customer-request-products{max-height:205px;padding:3px;border-radius:8px}
  .offer-customer-category-panel{grid-template-columns:1fr;gap:3px}
  .offer-customer-product{grid-template-columns:18px minmax(0,1fr) auto;min-height:35px;gap:4px;padding:3px 5px;border-radius:7px}
  .offer-customer-product-check{width:16px;height:16px;border-radius:5px;font-size:9px}
  .offer-customer-product-copy strong{font-size:8px}
  .offer-customer-product-copy small{font-size:6px}
  .offer-customer-product>b{grid-column:2;font-size:8px}
  .offer-customer-new-quantity{grid-column:3;grid-row:1/span 2}
  .offer-customer-product .offer-customer-quantity{grid-template-columns:17px 25px 17px}
  .offer-customer-product .offer-customer-quantity button{width:17px;height:18px;font-size:10px}
  .offer-customer-product .offer-customer-quantity input{width:25px;height:18px;font-size:8px}
  .offer-customer-request-note textarea{min-height:39px}
  .offer-customer-request-actions{align-items:stretch;gap:5px}
  .offer-customer-request-actions button{height:32px}
}
@media(max-width:480px){.offer-customer-request-tabs button{grid-template-columns:1fr;grid-template-rows:19px auto;align-content:center;min-height:45px;padding:3px 2px 2px}.offer-customer-request-tabs button>b{display:-webkit-box;align-self:center;overflow:hidden;font-size:clamp(7.4px,2.05vw,8.1px);font-weight:900;line-height:1.05;text-align:center;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3}.offer-customer-request-tabs button>span.offer-customer-category-icon{width:18px;height:18px;margin:auto;border-radius:5px}.offer-customer-category-icon svg{width:14px;height:14px}}
.offer-customer-request-tabs button{min-height:40px}
.offer-customer-request-tabs button>b{display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:clip;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.offer-customer-active-category{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;min-height:27px;margin:0 0 5px;padding:4px 7px;border:1px solid #dce9e6;border-radius:8px;background:linear-gradient(90deg,#edf8f5,#f9fcfb);color:#183f3a}
.offer-customer-active-category>span{color:#278270;font-size:6.5px;font-weight:950;letter-spacing:.08em;white-space:nowrap}
.offer-customer-active-category>strong{overflow:hidden;font-size:9px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.offer-customer-active-category>small{padding:2px 6px;border-radius:999px;background:#dcefe9;color:#196f5e;font-size:7px;font-weight:900;white-space:nowrap}
.offer-accessory-search{min-height:34px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;margin:0 0 5px;padding:4px 9px;border:1px solid #ddd5e9;border-radius:9px;color:#72559b;background:linear-gradient(135deg,#fff,#faf8fd);box-shadow:0 3px 10px rgba(72,49,102,.045)}
.offer-accessory-search[hidden]{display:none}
.offer-accessory-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.offer-accessory-search input{min-width:0;height:24px;padding:0;border:0;outline:0;color:#263541;background:transparent;font:800 9px/1.2 inherit}
.offer-accessory-search input::placeholder{color:#99a3ad;font-weight:700}
.offer-accessory-search small{font-size:7px;font-weight:950;white-space:nowrap}
.offer-customer-product[hidden]{display:none!important}
.offer-customer-category-panel.is-search-empty::after{content:"Eşleşen aksesuar bulunamadı.";grid-column:1/-1;padding:14px;border:1px dashed #d8cfdf;border-radius:9px;color:#7d7187;background:#fcfafd;font-size:9px;font-weight:800;text-align:center}
.offer-customer-product{min-height:44px}
.offer-customer-product-copy strong{display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:clip;-webkit-box-orient:vertical;-webkit-line-clamp:2}

/* EPER v2 · grup > komponent > çizim > ürün hiyerarşisi */
.quote-eper-shell{border-color:#aec7df;border-radius:14px;background:#f4f8fc;box-shadow:0 12px 30px rgba(19,58,93,.09),inset 0 4px #1567ad}
.quote-eper-hero{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(430px,1.45fr);gap:14px;align-items:stretch;padding:12px;border-bottom:1px solid #c9daea;background:radial-gradient(circle at 8% 0,rgba(42,130,202,.19),transparent 34%),linear-gradient(120deg,#eef7ff,#f9fcff)}
.quote-eper-brand{display:flex;align-items:center;gap:11px;min-width:0;padding:9px 11px;border:1px solid rgba(48,114,170,.18);border-radius:11px;background:rgba(255,255,255,.72)}.quote-eper-brand>i{display:grid;place-items:center;flex:0 0 60px;height:48px;border-radius:10px;background:linear-gradient(145deg,#1976c4,#0d4f89);box-shadow:0 7px 16px rgba(13,79,137,.24);color:#fff;font:italic 950 17px/1 Arial,sans-serif;letter-spacing:-.06em}.quote-eper-brand>div{display:grid;gap:2px;min-width:0}.quote-eper-brand span{color:#1768ad;font-size:8px;font-weight:950;letter-spacing:.1em}.quote-eper-brand strong{overflow:hidden;color:#173a58;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.quote-eper-brand small{color:#6b8194;font-size:8px;font-weight:750}
.quote-eper-vehicle-meta{display:grid;grid-template-columns:1.35fr .8fr 1fr;gap:7px;margin:0}.quote-eper-vehicle-meta>div{display:grid;align-content:center;gap:3px;min-width:0;padding:8px 10px;border:1px solid #d1e0ed;border-radius:10px;background:#fff;box-shadow:0 4px 12px rgba(33,76,111,.05)}.quote-eper-vehicle-meta dt{color:#678199;font-size:7px;font-weight:950;letter-spacing:.09em}.quote-eper-vehicle-meta dd{overflow:hidden;margin:0;color:#173f61;font:900 10px ui-monospace,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.quote-eper-vehicle-meta>div:first-child{border-color:#9fc6e7;background:linear-gradient(135deg,#f2f9ff,#fff)}.quote-eper-vehicle-meta>div:first-child dd{color:#0e609f;font-size:11px;letter-spacing:.035em}
.quote-eper-toolbar{display:grid;grid-template-columns:minmax(250px,1fr) auto auto;gap:8px;align-items:end;padding:9px 11px;border-bottom:1px solid #d7e4ef;background:#fff}.quote-eper-toolbar label{display:grid;gap:3px;min-width:0}.quote-eper-toolbar label>span{color:#3d6382;font-size:8px;font-weight:950;letter-spacing:.04em}.quote-eper-toolbar input{height:35px;border-color:#a9c5dc;border-radius:9px;background:#fafdff;font-size:10px}.quote-eper-toolbar>button{height:35px;border-radius:9px;background:linear-gradient(135deg,#1975bd,#0e5894);box-shadow:0 5px 12px rgba(14,88,148,.15)}.quote-eper-toolbar>em{align-self:center;min-width:82px;padding:6px 8px;border-radius:8px;background:#edf4fa;color:#496a84;text-align:center}
.quote-eper-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;max-height:194px;padding:7px;background:#edf3f8}.quote-eper-groups button{grid-template-columns:12px 34px minmax(0,1fr) auto;gap:5px;min-height:36px;padding:5px 7px;border-radius:8px}.quote-eper-groups button>span{color:#77a0c1;font:950 11px/1 Arial}.quote-eper-groups button>b{display:block;width:auto;height:auto;border-radius:0;background:none;color:#1264a6;font:950 9px ui-monospace,Consolas,monospace}.quote-eper-groups button>strong{font-size:8px}.quote-eper-groups button>em{padding:3px 6px;border-radius:999px;background:#e8f0f6;color:#60798e;font-size:7px;font-style:normal;font-weight:900;white-space:nowrap}.quote-eper-groups button.is-active{box-shadow:inset 3px 0 #1768b3,0 3px 9px rgba(26,91,145,.1)}.quote-eper-groups button.is-active>em{background:#1768b3;color:#fff}.quote-eper-groups button.is-loaded:not(.is-active)>em{background:#dff2e9;color:#28765d}
.quote-eper-browser{display:grid;grid-template-columns:minmax(225px,27%) minmax(0,1fr);min-height:310px;background:#fff}.quote-eper-browser>aside{min-width:0;border-right:1px solid #d6e2ec;background:#f4f8fb}.quote-eper-browser>aside>header{display:flex;align-items:center;gap:7px;min-height:37px;padding:7px 9px;border-bottom:1px solid #d7e3ed;background:#e7f0f7;color:#335c7d}.quote-eper-browser>aside>header span{font-size:8px;font-weight:950;letter-spacing:.1em}.quote-eper-browser>aside>header b{margin-left:auto;padding:3px 7px;border-radius:999px;background:#1768ad;color:#fff;font-size:8px}.quote-eper-browser>aside>nav{display:grid;align-content:start;gap:4px;max-height:510px;padding:6px;overflow:auto}.quote-eper-browser>aside button{display:grid;grid-template-columns:10px 37px minmax(0,1fr);gap:4px 5px;align-items:center;min-height:39px;padding:5px 6px;border:1px solid #d5e1eb;border-radius:8px;background:#fff;color:#405b70;cursor:pointer;text-align:left}.quote-eper-browser>aside button>span{grid-row:1/span 2;color:#85a4bd;font-weight:950}.quote-eper-browser>aside button>b{color:#1264a6;font:950 9px ui-monospace,Consolas,monospace}.quote-eper-browser>aside button>strong{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.quote-eper-browser>aside button>em{grid-column:2/-1;color:#7b8f9f;font-size:7px;font-style:normal;font-weight:800}.quote-eper-browser>aside button:hover{border-color:#8bb6d8;background:#f8fcff}.quote-eper-browser>aside button.is-active{border-color:#2a7bbb;background:#e9f4fd;box-shadow:inset 3px 0 #1768ad}.quote-eper-browser>aside button.is-active>em{color:#1768ad}
.quote-eper-browser>main{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-width:0;background:#fff}.quote-eper-tables{display:flex;gap:5px;min-height:48px;padding:6px;overflow-x:auto;border-bottom:1px solid #dde7ef;background:#f8fafc}.quote-eper-tables button{display:grid;grid-template-columns:10px minmax(120px,1fr) auto;gap:5px;align-items:center;flex:1 0 190px;max-width:285px;min-height:36px;padding:4px 7px;border:1px solid #d6e2eb;border-radius:8px;background:#fff;color:#425d72;cursor:pointer;text-align:left}.quote-eper-tables button>span{color:#86a6bf;font-weight:950}.quote-eper-tables button>div{display:grid;gap:1px;min-width:0}.quote-eper-tables button b{color:#1366a8;font:950 8px ui-monospace,Consolas,monospace}.quote-eper-tables button strong{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.quote-eper-tables button em{font-size:7px;font-style:normal;font-weight:850;white-space:nowrap}.quote-eper-tables button.is-active{border-color:#2779b9;background:#eaf4fc;box-shadow:inset 0 -3px #2779b9}.quote-eper-breadcrumb{display:flex;align-items:center;gap:5px;min-height:31px;padding:5px 8px;border-bottom:1px solid #dce7ef;background:linear-gradient(90deg,#edf6fd,#f9fcff);color:#526f86;white-space:nowrap;overflow-x:auto}.quote-eper-breadcrumb span{color:#2a7bb9;font-size:11px;font-weight:950}.quote-eper-breadcrumb b{color:#0f62a3;font:950 8px ui-monospace,Consolas,monospace}.quote-eper-breadcrumb strong{font-size:8px}.quote-eper-tree-state{display:flex;align-items:center;justify-content:center;gap:7px;min-height:60px;padding:10px;color:#718597;font-size:8px;font-weight:800;text-align:center}.quote-eper-tree-state>span{width:14px;height:14px;border:2px solid #bdd3e4;border-top-color:#1768ad;border-radius:50%;animation:eper-spin .7s linear infinite}
.quote-eper-results{max-height:470px}.quote-eper-table th:nth-child(1){width:16%}.quote-eper-table th:nth-child(3){width:15%}.quote-eper-table td:nth-child(2) strong{font-size:9px}.quote-eper-table td:nth-child(2) small{margin-top:2px;color:#68839a;font-size:6.8px;line-height:1.25;text-overflow:ellipsis}.quote-eper-table tr:hover td:nth-child(2) small{color:#2f6d9f}
@media(max-width:900px){.quote-eper-hero{grid-template-columns:1fr}.quote-eper-vehicle-meta{grid-template-columns:1.35fr .8fr 1fr}.quote-eper-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-eper-browser{grid-template-columns:minmax(190px,31%) minmax(0,1fr)}}
@media(max-width:640px){.quote-eper-hero{gap:7px;padding:7px}.quote-eper-brand{padding:7px}.quote-eper-brand>i{flex-basis:48px;height:40px;font-size:14px}.quote-eper-brand strong{font-size:10px}.quote-eper-vehicle-meta{grid-template-columns:1fr 1fr}.quote-eper-vehicle-meta>div{padding:6px}.quote-eper-vehicle-meta>div:first-child{grid-column:1/-1}.quote-eper-vehicle-meta dd,.quote-eper-vehicle-meta>div:first-child dd{font-size:8px}.quote-eper-toolbar{grid-template-columns:minmax(0,1fr) auto;padding:7px}.quote-eper-toolbar>em{display:none}.quote-eper-toolbar>button{padding:0 7px;font-size:7px}.quote-eper-groups{grid-template-columns:1fr;max-height:160px}.quote-eper-groups button{grid-template-columns:10px 31px minmax(0,1fr) auto;min-height:31px}.quote-eper-browser{grid-template-columns:1fr}.quote-eper-browser>aside{border-right:0;border-bottom:1px solid #d6e2ec}.quote-eper-browser>aside>nav{grid-template-columns:repeat(2,minmax(0,1fr));max-height:150px}.quote-eper-browser>aside button{min-height:34px}.quote-eper-tables button{flex-basis:170px}.quote-eper-table th:nth-child(1){width:23%}.quote-eper-table th:nth-child(3){width:22%}.quote-eper-breadcrumb{font-size:7px}.quote-eper-results{max-height:390px}}
@media(max-width:640px){.offer-customer-request-tabs button{min-height:34px}.offer-customer-active-category{min-height:24px;gap:5px;margin-bottom:4px;padding:3px 5px}.offer-customer-active-category>span{font-size:5.5px}.offer-customer-active-category>strong{font-size:8px}.offer-customer-active-category>small{font-size:6px}.offer-customer-product{min-height:39px}}
@media(max-width:480px){.offer-customer-request-tabs button{min-height:45px}.offer-customer-request-tabs button>b{display:-webkit-box}}

/* Yönetim · Tüm Ürünler: dokuz sütun her genişlikte aynı satıra sığar. */
.product-catalog-table-wrap{max-width:100%;overflow-x:hidden}
.management-table.product-catalog-table{width:100%;min-width:0;table-layout:fixed}
.product-catalog-table th,.product-catalog-table td{min-width:0;padding:7px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.product-catalog-table th:nth-child(1),.product-catalog-table td:nth-child(1){width:10%}
.product-catalog-table th:nth-child(2),.product-catalog-table td:nth-child(2){width:24%}
.product-catalog-table th:nth-child(3),.product-catalog-table td:nth-child(3){width:17%}
.product-catalog-table th:nth-child(4),.product-catalog-table td:nth-child(4){width:10%}
.product-catalog-table th:nth-child(5),.product-catalog-table td:nth-child(5){width:6%}
.product-catalog-table th:nth-child(6),.product-catalog-table td:nth-child(6){width:10%}
.product-catalog-table th:nth-child(7),.product-catalog-table td:nth-child(7){width:9%}
.product-catalog-table th:nth-child(8),.product-catalog-table td:nth-child(8){width:8%}
.product-catalog-table th:nth-child(9),.product-catalog-table td:nth-child(9){width:6%}
.product-catalog-table .product-ready-category{display:block;width:100%;max-width:100%;min-width:0;min-height:28px;height:28px;padding:3px 20px 3px 6px;border-radius:6px;font-size:9px;text-overflow:ellipsis}
.product-catalog-table .table-action{display:block;width:100%;min-width:0;min-height:28px;height:28px;padding:0 3px;font-size:9px;white-space:nowrap}
.product-catalog-table .product-name-compact{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1100px){
  .product-catalog-table th:nth-child(6),.product-catalog-table td:nth-child(6),
  .product-catalog-table th:nth-child(7),.product-catalog-table td:nth-child(7),
  .product-catalog-table th:nth-child(8),.product-catalog-table td:nth-child(8){display:none}
  .product-catalog-table th:nth-child(1),.product-catalog-table td:nth-child(1){width:13%}
  .product-catalog-table th:nth-child(2),.product-catalog-table td:nth-child(2){width:31%}
  .product-catalog-table th:nth-child(3),.product-catalog-table td:nth-child(3){width:22%}
  .product-catalog-table th:nth-child(4),.product-catalog-table td:nth-child(4){width:13%}
  .product-catalog-table th:nth-child(5),.product-catalog-table td:nth-child(5){width:9%}
  .product-catalog-table th:nth-child(9),.product-catalog-table td:nth-child(9){width:12%}
}

/* Teklif ekranı · şaseye özel EPER kataloğu */
.quote-extra-categories button.is-category-eper{border-color:#7aa8da;background:linear-gradient(135deg,#edf6ff,#f7fbff);color:#164d83}.quote-extra-categories button.is-category-eper i{color:#1768b3;background:#dceeff}.quote-extra-categories button.is-category-eper.is-active{border-color:#1768b3;background:#dfedfc;box-shadow:0 0 0 2px rgba(23,104,179,.12)}.quote-extra-categories button.is-category-eper.is-active b{background:#1768b3;color:#fff}
.quote-eper-shell{overflow:hidden;border:1px solid #bdd3e8;border-radius:12px;background:linear-gradient(180deg,#f7fbff,#fff);box-shadow:inset 0 3px #1768b3}.quote-eper-toolbar{display:grid;grid-template-columns:minmax(210px,1fr) minmax(260px,1.35fr) auto auto;gap:8px;align-items:end;padding:11px 12px;border-bottom:1px solid #d9e7f3;background:linear-gradient(110deg,#eaf4ff,#f8fbff)}.quote-eper-toolbar>div{display:grid;gap:1px;min-width:0}.quote-eper-toolbar>div>span{color:#1768b3;font-size:8px;font-weight:950;letter-spacing:.09em}.quote-eper-toolbar>div>strong{overflow:hidden;color:#143758;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.quote-eper-toolbar>div>small{overflow:hidden;color:#64809b;font:700 8px ui-monospace,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.quote-eper-toolbar label{display:grid;gap:3px}.quote-eper-toolbar label>span{color:#40627f;font-size:8px;font-weight:900}.quote-eper-toolbar input{width:100%;height:34px;padding:0 10px;border:1px solid #adc7df;border-radius:8px;background:#fff;color:#17354e;font-size:11px;outline:none}.quote-eper-toolbar input:focus{border-color:#2779c2;box-shadow:0 0 0 3px rgba(39,121,194,.11)}.quote-eper-toolbar>button{height:34px;padding:0 11px;border:1px solid #1768b3;border-radius:8px;background:#1768b3;color:#fff;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap}.quote-eper-toolbar>button:disabled{cursor:wait;opacity:.66}.quote-eper-toolbar>em{align-self:center;color:#5d7891;font-size:8px;font-style:normal;font-weight:850;white-space:nowrap}
.quote-eper-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-height:190px;padding:7px;overflow:auto;border-bottom:1px solid #dbe8f3;background:#f2f7fc}.quote-eper-groups button{display:grid;grid-template-columns:32px minmax(0,1fr) 19px;gap:5px;align-items:center;min-height:34px;padding:4px 6px;border:1px solid #d4e1ec;border-radius:7px;background:#fff;color:#334e64;cursor:pointer;text-align:left}.quote-eper-groups button:hover{border-color:#78a9d3;background:#f6fbff}.quote-eper-groups button.is-active{border-color:#2678bd;background:#e4f1fc;box-shadow:inset 3px 0 #2678bd}.quote-eper-groups button.is-loaded:not(.is-active){border-color:#a9d6c8;background:#f4fbf8}.quote-eper-groups button>span{color:#1768b3;font:900 10px ui-monospace,Consolas,monospace}.quote-eper-groups button>strong{overflow:hidden;font-size:8px;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}.quote-eper-groups button>b{display:grid;place-items:center;width:19px;height:19px;border-radius:999px;background:#e4edf5;color:#45627b;font-size:7px}.quote-eper-groups button.is-active>b{background:#1768b3;color:#fff}.quote-eper-groups button.is-loading>b{animation:eper-pulse .8s ease-in-out infinite}
.quote-eper-results{min-height:92px;max-height:430px;overflow:auto;background:#fff}.quote-eper-table-wrap{width:100%;overflow:auto}.quote-eper-table{width:100%;border-collapse:collapse;table-layout:fixed}.quote-eper-table th{position:sticky;z-index:1;top:0;padding:6px 8px;border-bottom:1px solid #cbddeb;background:#edf5fc;color:#47647c;font-size:8px;font-weight:950;letter-spacing:.06em;text-align:left}.quote-eper-table th:nth-child(1){width:17%}.quote-eper-table th:nth-child(2){width:auto}.quote-eper-table th:nth-child(3){width:16%;text-align:right}.quote-eper-table th:nth-child(4){width:42px}.quote-eper-table td{padding:6px 8px;border-bottom:1px solid #edf2f6;color:#294255;font-size:9px;vertical-align:middle}.quote-eper-table tr:hover td{background:#f7fbff}.quote-eper-table tr.is-included td{background:#f1faf6}.quote-eper-table td:first-child a{display:inline-flex;align-items:center;gap:4px;color:#0d62ab;font:900 10px ui-monospace,Consolas,monospace;text-decoration:none}.quote-eper-table td:first-child a:hover{text-decoration:underline}.quote-eper-table td:first-child a span{font-size:8px}.quote-eper-table td:nth-child(2) strong{display:block;overflow:hidden;color:#21394b;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.quote-eper-table td:nth-child(2) small{display:block;overflow:hidden;margin-top:1px;color:#7c8e9d;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.quote-eper-table td:nth-child(3){text-align:right}.quote-eper-table td:nth-child(3) b{color:#1768b3;font-size:9px;white-space:nowrap}.quote-eper-table td:last-child{text-align:center}.quote-eper-table td:last-child button{width:25px;height:25px;padding:0;border:0;border-radius:7px;background:#1768b3;color:#fff;font-size:16px;font-weight:900;cursor:pointer}.quote-eper-table td:last-child button:disabled{background:#9fb6c8;cursor:not-allowed}.quote-eper-table tr.is-included td:last-child button{background:#3f9a77}.quote-eper-empty{display:flex;align-items:center;justify-content:center;gap:9px;min-height:92px;padding:18px;color:#587188;text-align:center}.quote-eper-empty strong{font-size:10px}.quote-eper-empty button{height:30px;padding:0 10px;border:1px solid #1768b3;border-radius:7px;background:#1768b3;color:#fff;font-size:9px;font-weight:900;cursor:pointer}.quote-eper-empty>span{width:18px;height:18px;border:2px solid #bbd4e9;border-top-color:#1768b3;border-radius:50%;animation:eper-spin .7s linear infinite}.quote-eper-empty.is-error{color:#9b2d35;background:#fff8f8}.quote-eper-empty.is-error button{border-color:#aa3941;background:#aa3941}@keyframes eper-spin{to{transform:rotate(360deg)}}@keyframes eper-pulse{50%{opacity:.35}}
@media(max-width:900px){.quote-eper-toolbar{grid-template-columns:1fr 1.3fr auto}.quote-eper-toolbar>em{display:none}.quote-eper-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.quote-eper-toolbar{grid-template-columns:1fr auto;gap:6px;padding:8px}.quote-eper-toolbar>div{grid-column:1/-1}.quote-eper-toolbar label{grid-column:1}.quote-eper-toolbar>button{grid-column:2;padding:0 7px;font-size:7px}.quote-eper-groups{grid-template-columns:repeat(2,minmax(0,1fr));max-height:170px;padding:5px}.quote-eper-groups button{grid-template-columns:27px minmax(0,1fr) 17px;min-height:31px;padding:3px 4px}.quote-eper-groups button>strong{font-size:7px}.quote-eper-table th,.quote-eper-table td{padding:5px 4px}.quote-eper-table th:nth-child(1){width:24%}.quote-eper-table th:nth-child(3){width:22%}.quote-eper-table th:nth-child(4){width:31px}.quote-eper-table td:first-child a{font-size:8px}.quote-eper-table td:nth-child(2) strong,.quote-eper-table td:nth-child(3) b{font-size:8px}.quote-eper-table td:nth-child(2) small{font-size:6px}.quote-eper-table td:last-child button{width:22px;height:22px}}
@media(max-width:700px){
  .product-catalog-table th:nth-child(5),.product-catalog-table td:nth-child(5),
  .product-catalog-table th:nth-child(6),.product-catalog-table td:nth-child(6),
  .product-catalog-table th:nth-child(7),.product-catalog-table td:nth-child(7),
  .product-catalog-table th:nth-child(8),.product-catalog-table td:nth-child(8){display:none}
  .product-catalog-table th,.product-catalog-table td{padding:5px 3px;font-size:8px}
  .product-catalog-table th:nth-child(1),.product-catalog-table td:nth-child(1){width:17%}
  .product-catalog-table th:nth-child(2),.product-catalog-table td:nth-child(2){width:28%}
  .product-catalog-table th:nth-child(3),.product-catalog-table td:nth-child(3){width:25%}
  .product-catalog-table th:nth-child(4),.product-catalog-table td:nth-child(4){width:18%}
  .product-catalog-table th:nth-child(9),.product-catalog-table td:nth-child(9){width:12%}
  .product-catalog-table .product-ready-category{height:25px;min-height:25px;padding:2px 14px 2px 3px;font-size:7px}
  .product-catalog-table .table-action{height:25px;min-height:25px;padding:0 1px;font-size:7px}
}

/* Yönetim · müşteri revizyon istekleri */
.customer-request-management-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.customer-request-card{appearance:none;position:relative;min-width:0;min-height:86px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:2px 8px;padding:11px 12px;border:1px solid #dce4ec;border-radius:13px;background:#fff;box-shadow:0 7px 18px rgba(15,23,42,.05);cursor:pointer;text-align:left;transition:transform .16s,border-color .16s,box-shadow .16s}
.customer-request-card:hover{transform:translateY(-2px);border-color:#91aeca;box-shadow:0 12px 25px rgba(15,23,42,.09)}
.customer-request-card>strong{overflow:hidden;color:#111827;font:950 16px ui-monospace,Consolas,monospace;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap}.customer-request-card>small{grid-column:1;overflow:hidden;color:#5f6b7a;font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.customer-request-card>time{grid-column:1;color:#8a94a3;font-size:8px}.customer-request-card>b{grid-column:2;grid-row:1/4;align-self:center;min-width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#edf4fb;color:#175b96;font-size:9px}.customer-request-card-status{position:absolute;left:0;top:12px;width:3px;height:34px;border-radius:0 4px 4px 0;background:#e2a323}.customer-request-card.is-completed .customer-request-card-status{background:#1b9a68}.customer-request-card.is-cancelled .customer-request-card-status,.customer-request-card.is-stale .customer-request-card-status{background:#98a2b3}.customer-request-card.is-public-request{border-color:#c3dfcf;background:linear-gradient(135deg,#f7fffa,#fff)}.customer-request-card.is-public-request>b{background:#e4f6eb;color:#16734d}
.customer-request-card{overflow:hidden;border:1px solid #dce4ec;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.05)}
.customer-request-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid #e8edf2;background:#f8fafc}
.customer-request-card>header>div{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 9px}.customer-request-card>header small{grid-row:1/3;align-self:stretch;display:grid;place-items:center;padding:4px 8px;border-radius:8px;background:#fff3d6;color:#8b5a00;font-size:9px;font-weight:900}.customer-request-card>header strong{font-size:15px;color:#111827}.customer-request-card>header span,.customer-request-card>header time{color:#64748b;font-size:10px}
.customer-request-card-body{display:grid;grid-template-columns:minmax(170px,.75fr) minmax(260px,1.45fr) minmax(190px,1fr);gap:12px;align-items:center;padding:11px 13px}.customer-request-vehicle{display:grid;gap:3px}.customer-request-vehicle b{font-size:11px;color:#172033}.customer-request-vehicle span{font-size:9px;color:#64748b}.customer-request-vehicle strong{font-size:13px;color:#0b5cab}.customer-request-products small{display:block;margin-bottom:5px;color:#64748b;font-size:8px;font-weight:900;letter-spacing:.05em}.customer-request-products p{display:flex;flex-wrap:wrap;gap:4px;margin:0}.customer-request-products p span{padding:4px 6px;border-radius:7px;background:#edf5fc;color:#164d7c;font-size:8px;font-weight:700}.customer-request-card blockquote{margin:0;padding:8px 10px;border-left:3px solid #7aa8d4;border-radius:0 8px 8px 0;background:#f7f9fc;color:#475569;font-size:9px;line-height:1.45}
.customer-request-vehicle>a{width:max-content;color:#08783f;font-size:12px;font-weight:900;text-decoration:none}.customer-request-vehicle>a:hover{text-decoration:underline}.customer-request-card.is-public-request{border-color:#b9ddca}.customer-request-card.is-public-request>header{background:linear-gradient(135deg,#edf9f2,#f8fffb)}.customer-request-card.is-public-request>header small{background:#dff6e9;color:#08783f}.customer-request-card.is-public-request .customer-request-products p span{background:#eaf8f0;color:#17613f}
.customer-request-products p span b{margin-left:3px;color:#0b5cab;font-size:8px}
.customer-request-card blockquote{white-space:pre-line}
.customer-request-card>footer{display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:8px 13px;border-top:1px solid #edf1f5}.customer-request-card>footer span{color:#2b7255;font-size:10px;font-weight:800}.customer-request-card.is-completed>header small{background:#e9f8ef;color:#21704e}.customer-request-card.is-cancelled>header small,.customer-request-card.is-stale>header small{background:#f2f4f7;color:#667085}
.quote-customer-request-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:9px;padding:10px 12px;border:1px solid #93c7ad;border-radius:11px;background:linear-gradient(135deg,#eaf8f0,#f8fffb);color:#174f38}.quote-customer-request-banner>div{display:grid;gap:2px}.quote-customer-request-banner small{font-size:8px;font-weight:900;letter-spacing:.08em}.quote-customer-request-banner strong{font-size:12px}.quote-customer-request-banner span{font-size:9px;color:#416c59}.quote-customer-request-banner>b{max-width:250px;padding:6px 8px;border-radius:8px;background:#fff;color:#21704e;font-size:9px;text-align:center}
@media(max-width:760px){.customer-request-card-body{grid-template-columns:1fr;gap:8px}.customer-request-card>header{align-items:center}.customer-request-card>header time{white-space:nowrap}.customer-request-card>footer{align-items:stretch;flex-direction:column}.customer-request-card>footer button{width:100%}.quote-customer-request-banner{align-items:stretch;flex-direction:column;gap:7px}.quote-customer-request-banner>b{max-width:none}}
@media(max-width:1050px){.customer-request-management-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.customer-request-management-list{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-request-card{min-height:78px;padding:9px 10px}.customer-request-card>strong{font-size:14px}}

.customer-request-detail-modal{position:fixed;z-index:2147483646!important;inset:0;display:grid;place-items:center;padding:18px;background:rgba(7,15,28,.62);backdrop-filter:blur(5px)}.customer-request-detail-modal[hidden]{display:none}.customer-request-detail-modal>section{position:relative;width:min(1040px,100%);max-height:min(860px,calc(100dvh - 30px));overflow:auto;border:1px solid #dce3eb;border-radius:20px;background:#f7f9fc;box-shadow:0 28px 90px rgba(5,13,24,.35)}.customer-request-detail-close{position:sticky;z-index:4;float:right;top:10px;right:10px;width:34px;height:34px;margin:10px;border:0;border-radius:50%;background:#fff;color:#263243;box-shadow:0 5px 18px rgba(15,23,42,.16);font-size:23px;cursor:pointer}.customer-request-detail-content{padding:20px}.customer-request-detail-loading{min-height:180px;display:grid;place-items:center;color:#526173;font-size:12px;font-weight:850}.customer-request-detail-loading.is-error{color:#a3223b}.customer-request-detail-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 44px 15px 2px;border-bottom:1px solid #dce4ed}.customer-request-detail-head>div{display:grid;gap:2px}.customer-request-detail-head small{color:#8f1630;font-size:9px;font-weight:950;letter-spacing:.08em}.customer-request-detail-head h3{margin:0;color:#111827;font:950 27px ui-monospace,Consolas,monospace}.customer-request-detail-head span{color:#657286;font-size:10px}.customer-request-detail-head>b{padding:7px 10px;border-radius:999px;background:#fff1d4;color:#8a5b08;font-size:9px}.customer-request-detail-head>b.is-completed{background:#def4e8;color:#18704e}.customer-request-detail-head>b.is-cancelled,.customer-request-detail-head>b.is-stale{background:#e8ebef;color:#5e6875}
.customer-request-detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}.customer-request-detail-facts>span{min-width:0;display:grid;gap:3px;padding:9px 10px;border:1px solid #e0e6ee;border-radius:10px;background:#fff}.customer-request-detail-facts small,.customer-request-compare-totals small{color:#8490a0;font-size:7px;font-weight:950;letter-spacing:.07em}.customer-request-detail-facts b{overflow:hidden;color:#253246;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.customer-request-detail-requested,.customer-request-compare,.customer-request-timeline{margin-top:9px;padding:12px;border:1px solid #dfe6ed;border-radius:12px;background:#fff}.customer-request-detail-requested>header,.customer-request-compare>header,.customer-request-timeline>header{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px}.customer-request-detail-requested>header b,.customer-request-compare>header b,.customer-request-timeline>header b{color:#202c3e;font-size:12px}.customer-request-detail-requested>header span,.customer-request-compare>header span,.customer-request-timeline>header span{color:#718096;font-size:9px}.customer-request-detail-requested>div{display:flex;flex-wrap:wrap;gap:5px}.customer-request-detail-requested>div>span{display:grid;gap:2px;padding:6px 8px;border-radius:8px;background:#edf5fc;color:#174f7f}.customer-request-detail-requested>div b{font-size:9px}.customer-request-detail-requested>div small{font-size:8px}.customer-request-detail-requested blockquote{margin:9px 0 0;padding:8px 10px;border-left:3px solid #6f9bc3;background:#f7f9fc;color:#526174;font-size:9px;white-space:pre-line}.customer-request-detail-requested>p{margin:8px 0 0;color:#6f3d1a;font-size:9px}
.customer-request-compare-totals{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.customer-request-compare-totals>span{display:grid;gap:3px;padding:9px;border-radius:9px;background:#f5f7fa}.customer-request-compare-totals>span:last-child{background:#eef8f3}.customer-request-compare-totals b{font-size:10px}.customer-request-compare-totals i{color:#8b97a8;font-style:normal}.customer-request-change-list{display:grid;gap:5px;margin-top:8px}.customer-request-change-list>span{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;background:#f7f9fb;border-left:3px solid #718096}.customer-request-change-list>span.is-added{border-left-color:#179764;background:#f0faf5}.customer-request-change-list>span.is-removed{border-left-color:#bd334d;background:#fff5f6}.customer-request-change-list>span.is-changed{border-left-color:#d49112;background:#fffaf0}.customer-request-change-list b{font:900 9px ui-monospace,Consolas,monospace}.customer-request-change-list strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.customer-request-change-list small{color:#657286;font-size:8px}.customer-request-change-list em,.customer-request-detail-requested em,.customer-request-timeline em{color:#7b8796;font-size:9px;font-style:normal}
.customer-request-full-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.customer-request-full-quote{min-width:0;border:1px solid #dfe6ed;border-radius:9px;background:#fafbfd}.customer-request-full-quote summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;color:#334155;font-size:8px;font-weight:850;cursor:pointer}.customer-request-full-quote summary b{color:#8d1731;font-size:8px}.customer-request-full-quote>div{max-height:260px;display:grid;gap:4px;overflow:auto;padding:0 7px 7px}.customer-request-full-quote>div>span{display:grid;grid-template-columns:78px minmax(0,1fr);gap:2px 7px;padding:6px;border-radius:7px;background:#fff}.customer-request-full-quote>div b{font:900 8px ui-monospace,Consolas,monospace}.customer-request-full-quote>div strong{overflow:hidden;color:#263448;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.customer-request-full-quote>div small{grid-column:1/-1;color:#728094;font-size:7px}
.customer-request-timeline>div{display:flex;gap:7px;overflow-x:auto}.customer-request-timeline>div>span{min-width:170px;display:grid;grid-template-columns:28px 1fr;gap:1px 7px;align-items:center;padding:7px;border:1px solid #e0e6ed;border-radius:9px}.customer-request-timeline i{grid-row:1/3;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#263b55;color:#fff;font-size:9px;font-style:normal;font-weight:950}.customer-request-timeline b{font-size:9px}.customer-request-timeline small{color:#728094;font-size:7px}.customer-request-detail-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #dde5ed}
@media(max-width:640px){.customer-request-detail-modal{padding:7px}.customer-request-detail-modal>section{max-height:calc(100dvh - 14px);border-radius:14px}.customer-request-detail-content{padding:13px}.customer-request-detail-head h3{font-size:21px}.customer-request-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-request-full-quotes{grid-template-columns:1fr}.customer-request-change-list>span{grid-template-columns:80px minmax(0,1fr)}.customer-request-change-list small{grid-column:1/-1}.customer-request-detail-actions{display:grid}.customer-request-detail-actions button{width:100%}}

/* Müşteri istekleri: bekleyen ve geçmiş kayıtları ayıran sade görünüm. */
.customer-request-management-list{display:block!important}
.customer-request-list-group,.customer-request-history-group{margin:0 0 14px}
.customer-request-list-group>header{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:0 2px}
.customer-request-list-group>header b{color:#172033;font-size:12px}.customer-request-list-group>header span,.customer-request-history-group>summary b{min-width:22px;height:22px;display:inline-grid;place-items:center;border-radius:999px;background:#fff0d2;color:#8a5700;font-size:10px}
.customer-request-list-group>div,.customer-request-history-group>div{display:grid;gap:8px}
.customer-request-history-group{padding-top:4px;border-top:1px solid #dce4ec}.customer-request-history-group>summary{padding:10px 2px;color:#657286;font-size:11px;font-weight:850;cursor:pointer;list-style:none}.customer-request-history-group>summary::-webkit-details-marker{display:none}.customer-request-history-group>summary b{margin-left:5px;background:#e9edf2;color:#596575}
.customer-request-clean-card{display:block!important;min-height:0!important;padding:0!important;transform:none!important;cursor:default!important}
.customer-request-clean-card>header{padding:10px 12px!important}.customer-request-clean-card>header>div{grid-template-columns:auto auto!important}.customer-request-clean-card>header small{grid-row:1/3!important}.customer-request-clean-card>header strong{font-size:15px!important}.customer-request-clean-card>header span{font-size:10px!important}.customer-request-clean-card>header time{font-size:9px!important}
.customer-request-clean-main{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.customer-request-clean-main>div{min-width:0;display:grid;gap:3px}.customer-request-clean-main>div b{overflow:hidden;color:#202c3e;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.customer-request-clean-main>div span{color:#728094;font-size:9px}.customer-request-clean-main>strong{flex:none;padding:5px 8px;border-radius:7px;background:#fff1d6;color:#865600;font-size:9px}.customer-request-clean-main>strong.is-history{background:#eaf6ef;color:#267052}
.customer-request-clean-products{display:flex;flex-wrap:wrap;gap:5px;padding:0 12px 10px}.customer-request-clean-products .customer-request-product-pill{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:7px;background:#eef5fb;color:#174d78;font-size:9px}.customer-request-clean-products .customer-request-product-pill i{font-style:normal}.customer-request-clean-products .customer-request-product-pill b{color:#607086;font-size:8px}.customer-request-clean-card>footer{justify-content:space-between!important;padding:8px 12px!important}.customer-request-clean-card>footer span{color:#637185!important;font-size:9px!important}.customer-request-history-group .customer-request-clean-card{opacity:.78;box-shadow:none}
.customer-request-detail-modal>section{width:min(820px,100%)}.customer-request-simple-head{align-items:flex-start!important}.customer-request-simple-head time{margin:6px 38px 0 0;color:#667386;font-size:10px}.customer-request-simple-summary{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:12px}.customer-request-simple-summary>div{display:grid;gap:3px;padding:12px;border:1px solid #dfe6ed;border-radius:11px;background:#fff}.customer-request-simple-summary small{color:#7d8998;font-size:8px;font-weight:900}.customer-request-simple-summary b{color:#142033;font-size:16px}.customer-request-simple-summary span{overflow:hidden;color:#677487;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.customer-request-simple-summary>i{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#e8f0f7;color:#315976;font-style:normal;font-weight:900}
.customer-request-simple-wanted{margin-top:10px;padding:12px;border:1px solid #dce5ed;border-radius:12px;background:#fff}.customer-request-simple-wanted>header{margin-bottom:9px}.customer-request-simple-wanted>header>div{display:grid;gap:3px}.customer-request-simple-wanted>header b{color:#182437;font-size:13px}.customer-request-simple-wanted>header span{color:#69778a;font-size:9px}.customer-request-simple-wanted blockquote{display:grid;gap:3px;margin:10px 0 0;padding:9px 10px;border-left:3px solid #5d90be;background:#f5f8fb;font-size:9px}.customer-request-simple-wanted blockquote b{color:#2a4058}.customer-request-simple-wanted blockquote span{color:#59697c;white-space:pre-line}
.customer-request-wanted-list{display:grid!important;gap:6px!important}.customer-request-wanted-item{display:grid;grid-template-columns:95px minmax(0,1fr) 70px 90px 105px;align-items:center;gap:8px;padding:8px;border:1px solid #e3e9ef;border-radius:9px;background:#fbfcfd}.customer-request-wanted-item>div{display:grid;gap:2px}.customer-request-wanted-item>div small,.customer-request-wanted-item>span small{color:#8591a0;font-size:7px;font-weight:900}.customer-request-wanted-item>div strong,.customer-request-wanted-item>span b{color:#263348;font-size:9px}.customer-request-wanted-item>span:not(:first-child){display:grid;gap:2px}.customer-request-wanted-action{padding:5px 6px;border-radius:6px;background:#e8f6ee;color:#176b48;font-size:7px;font-weight:950;text-align:center}.customer-request-wanted-action.is-quantity{background:#fff1d8;color:#805300}
.customer-request-wanted-item>div small.customer-request-gift-discount{color:#187448;font-size:7px;font-weight:950;letter-spacing:.02em}
.customer-request-simple-result{display:flex;align-items:center;gap:9px;margin-top:10px;padding:10px 12px;border-radius:10px;background:#edf8f2;color:#235e46;font-size:10px}.customer-request-simple-result small{margin-left:auto}.customer-request-technical{margin-top:9px;padding:9px 11px;border:1px solid #e0e6ed;border-radius:10px;background:#fff}.customer-request-technical>summary{color:#687588;font-size:9px;font-weight:800;cursor:pointer}.customer-request-technical .customer-request-full-quote{margin-top:8px}.customer-request-detail-actions{position:sticky;bottom:-20px;z-index:3;margin:12px -20px -20px!important;padding:12px 20px!important;background:rgba(247,249,252,.97);box-shadow:0 -8px 22px rgba(15,23,42,.07)}
@media(max-width:700px){.customer-request-simple-summary{grid-template-columns:1fr}.customer-request-simple-summary>i{margin:auto}.customer-request-wanted-item{grid-template-columns:84px minmax(0,1fr) 64px}.customer-request-wanted-item>span:nth-last-child(-n+2){display:none}.customer-request-detail-actions{bottom:-13px;margin:12px -13px -13px!important;padding:11px 13px!important}.customer-request-clean-card>footer{align-items:center!important;flex-direction:row!important}.customer-request-clean-card>footer button{width:auto!important}}

/* EPER v2 son katman: eski katalog stillerinin yeni hiyerarşiyi ezmesini önler. */
.quote-eper-brand span{font-size:10px}.quote-eper-brand strong{font-size:16px}.quote-eper-brand small{font-size:10px}
.quote-eper-vehicle-meta dt{font-size:9px}.quote-eper-vehicle-meta dd{font-size:12px}.quote-eper-vehicle-meta>div:first-child dd{font-size:13px}
.quote-eper-toolbar{grid-template-columns:minmax(250px,1fr) auto auto;padding:10px 12px;background:#fff}.quote-eper-toolbar label>span{font-size:10px}.quote-eper-toolbar input{height:39px;font-size:13px}.quote-eper-toolbar>button{height:39px;font-size:11px}.quote-eper-toolbar>em{font-size:10px}
.quote-eper-groups{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;max-height:205px;background:#edf3f8}
.quote-eper-groups button{grid-template-columns:12px 37px minmax(0,1fr) auto;gap:5px;min-height:40px;padding:5px 7px;border-radius:8px}
.quote-eper-groups button>span{color:#77a0c1;font:950 12px/1 Arial}
.quote-eper-groups button>b{display:block;width:auto;height:auto;border-radius:0;background:none;color:#1264a6;font:950 11px ui-monospace,Consolas,monospace}
.quote-eper-groups button>strong{overflow:visible;font-size:10px;line-height:1.18;text-overflow:clip;white-space:normal}
.quote-eper-groups button>em{padding:3px 6px;border-radius:999px;background:#e8f0f6;color:#60798e;font-size:8px;font-style:normal;font-weight:900;white-space:nowrap}
.quote-eper-groups button.is-active>b{background:none;color:#1264a6}
.quote-eper-groups button.is-active>em{background:#1768b3;color:#fff}
.quote-eper-groups button.is-loaded:not(.is-active)>em{background:#dff2e9;color:#28765d}
.quote-eper-groups button.is-loading>em{animation:eper-pulse .8s ease-in-out infinite}
.quote-eper-browser>aside>header{min-height:43px}.quote-eper-browser>aside>header span{font-size:10px}.quote-eper-browser>aside>header b{font-size:10px}
.quote-eper-browser>aside button{grid-template-columns:12px 48px minmax(0,1fr);min-height:49px;padding:7px 8px}.quote-eper-browser>aside button>b{font-size:11px}.quote-eper-browser>aside button>strong{overflow:visible;font-size:10px;line-height:1.25;text-overflow:clip;white-space:normal}.quote-eper-browser>aside button>em{font-size:9px}
.quote-eper-tables{min-height:58px}.quote-eper-tables button{min-height:45px}.quote-eper-tables button b{font-size:10px}.quote-eper-tables button strong{font-size:10px}.quote-eper-tables button em{font-size:9px}
.quote-eper-breadcrumb{min-height:38px}.quote-eper-breadcrumb span{font-size:13px}.quote-eper-breadcrumb b{font-size:10px}.quote-eper-breadcrumb strong{font-size:10px}
.quote-eper-table th{font-size:10px}.quote-eper-table td{font-size:11px}.quote-eper-table td:first-child a{font-size:12px}.quote-eper-table td:nth-child(2) strong{font-size:12px}.quote-eper-table td:nth-child(2) small{font-size:9px;line-height:1.35}.quote-eper-table td:nth-child(3) b{font-size:11px}
@media(max-width:1050px){.quote-eper-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.quote-eper-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.quote-eper-brand span{font-size:8px}.quote-eper-brand strong{font-size:13px}.quote-eper-brand small{font-size:8px}.quote-eper-toolbar{grid-template-columns:minmax(0,1fr) auto}.quote-eper-toolbar input{font-size:11px}.quote-eper-groups{grid-template-columns:1fr}.quote-eper-groups button{grid-template-columns:12px 38px minmax(0,1fr) auto}.quote-eper-browser>aside button{grid-template-columns:11px 44px minmax(0,1fr)}.quote-eper-table td:nth-child(2) small{font-size:8px}}

/* Teklif içindeki doğrudan EPER görüntüleyicisi */
.quote-eper-direct{overflow:hidden;border:1px solid #abc8df;border-radius:13px;background:#fff;box-shadow:0 10px 28px rgba(26,73,111,.10)}
.quote-eper-direct>header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:9px 12px;border-bottom:1px solid #c9dce9;background:linear-gradient(110deg,#eaf5ff,#f9fcff)}
.quote-eper-direct>header>div{display:flex;align-items:center;gap:10px;min-width:0}.quote-eper-direct>header i{display:grid;place-items:center;width:55px;height:39px;border-radius:9px;background:linear-gradient(145deg,#1976c4,#0d4f89);color:#fff;font:italic 950 15px/1 Arial,sans-serif}.quote-eper-direct>header span{display:grid;gap:1px}.quote-eper-direct>header small{color:#39739f;font-size:8px;font-weight:950;letter-spacing:.08em}.quote-eper-direct>header strong{color:#153f60;font:950 13px ui-monospace,Consolas,monospace}
.quote-eper-direct>iframe{display:block;width:100%;height:min(690px,72vh);min-height:520px;border:0;background:#fff}
@media(max-width:640px){.quote-eper-direct>header{align-items:stretch;flex-direction:column}.quote-eper-direct>iframe{height:68vh;min-height:430px}}

/* 2026 FIAT yetkili servis vitrini */
.is-guest{
  background:#06111f;
}
.guest-gate{
  place-items:stretch;
  min-height:100dvh;
  padding:18px;
  color:#f8fafc;
  background:
    radial-gradient(circle at 8% 10%,rgba(163,18,56,.22),transparent 30%),
    linear-gradient(135deg,#06111f,#0a1b30 62%,#07101c);
}
.guest-gate::before{
  width:190px;
  height:3px;
  left:18px;
  background:linear-gradient(90deg,#8e0028,#e21b46,transparent);
}
.guest-gate::after{display:none}
.guest-gate-layout{
  width:min(1510px,100%);
  min-height:calc(100dvh - 36px);
  margin:auto;
  display:grid;
  grid-template-columns:minmax(0,1.68fr) minmax(370px,.72fr);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:28px;
  background:#0a1524;
  box-shadow:0 35px 110px rgba(0,0,0,.48);
}
.guest-showcase{
  min-width:0;
  min-height:650px;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background-image:url('../images/fiat-service-lineup-2026.webp');
  background-size:cover;
  background-position:center right;
}
.guest-showcase::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(2,10,21,.94) 0%,rgba(3,14,28,.72) 34%,rgba(3,14,28,.08) 72%),
    linear-gradient(0deg,rgba(2,8,17,.84) 0%,transparent 34%,rgba(3,11,22,.18) 100%);
}
.guest-showcase-shade{
  width:440px;
  height:440px;
  position:absolute;
  left:-160px;
  top:-180px;
  border-radius:50%;
  background:rgba(189,10,56,.18);
  filter:blur(75px);
}
.guest-showcase-copy{
  width:min(590px,68%);
  position:absolute;
  left:clamp(34px,5vw,78px);
  top:clamp(46px,8vh,98px);
  z-index:2;
}
.guest-showcase-brand{
  display:inline-flex;
  align-items:center;
  gap:13px;
  padding:8px 14px 8px 8px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:999px;
  background:rgba(5,14,27,.62);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
  backdrop-filter:blur(14px);
}
.guest-showcase-brand img{
  width:58px;
  height:34px;
  padding:4px 6px;
  object-fit:contain;
  border-radius:999px;
  background:#fff;
}
.guest-showcase-brand b{
  color:#f7d9df;
  font-size:10px;
  letter-spacing:.18em;
}
.guest-showcase-copy>p{
  margin:32px 0 11px;
  color:#a9bbce;
  font-size:13px;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.guest-showcase-copy h1{
  margin:0;
  color:#fff;
  font-size:clamp(45px,5.2vw,78px);
  font-weight:920;
  line-height:.98;
  letter-spacing:-.045em;
  text-shadow:0 12px 34px rgba(0,0,0,.34);
}
.guest-showcase-copy h1 em{
  color:#ef315d;
  font-style:normal;
}
.guest-showcase-trust{
  width:min(550px,100%);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin-top:30px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:15px;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(14px);
}
.guest-showcase-trust>span{
  min-height:66px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 13px;
  background:rgba(5,14,27,.7);
}
.guest-showcase-trust i{
  color:#ef315d;
  font-size:10px;
  font-style:normal;
  font-weight:950;
}
.guest-showcase-trust b{
  color:#dce6f0;
  font-size:11px;
  line-height:1.25;
}
.guest-model-marquee{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  z-index:3;
  display:flex;
  align-items:center;
  gap:22px;
  padding:19px clamp(24px,4vw,64px);
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.14);
  background:rgba(3,10,20,.78);
  backdrop-filter:blur(18px);
}
.guest-model-marquee span{
  flex:0 0 auto;
  position:relative;
  display:grid;
  gap:3px;
  padding-left:13px;
  color:#e9eef5;
  font-size:10px;
  font-weight:900;
  letter-spacing:.11em;
}
.guest-model-marquee span::before{
  content:"";
  width:4px;
  height:4px;
  display:inline-block;
  position:absolute;
  left:0;
  top:5px;
  margin:0;
  border-radius:50%;
  background:#c51643;
}
.guest-model-marquee span b{
  color:#f4f7fb;
  font-size:10px;
  line-height:1;
  letter-spacing:.11em;
}
.guest-model-marquee span small{
  color:#ef9aaf;
  font-size:8px;
  font-weight:850;
  line-height:1;
  letter-spacing:.035em;
  text-transform:none;
}
.guest-model-marquee .guest-model-item{
  cursor:help;
  border-radius:8px;
  outline:none;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.guest-model-marquee .guest-model-item:hover,
.guest-model-marquee .guest-model-item:focus-visible{
  color:#fff;
  background:rgba(255,255,255,.1);
  transform:translateY(-2px);
}
.guest-model-preview{
  position:fixed;
  z-index:5000;
  width:300px;
  max-width:calc(100vw - 24px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.58);
  border-radius:18px;
  background:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.34),0 5px 18px rgba(3,10,20,.22);
  pointer-events:none;
  transform:translateY(5px) scale(.98);
  transform-origin:bottom center;
  opacity:0;
}
.guest-model-preview[hidden]{display:none!important}
.guest-model-preview.is-visible{opacity:1;transform:none}
.guest-model-preview img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:contain;
  background:#eef2f6;
}
.guest-model-preview div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:43px;
  padding:9px 12px;
  border-top:1px solid #e7ebf0;
  background:linear-gradient(145deg,#fff,#f5f7fa);
}
.guest-model-preview b{color:#111d2e;font-size:12px;font-weight:950;letter-spacing:.08em}
.guest-model-preview small{color:#b31540;font-size:8px;font-weight:950;letter-spacing:.09em}
.guest-gate-shell{
  width:auto;
  min-width:0;
  align-content:center;
  justify-items:stretch;
  gap:17px;
  padding:clamp(32px,4vw,62px);
  color:#162033;
  background:
    radial-gradient(circle at 100% 0,rgba(185,11,53,.09),transparent 32%),
    linear-gradient(180deg,#fff,#f5f7fa);
}
.guest-gate-visual{
  width:94px;
  height:58px;
  justify-self:start;
  animation:none;
}
.guest-gate-visual strong{
  width:94px;
  height:58px;
  border:0;
  border-radius:13px;
  box-shadow:0 13px 30px rgba(107,0,29,.16);
  animation:none;
}
.guest-gate-visual strong img{width:100%;height:100%;object-fit:cover}
.guest-gate-visual strong::after,
.guest-gate-ring,.guest-gate-track,.guest-gate-tick{display:none}
.guest-gate-heading{
  justify-items:start;
  gap:7px;
  text-align:left;
  animation:none;
}
.guest-gate-heading .guest-gate-kicker{
  color:#a60d38;
  font-size:10px;
  letter-spacing:.18em;
}
.guest-gate-heading h1{
  color:#101827;
  font-size:clamp(27px,2.2vw,36px);
  letter-spacing:-.035em;
}
.guest-gate-heading p{
  max-width:360px;
  color:#66758a;
  font-size:13px;
}
.guest-login-form{
  gap:13px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  animation:none;
}
.guest-login-form::before{display:none}
.guest-login-form label{gap:7px;animation:none}
.guest-login-form label>span{color:#344054;font-size:11px;letter-spacing:.035em}
.guest-login-form input{
  height:51px;
  padding:0 15px;
  border-color:#d8dee7;
  border-radius:11px;
  background:#fff;
  box-shadow:0 5px 14px rgba(15,23,42,.035);
}
.guest-login-form input:focus{border-color:#bd153f;box-shadow:0 0 0 4px rgba(189,21,63,.1)}
.guest-login-actions{grid-template-columns:1.35fr .8fr;gap:9px;animation:none}
.guest-login-actions button{height:49px;border-radius:11px}
.guest-login-submit{
  border-color:#a90031;
  background:linear-gradient(135deg,#a40030,#d71849);
  box-shadow:0 12px 26px rgba(174,5,49,.22);
  animation:none;
}
.guest-login-submit:hover{background:linear-gradient(135deg,#8c0028,#bd103b)}
.guest-register-open{border-color:#cfd6df;background:#fff}
.forgot-password-open{color:#9c1238!important;font-weight:800!important}
.guest-login-message{text-align:left}
.guest-downloads{gap:8px;animation:none}
.guest-download-link{
  min-height:55px;
  border-color:#dee3ea;
  border-radius:11px;
  background:#fff;
  box-shadow:none;
}
.guest-download-link.is-pro{border-bottom-color:#b4133e}
.guest-security-note{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:0;
  color:#8591a2;
  font-size:9px;
  font-weight:750;
  letter-spacing:.03em;
}
.guest-security-note span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#1d9b63;
  box-shadow:0 0 0 4px rgba(29,155,99,.11);
}

.fiat-service-hero{
  min-height:350px;
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:flex-start;
  overflow:hidden;
  margin:4px 0 18px;
  border-radius:24px;
  color:#fff;
  background-image:url('../images/fiat-service-lineup-2026.webp');
  background-size:cover;
  background-position:center right;
  box-shadow:0 23px 54px rgba(12,28,49,.22);
}
.fiat-service-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(2,10,21,.96) 0%,rgba(3,13,27,.77) 34%,rgba(3,13,27,.1) 68%),
    linear-gradient(0deg,rgba(2,9,19,.88),transparent 43%);
}
.fiat-service-hero::after{
  content:"";
  width:290px;
  height:290px;
  position:absolute;
  left:-100px;
  top:-170px;
  z-index:-1;
  border-radius:50%;
  background:rgba(199,17,63,.28);
  filter:blur(62px);
}
.fiat-service-hero-content{
  width:min(560px,54%);
  padding:48px 0 76px clamp(30px,4vw,62px);
}
.fiat-service-eyebrow{
  display:flex;
  align-items:center;
  gap:9px;
  color:#eab9c6;
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
}
.fiat-service-eyebrow i{width:24px;height:2px;background:#e32655}
.fiat-service-hero h1{
  margin:16px 0 12px;
  color:#fff;
  font-size:clamp(35px,4vw,58px);
  font-weight:920;
  line-height:1;
  letter-spacing:-.045em;
}
.fiat-service-hero h1 em{color:#f02d5a;font-style:normal}
.fiat-service-hero p{
  max-width:500px;
  margin:0;
  color:#b9c7d7;
  font-size:13px;
  line-height:1.55;
}
.fiat-service-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.fiat-service-badges span{
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(4,13,25,.54);
  color:#e6edf5;
  font-size:8px;
  font-weight:900;
  letter-spacing:.1em;
  backdrop-filter:blur(10px);
}
.fiat-service-models{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  display:flex;
  align-items:center;
  gap:17px;
  padding:15px 28px;
  overflow-x:auto;
  border-top:1px solid rgba(255,255,255,.14);
  background:rgba(3,10,20,.74);
  scrollbar-width:none;
  backdrop-filter:blur(14px);
}
.fiat-service-models::-webkit-scrollbar{display:none}
.fiat-service-models span{
  flex:0 0 auto;
  color:#f0f4f8;
  font-size:9px;
  font-weight:950;
  letter-spacing:.09em;
}
.fiat-service-models span::before{content:"•";margin-right:8px;color:#e12753}
.is-guest .fiat-service-hero{display:none!important}
.is-authenticated{
  background:
    radial-gradient(circle at 50% -180px,rgba(170,20,58,.08),transparent 430px),
    #edf1f5;
}

@media(max-width:1050px){
  .guest-gate-layout{grid-template-columns:minmax(0,1.25fr) minmax(350px,.75fr)}
  .guest-showcase-copy{width:75%}
  .guest-showcase-copy h1{font-size:52px}
  .guest-showcase-trust{grid-template-columns:1fr}
  .guest-showcase-trust>span{min-height:44px}
  .guest-showcase-trust b br{display:none}
}
@media(max-width:840px){
  .guest-gate{padding:0}
  .guest-gate-layout{min-height:100dvh;grid-template-columns:1fr;border:0;border-radius:0}
  .guest-showcase{min-height:330px;background-position:center right}
  .guest-showcase::before{background:linear-gradient(90deg,rgba(2,10,21,.9),rgba(3,14,28,.2)),linear-gradient(0deg,rgba(2,8,17,.75),transparent 70%)}
  .guest-showcase-copy{width:70%;left:28px;top:28px}
  .guest-showcase-copy>p{margin:19px 0 7px;font-size:9px}
  .guest-showcase-copy h1{font-size:38px}
  .guest-showcase-trust{display:none}
  .guest-model-marquee{gap:14px;padding:13px 20px;overflow-x:auto;scrollbar-width:none}
  .guest-gate-shell{padding:30px clamp(20px,7vw,52px) 34px}
  .guest-gate-visual{display:none}
  .fiat-service-hero{min-height:320px;background-position:62% center}
  .fiat-service-hero-content{width:66%;padding-left:32px}
}
@media(max-width:600px){
  .guest-showcase{min-height:270px}
  .guest-showcase-copy{width:82%;left:20px;top:20px}
  .guest-showcase-brand{padding:6px 10px 6px 6px}
  .guest-showcase-brand img{width:48px;height:28px}
  .guest-showcase-brand b{font-size:8px}
  .guest-showcase-copy h1{font-size:32px}
  .guest-showcase-copy>p{display:none}
  .guest-model-marquee{padding:11px 14px}
  .guest-model-marquee span{font-size:8px}
  .guest-model-marquee span b{font-size:8px}
  .guest-model-marquee span small{font-size:7px}
  .guest-gate-shell{gap:14px;padding:24px 16px 28px}
  .guest-gate-heading h1{font-size:28px}
  .guest-login-form{padding:0}
  .guest-login-actions{grid-template-columns:1fr}
  .guest-downloads{grid-template-columns:1fr 1fr}
  .guest-download-link{grid-template-columns:31px minmax(0,1fr) 10px;padding:7px}
  .guest-download-link img{width:31px;height:31px}
  .guest-download-link strong{font-size:11px}
  .guest-download-link small{font-size:8px}
  .fiat-service-hero{min-height:305px;margin-right:-2px;margin-left:-2px;border-radius:18px;background-position:68% center}
  .fiat-service-hero::before{background:linear-gradient(90deg,rgba(2,10,21,.96),rgba(3,13,27,.63) 65%,rgba(3,13,27,.16)),linear-gradient(0deg,rgba(2,9,19,.88),transparent 48%)}
  .fiat-service-hero-content{width:82%;padding:31px 18px 70px}
  .fiat-service-hero h1{font-size:34px}
  .fiat-service-hero p{font-size:11px}
  .fiat-service-badges span:nth-last-child(-n+2){display:none}
  .fiat-service-models{padding:13px 15px}
}

/* 2026 FIAT arayüzü · kompakt ana sayfa ve premium paket kartları */
.is-authenticated .page-shell{
  width:min(1480px,calc(100% - 28px));
}
.is-authenticated .app-topbar{
  min-height:70px;
  margin:12px 0 4px;
  padding:8px 12px 8px 15px;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(208,216,227,.9);
  border-radius:16px;
  background:rgba(255,255,255,.94);
  box-shadow:0 11px 30px rgba(21,31,48,.08);
  backdrop-filter:blur(16px);
}
.is-authenticated .app-topbar::before{
  content:"";
  width:4px;
  position:absolute;
  inset:10px auto 10px 0;
  border-radius:0 5px 5px 0;
  background:linear-gradient(#9d002e,#e22453);
}
.is-authenticated .app-brand strong{
  color:#121a28;
  font-size:18px;
  letter-spacing:-.025em;
}
.is-authenticated .app-brand small{color:#8a1837;font-weight:800}
.is-authenticated .admin-open-btn{
  border-radius:11px;
  background:linear-gradient(135deg,#a90031,#ce1647);
  box-shadow:0 8px 19px rgba(169,0,49,.2);
}
.is-authenticated .admin-open-btn:hover{background:linear-gradient(135deg,#92002a,#b70d3a)}
.is-authenticated .filter-strip{
  margin-top:13px;
  padding:9px;
  border-color:#d9e0e9;
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 28px rgba(18,31,50,.07);
}
.is-authenticated .filter-strip input,
.is-authenticated .filter-strip select{
  height:44px;
  border-color:#d8dee7;
  border-radius:11px;
  background:#f8fafc;
}
.is-authenticated .filter-strip input:focus,
.is-authenticated .filter-strip select:focus{
  border-color:#b6133e;
  box-shadow:0 0 0 3px rgba(182,19,62,.1);
}
.is-authenticated .reset-btn{
  height:44px;
  border-radius:11px;
  background:#222d3f;
}
.is-authenticated .package-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  padding:20px 2px 34px;
}
.is-authenticated .package-card,
.is-authenticated .package-card-special,
.is-authenticated .package-card-manual,
.is-authenticated .package-card-proposal{
  min-height:372px;
  grid-template-rows:132px auto auto auto minmax(12px,1fr) auto auto;
  gap:7px;
  padding:14px;
  isolation:isolate;
  overflow:hidden;
  border:1px solid #dce2ea;
  border-radius:20px;
  background:#fff;
  box-shadow:0 9px 27px rgba(18,31,50,.075);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.is-authenticated .package-card::before{
  content:"";
  height:156px;
  position:absolute;
  z-index:-1;
  inset:0 0 auto;
  border-radius:19px 19px 35% 35%;
  background:
    radial-gradient(circle at 72% 12%,rgba(174,11,53,.09),transparent 40%),
    linear-gradient(145deg,#f8fafc,#eef2f7);
}
.is-authenticated .package-card::after{
  height:4px;
  opacity:1;
  background:linear-gradient(90deg,#8e0028,#db1d4c 38%,#222c3b 38%,#222c3b 100%);
}
.is-authenticated .package-card:hover{
  border-color:#c4ccd7;
  box-shadow:0 21px 47px rgba(17,29,47,.14);
  transform:translateY(-5px);
}
.is-authenticated .package-image{
  width:100%;
  height:125px;
  margin:2px auto 0;
  padding:7px 9px;
  box-sizing:border-box;
  object-fit:contain;
  filter:drop-shadow(0 13px 10px rgba(25,34,48,.15));
  transition:transform .3s cubic-bezier(.2,.75,.25,1);
}
.is-authenticated .package-card:hover .package-image{transform:scale(1.055) translateY(-3px)}
.is-authenticated .package-family{
  width:max-content;
  max-width:100%;
  margin:4px auto 0;
  padding:5px 9px;
  overflow:hidden;
  color:#8d1234;
  border:1px solid #f0ced7;
  border-radius:999px;
  background:#fff6f8;
  font-size:10px;
  line-height:1;
  font-weight:950;
  letter-spacing:.075em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.is-authenticated .package-title{
  margin-top:2px;
  color:#172033;
  font-size:18px;
  line-height:1.18;
  font-weight:900;
  letter-spacing:-.025em;
}
.is-authenticated .package-specs{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:5px;
  margin-top:3px;
  color:#526071;
  font-size:9px;
  line-height:1.2;
  font-weight:800;
}
.is-authenticated .package-specs span{
  padding:5px 7px;
  border:1px solid #e2e7ed;
  border-radius:7px;
  background:#f8fafc;
}
.is-authenticated .package-price{
  margin-top:8px;
  color:#a90031;
  font-size:27px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.045em;
}
.is-authenticated .package-card .detail-btn{
  width:100%;
  height:43px;
  border-radius:11px;
  background:linear-gradient(135deg,#263244,#121a28);
  box-shadow:0 8px 17px rgba(16,24,40,.16);
  font-size:12px;
  letter-spacing:.015em;
}
.is-authenticated .package-card .detail-btn:hover{
  background:linear-gradient(135deg,#b20b3b,#8e0028);
  box-shadow:0 10px 21px rgba(158,0,44,.22);
}
.is-authenticated .package-card-special{
  border-color:#ddc27c;
  background:linear-gradient(150deg,#fffef9,#fff);
}
.is-authenticated .package-card-special::after{background:linear-gradient(90deg,#b37b0c,#efbd45,#8f640c)}
.is-authenticated .package-card-special .package-family{color:#875a00;border-color:#ecdba7;background:#fffaf0}
.is-authenticated .package-card-manual,
.is-authenticated .package-card-proposal{
  min-height:372px;
  grid-template-rows:132px auto auto 1fr auto;
}
.is-authenticated .package-card-manual::before,
.is-authenticated .package-card-proposal::before{height:156px}
.is-authenticated .package-card-manual .package-image,
.is-authenticated .package-card-proposal .package-image{
  width:132px;
  height:125px;
  padding:18px 10px;
}
.is-authenticated .package-card-manual .package-family,
.is-authenticated .package-card-proposal .package-family{font-size:10px}
.is-authenticated .package-card-manual .package-title,
.is-authenticated .package-card-proposal .package-title{font-size:22px}
.is-authenticated .manual-package-state,
.is-authenticated .proposal-package-state{align-self:center;border-radius:10px}
.is-authenticated .package-card-manual .detail-btn{background:linear-gradient(135deg,#c31443,#900029)}
.is-authenticated .package-card-proposal::after{background:linear-gradient(90deg,#087267,#21ad91,#075d55)}
.is-authenticated .package-card-proposal .detail-btn{background:linear-gradient(135deg,#159a84,#07695f)}
.is-authenticated .package-card-skeleton{grid-template-rows:auto;min-height:372px}
.is-authenticated .package-card-skeleton::before,.is-authenticated .package-card-skeleton::after{display:none}
.is-authenticated .package-card-skeleton .skeleton-image{height:128px;border-radius:14px}
.is-authenticated .empty-state{
  margin-top:18px;
  border-radius:17px;
  box-shadow:0 10px 27px rgba(18,31,50,.06);
}

/* Giriş paneli · daha rafine ve modern */
.guest-gate-layout{border-color:rgba(255,255,255,.18);box-shadow:0 42px 130px rgba(0,0,0,.56)}
.guest-gate-shell{
  position:relative;
  border-left:1px solid rgba(255,255,255,.62);
  background:
    radial-gradient(circle at 100% 0,rgba(190,12,57,.12),transparent 34%),
    radial-gradient(circle at 0 100%,rgba(35,63,98,.07),transparent 30%),
    linear-gradient(160deg,#fff 0%,#f7f8fb 58%,#f1f4f8 100%);
}
.guest-gate-shell::before{
  content:"";
  width:3px;
  position:absolute;
  inset:46px auto 46px 0;
  border-radius:0 5px 5px 0;
  background:linear-gradient(transparent,#b40b3a 25%,#e12051 75%,transparent);
}
.guest-gate-visual{width:116px;height:58px}
.guest-gate-visual strong{
  width:116px;
  height:58px;
  padding:8px 13px;
  box-sizing:border-box;
  border:1px solid #e0e4ea;
  border-radius:15px;
  background:#fff;
}
.guest-gate-visual strong img{object-fit:contain}
.guest-gate-heading h1{font-size:clamp(29px,2.25vw,38px)}
.guest-gate-heading p{color:#718096}
.guest-login-form{
  padding:20px;
  border:1px solid rgba(211,218,228,.92);
  border-radius:17px;
  background:rgba(255,255,255,.82);
  box-shadow:0 16px 38px rgba(24,34,51,.08),inset 0 1px 0 #fff;
  backdrop-filter:blur(16px);
}
.guest-login-form input{border-radius:12px;background:#fbfcfe}
.guest-login-form input:hover{border-color:#bec8d5;background:#fff}
.guest-login-actions button{border-radius:12px}
.guest-download-link{border-radius:12px;background:rgba(255,255,255,.76)}
.guest-download-link:hover{border-color:#c21a47;box-shadow:0 11px 24px rgba(33,43,59,.08)}

@media(max-width:1240px){
  .is-authenticated .package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .is-authenticated .package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}
@media(max-width:600px){
  .is-authenticated .page-shell{width:min(100% - 18px,1480px)}
  .is-authenticated .app-topbar{margin-top:8px;border-radius:13px}
  .is-authenticated .filter-strip{border-radius:13px}
  .is-authenticated .package-grid{grid-template-columns:1fr;gap:13px;padding-top:14px}
  .is-authenticated .package-card,
  .is-authenticated .package-card-special,
  .is-authenticated .package-card-manual,
  .is-authenticated .package-card-proposal{min-height:360px;border-radius:17px}
  .guest-login-form{padding:16px;border-radius:15px}
}

/* Paket detayı · hazır ürünler ve işçilikler ayrı sekmeler */
.quote-extra-single-panel{
  --ready-rgb:21,148,125;
  --ready-color:#147966;
  overflow:hidden;
  border:1px solid rgba(var(--ready-rgb),.24);
  border-radius:12px;
  background:rgba(var(--ready-rgb),.025);
}
.quote-extra-single-panel.is-category-belts{--ready-rgb:139,91,45;--ready-color:#7c5531}
.quote-extra-single-panel.is-category-brakes{--ready-rgb:190,55,64;--ready-color:#a9343c}
.quote-extra-single-panel.is-category-fluids{--ready-rgb:35,125,168;--ready-color:#237da8}
.quote-extra-single-panel.is-category-filters{--ready-rgb:94,112,130;--ready-color:#596979}
.quote-extra-single-panel.is-category-electrical{--ready-rgb:183,122,19;--ready-color:#9a6512}
.quote-extra-single-panel.is-category-wipers{--ready-rgb:39,116,140;--ready-color:#276f86}
.quote-extra-single-panel.is-category-chassis{--ready-rgb:107,87,75;--ready-color:#685247}
.quote-extra-single-panel.is-category-engine{--ready-rgb:83,107,62;--ready-color:#526b3e}
.quote-extra-single-panel.is-category-special{--ready-rgb:179,119,21;--ready-color:#98630f}
.quote-extra-single-panel.is-category-contracts{--ready-rgb:35,91,159;--ready-color:#174f91}
.quote-extra-single-panel.is-category-other{--ready-rgb:82,99,108;--ready-color:#52636c}
.quote-extra-single-panel.is-category-labor{--ready-rgb:117,87,166;--ready-color:#684b99}
.quote-extra-single-panel>header{
  min-height:43px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:7px 10px;
  border-bottom:1px solid rgba(var(--ready-rgb),.2);
  background:rgba(var(--ready-rgb),.09);
  color:var(--ready-color);
}
.quote-extra-single-panel>header span{
  font-size:11px;
  font-weight:950;
  letter-spacing:.07em;
}
.quote-extra-single-panel>header small{
  overflow:hidden;
  color:#718087;
  font-size:9px;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.quote-extra-single-panel>header b{
  min-width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#fff;
  background:var(--ready-color);
  font-size:9px;
}
.quote-extra-single-panel>.quote-extra-list{
  gap:7px;
  padding:8px;
}
.quote-extra-single-panel .quote-extra-item{
  min-height:60px;
  border-color:rgba(var(--ready-rgb),.22);
  background:#fff;
  box-shadow:inset 3px 0 rgba(var(--ready-rgb),.56);
}
.quote-extra-single-panel .quote-extra-item>div span,
.quote-extra-single-panel .quote-extra-item>span{color:var(--ready-color)}
.quote-extra-single-panel.is-labor-panel .quote-extra-item{border-style:dashed}
.quote-extra-single-panel.is-labor-panel .quote-add-btn{background:#684b99}
@media(max-width:700px){
  .quote-extra-single-panel>header{grid-template-columns:minmax(0,1fr) auto}
  .quote-extra-single-panel>header small{grid-column:1/-1;grid-row:2;white-space:normal}
  .quote-extra-single-panel>.quote-extra-list.quote-extra-list-columns{grid-template-columns:1fr}
}

/* Hazır kalemleri daha sıkı göster; Motor Parçaları artık Diğer Parçalar'dadır. */
.quote-extra-single-panel>header{
  min-height:34px;
  gap:7px;
  padding:5px 8px;
}
.quote-extra-single-panel>header span{font-size:10px}
.quote-extra-single-panel>header small{font-size:8px}
.quote-extra-single-panel>header b{min-width:20px;height:20px;font-size:8px}
.quote-extra-single-panel>.quote-extra-list{
  gap:4px 6px;
  padding:5px;
}
.accessory-inline-search{
  min-height:34px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;
  margin:6px 7px 1px;padding:4px 9px;border:1px solid rgba(var(--ready-rgb),.22);border-radius:9px;
  color:var(--ready-color);background:#fff;box-shadow:0 3px 10px rgba(var(--ready-rgb),.045)
}
.accessory-inline-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.accessory-inline-search input{min-width:0;height:24px;padding:0;border:0;outline:0;color:#263541;background:transparent;font:800 10px/1.2 inherit}
.accessory-inline-search input::placeholder{color:#96a3ab;font-weight:700}
.accessory-inline-search small{color:var(--ready-color);font-size:7px;font-weight:950;letter-spacing:.04em;white-space:nowrap}
.accessory-inline-empty{margin:4px 7px 7px;padding:11px;border:1px dashed rgba(var(--ready-rgb),.28);border-radius:8px;color:#74838b;background:rgba(var(--ready-rgb),.035);font-size:9px;font-weight:800;text-align:center}
.accessory-inline-empty[hidden],.quote-extra-item[hidden]{display:none!important}
.accessory-package-search{min-height:36px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;margin:0 0 7px;padding:5px 10px;border:1px solid #ded5e9;border-radius:10px;color:#72559b;background:linear-gradient(135deg,#fff,#faf8fd);box-shadow:0 4px 12px rgba(72,49,102,.045)}
.accessory-package-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.accessory-package-search input{min-width:0;height:24px;padding:0;border:0;outline:0;color:#263541;background:transparent;font:800 10px/1.2 inherit}
.accessory-package-search input::placeholder{color:#96a1aa;font-weight:700}
.accessory-package-search small{padding:3px 7px;border-radius:999px;color:#6f5199;background:#f0eaf7;font-size:7.5px;font-weight:950;white-space:nowrap}
.quote-detail-table tr[hidden]{display:none!important}
.quote-extra-single-panel .quote-extra-item,
.quote-extra-list-columns .quote-extra-item{
  min-height:42px;
  grid-template-columns:minmax(0,1fr) auto 26px;
  gap:5px;
  padding:4px 6px;
  border-radius:7px;
}
.quote-extra-list-columns .quote-extra-item>div{
  gap:0 6px;
}
.quote-extra-list-columns .quote-extra-item>div strong{
  font-size:10px;
}
.quote-extra-list-columns .quote-extra-item>div span{
  overflow:hidden;
  font-size:9px;
  line-height:1.12;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.quote-extra-list-columns .quote-extra-item>div small{
  font-size:7px;
  line-height:1.05;
}
.quote-extra-list-columns .quote-extra-item>span{
  font-size:9px;
}
.quote-extra-list-columns .quote-add-btn{
  width:25px;
  height:25px;
  border-radius:7px;
  font-size:15px;
}

/* Fiat model zaman çizelgesi giriş vitrininin etkileşimsiz arka planıdır. */
.guest-showcase{
  background-color:#f5f5f4;
  background-image:url('../images/fiat-model-timeline-8d3f1c7a.webp');
  background-size:100% calc(100% - 61px);
  background-position:center top;
  background-repeat:no-repeat;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}
.guest-showcase::before{
  display:none;
}
@media(max-width:840px){
  .guest-showcase{
    background-size:100% calc(100% - 53px);
    background-position:center top;
  }
}

/* Tüm uygulama bildirimleri ekran merkezinde ve tek dokunuşla kapatılabilir. */
.whatsapp-success-toast,
.whatsapp-success-toast.is-centered-notice,
.appointment-success-toast,
.company-share-invite{
  top:50%;
  right:auto;
  bottom:auto;
  left:50%;
  transform:translate(-50%,-50%) scale(.9);
  transform-origin:center;
}
.whatsapp-success-toast,
.whatsapp-success-toast.is-centered-notice{
  width:min(500px,calc(100vw - 30px));
  min-height:104px;
  grid-template-columns:62px minmax(0,1fr);
  gap:16px;
  padding:17px 42px 20px 16px;
}
.whatsapp-success-toast.is-visible,
.appointment-success-toast.is-visible{
  pointer-events:auto;
  animation:centered-notice-enter .46s cubic-bezier(.16,1,.3,1) both;
}
.whatsapp-success-toast.is-leaving,
.appointment-success-toast.is-leaving{
  animation:centered-notice-leave .25s cubic-bezier(.4,0,1,1) both;
}
.appointment-success-toast{
  width:min(470px,calc(100vw - 30px));
  min-height:104px;
  grid-template-columns:52px minmax(0,1fr);
  padding:15px 42px 18px 14px;
}
.appointment-success-close,
.toast-quick-close{
  width:28px;
  height:28px;
  position:absolute;
  z-index:5;
  top:8px;
  right:8px;
  display:grid;
  place-items:center;
  padding:0 0 2px;
  border:1px solid rgba(104,117,135,.16);
  border-radius:9px;
  color:#667085;
  background:rgba(255,255,255,.82);
  box-shadow:0 3px 9px rgba(25,36,52,.07);
  cursor:pointer;
  font:800 20px/1 Arial,sans-serif;
  transition:color .16s ease,background .16s ease,transform .16s ease;
}
.appointment-success-close:hover,
.toast-quick-close:hover{
  color:#fff;
  background:#b20b3b;
  transform:scale(1.06);
}
.whatsapp-success-toast.is-error-notice .toast-quick-close{color:#9f1239;border-color:rgba(190,24,55,.2)}
.company-share-invite{
  width:min(440px,calc(100vw - 30px));
  padding:16px 42px 16px 15px;
  animation:centered-notice-enter .46s cubic-bezier(.16,1,.3,1) both;
}
.company-share-invite>.toast-quick-close{
  min-height:28px;
  padding:0 0 2px;
  color:#667085;
  background:rgba(255,255,255,.9);
  font-size:20px;
}
.company-share-invite>.toast-quick-close:hover{color:#fff;background:#b20b3b}

@keyframes centered-notice-enter{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.84)}
  72%{opacity:1;transform:translate(-50%,-50%) scale(1.025)}
  100%{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
@keyframes centered-notice-leave{
  from{opacity:1;transform:translate(-50%,-50%) scale(1)}
  to{opacity:0;transform:translate(-50%,-50%) scale(.92)}
}
@media(max-width:600px){
  .whatsapp-success-toast,
  .whatsapp-success-toast.is-centered-notice,
  .appointment-success-toast,
  .company-share-invite{
    top:50%;
    right:auto;
    bottom:auto;
    left:50%;
    width:calc(100vw - 24px);
    transform:translate(-50%,-50%) scale(.9);
    transform-origin:center;
  }
  .whatsapp-success-toast,
  .whatsapp-success-toast.is-centered-notice{grid-template-columns:48px minmax(0,1fr);padding:14px 38px 17px 12px}
  .appointment-success-toast{grid-template-columns:46px minmax(0,1fr);padding-right:38px}
}
@media(prefers-reduced-motion:reduce){
  .whatsapp-success-toast.is-visible,
  .appointment-success-toast.is-visible,
  .company-share-invite{animation:none!important;opacity:1;transform:translate(-50%,-50%)!important}
  .whatsapp-success-toast.is-leaving,
  .appointment-success-toast.is-leaving{animation:none!important;opacity:0;transform:translate(-50%,-50%)!important}
}

/* Sekme ve sayfa geçişleri için ortak Bakım.TR yükleniyor katmanı. */
#bakim-page-transition[hidden]{display:none!important}
#bakim-page-transition{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;background:rgba(7,18,33,.78);backdrop-filter:blur(9px);opacity:0;pointer-events:none}
#bakim-page-transition.is-running{opacity:1;pointer-events:auto;animation:bakim-transition-layer-in 0.33s ease-out both}
@keyframes bakim-transition-layer-in{from{opacity:0}to{opacity:1}}
#bakim-page-transition::before{content:'Bakım.TR';position:absolute;top:50%;left:50%;z-index:2;display:grid;place-items:center;width:104px;height:104px;border:1px solid rgba(255,255,255,.92);border-radius:50%;color:#173e69;background:radial-gradient(circle at 35% 28%,#fff 0%,#fff 58%,#eef5fb 100%);box-shadow:0 0 0 7px rgba(255,255,255,.1),0 0 38px rgba(255,255,255,.52),0 18px 48px rgba(0,0,0,.26);font:900 16px/1 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.03em;pointer-events:none;animation:bakim-brand-core 1s cubic-bezier(.2,.78,.25,1) both}
#bakim-page-transition::after{content:'';position:absolute;top:50%;left:50%;z-index:3;width:164px;height:164px;border-radius:50%;background:conic-gradient(from -38deg,transparent 0 5%,#009246 5% 17%,transparent 17% 23%,#f4f5f0 23% 36%,transparent 36% 42%,#ce2b37 42% 56%,transparent 56% 63%,#009246 63% 76%,transparent 76% 82%,#ce2b37 82% 96%,transparent 96% 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));filter:drop-shadow(0 0 8px rgba(0,146,70,.65)) drop-shadow(0 0 13px rgba(206,43,55,.46));pointer-events:none;animation:bakim-brand-orbit 1s cubic-bezier(.2,.78,.25,1) both}

/* Paket vitrini · kompakt kartlar ve modern seçici filtre */
.is-authenticated .filter-strip{
  display:grid;
  grid-template-columns:minmax(230px,1.3fr) repeat(5,minmax(105px,1fr)) 74px;
  gap:7px;
  padding:7px;
  border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,249,252,.98));
  box-shadow:0 8px 24px rgba(18,31,50,.065),inset 0 1px 0 #fff;
}
.is-authenticated .filter-strip label{
  min-width:0;
  position:relative;
  display:block;
}
.is-authenticated .filter-strip label>span{
  position:absolute;
  z-index:2;
  top:7px;
  left:12px;
  overflow:hidden;
  max-width:calc(100% - 38px);
  color:#9d1239;
  font-size:7px;
  line-height:1;
  font-weight:950;
  letter-spacing:.105em;
  text-overflow:ellipsis;
  white-space:nowrap;
  pointer-events:none;
}
.is-authenticated .filter-strip input,
.is-authenticated .filter-strip select{
  width:100%;
  height:50px;
  margin:0;
  padding:18px 32px 4px 11px;
  border:1px solid #dce2e9;
  border-radius:10px;
  outline:none;
  color:#202a39;
  background-color:#fff;
  font-size:11px;
  line-height:1.15;
  font-weight:820;
  box-shadow:0 2px 8px rgba(22,35,54,.035);
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.is-authenticated .filter-strip select{
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3.4 5.3 3.6 3.5 3.6-3.5' fill='none' stroke='%239d1239' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 10px center;
}
.is-authenticated .filter-strip input{padding-right:11px}
.is-authenticated .filter-strip input::placeholder{color:#7c8898;opacity:1}
.is-authenticated .filter-strip input:hover,
.is-authenticated .filter-strip select:hover{border-color:#bdc7d3;background-color:#fdfefe}
.is-authenticated .filter-strip input:focus,
.is-authenticated .filter-strip select:focus{
  border-color:#ae123d;
  background-color:#fff;
  box-shadow:0 0 0 3px rgba(174,18,61,.09),0 5px 13px rgba(24,36,54,.06);
}
.is-authenticated .filter-strip>.reset-btn{
  width:100%;
  height:50px;
  margin:0;
  padding:0 8px;
  border-radius:10px;
  background:linear-gradient(145deg,#303b4b,#161e2b);
  box-shadow:0 6px 14px rgba(18,28,42,.14);
  font-size:9px;
  font-weight:900;
  letter-spacing:.025em;
}
.is-authenticated .filter-strip>.reset-btn:hover{background:linear-gradient(145deg,#b00b3b,#850025)}

.is-authenticated .package-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  padding:14px 2px 28px;
}
.is-authenticated .package-card,
.is-authenticated .package-card-special,
.is-authenticated .package-card-manual,
.is-authenticated .package-card-proposal{
  min-height:304px;
  grid-template-rows:96px auto auto auto minmax(6px,1fr) auto auto;
  gap:4px;
  padding:10px;
  border-radius:16px;
  box-shadow:0 7px 21px rgba(18,31,50,.07);
}
.is-authenticated .package-card::before{
  height:116px;
  border-radius:15px 15px 31% 31%;
}
.is-authenticated .package-card::after{height:3px}
.is-authenticated .package-card:hover{
  border-color:#bec8d4;
  box-shadow:0 16px 35px rgba(17,29,47,.13);
  transform:translateY(-3px);
}
.is-authenticated .package-image{
  height:91px;
  margin:0 auto;
  padding:4px 7px;
  filter:drop-shadow(0 9px 8px rgba(25,34,48,.13));
}
.is-authenticated .package-card:hover .package-image{transform:scale(1.04) translateY(-2px)}
.is-authenticated .package-family{
  margin:2px auto 0;
  padding:4px 7px;
  font-size:8px;
  letter-spacing:.065em;
}
.is-authenticated .package-title{
  margin-top:1px;
  font-size:14px;
  line-height:1.15;
  letter-spacing:-.018em;
}
.is-authenticated .package-specs{gap:3px;margin-top:2px;font-size:7.5px}
.is-authenticated .package-specs span{padding:3px 5px;border-radius:6px}
.is-authenticated .package-price{margin-top:5px;font-size:21px}
.is-authenticated .package-card .detail-btn{
  height:35px;
  border-radius:9px;
  box-shadow:0 6px 13px rgba(16,24,40,.14);
  font-size:10px;
}
.is-authenticated .package-card-manual,
.is-authenticated .package-card-proposal{
  min-height:304px;
  grid-template-rows:96px auto auto 1fr auto;
}
.is-authenticated .package-card-manual::before,
.is-authenticated .package-card-proposal::before{height:116px}
.is-authenticated .package-card-manual .package-image,
.is-authenticated .package-card-proposal .package-image{
  width:102px;
  height:91px;
  padding:10px 7px;
}
.is-authenticated .package-card-manual .package-family,
.is-authenticated .package-card-proposal .package-family{font-size:8px}
.is-authenticated .package-card-manual .package-title,
.is-authenticated .package-card-proposal .package-title{font-size:17px}
.is-authenticated .manual-package-state,
.is-authenticated .proposal-package-state{min-height:28px;height:28px;border-radius:8px;font-size:8px}
.is-authenticated .package-card-skeleton{min-height:304px;grid-template-rows:auto}
.is-authenticated .package-card-skeleton .skeleton-image{height:96px;border-radius:11px}
.is-authenticated .package-card-skeleton .skeleton-price{height:18px;margin:8px auto 6px}
.is-authenticated .package-card-skeleton .skeleton-button{height:32px}

@media(max-width:1320px){
  .is-authenticated .package-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .is-authenticated .filter-strip{grid-template-columns:minmax(210px,1.25fr) repeat(3,minmax(105px,1fr)) 74px}
}
@media(max-width:980px){
  .is-authenticated .package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .is-authenticated .filter-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .is-authenticated .filter-strip .filter-search-field{grid-column:span 2}
}
@media(max-width:720px){
  .is-authenticated .package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .is-authenticated .filter-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .is-authenticated .filter-strip .filter-search-field{grid-column:1/-1}
  .is-authenticated .filter-strip>.reset-btn{width:100%}
}
@media(max-width:480px){
  .is-authenticated .package-grid{grid-template-columns:1fr}
}

/* Sabit geometrili akıllı filtre: seçimler değişirken alanlar yer değiştirmez. */
.is-authenticated .filter-strip,
.is-authenticated .filter-strip.is-contract-mode,
.is-authenticated .filter-strip.is-contract-mode.is-contract-generic{
  grid-template-columns:minmax(230px,1.35fr) repeat(6,minmax(105px,1fr)) 74px;
  align-items:stretch;
  gap:8px;
  padding:9px;
  border:1px solid rgba(162,173,188,.28);
  background:
    radial-gradient(circle at 4% 0,rgba(174,18,61,.075),transparent 27%),
    linear-gradient(145deg,rgba(255,255,255,.99),rgba(244,247,251,.98));
  box-shadow:0 13px 34px rgba(18,31,50,.08),inset 0 1px 0 #fff;
}
.is-authenticated .filter-strip label{
  min-height:50px;
  border-radius:10px;
  transition:opacity .18s ease,filter .18s ease;
}
.is-authenticated .filter-strip label::after{
  content:"";
  position:absolute;
  z-index:3;
  left:11px;
  bottom:6px;
  width:3px;
  height:3px;
  border-radius:50%;
  background:#ae123d;
  opacity:.7;
  pointer-events:none;
}
.is-authenticated .filter-strip label.is-filter-disabled{
  opacity:.54;
  filter:saturate(.35);
}
.is-authenticated .filter-strip label.is-filter-disabled::after{background:#9aa4b1;opacity:.55}
.is-authenticated .filter-strip select:disabled{
  cursor:not-allowed;
  color:#8b95a3;
  border-color:#e5e9ee;
  background-color:#f2f4f7;
  box-shadow:none;
}
.is-authenticated .filter-strip select:disabled:hover{
  border-color:#e5e9ee;
  background-color:#f2f4f7;
}

@media(max-width:1320px){
  .is-authenticated .filter-strip,
  .is-authenticated .filter-strip.is-contract-mode,
  .is-authenticated .filter-strip.is-contract-mode.is-contract-generic{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

/* Kompakt, sabit ve ortalanmış paket filtresi */
.is-authenticated .filter-strip,
.is-authenticated .filter-strip.is-contract-mode,
.is-authenticated .filter-strip.is-contract-mode.is-contract-generic{
  width:100%;
  margin-inline:auto;
  grid-template-columns:minmax(210px,1.45fr) repeat(5,minmax(104px,1fr)) 70px;
  align-items:center;
  gap:6px;
  padding:6px;
  border-radius:13px;
  background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(246,248,251,.99));
  box-shadow:0 8px 22px rgba(18,31,50,.07),inset 0 1px 0 #fff;
}
.is-authenticated .filter-strip label{min-height:42px}
.is-authenticated .filter-strip label::after{display:none!important;content:none!important}
.is-authenticated .filter-strip label>span{
  top:5px;
  left:10px;
  max-width:calc(100% - 32px);
  font-size:6.5px;
  letter-spacing:.09em;
}
.is-authenticated .filter-strip input,
.is-authenticated .filter-strip select{
  height:42px;
  padding:15px 27px 3px 10px;
  border-radius:9px;
  font-size:10px;
  box-shadow:0 2px 6px rgba(22,35,54,.03);
}
.is-authenticated .filter-strip input{padding-right:9px}
.is-authenticated .filter-strip>.reset-btn{
  height:42px;
  border-radius:9px;
  font-size:8px;
}
.guest-model-marquee .guest-package-total{
  border-color:rgba(192,17,63,.34);
  background:linear-gradient(145deg,rgba(192,17,63,.13),rgba(255,255,255,.09));
}
.guest-model-marquee .guest-package-contract{
  border-color:rgba(16,124,65,.38);
  background:linear-gradient(145deg,rgba(16,124,65,.18),rgba(255,255,255,.07));
}
.guest-model-marquee .guest-package-contract small{color:#8de0b1}
.guest-model-marquee .guest-package-total b{color:#fff}
.guest-model-marquee .guest-package-total small{color:rgba(255,255,255,.82)}

@media(max-width:1320px){
  .is-authenticated .filter-strip,
  .is-authenticated .filter-strip.is-contract-mode,
  .is-authenticated .filter-strip.is-contract-mode.is-contract-generic{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:980px){
  .is-authenticated .filter-strip,
  .is-authenticated .filter-strip.is-contract-mode,
  .is-authenticated .filter-strip.is-contract-mode.is-contract-generic{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  .is-authenticated .filter-strip,
  .is-authenticated .filter-strip.is-contract-mode,
  .is-authenticated .filter-strip.is-contract-mode.is-contract-generic{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Yerel açılır listelerde ortalı ve tutarlı seçenek görünümü */
.is-authenticated .filter-strip select{
  direction:ltr;
  text-indent:0;
  font-variant-numeric:tabular-nums;
}
.is-authenticated .filter-strip select option{
  min-height:34px;
  padding:9px 12px;
  color:#273244;
  background:#fff;
  font-size:11px;
  font-weight:750;
  line-height:1.4;
  text-align:center;
  text-align-last:center;
  white-space:normal;
}
.is-authenticated .filter-strip select option:checked{
  color:#fff;
  background:#ad123d linear-gradient(0deg,#ad123d,#ad123d);
  font-weight:900;
}
.is-authenticated .filter-strip select option:disabled{
  color:#8792a1;
  background:#f4f6f8;
}

/* Tarayıcıdan bağımsız, tam ortalı özel filtre menüsü */
.is-authenticated .filter-strip{position:relative;top:0;z-index:30;overflow:visible}
.is-authenticated .filter-strip .filter-native-select{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  opacity:0!important;
  pointer-events:none!important;
  clip-path:inset(50%)!important;
}
.filter-select-ui{
  position:relative;
  width:100%;
  height:42px;
}
.filter-select-ui.is-open{z-index:500}
.is-authenticated .filter-strip .filter-select-trigger{
  position:relative;
  display:grid;
  width:100%;
  height:42px;
  place-items:center;
  margin:0;
  padding:15px 27px 3px;
  overflow:hidden;
  border:1px solid #dce2e9;
  border-radius:9px;
  outline:none;
  color:#202a39;
  background:#fff;
  box-shadow:0 2px 6px rgba(22,35,54,.03);
  font:820 10px/1.15 inherit;
  text-align:center;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.is-authenticated .filter-strip .filter-select-trigger::after{
  content:"";
  position:absolute;
  right:10px;
  top:50%;
  width:7px;
  height:7px;
  margin-top:-5px;
  border-right:1.7px solid #a9103b;
  border-bottom:1.7px solid #a9103b;
  transform:rotate(45deg);
  transition:transform .18s ease,margin-top .18s ease;
}
.is-authenticated .filter-strip .filter-select-ui.is-open .filter-select-trigger::after{
  margin-top:-1px;
  transform:rotate(225deg);
}
.is-authenticated .filter-strip .filter-select-trigger:hover{
  border-color:#bdc7d3;
  background:#fdfefe;
}
.is-authenticated .filter-strip .filter-select-trigger:focus-visible,
.is-authenticated .filter-strip .filter-select-ui.is-open .filter-select-trigger{
  border-color:#ae123d;
  box-shadow:0 0 0 3px rgba(174,18,61,.09),0 5px 13px rgba(24,36,54,.06);
}
.is-authenticated .filter-strip .filter-select-trigger:disabled{
  cursor:not-allowed;
  color:#8b95a3;
  border-color:#e5e9ee;
  background:#f2f4f7;
  box-shadow:none;
}
.filter-select-value{
  display:block;
  width:100%;
  overflow:hidden;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.filter-select-menu{
  position:absolute;
  top:calc(100% + 7px);
  left:50%;
  width:max(100%,180px);
  max-height:310px;
  padding:6px;
  overflow-x:hidden;
  overflow-y:auto;
  border:1px solid rgba(174,18,61,.2);
  border-radius:12px;
  background:rgba(255,255,255,.985);
  box-shadow:0 18px 42px rgba(16,28,45,.2),0 3px 10px rgba(16,28,45,.08),inset 0 1px 0 #fff;
  transform:translateX(-50%);
  backdrop-filter:blur(16px);
  scrollbar-width:thin;
  scrollbar-color:#cf9aaa #f2f4f7;
}
.filter-select-menu[hidden]{display:none!important}
.filter-select-option{
  display:flex;
  width:100%;
  min-height:34px;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:7px 10px;
  border:0;
  border-radius:8px;
  color:#273244;
  background:transparent;
  font-size:10.5px;
  font-weight:780;
  line-height:1.25;
  text-align:center;
  white-space:normal;
  transition:color .14s ease,background-color .14s ease,transform .14s ease;
}
.filter-select-option:hover,
.filter-select-option:focus-visible{
  outline:none;
  color:#9f0f37;
  background:#fbeaf0;
}
.filter-select-option.is-selected{
  color:#fff;
  background:linear-gradient(145deg,#ba1544,#921033);
  box-shadow:0 5px 12px rgba(174,18,61,.18);
}
.filter-select-option:disabled{color:#9ca5b1;background:#f5f6f8}

@media(max-width:720px){
  .filter-select-menu{width:max(100%,164px);max-height:260px}
}

/* Giriş ekranı model sayacı: zemin içinde tam merkezli dağılım */
.guest-showcase{
  --guest-model-strip-height:95px;
  background-size:100% calc(100% - var(--guest-model-strip-height));
  background-position:center top;
}
.guest-model-marquee{
  display:grid;
  grid-template-columns:repeat(var(--guest-model-columns,10),minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(32px,auto));
  justify-content:center;
  align-items:stretch;
  gap:6px 4px;
  padding:12px clamp(16px,2.6vw,42px);
}
.guest-model-marquee span{
  min-width:0;
  min-height:30px;
  padding:0 3px;
  place-content:center;
  justify-items:center;
  text-align:center;
}
.guest-model-marquee .guest-model-item{padding:4px 3px}
.guest-model-marquee span::before{display:none;content:none}
.guest-model-marquee span b,
.guest-model-marquee span small{
  width:100%;
  text-align:center;
}
.guest-model-marquee .guest-package-total{grid-column:span var(--guest-total-span,1)}

@media(max-width:840px){
  .guest-model-marquee{
    grid-template-columns:repeat(var(--guest-model-columns,10),minmax(66px,1fr));
    justify-content:normal;
    gap:6px 4px;
    padding:10px 14px;
    overflow-x:auto;
    scrollbar-width:thin;
  }
  .guest-model-marquee span{min-height:32px}
}

/* Ortalanmış filtre metinleri ve canlı sonuç sayacı */
.is-authenticated .filter-strip,
.is-authenticated .filter-strip.is-contract-mode,
.is-authenticated .filter-strip.is-contract-mode.is-contract-generic{
  grid-template-columns:minmax(210px,1.45fr) repeat(5,minmax(104px,1fr)) 58px 42px 70px;
}
.is-authenticated .filter-strip label>span{
  right:0;
  left:0;
  max-width:none;
  padding-inline:8px;
  text-align:center;
}
.is-authenticated .filter-strip input,
.is-authenticated .filter-strip select{
  text-align:center;
  text-align-last:center;
}
.is-authenticated .filter-strip input::placeholder{text-align:center}
.is-authenticated .filter-strip select{padding-right:27px;padding-left:27px}
.is-authenticated .filter-strip .filter-search-field input{padding-inline:9px}
.filter-package-count{
  display:grid;
  width:100%;
  height:42px;
  place-items:center;
  margin:0;
  border:1px solid rgba(181,13,57,.24);
  border-radius:9px;
  color:#b20d3b;
  background:linear-gradient(145deg,#fff7f9,#fce8ee);
  box-shadow:0 3px 9px rgba(174,18,61,.08),inset 0 1px 0 #fff;
  font-size:13px;
  font-weight:950;
  line-height:1;
  letter-spacing:.02em;
}
.package-popularity-btn{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  align-self:end;
  padding:0;
  border:1px solid #d5dde8;
  border-radius:10px;
  color:#8a1538;
  background:linear-gradient(145deg,#fff,#f4f6f9);
  box-shadow:0 3px 9px rgba(15,23,42,.08);
  cursor:pointer;
}
.package-popularity-btn svg{width:19px;height:19px;fill:currentColor}
.package-popularity-btn:hover{border-color:#caa0ad;background:#fff7f9;transform:translateY(-1px)}
.package-popularity-btn.is-active{
  border-color:#b20d3b;
  color:#fff;
  background:linear-gradient(145deg,#c41749,#8f0a31);
  box-shadow:0 6px 15px rgba(178,13,59,.22);
}
.package-usage-badge{
  position:absolute;
  z-index:2;
  top:10px;
  left:10px;
  display:grid;
  width:31px;
  height:31px;
  place-items:center;
  border:2px solid #fff;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,#c9184a,#8d0b32);
  box-shadow:0 5px 13px rgba(126,10,44,.25);
  font-size:11px;
  font-weight:950;
  line-height:1;
}

@media(max-width:1320px){
  .is-authenticated .filter-strip,
  .is-authenticated .filter-strip.is-contract-mode,
  .is-authenticated .filter-strip.is-contract-mode.is-contract-generic{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:980px){
  .is-authenticated .filter-strip,
  .is-authenticated .filter-strip.is-contract-mode,
  .is-authenticated .filter-strip.is-contract-mode.is-contract-generic{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  .is-authenticated .filter-strip,
  .is-authenticated .filter-strip.is-contract-mode,
  .is-authenticated .filter-strip.is-contract-mode.is-contract-generic{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .is-authenticated .filter-strip,
  .is-authenticated .filter-strip.is-contract-mode,
  .is-authenticated .filter-strip.is-contract-mode.is-contract-generic{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .is-authenticated .filter-strip,
  .is-authenticated .filter-strip.is-contract-mode,
  .is-authenticated .filter-strip.is-contract-mode.is-contract-generic{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

.plate-lookup-overlay{
  position:fixed;
  z-index:2147483644;
  inset:0;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(15,23,42,.16);
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
}
.plate-lookup-overlay[hidden]{display:none!important}
.plate-lookup-card{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  width:min(100%,330px);
  min-height:82px;
  padding:15px 20px;
  border:1px solid rgba(148,163,184,.36);
  border-radius:18px;
  color:#18202b;
  background:rgba(255,255,255,.98);
  box-shadow:0 20px 55px rgba(15,23,42,.2),0 2px 8px rgba(15,23,42,.08);
}
.plate-lookup-spinner{
  position:relative;
  display:grid;
  flex:0 0 42px;
  width:42px;
  height:42px;
  place-items:center;
  border-radius:50%;
  background:#fff2f5;
}
.plate-lookup-spinner::before{
  content:"";
  position:absolute;
  inset:5px;
  border:3px solid #f4c3cf;
  border-top-color:#b20d3b;
  border-radius:50%;
  animation:plate-lookup-spin .8s linear infinite;
}
.plate-lookup-spinner i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#b20d3b;
}
.plate-lookup-copy{display:grid;gap:4px;text-align:left}
.plate-lookup-copy strong{font-size:14px;font-weight:900;letter-spacing:-.01em}
.plate-lookup-copy small{color:#667085;font-size:12px;font-weight:650}
@keyframes plate-lookup-spin{to{transform:rotate(360deg)}}
@media(max-width:480px){
  .plate-lookup-card{width:min(100%,300px);min-height:76px;padding:13px 16px;border-radius:16px}
  .plate-lookup-spinner{flex-basis:38px;width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){.plate-lookup-spinner::before{animation-duration:1.6s}}

/* Yönetim rol bazlı kullanım rehberi */
.management-help-btn {
  position: relative;
  display: grid;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  padding: 0;
  place-items: center;
  border: 1px solid #dce4ee;
  border-radius: 10px;
  color: #a60f36;
  background: #fff5f7;
  box-shadow: 0 5px 14px rgba(166, 15, 54, .08);
  cursor: pointer;
  font: 900 19px/1 system-ui, sans-serif;
  transition: transform .18s ease, color .18s ease, background .18s ease, box-shadow .18s ease;
}

.management-help-btn[hidden] { display: none !important; }
.management-help-btn:hover,
.management-help-btn:focus-visible {
  color: #fff;
  background: #b20d3b;
  box-shadow: 0 9px 22px rgba(178, 13, 59, .24);
  outline: none;
  transform: translateY(-1px);
}

.management-guide-backdrop {
  position: fixed;
  z-index: 2147483646;
  inset: 0;
  display: grid;
  padding: 18px;
  place-items: center;
  background: rgba(9, 16, 28, .62);
  -webkit-backdrop-filter: blur(12px) saturate(1.1);
  backdrop-filter: blur(12px) saturate(1.1);
  animation: management-guide-fade .22s ease both;
}

.management-guide-backdrop[hidden] { display: none !important; }

.management-guide-modal {
  display: grid;
  grid-template-rows: auto 3px minmax(0, 1fr) auto;
  width: min(1180px, 100%);
  height: min(850px, calc(100dvh - 36px));
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 24px;
  background: #f5f7fa;
  box-shadow: 0 38px 110px rgba(2, 8, 23, .46);
  outline: none;
  animation: management-guide-enter .34s cubic-bezier(.2,.85,.3,1) both;
}

.management-guide-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 15px;
  align-items: center;
  min-height: 84px;
  padding: 14px 18px;
  color: #fff;
  background:
    radial-gradient(circle at 78% -35%, rgba(255,255,255,.2), transparent 42%),
    linear-gradient(120deg, #8f0b2d 0%, #b20d3b 50%, #800a2a 100%);
}

.management-guide-brand {
  display: grid;
  width: 56px;
  height: 56px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 17px;
  background: rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
}

.management-guide-brand span {
  font: 950 15px/1 Arial, sans-serif;
  letter-spacing: -.04em;
}

.management-guide-brand i {
  width: 22px;
  height: 2px;
  margin-top: -15px;
  border-radius: 99px;
  background: #fff;
  animation: management-guide-brand-pulse 2.4s ease-in-out infinite;
}

.management-guide-head > div:nth-child(2) { min-width: 0; }
.management-guide-head > div:nth-child(2) > span {
  display: block;
  margin-bottom: 2px;
  color: rgba(255,255,255,.72);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .13em;
}
.management-guide-head h2 { margin: 0; color: #fff; font-size: clamp(20px, 2.2vw, 27px); letter-spacing: -.025em; }
.management-guide-head p { margin: 3px 0 0; color: rgba(255,255,255,.78); font-size: 12px; font-weight: 650; }

.management-guide-close {
  position: relative;
  width: 42px;
  height: 42px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 13px;
  color: transparent;
  background: rgba(255,255,255,.12);
  cursor: pointer;
}
.management-guide-close::before,
.management-guide-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  margin: -1px 0 0 -8px;
  border-radius: 99px;
  background: #fff;
}
.management-guide-close::before { transform: rotate(45deg); }
.management-guide-close::after { transform: rotate(-45deg); }
.management-guide-close:hover { background: rgba(255,255,255,.23); }

.management-guide-progress { overflow: hidden; background: #e7eaf0; }
.management-guide-progress i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: 0 99px 99px 0;
  background: linear-gradient(90deg, #e11d48, #f43f5e);
  transition: width .32s ease;
}

.management-guide-layout {
  display: grid;
  grid-template-columns: 258px minmax(0, 1fr);
  min-height: 0;
}

.management-guide-nav {
  display: grid;
  align-content: start;
  gap: 5px;
  padding: 14px 10px;
  overflow: auto;
  border-right: 1px solid #e3e8ef;
  background: #fff;
}

.management-guide-nav button {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 1px 9px;
  min-height: 58px;
  padding: 8px 10px;
  border: 0;
  border-radius: 12px;
  color: #334155;
  background: transparent;
  cursor: pointer;
  text-align: left;
  transition: background .16s ease, transform .16s ease;
}
.management-guide-nav button:hover { background: #f5f7fa; transform: translateX(2px); }
.management-guide-nav button.is-active { color: #8f0b2d; background: #fff0f4; box-shadow: inset 3px 0 #b20d3b; }
.management-guide-nav button > span {
  display: grid;
  grid-row: 1 / span 2;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 11px;
  color: #64748b;
  background: #f0f3f7;
}
.management-guide-nav button.is-active > span { color: #fff; background: #b20d3b; }
.management-guide-nav svg,
.management-guide-hero-copy svg,
.management-guide-highlights svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.management-guide-nav b { align-self: end; font-size: 10px; letter-spacing: .055em; }
.management-guide-nav small { overflow: hidden; color: #64748b; font-size: 10px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }

.management-guide-content {
  min-width: 0;
  overflow: auto;
  scroll-behavior: smooth;
  outline: none;
}
.management-guide-layout.is-external-help { display: block !important; height: 100%; min-height: 0; overflow: hidden; }
.management-guide-layout.is-external-help .management-guide-content { width: 100%; height: 100%; min-height: 0; overflow: hidden; }
.management-guide-layout.is-external-help #management-help-frame { display: block; width: 100%; height: 100%; min-height: 0; border: 0; background: #fff; }
.management-guide-modal.management-help-modal { grid-template-rows: auto minmax(0, 1fr); }
.management-help-modal > .management-guide-progress,
.management-help-modal > .management-guide-footer,
.management-help-modal .management-guide-nav[hidden] { display: none !important; }
.management-guide-slide { min-height: 100%; padding: 20px; animation: management-guide-slide .27s ease both; }

.management-guide-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(290px, .85fr);
  gap: 18px;
  min-height: 205px;
  padding: 22px;
  overflow: hidden;
  border: 1px solid #e0e6ee;
  border-radius: 20px;
  background:
    radial-gradient(circle at 92% 5%, rgba(178,13,59,.11), transparent 37%),
    linear-gradient(145deg, #fff 0%, #fafbfc 100%);
  box-shadow: 0 14px 34px rgba(15,23,42,.06);
}
.management-guide-hero-copy { align-self: center; }
.management-guide-hero-copy > span {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  color: #a20d35;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
}
.management-guide-hero-copy h3 { max-width: 610px; margin: 9px 0 8px; color: #111827; font-size: clamp(24px, 3vw, 36px); line-height: 1.05; letter-spacing: -.045em; }
.management-guide-hero-copy p { max-width: 650px; margin: 0; color: #596579; font-size: 13px; font-weight: 620; line-height: 1.6; }

.management-guide-scene {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  align-items: center;
  min-height: 160px;
  padding: 18px 10px;
}
.management-guide-scene::before {
  content: "";
  position: absolute;
  right: 8%;
  left: 8%;
  top: 50%;
  height: 2px;
  background: linear-gradient(90deg, #d7dce4, #b20d3b, #d7dce4);
}
.management-guide-scene-node {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 8px;
  min-height: 94px;
  padding: 13px 8px;
  place-content: center;
  border: 1px solid #e1e6ed;
  border-radius: 16px;
  color: #3b4657;
  background: rgba(255,255,255,.96);
  box-shadow: 0 10px 24px rgba(15,23,42,.08);
  text-align: center;
  animation: management-guide-float 3.2s ease-in-out infinite;
}
.management-guide-scene-node.n2 { animation-delay: -.9s; }
.management-guide-scene-node.n3 { animation-delay: -1.8s; }
.management-guide-scene-node i {
  display: grid;
  width: 29px;
  height: 29px;
  margin: auto;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #b20d3b;
  box-shadow: 0 0 0 5px #fff0f4;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}
.management-guide-scene-node strong { font-size: 10px; line-height: 1.2; }
.management-guide-signal {
  position: absolute;
  z-index: 3;
  top: calc(50% - 4px);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f43f5e;
  box-shadow: 0 0 0 4px rgba(244,63,94,.13);
  animation: management-guide-signal 2.2s linear infinite;
}
.management-guide-signal.s2 { animation-delay: -1.1s; }

.management-guide-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.management-guide-steps article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 11px;
  min-height: 150px;
  padding: 16px;
  border: 1px solid #e0e6ed;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15,23,42,.045);
  animation: management-guide-card .34s calc(var(--guide-delay, 0ms) + 80ms) ease both;
}
.management-guide-steps article > span { color: #b20d3b; font-size: 21px; font-weight: 950; letter-spacing: -.06em; }
.management-guide-steps strong { display: block; margin: 2px 0 7px; color: #172033; font-size: 13px; }
.management-guide-steps p { margin: 0; color: #657084; font-size: 11px; font-weight: 620; line-height: 1.55; }

.management-guide-highlights { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 13px; }
.management-guide-highlights span {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  min-height: 31px;
  padding: 5px 10px;
  border: 1px solid #d8e4e1;
  border-radius: 99px;
  color: #176253;
  background: #eff9f6;
  font-size: 10px;
  font-weight: 850;
}
.management-guide-highlights svg { width: 14px; height: 14px; }
.management-guide-note { margin: 12px 0 2px; padding: 10px 12px; border-left: 3px solid #b20d3b; border-radius: 8px; color: #667085; background: #fff; font-size: 10px; font-weight: 650; }
.management-guide-note b { color: #9f1239; }

.management-guide-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 65px;
  padding: 10px 18px;
  border-top: 1px solid #e2e7ed;
  background: #fff;
}
.management-guide-footer > span { color: #667085; font-size: 11px; font-weight: 900; letter-spacing: .08em; }
.management-guide-footer > div { display: flex; gap: 8px; }
.management-guide-footer button {
  min-width: 104px;
  height: 39px;
  padding: 0 15px;
  border: 1px solid #d8dfe8;
  border-radius: 10px;
  color: #344054;
  background: #fff;
  cursor: pointer;
  font-size: 11px;
  font-weight: 900;
}
.management-guide-footer button:last-child { min-width: 132px; border-color: #a80d38; color: #fff; background: #b20d3b; }
.management-guide-footer button:disabled { opacity: .38; cursor: default; }

@keyframes management-guide-fade { from { opacity: 0; } }
@keyframes management-guide-enter { from { opacity: 0; transform: translateY(16px) scale(.975); } }
@keyframes management-guide-slide { from { opacity: 0; transform: translateX(10px); } }
@keyframes management-guide-card { from { opacity: 0; transform: translateY(8px); } }
@keyframes management-guide-brand-pulse { 50% { width: 32px; opacity: .55; } }
@keyframes management-guide-float { 50% { transform: translateY(-5px); } }
@keyframes management-guide-signal { from { left: 10%; } to { left: 88%; } }

@media (max-width: 900px) {
  .management-guide-backdrop { padding: 8px; }
  .management-guide-modal { height: calc(100dvh - 16px); border-radius: 18px; }
  .management-guide-layout { grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr); }
  .management-guide-nav {
    display: flex;
    gap: 6px;
    padding: 8px;
    overflow-x: auto;
    border-right: 0;
    border-bottom: 1px solid #e3e8ef;
  }
  .management-guide-nav button { flex: 0 0 150px; min-height: 49px; grid-template-columns: 32px minmax(0, 1fr); padding: 6px 8px; }
  .management-guide-nav button > span { width: 32px; height: 32px; }
  .management-guide-nav small { max-width: 100px; }
  .management-guide-slide { padding: 12px; }
  .management-guide-hero { grid-template-columns: 1fr; min-height: auto; padding: 17px; }
  .management-guide-scene { min-height: 125px; padding: 7px 3px; }
  .management-guide-scene-node { min-height: 78px; }
  .management-guide-steps { grid-template-columns: 1fr; }
  .management-guide-steps article { min-height: auto; }
}

@media (max-width: 560px) {
  .management-help-btn { flex-basis: 44px; width: 44px; height: 44px; }
  .management-guide-head { min-height: 74px; grid-template-columns: 42px minmax(0, 1fr) 40px; gap: 9px; padding: 10px; }
  .management-guide-brand { width: 42px; height: 42px; border-radius: 12px; }
  .management-guide-brand span { font-size: 12px; }
  .management-guide-brand i { width: 17px; margin-top: -12px; }
  .management-guide-head h2 { font-size: 18px; }
  .management-guide-head p { display: none; }
  .management-guide-head > div:nth-child(2) > span { font-size: 8px; }
  .management-guide-close { width: 40px; height: 40px; }
  .management-guide-hero-copy h3 { font-size: 25px; }
  .management-guide-scene { grid-template-columns: repeat(3, minmax(70px, 1fr)); overflow: hidden; }
  .management-guide-scene-node { padding-inline: 4px; }
  .management-guide-footer { min-height: 58px; padding: 8px 10px; }
  .management-guide-footer button { min-width: 82px; height: 38px; }
  .management-guide-footer button:last-child { min-width: 112px; }
}

@media (prefers-reduced-motion: reduce) {
  .management-guide-backdrop,
  .management-guide-modal,
  .management-guide-slide,
  .management-guide-steps article,
  .management-guide-brand i,
  .management-guide-scene-node,
  .management-guide-signal { animation: none !important; }
  .management-guide-progress i { transition: none; }
}

/* Rol rehberi: anlatımlı sahneler */
.management-guide-modal {
  max-width: 1240px;
  height: min(760px, calc(100dvh - 32px));
  background: linear-gradient(180deg, #fff 0%, #f7f9fc 100%);
  box-shadow: 0 34px 100px rgba(3, 7, 18, .42), 0 0 0 1px rgba(255,255,255,.25);
}
.management-guide-hero {
  grid-template-columns: minmax(300px, .78fr) minmax(440px, 1.22fr);
  min-height: 286px;
  padding: 24px;
  border-color: rgba(178,13,59,.12);
  background:
    radial-gradient(circle at 8% 10%, rgba(178,13,59,.08), transparent 35%),
    radial-gradient(circle at 96% 90%, rgba(30,64,175,.07), transparent 38%),
    #fff;
}
.management-guide-hero-copy { position: relative; z-index: 2; padding: 4px 6px; }
.management-guide-hero-copy::after {
  content: "";
  display: block;
  width: 48px;
  height: 4px;
  margin-top: 18px;
  border-radius: 99px;
  background: linear-gradient(90deg, #b20d3b, #ff5b77);
  animation: guide-copy-line 2.4s ease-in-out infinite;
}
.management-guide-story {
  position: relative;
  min-width: 0;
  min-height: 230px;
  padding: 10px 10px 39px;
  overflow: hidden;
  border: 1px solid #dce3ec;
  border-radius: 20px;
  background:
    linear-gradient(rgba(255,255,255,.03), rgba(255,255,255,.03)),
    radial-gradient(circle at 90% 0, rgba(255,91,119,.22), transparent 38%),
    linear-gradient(145deg, #111827, #202a3a 58%, #131a27);
  box-shadow: 0 20px 42px rgba(15,23,42,.22), inset 0 1px rgba(255,255,255,.1);
  color: #fff;
  isolation: isolate;
}
.management-guide-story::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .15;
  background-image: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px);
  background-size: 22px 22px;
  mask-image: linear-gradient(to bottom, #000, transparent 88%);
}
.management-guide-story-stage { position: relative; display: grid; min-height: 180px; place-items: center; }
.management-guide-story-caption {
  position: absolute;
  right: 12px;
  bottom: 9px;
  left: 12px;
  display: flex;
  gap: 8px;
  align-items: center;
  min-width: 0;
  height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 9px;
  background: rgba(3,7,18,.4);
  backdrop-filter: blur(8px);
}
.management-guide-story-caption i { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #34d399; box-shadow: 0 0 0 5px rgba(52,211,153,.12); animation: guide-live 1.5s ease-in-out infinite; }
.management-guide-story-caption span { flex: 0 0 auto; color: #6ee7b7; font-size: 8px; font-weight: 950; letter-spacing: .1em; }
.management-guide-story-caption strong { overflow: hidden; color: #e5e7eb; font-size: 9px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }

/* Başlangıç / yönetim sahnesi */
.guide-demo-window { width: min(100%, 430px); overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; background: #f8fafc; box-shadow: 0 18px 42px rgba(0,0,0,.25); transform: perspective(700px) rotateX(1deg) rotateY(-2deg); }
.guide-demo-bar { display: flex; gap: 5px; align-items: center; height: 25px; padding: 0 9px; color: #64748b; background: #e9edf3; }
.guide-demo-bar i { width: 6px; height: 6px; border-radius: 50%; background: #cbd5e1; }
.guide-demo-bar i:first-child { background: #fb7185; }.guide-demo-bar i:nth-child(2) { background: #fbbf24; }.guide-demo-bar i:nth-child(3) { background: #34d399; }
.guide-demo-bar span { margin-left: 5px; font-size: 7px; font-weight: 850; }
.guide-demo-dashboard { position: relative; display: grid; grid-template-columns: 58px 1fr; min-height: 142px; }
.guide-demo-sidebar { display: grid; gap: 9px; align-content: start; padding: 14px 10px; background: #111827; }
.guide-demo-sidebar b { position: relative; height: 12px; border-radius: 4px; background: #334155; }
.guide-demo-sidebar b:first-child { background: #b20d3b; }
.guide-demo-sidebar .has-alert { animation: guide-menu-focus 5s ease-in-out infinite; }
.guide-demo-sidebar em { position: absolute; top: -7px; right: -6px; display: grid; width: 14px; height: 14px; place-items: center; border-radius: 50%; color: #fff; background: #ef4444; font-size: 7px; font-style: normal; animation: guide-alert 1.4s ease-in-out infinite; }
.guide-demo-main { display: grid; gap: 7px; align-content: center; padding: 18px; color: #111827; }
.guide-demo-main > span { color: #b20d3b; font-size: 7px; font-weight: 950; letter-spacing: .09em; }
.guide-demo-main > strong { font-size: 16px; }.guide-demo-main > small { color: #64748b; font-size: 8px; }
.guide-demo-main > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.guide-demo-main > div i { height: 38px; border-radius: 7px; background: linear-gradient(135deg, #fff0f4, #f1f5f9); animation: guide-dashboard-card 5s ease-in-out infinite; }
.guide-demo-main > div i:nth-child(2) { animation-delay: .18s; }.guide-demo-main > div i:nth-child(3) { animation-delay: .36s; }
.guide-demo-cursor { position: absolute; z-index: 4; width: 14px; height: 18px; clip-path: polygon(0 0, 100% 70%, 58% 72%, 42% 100%); background: #b20d3b; filter: drop-shadow(0 3px 3px rgba(0,0,0,.3)); animation: guide-cursor 5s ease-in-out infinite; }

/* Plaka ve araç tespit sahnesi */
.guide-vehicle-demo { position: relative; display: grid; width: min(100%, 450px); min-height: 170px; place-items: center; }
.guide-demo-plate { position: absolute; top: 14px; left: 50%; display: flex; align-items: center; width: 210px; height: 49px; overflow: hidden; border: 3px solid #e5e7eb; border-radius: 8px; color: #0f172a; background: #fff; box-shadow: 0 10px 22px rgba(0,0,0,.25); transform: translateX(-50%); }
.guide-demo-plate span { display: grid; align-self: stretch; width: 33px; place-items: center; color: #fff; background: #1d4ed8; font-size: 8px; font-weight: 900; }
.guide-demo-plate b { position: relative; margin: auto; overflow: hidden; font-size: 18px; letter-spacing: .08em; white-space: nowrap; animation: guide-plate-type 6s steps(10,end) infinite; }
.guide-demo-plate i { position: absolute; top: 0; bottom: 0; width: 24px; background: linear-gradient(90deg, transparent, rgba(239,68,68,.35), transparent); animation: guide-plate-scan 2.2s linear infinite; }
.guide-demo-scan { position: absolute; top: 74px; display: flex; gap: 7px; align-items: center; color: #cbd5e1; font-size: 7px; font-weight: 900; letter-spacing: .09em; }
.guide-demo-scan i { width: 9px; height: 9px; border: 2px solid #64748b; border-top-color: #fb7185; border-radius: 50%; animation: guide-spin .8s linear infinite; }
.guide-demo-sources { position: absolute; top: 96px; left: 14px; display: grid; gap: 7px; }
.guide-demo-sources b { min-width: 59px; padding: 6px 8px; border: 1px solid rgba(255,255,255,.13); border-radius: 7px; color: #94a3b8; background: rgba(255,255,255,.06); font-size: 8px; text-align: center; animation: guide-source 6s ease-in-out infinite; }
.guide-demo-sources b:nth-child(2) { animation-delay: .45s; }
.guide-demo-vehicle-result { position: absolute; right: 14px; bottom: 7px; display: flex; gap: 9px; align-items: center; min-width: 210px; padding: 12px; border: 1px solid rgba(52,211,153,.35); border-radius: 12px; background: rgba(6,78,59,.48); box-shadow: 0 12px 25px rgba(0,0,0,.2); animation: guide-result 6s ease-in-out infinite; }
.guide-demo-vehicle-result > i { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; color: #052e16; background: #6ee7b7; font-style: normal; font-weight: 950; }
.guide-demo-vehicle-result div { display: grid; }.guide-demo-vehicle-result strong { font-size: 13px; }.guide-demo-vehicle-result span { color: #a7f3d0; font-size: 8px; }

/* Teklif sahnesi */
.guide-quote-demo { position: relative; width: min(100%, 410px); min-height: 176px; }
.guide-quote-paper { position: absolute; inset: 5px 48px 5px 6px; display: grid; gap: 5px; align-content: start; padding: 13px; border-radius: 11px; color: #0f172a; background: #fff; box-shadow: 0 15px 32px rgba(0,0,0,.25); }
.guide-quote-paper > span { color: #b20d3b; font-size: 7px; font-weight: 950; letter-spacing: .08em; }.guide-quote-paper > strong { margin-bottom: 2px; font-size: 13px; }
.guide-quote-paper .qrow { display: grid; grid-template-columns: 7px 1fr auto; gap: 6px; align-items: center; min-height: 22px; padding: 0 7px; border-radius: 5px; background: #f1f5f9; opacity: 0; animation: guide-row 6s ease-in-out infinite; }
.guide-quote-paper .qrow:nth-of-type(2) { animation-delay: .2s; }.guide-quote-paper .qrow:nth-of-type(3) { animation-delay: .4s; }.guide-quote-paper .qrow:nth-of-type(4) { animation-delay: .6s; }
.guide-quote-paper .qrow i { width: 5px; height: 5px; border-radius: 50%; background: #b20d3b; }.guide-quote-paper .qrow b,.guide-quote-paper .qrow em { font-size: 7px; font-style: normal; }
.guide-quote-paper .qtotal { display: flex; justify-content: space-between; margin-top: 2px; padding-top: 5px; border-top: 1px solid #e2e8f0; font-size: 9px; }.guide-quote-paper .qtotal strong { color: #b20d3b; font-size: 13px; animation: guide-total 6s ease-in-out infinite; }
.guide-quote-check { position: absolute; top: 30px; right: 0; display: grid; place-items: center; width: 85px; padding: 9px; border: 1px solid rgba(52,211,153,.35); border-radius: 10px; background: rgba(6,78,59,.88); animation: guide-check-pop 6s ease-in-out infinite; }
.guide-quote-check i { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; color: #065f46; background: #6ee7b7; font-style: normal; font-weight: 950; }.guide-quote-check span { margin-top: 4px; color: #d1fae5; font-size: 7px; font-weight: 850; }
.guide-demo-stamp { position: absolute; right: 3px; bottom: 20px; padding: 5px 8px; border: 2px solid #fb7185; border-radius: 5px; color: #fb7185; font-size: 10px; font-weight: 950; letter-spacing: .08em; transform: rotate(-9deg); animation: guide-stamp 6s ease-in-out infinite; }

/* Ürün sahnesi */
.guide-parts-demo { position: relative; width: min(100%, 440px); min-height: 176px; }
.guide-parts-tabs { display: flex; gap: 6px; justify-content: center; }.guide-parts-tabs b { padding: 6px 9px; border-radius: 99px; color: #94a3b8; background: rgba(255,255,255,.07); font-size: 7px; }.guide-parts-tabs b:nth-child(2) { color: #fff; background: #b20d3b; box-shadow: 0 0 0 5px rgba(178,13,59,.16); }
.guide-part-card,.guide-part-basket { position: absolute; top: 57px; display: grid; align-content: center; height: 91px; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; box-shadow: 0 14px 27px rgba(0,0,0,.22); }
.guide-part-card { left: 4px; width: 155px; padding: 12px; background: rgba(255,255,255,.08); }.guide-part-card span { font-size: 9px; font-weight: 900; }.guide-part-card small { margin-top: 4px; color: #94a3b8; font-size: 7px; }.guide-part-card button { position: absolute; right: 9px; bottom: 9px; width: 25px; height: 25px; border: 0; border-radius: 50%; color: #fff; background: #b20d3b; font-weight: 950; animation: guide-plus 5s ease-in-out infinite; }
.guide-part-arrow { position: absolute; top: 88px; left: 50%; color: #fb7185; font-size: 27px; font-weight: 300; transform: translateX(-50%); animation: guide-part-arrow 1.4s ease-in-out infinite; }
.guide-part-basket { right: 4px; width: 175px; padding: 11px 11px 11px 45px; background: rgba(6,78,59,.58); animation: guide-basket 5s ease-in-out infinite; }.guide-part-basket i { position: absolute; left: 12px; display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; color: #065f46; background: #6ee7b7; font-style: normal; font-weight: 950; }.guide-part-basket strong { font-size: 9px; }.guide-part-basket small { margin-top: 4px; color: #a7f3d0; font-size: 7px; line-height: 1.35; }

/* Müşteri revizyon sahnesi */
.guide-customer-demo { position: relative; display: grid; grid-template-columns: 1fr 32px 1fr 32px 1fr; gap: 4px; align-items: center; width: min(100%, 460px); }
.guide-customer-card { display: grid; gap: 5px; min-height: 100px; padding: 11px; place-content: center; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; background: rgba(255,255,255,.08); text-align: center; opacity: 0; animation: guide-customer-card 6s ease-in-out infinite; }.guide-customer-card.c2 { animation-delay: .7s; }.guide-customer-card.c3 { border-color: rgba(52,211,153,.34); background: rgba(6,78,59,.45); animation-delay: 1.4s; }
.guide-customer-card i { display: grid; width: 23px; height: 23px; margin: auto; place-items: center; border-radius: 50%; color: #fff; background: #b20d3b; font-size: 8px; font-style: normal; font-weight: 950; }.guide-customer-card span { color: #cbd5e1; font-size: 7px; }.guide-customer-card b { font-size: 9px; }
.guide-customer-line { position: relative; height: 2px; overflow: hidden; background: #475569; }.guide-customer-line i { position: absolute; inset: 0; background: linear-gradient(90deg, transparent, #fb7185, transparent); animation: guide-line-pass 1.6s linear infinite; }

/* Mesaj ve randevu sahnesi */
.guide-message-demo { display: grid; grid-template-columns: 120px 1fr 105px; gap: 15px; align-items: center; width: min(100%, 390px); }
.guide-demo-phone { position: relative; min-height: 160px; padding: 26px 8px 14px; overflow: hidden; border: 4px solid #020617; border-radius: 19px; background: #e7f5ef; box-shadow: 0 14px 28px rgba(0,0,0,.3); }.guide-demo-phone::before { content:""; position:absolute; top:5px; left:50%; width:38px; height:7px; border-radius:99px; background:#020617; transform:translateX(-50%); }
.phone-head { position: absolute; top: 17px; right: 0; left: 0; display: flex; gap: 5px; align-items: center; padding: 5px 7px; color: #fff; background: #075e54; }.phone-head i { width: 12px; height: 12px; border-radius: 50%; background: #fff; }.phone-head b { font-size: 6px; }
.phone-bubble { max-width: 88px; margin: 17px 0 0 auto; padding: 6px; border-radius: 7px 2px 7px 7px; color: #164e3f; background: #d9fdd3; box-shadow: 0 2px 4px rgba(0,0,0,.1); font-size: 6px; opacity: 0; animation: guide-bubble 6s ease-in-out infinite; }.phone-bubble.b2 { margin-top: 5px; animation-delay: .7s; }.guide-demo-phone > span { position: absolute; right: 12px; bottom: 10px; width: 45px; height: 5px; border-radius: 99px; background: #fff; }
.guide-message-path { display: flex; justify-content: space-between; }.guide-message-path i { width: 7px; height: 7px; border-radius: 50%; background: #fb7185; animation: guide-path-dot 1.5s ease-in-out infinite; }.guide-message-path i:nth-child(2){animation-delay:.25s}.guide-message-path i:nth-child(3){animation-delay:.5s}
.guide-demo-calendar { position: relative; display: grid; min-height: 118px; padding: 12px; place-content: center; border-radius: 13px; color: #0f172a; background: #fff; box-shadow: 0 14px 28px rgba(0,0,0,.25); text-align:center; animation: guide-calendar 6s ease-in-out infinite; }.guide-demo-calendar span { color:#b20d3b;font-size:7px;font-weight:950; }.guide-demo-calendar strong{font-size:32px;line-height:1}.guide-demo-calendar b{font-size:10px}.guide-demo-calendar i{position:absolute;right:-7px;bottom:-7px;display:grid;width:27px;height:27px;place-items:center;border-radius:50%;color:#064e3b;background:#6ee7b7;font-style:normal;font-weight:950}

/* Veri ve rapor sahnesi */
.guide-insight-demo { display: grid; grid-template-columns: 1.35fr .65fr; gap: 10px; width: min(100%, 450px); }
.guide-chart { position: relative; min-height: 158px; padding: 14px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 13px; background: rgba(255,255,255,.07); }.guide-chart > span { color:#fda4af;font-size:7px;font-weight:950;letter-spacing:.08em}.guide-chart > div { position:absolute;right:14px;bottom:17px;left:14px;display:flex;gap:9px;align-items:end;height:90px }.guide-chart > div i { flex:1;height:var(--h);border-radius:4px 4px 0 0;background:linear-gradient(#fb7185,#9f1239);transform-origin:bottom;animation:guide-bar 4s ease-in-out infinite}.guide-chart > div i:nth-child(2){animation-delay:.12s}.guide-chart > div i:nth-child(3){animation-delay:.24s}.guide-chart > div i:nth-child(4){animation-delay:.36s}.guide-chart > div i:nth-child(5){animation-delay:.48s}.guide-chart svg{position:absolute;right:12px;bottom:18px;left:12px;width:calc(100% - 24px);height:75px;fill:none;stroke:#6ee7b7;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(110,231,183,.35))}.guide-chart polyline{stroke-dasharray:260;stroke-dashoffset:260;animation:guide-chart-line 4s ease-in-out infinite}
.guide-insight-cards { display:grid;gap:7px }.guide-insight-cards b{display:grid;align-content:center;min-height:47px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.07);font-size:8px;animation:guide-insight-card 4s ease-in-out infinite}.guide-insight-cards b:nth-child(2){animation-delay:.3s}.guide-insight-cards b:nth-child(3){animation-delay:.6s}.guide-insight-cards small{margin-top:2px;color:#94a3b8;font-size:6px}

/* Müdür: ekip ve denetim */
.guide-team-demo { position:relative;width:min(100%,440px);min-height:175px }.guide-team-manager,.guide-team-advisor{position:absolute;display:grid;gap:3px;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.08);text-align:center}.guide-team-manager{top:4px;left:50%;width:135px;height:65px;transform:translateX(-50%)}.guide-team-manager i,.guide-team-advisor i{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;color:#fff;background:#b20d3b;font-size:8px;font-style:normal;font-weight:950}.guide-team-manager strong{font-size:8px}.guide-team-advisor{top:98px;width:112px;height:65px;animation:guide-advisor 5s ease-in-out infinite}.guide-team-advisor.a1{left:24px}.guide-team-advisor.a2{right:24px;animation-delay:.45s}.guide-team-advisor span{font-size:7px}.guide-team-advisor b{color:#6ee7b7;font-size:6px}.team-link{position:absolute;top:67px;width:2px;height:39px;background:linear-gradient(#fb7185,#475569);transform-origin:top;animation:guide-team-line 2s ease-in-out infinite}.team-link.l1{left:28%;transform:rotate(48deg)}.team-link.l2{right:28%;transform:rotate(-48deg)}.guide-team-switches{position:absolute;right:143px;bottom:8px;left:143px;display:none}
.guide-control-demo{display:grid;grid-template-columns:1fr 125px;gap:13px;width:min(100%,440px)}.guide-control-list{display:grid;gap:7px;padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.07)}.guide-control-list>span{color:#fda4af;font-size:7px;font-weight:950;letter-spacing:.08em}.guide-control-list b{display:grid;grid-template-columns:7px 1fr auto;gap:7px;align-items:center;min-height:29px;padding:0 8px;border-radius:7px;background:rgba(255,255,255,.06);font-size:7px;opacity:0;animation:guide-audit-row 5s ease-in-out infinite}.guide-control-list b:nth-child(3){animation-delay:.35s}.guide-control-list b:nth-child(4){animation-delay:.7s}.guide-control-list b i{width:6px;height:6px;border-radius:50%;background:#6ee7b7}.guide-control-list em{color:#94a3b8;font-size:6px;font-style:normal}.guide-control-shield{display:grid;gap:5px;place-content:center;border:1px solid rgba(52,211,153,.25);border-radius:13px;background:rgba(6,78,59,.42);text-align:center;animation:guide-shield 5s ease-in-out infinite}.guide-control-shield svg{width:42px;height:42px;margin:auto;fill:none;stroke:#6ee7b7;stroke-width:1.4}.guide-control-shield strong{font-size:9px}.guide-control-shield span{color:#a7f3d0;font-size:7px}

/* Danışman akış ve kontrol sahnesi */
.guide-workflow-demo{position:relative;display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr;gap:4px;align-items:center;width:min(100%,470px)}.guide-workflow-demo>div{display:grid;gap:4px;min-height:106px;padding:12px;place-content:center;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.07);text-align:center}.guide-workflow-demo>div i{display:grid;width:25px;height:25px;margin:auto;place-items:center;border-radius:50%;color:#fff;background:#b20d3b;font-size:8px;font-style:normal;font-weight:950}.guide-workflow-demo>div strong{font-size:8px}.guide-workflow-demo>div span{color:#94a3b8;font-size:6px}.guide-workflow-demo>b{color:#fb7185;font-size:22px;text-align:center}.workflow-runner{position:absolute;bottom:11px;left:8%;width:9px;height:9px;border-radius:50%;background:#6ee7b7;box-shadow:0 0 0 5px rgba(110,231,183,.13);animation:guide-workflow-run 4.5s ease-in-out infinite}
.guide-validation-demo{display:grid;grid-template-columns:1fr 38px 1.15fr;gap:8px;align-items:center;width:min(100%,430px)}.guide-warning-card{display:grid;gap:5px;min-height:112px;padding:13px;place-content:center;border:1px solid rgba(251,113,133,.35);border-radius:13px;background:rgba(127,29,29,.33);text-align:center;animation:guide-warning 5s ease-in-out infinite}.guide-warning-card i{display:grid;width:31px;height:31px;margin:auto;place-items:center;border-radius:50%;color:#7f1d1d;background:#fda4af;font-style:normal;font-weight:950}.guide-warning-card strong{font-size:9px}.guide-warning-card span{color:#fecdd3;font-size:7px}.guide-validation-arrow{color:#fb7185;font-size:25px;text-align:center;animation:guide-arrow 1.3s ease-in-out infinite}.guide-check-list{display:grid;gap:7px;padding:12px;border:1px solid rgba(52,211,153,.3);border-radius:13px;background:rgba(6,78,59,.42)}.guide-check-list b{display:flex;gap:7px;align-items:center;min-height:24px;padding:0 7px;border-radius:6px;background:rgba(255,255,255,.06);font-size:7px;opacity:0;animation:guide-check-row 5s ease-in-out infinite}.guide-check-list b:nth-child(2){animation-delay:.35s}.guide-check-list b:nth-child(3){animation-delay:.7s}.guide-check-list b i{color:#6ee7b7;font-style:normal}.guide-check-list strong{padding-top:5px;border-top:1px solid rgba(255,255,255,.12);color:#6ee7b7;font-size:8px;text-align:center;letter-spacing:.05em;animation:guide-approved 5s ease-in-out infinite}

.guide-flow-demo{display:flex;gap:8px;align-items:center}.guide-flow-demo>div{display:grid;gap:6px;min-width:90px;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.07);text-align:center}.guide-flow-demo i{display:grid;width:25px;height:25px;margin:auto;place-items:center;border-radius:50%;background:#b20d3b;font-size:8px;font-style:normal}.guide-flow-demo strong{font-size:8px}.guide-flow-demo>span{color:#fb7185}

@keyframes guide-copy-line{50%{width:86px;filter:brightness(1.18)}}
@keyframes guide-live{50%{opacity:.45;transform:scale(.75)}}
@keyframes guide-menu-focus{20%,55%{background:#b20d3b;box-shadow:0 0 0 4px rgba(178,13,59,.18)}}
@keyframes guide-alert{50%{transform:scale(1.2);box-shadow:0 0 0 5px rgba(239,68,68,.16)}}
@keyframes guide-dashboard-card{0%,18%{opacity:.45;transform:translateY(5px)}35%,85%{opacity:1;transform:none}100%{opacity:.45}}
@keyframes guide-cursor{0%,12%{top:116px;left:82%}34%,58%{top:78px;left:35px;transform:scale(.9)}78%,100%{top:54px;left:47%;transform:none}}
@keyframes guide-plate-type{0%,10%{clip-path:inset(0 100% 0 0)}35%,86%{clip-path:inset(0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes guide-plate-scan{from{left:-30px}to{left:220px}}
@keyframes guide-spin{to{transform:rotate(1turn)}}
@keyframes guide-source{0%,22%{color:#94a3b8;background:rgba(255,255,255,.06)}38%,72%{color:#6ee7b7;border-color:rgba(52,211,153,.35);background:rgba(6,78,59,.4)}100%{color:#94a3b8}}
@keyframes guide-result{0%,42%{opacity:0;transform:translateX(15px)}58%,88%{opacity:1;transform:none}100%{opacity:0}}
@keyframes guide-row{0%,12%{opacity:0;transform:translateX(-12px)}28%,86%{opacity:1;transform:none}100%{opacity:0}}
@keyframes guide-total{0%,48%{opacity:.25;transform:scale(.8)}65%,90%{opacity:1;transform:scale(1.12)}100%{opacity:.25}}
@keyframes guide-check-pop{0%,46%{opacity:0;transform:scale(.7)}62%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes guide-stamp{0%,60%{opacity:0;transform:scale(1.8) rotate(-9deg)}72%,90%{opacity:1;transform:scale(1) rotate(-9deg)}100%{opacity:0}}
@keyframes guide-plus{20%,45%{transform:scale(1.2);box-shadow:0 0 0 7px rgba(178,13,59,.18)}}
@keyframes guide-part-arrow{50%{opacity:.45;transform:translateX(calc(-50% + 5px))}}
@keyframes guide-arrow{50%{opacity:.45;transform:translateX(5px)}}
@keyframes guide-basket{0%,38%{opacity:.35;transform:translateX(8px)}55%,88%{opacity:1;transform:none}100%{opacity:.35}}
@keyframes guide-customer-card{0%,12%{opacity:0;transform:translateY(9px)}28%,86%{opacity:1;transform:none}100%{opacity:0}}
@keyframes guide-line-pass{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@keyframes guide-bubble{0%,17%{opacity:0;transform:translateY(8px) scale(.92)}33%,88%{opacity:1;transform:none}100%{opacity:0}}
@keyframes guide-path-dot{50%{opacity:.25;transform:translateX(5px)}}
@keyframes guide-calendar{0%,46%{opacity:.45;transform:scale(.88)}62%,90%{opacity:1;transform:none}100%{opacity:.45}}
@keyframes guide-bar{0%,15%{transform:scaleY(.08)}45%,86%{transform:scaleY(1)}100%{transform:scaleY(.08)}}
@keyframes guide-chart-line{0%,18%{stroke-dashoffset:260}55%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:260}}
@keyframes guide-insight-card{20%,45%{border-color:rgba(251,113,133,.4);background:rgba(178,13,59,.2);transform:translateX(-3px)}}
@keyframes guide-advisor{25%,55%{border-color:rgba(52,211,153,.35);background:rgba(6,78,59,.4);transform:translateY(-3px)}}
@keyframes guide-team-line{50%{filter:brightness(1.8);transform-origin:top}}
@keyframes guide-audit-row{0%,15%{opacity:0;transform:translateX(-8px)}32%,88%{opacity:1;transform:none}100%{opacity:0}}
@keyframes guide-shield{0%,45%{opacity:.45;transform:scale(.88)}62%,90%{opacity:1;transform:none;box-shadow:0 0 0 6px rgba(52,211,153,.08)}100%{opacity:.45}}
@keyframes guide-workflow-run{0%{left:8%}45%{left:48%}90%,100%{left:90%}}
@keyframes guide-warning{10%,35%{transform:translateX(-2px)}22%,47%{transform:translateX(2px)}62%,100%{transform:none;opacity:.65}}
@keyframes guide-check-row{0%,28%{opacity:0;transform:translateX(-7px)}45%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes guide-approved{0%,58%{opacity:0;letter-spacing:.18em}72%,90%{opacity:1;letter-spacing:.05em}100%{opacity:0}}

@media (max-width: 900px) {
  .management-guide-hero { grid-template-columns: 1fr; min-height: auto; }
  .management-guide-story { min-height: 230px; }
  .management-guide-story-stage { min-height: 180px; }
}
@media (max-width: 560px) {
  .management-guide-hero { gap: 13px; padding: 14px; }
  .management-guide-hero-copy { padding: 0 2px; }
  .management-guide-hero-copy::after { margin-top: 11px; }
  .management-guide-story { min-height: 211px; padding: 7px 7px 36px; border-radius: 15px; }
  .management-guide-story-stage { min-height: 165px; transform: scale(.89); transform-origin: center; }
  .management-guide-story-caption { right: 7px; bottom: 7px; left: 7px; }
  .guide-customer-demo { grid-template-columns: 1fr 15px 1fr 15px 1fr; }
  .guide-customer-card { min-height: 91px; padding: 6px; }
  .guide-message-demo { grid-template-columns: 105px 1fr 89px; gap: 7px; }
  .guide-parts-demo { transform: scale(.92); }
  .guide-workflow-demo { grid-template-columns: 1fr 8px 1fr 8px 1fr; }
  .guide-workflow-demo > div { min-height: 96px; padding: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .management-guide-story *,
  .management-guide-hero-copy::after { animation: none !important; }
  .guide-demo-cursor { top: 54px; left: 47%; }
  .guide-demo-vehicle-result,.guide-quote-check,.guide-demo-stamp,.guide-quote-paper .qrow,.guide-customer-card,.phone-bubble,.guide-control-list b,.guide-check-list b { opacity: 1; transform: none; }
  .guide-chart polyline { stroke-dashoffset: 0; }
}

/* Yönetim başlığı: yardım her görünümde X'in kesin olarak solundadır. */
.management-modal .management-head .management-head-actions {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(180px, 260px) 38px 38px !important;
  grid-template-areas: "company help close";
  direction: ltr;
  grid-auto-flow: column !important;
  flex: 0 1 auto;
  flex-direction: row !important;
  width: auto;
  min-width: 0;
  max-width: none;
  gap: 10px !important;
  align-items: center;
  justify-content: flex-end;
  isolation: isolate;
}
.management-modal .management-head .management-head-actions #reports-company-wrap {
  grid-area: company;
  width: 100%;
  min-width: 0;
  margin: 0;
}
.management-modal .management-head .management-head-actions .management-help-btn {
  grid-area: help;
  position: static !important;
  inset: auto !important;
  z-index: 1;
  order: 1;
  margin: 0;
}
.management-modal .management-head .management-head-actions #close-labor {
  grid-area: close;
  position: relative !important;
  inset: auto !important;
  z-index: 1;
  order: 2;
  flex: 0 0 38px;
  width: 38px;
  margin: 0;
}
@media (max-width: 560px) {
  .management-modal .management-head { flex-wrap: wrap; }
  .management-modal .management-head .management-head-actions {
    grid-template-columns: minmax(140px, 1fr) 44px 44px !important;
    flex-basis: min(100%, 330px);
    width: min(100%, 330px);
    min-width: 0;
    max-width: 100%;
    margin-left: auto;
    gap: 8px !important;
  }
  .management-modal .management-head .management-head-actions #close-labor { flex-basis: 44px; width: 44px; }
}

/* Seçili firma paketlerine toplu fiyat ayarları. */
.company-package-bulk {
  margin: 18px 0;
  padding: 18px;
  border: 1px solid #b8d8d0;
  border-radius: 12px;
  background: #f3faf7;
}
.company-package-bulk[hidden] { display: none; }
.company-package-bulk-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.company-package-bulk-head > div { min-width: 0; display: grid; gap: 5px; }
.company-package-bulk-head strong { color: #173f39; font-size: 15px; }
.company-package-bulk-head small, .company-package-bulk-help { color: #527068; font-size: 12px; line-height: 1.6; }
.company-package-bulk-help { margin: 12px 0; }
.company-package-bulk-badge { flex-shrink: 0; padding: 7px 11px; border-radius: 18px; background: #d9eee7; color: #175a4b; font-size: 12px; font-weight: 800; }
.company-package-bulk-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.company-package-bulk-form > label { min-width: 0; display: grid; gap: 6px; }
.company-package-bulk-form label > span { color: #355a50; font-size: 12px; font-weight: 700; }
.company-package-bulk-form input { box-sizing: border-box; width: 100%; min-width: 0; height: 40px; padding: 8px 10px; border: 1px solid #bed5cf; border-radius: 7px; background: #fff; color: #173f39; font: inherit; font-size: 13px; }
.company-package-bulk-form input:focus { outline: 2px solid #3d9c85; outline-offset: 1px; }
.company-package-bulk-form input::placeholder { color: #7b8f89; font-size: 11px; }
.company-package-bulk-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 9px; margin-top: 3px; }
.company-package-bulk-actions button { min-height: 40px; padding: 9px 14px; white-space: normal; }
.company-package-bulk .labor-message { margin-bottom: 0; }
.company-package-bulk[aria-busy="true"] { opacity: .75; }
@media (max-width: 760px) {
  .company-package-bulk { padding: 13px; }
  .company-package-bulk-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .company-package-bulk-head { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 450px) {
  .company-package-bulk-form { grid-template-columns: minmax(0, 1fr); }
  .company-package-bulk-actions button { width: 100%; }
}
/* Firma paketleri: satır içi grup indirimi ve hedef toplam. */
.company-package-row {
  grid-template-columns: 20px 42px minmax(135px, .78fr) minmax(475px, 1.75fr) 94px 54px;
  gap: 7px;
  min-height: 64px;
  padding: 6px 8px;
  cursor: default;
}
.company-package-row > [data-company-package-id] {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.company-package-row-copy { cursor: pointer; }
.company-package-row-price {
  min-width: 0;
  display: grid;
  gap: 2px;
  text-align: right;
}
.company-package-row-price b {
  color: #113f39;
  font-size: 11px;
  white-space: nowrap;
}
.company-package-row-price small {
  color: #7b8797;
  font-size: 8px;
  white-space: nowrap;
}
.company-package-pricing-grid {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(68px, 1fr)) minmax(104px, 1.35fr) 30px 28px;
  gap: 4px;
  align-items: stretch;
  padding: 3px;
  border: 1px solid #dce7e5;
  border-radius: 9px;
  background: #f5faf9;
}
.company-package-pricing-grid.has-warning {
  border-color: #e4a11b;
  background: #fff9e9;
}
.company-package-pricing-field {
  min-width: 0;
  display: grid;
  grid-template-rows: 15px 23px;
  gap: 1px;
  padding: 2px 4px 3px;
  border: 1px solid #e2ebe9;
  border-radius: 6px;
  background: #fff;
}
.company-package-pricing-field > span:first-child {
  min-width: 0;
  display: flex;
  gap: 3px;
  align-items: center;
  color: #47615d;
}
.company-package-pricing-field svg {
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.company-package-pricing-field small {
  min-width: 0;
  overflow: hidden;
  color: inherit;
  font-size: 8px;
  font-weight: 800;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.company-package-pricing-input {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 13px;
  align-items: center;
  border: 1px solid #cad9d6;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
}
.company-package-row .company-package-pricing-input input {
  width: 100%;
  height: 21px;
  min-width: 0;
  padding: 0 2px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #173f39;
  font-size: 11px;
  font-weight: 900;
  text-align: center;
}
.company-package-pricing-input:focus-within {
  border-color: #0f8b78;
  box-shadow: 0 0 0 2px rgba(15,139,120,.12);
}
.company-package-pricing-input b {
  color: #67817c;
  font-size: 9px;
  text-align: center;
}
.company-package-target-field .company-package-pricing-input {
  grid-template-columns: minmax(0, 1fr) 15px;
}
.company-package-pricing-save,
.company-package-pricing-reset {
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 6px;
  color: #fff;
  font-size: 15px;
  font-weight: 950;
  cursor: pointer;
}
.company-package-pricing-save { background: #0f8b78; }
.company-package-pricing-save:hover { background: #0b6f61; }
.company-package-pricing-reset { color: #52636f; background: #e5ebef; }
.company-package-pricing-reset:hover:not(:disabled) { color: #9c2f2f; background: #fae8e8; }
.company-package-pricing-reset:disabled { opacity: .38; cursor: default; }
.company-package-pricing-save.is-saving { animation: company-package-saving .7s linear infinite; }
.company-package-row.pricing-configured .company-package-pricing-grid {
  border-color: #9dcfc6;
  box-shadow: inset 3px 0 #0f8b78;
}
@keyframes company-package-saving { to { transform: rotate(360deg); } }

@media (max-width: 1180px) {
  .company-package-row {
    grid-template-columns: 20px 42px minmax(0, 1fr) 94px 54px;
  }
  .company-package-pricing-grid {
    grid-column: 3 / -1;
    grid-row: 2;
  }
}

@media (max-width: 700px) {
  .company-package-row {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    grid-template-columns: 20px 38px minmax(0, 1fr) 86px;
    min-height: 0;
    gap: 5px;
  }
  .company-package-row > em { display: none; }
  .company-package-pricing-grid {
    grid-column: 1 / -1;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    padding: 3px;
  }
  .company-package-pricing-field:not(.company-package-target-field) { grid-column: span 2; }
  .company-package-pricing-field { padding-inline: 2px; }
  .company-package-pricing-field > span:first-child { gap: 2px; }
  .company-package-pricing-field svg { flex-basis: 10px; width: 10px; height: 10px; }
  .company-package-pricing-field small { font-size: 7px; }
  .company-package-target-field {
    grid-column: 1 / 7;
    grid-row: 2;
  }
  .company-package-pricing-save { grid-column: 7; grid-row: 2; }
  .company-package-pricing-reset { grid-column: 8; grid-row: 2; }
}

.company-package-filter-toolbar {
  display: grid;
  grid-template-columns: minmax(175px, 1.25fr) repeat(6, minmax(88px, 1fr)) auto;
  gap: 7px;
  align-items: end;
  margin-bottom: 11px;
  padding: 9px;
  border: 1px solid #d8e7e4;
  border-radius: 10px;
  background: linear-gradient(135deg, #f4faf8, #fbfdfd);
}
.company-package-filter-title {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 2px;
  min-height: 38px;
}
.company-package-filter-title span {
  color: #125f54;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.company-package-filter-title small {
  overflow: hidden;
  color: #6d817d;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.company-package-filter-toolbar label {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.company-package-filter-toolbar label > span {
  overflow: hidden;
  color: #526b66;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .025em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.company-package-filter-toolbar select {
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  min-width: 0;
  padding: 0 24px 0 7px;
  border: 1px solid #cbd9d6;
  border-radius: 7px;
  outline: 0;
  color: #263f3b;
  background-color: #fff;
  font-size: 9px;
  font-weight: 800;
}
.company-package-filter-toolbar select:focus {
  border-color: #0f8b78;
  box-shadow: 0 0 0 2px rgba(15,139,120,.1);
}
.company-package-filter-toolbar select:disabled {
  color: #a2afac;
  background-color: #eef3f2;
}
.company-package-filter-reset {
  min-height: 30px;
  white-space: nowrap;
}

@media (max-width: 1180px) {
  .company-package-filter-toolbar {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .company-package-filter-title { grid-column: span 2; }
}

@media (max-width: 700px) {
  .company-package-filter-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 8px;
  }
  .company-package-filter-title,
  .company-package-filter-reset { grid-column: 1 / -1; }
  .company-package-filter-title small { white-space: normal; }
}

/* Firma Paketleri kaynaklı %5+ kampanyalar */
@keyframes company-campaign-neon-border {
  0% { background-position:0 0,0% 50%; box-shadow:0 0 0 1px rgba(221,28,52,.15),0 0 7px rgba(221,28,52,.15); }
  50% { background-position:0 0,100% 50%; box-shadow:0 0 0 1px rgba(255,61,84,.32),0 0 16px rgba(228,25,53,.38); }
  100% { background-position:0 0,200% 50%; box-shadow:0 0 0 1px rgba(221,28,52,.15),0 0 7px rgba(221,28,52,.15); }
}
@keyframes company-campaign-badge-pulse {
  0%,100% { opacity:.82; transform:translateZ(0) scale(.97); }
  50% { opacity:1; transform:translateZ(0) scale(1.04); }
}
@keyframes company-campaign-tab-pulse {
  0%,100% { opacity:.82; transform:translateX(-50%) scale(.97); }
  50% { opacity:1; transform:translateX(-50%) scale(1.04); }
}
.package-card.is-company-campaign,
.quote-extra-item.is-company-campaign,
.offer-customer-product.is-company-campaign {
  border-color:transparent!important;
  background:
    linear-gradient(#fffafa,#fff) padding-box,
    linear-gradient(90deg,#8f0018,#ff4760,#ffabb6,#bd001f,#ff4760,#8f0018) border-box!important;
  background-size:100% 100%,300% 100%!important;
  animation:company-campaign-neon-border 2.25s linear infinite;
}
.package-card.is-company-campaign { position:relative; }
.package-campaign-section-heading { grid-column: 1 / -1; display: grid; position: relative; gap: 4px; margin: 2px 0 2px; border: 1px solid #efb0b8; border-radius: 16px; padding: 13px 17px; overflow: hidden; color: #6d1422; background: linear-gradient(120deg,#fff8f8,#fff0f2 52%,#fff9fa); box-shadow: 0 8px 18px rgba(155,0,24,.1); }
.package-campaign-section-heading::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: linear-gradient(180deg,#8f0018,#ff4760); }
.package-campaign-section-heading span { color: #a5001b; font-size: 9px; font-weight: 950; letter-spacing: .12em; }
.package-campaign-section-heading strong { color: #7e1020; font-size: 16px; line-height: 1.2; }
.package-campaign-section-heading small { color: #925966; font-size: 10px; }
.package-campaign-section-heading b { position: absolute; top: 13px; right: 15px; border: 1px solid #efb0b8; border-radius: 999px; padding: 5px 8px; color: #a5001b; background: #fff; font-size: 9px; }
.company-campaign-badge {
  position:absolute;
  z-index:3;
  top:7px;
  right:7px;
  left:auto;
  max-width:calc(100% - 48px);
  padding:3px 7px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:999px;
  background:linear-gradient(135deg,#a5001b,#ef2745);
  box-shadow:0 4px 11px rgba(155,0,24,.28);
  color:#fff;
  font-size:7px;
  font-weight:950;
  letter-spacing:.055em;
  line-height:1;
  white-space:nowrap;
  animation:company-campaign-badge-pulse 1.05s ease-in-out infinite;
}
.package-card.is-company-campaign .package-price { display:grid;align-items:center;justify-items:center;gap:4px; }
.package-card.is-company-campaign .package-price del { color:#9d6d74;font-size:10px;font-weight:750; }
.package-card.is-company-campaign .package-price .price-main { color:#b00020; }
.package-price {
  display: grid;
  justify-items: center;
  align-items: center;
  gap: 4px;
}
.package-price-value {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 6px;
  min-height: 27px;
}
.package-price-value del { color: #9d6d74; font-size: 10px; font-weight: 750; }
.package-price-value .price-main { white-space: nowrap; }
.package-price .age-campaign-price-note {
  margin-top: 0;
  text-align: center;
  white-space: nowrap;
}
.package-card .package-family:empty { display: none; }
.package-card .package-specs {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 4px;
  row-gap: 3px;
}

/* Fiyatlı katalog kartları: tüm fiyatlar ve alt eylemler aynı satırda. */
.is-authenticated .package-card.package-card-priced {
  grid-template-rows: 82px 22px 30px 70px auto 35px;
  gap: 5px;
  min-height: 300px;
  align-content: start;
}
.is-authenticated .package-card-priced > .package-image { grid-row: 1; height: 82px; }
.is-authenticated .package-card-priced::before { height: 94px; }
.is-authenticated .package-card-priced > .package-family { display: none; }
.is-authenticated .package-card-priced > .package-title {
  grid-row: 2;
  align-self: center;
  margin: 0;
  font-size: 17px;
  line-height: 22px;
}
.is-authenticated .package-card-priced > .package-specs {
  grid-row: 3;
  align-self: center;
  margin: 0;
  max-height: 30px;
  overflow: hidden;
}
.is-authenticated .package-card-priced > .package-price {
  grid-row: 4;
  display: grid;
  grid-template-rows: 12px 30px 14px;
  align-content: center;
  justify-items: center;
  gap: 2px;
  width: 100%;
  min-width: 0;
  height: 70px;
  margin: 0;
  padding: 4px 6px;
  box-sizing: border-box;
  border: 1px solid #e0e8f3;
  border-radius: 11px;
  background: #f5f8fd;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.025em;
}
.is-authenticated .package-card-priced.is-company-campaign > .package-price {
  border-color: #f0d8df;
  background: #fff5f7;
}
.is-authenticated .package-card-priced .package-price-value { display: contents; }
.is-authenticated .package-card-priced .package-price-value > del {
  grid-row: 1;
  margin: 0;
  color: #947e85;
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.is-authenticated .package-card-priced .package-price-value > .price-main {
  grid-row: 2;
  align-self: center;
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #1d4ed8;
  font-size: clamp(20px, 1.7vw, 27px);
  line-height: 30px;
  font-weight: 900;
  white-space: nowrap;
}
.is-authenticated .package-card-priced.is-company-campaign .price-main { color: #ae123c; }
.is-authenticated .package-card-priced .package-price > .age-campaign-price-note {
  grid-row: 3;
  margin: 0;
  color: #217260;
  font-size: 10px;
  line-height: 14px;
  font-weight: 700;
  white-space: nowrap;
}
.is-authenticated .package-card-priced > .package-card-cost-profit { grid-row: 5; align-self: end; margin: 0; }
.is-authenticated .package-card-priced > .detail-btn { grid-row: 6; align-self: end; margin: 0; }
.quote-extra-item.is-company-campaign,
.offer-customer-product.is-company-campaign { position:relative; }
.quote-extra-item.is-company-campaign::after,
.offer-customer-product.is-company-campaign::after {
  content:"KAMPANYA " attr(data-campaign-rate);
  position:absolute;
  z-index:2;
  top:-1px;
  right:38px;
  padding:2px 6px;
  border-radius:0 0 7px 7px;
  background:linear-gradient(135deg,#9e001b,#ed2443);
  color:#fff;
  font-size:6px;
  font-weight:950;
  letter-spacing:.04em;
  line-height:1.2;
  pointer-events:none;
  animation:company-campaign-badge-pulse 1.05s ease-in-out infinite;
}
.quote-extra-item-price { white-space:nowrap; }
.quote-extra-item-price.is-campaign-price { display:grid;gap:1px;text-align:right; }
.quote-extra-item-price.is-campaign-price del { color:#9f7a80;font-size:7px;font-weight:700;line-height:1; }
.quote-extra-item-price.is-campaign-price b { color:#b00020;font-size:11px;font-weight:950;line-height:1.05; }
.quote-extra-categories button.is-company-campaign,
.offer-customer-request-tabs button.is-company-campaign {
  border-color:transparent!important;
  background:
    linear-gradient(#fff7f8,#fff) padding-box,
    linear-gradient(90deg,#850016,#ff3d59,#ffd0d6,#c40022,#ff3d59,#850016) border-box!important;
  background-size:100% 100%,320% 100%!important;
  box-shadow:0 0 9px rgba(218,20,49,.23)!important;
  animation:company-campaign-neon-border 1.9s linear infinite;
}
.company-campaign-tab-badge {
  position:absolute;
  z-index:3;
  left:50%;
  bottom:1px;
  transform:translateX(-50%);
  padding:1px 4px;
  border-radius:999px;
  background:#c10022;
  color:#fff!important;
  font-size:5px!important;
  font-weight:950!important;
  letter-spacing:.035em;
  line-height:1.05;
  pointer-events:none;
  animation:company-campaign-tab-pulse 1.05s ease-in-out infinite;
}
.offer-customer-product.is-company-campaign::after { right:7px; }
.offer-customer-product-price { display:grid;gap:1px;text-align:right;white-space:nowrap; }
.offer-customer-product-price del { color:#a47a81;font-size:7px;font-weight:700;line-height:1; }
.offer-customer-product-price span { color:#0f4d82;font-size:10px;font-weight:950;line-height:1.05; }
.offer-customer-product.is-company-campaign .offer-customer-product-price span { color:#b00020; }
@media (max-width:700px) {
  .company-campaign-badge { top:4px;right:4px;left:auto;padding:2px 5px;font-size:5.5px; }
  .quote-extra-item.is-company-campaign::after { right:34px;font-size:5px; }
  .quote-extra-item-price.is-campaign-price del { font-size:6px; }
  .quote-extra-item-price.is-campaign-price b { font-size:9px; }
}

/* Firma indirimleri: yönetimde kompakt etiket, paket detayında tek bilgi bandı. */
.management-campaign-pill {
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  justify-content:center;
  padding:2px 6px;
  border-radius:999px;
  background:linear-gradient(135deg,#a5001b,#eb2744);
  box-shadow:0 2px 7px rgba(165,0,27,.18);
  color:#fff!important;
  font-size:6.5px!important;
  font-style:normal;
  font-weight:950!important;
  letter-spacing:.045em;
  line-height:1.15;
  white-space:nowrap;
}
.company-package-row.has-company-campaign,
.company-product-pricing-row.has-company-campaign,
.company-labor-table tr.has-company-campaign {
  border-color:#e7a9b3;
  background:linear-gradient(90deg,rgba(255,239,242,.88),rgba(255,255,255,.96) 55%);
  box-shadow:inset 3px 0 #c81433;
}
.company-product-pricing-row strong {
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
}
.company-labor-table td .management-campaign-pill { margin-top:3px; }
.quote-company-campaign-summary {
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  gap:7px;
  align-items:center;
  margin:5px 0 8px;
  padding:6px 9px;
  border:1px solid #efb6bf;
  border-radius:9px;
  background:linear-gradient(105deg,#fff0f3,#fff 62%);
  color:#6f1222;
}
.quote-company-campaign-summary span {
  padding:3px 7px;
  border-radius:999px;
  background:#bd1531;
  color:#fff;
  font-size:7px;
  font-weight:950;
  letter-spacing:.06em;
}
.quote-company-campaign-summary strong { font-size:10px; }
.quote-company-campaign-summary small { color:#8b6570;font-size:8px;text-align:right; }
@media(max-width:700px) {
  .management-campaign-pill { padding:1px 4px;font-size:5.5px!important; }
  .quote-company-campaign-summary { grid-template-columns:auto minmax(0,1fr);gap:4px 6px;padding:5px 7px; }
  .quote-company-campaign-summary small { grid-column:1/-1;text-align:left; }
}
@media (prefers-reduced-motion:reduce) {
  .package-card.is-company-campaign,
  .quote-extra-item.is-company-campaign,
  .offer-customer-product.is-company-campaign,
  .quote-extra-categories button.is-company-campaign,
  .offer-customer-request-tabs button.is-company-campaign,
  .company-campaign-badge,
  .company-campaign-tab-badge,
  .quote-extra-item.is-company-campaign::after,
  .offer-customer-product.is-company-campaign::after { animation:none!important; }
}

/* Müşteri teklifi: toplamdan ayrışan, kurumsal ek ürünler alanı */
.offer-summary + .offer-customer-request{margin-top:30px}
.offer-customer-request-head{position:relative;display:grid;justify-items:center;gap:7px;max-width:760px;margin:0 auto 13px;padding:3px 28px 14px;text-align:center}
.offer-customer-request-head::after{content:"";width:76px;height:2px;margin-top:3px;border-radius:999px;background:linear-gradient(90deg,transparent,#15947d,transparent)}
.offer-customer-request-head>div{display:grid;justify-items:center;gap:3px}
.offer-customer-request-mark{flex-basis:auto;width:34px;height:34px;border-radius:50%;font-size:21px}
.offer-customer-request-head small{margin:0;color:#0e7768;font-size:8.5px;font-weight:950;letter-spacing:.18em}
.offer-customer-request-head h2{margin:0;color:#163b3a;font-size:17px;font-weight:900;line-height:1.2;letter-spacing:-.015em}
.offer-customer-request-head p{display:block;max-width:650px;margin:2px auto 0;color:#607674;font-size:9.5px;font-weight:600;line-height:1.45;text-align:center;-webkit-line-clamp:unset}
@media(max-width:640px){
  .offer-summary + .offer-customer-request{margin-top:19px}
  .offer-customer-request-head{gap:5px;margin-bottom:9px;padding:2px 6px 10px}
  .offer-customer-request-mark{width:29px;height:29px;font-size:18px}
  .offer-customer-request-head small{font-size:7px;letter-spacing:.14em}
  .offer-customer-request-head h2{font-size:13px}
  .offer-customer-request-head p{display:block;max-width:340px;font-size:8px;line-height:1.35;-webkit-line-clamp:unset}
  .offer-customer-request-head::after{width:58px;margin-top:2px}
}
.package-editor-copy-btn{border:1px solid #79a7d3!important;background:linear-gradient(135deg,#eef6ff,#dbeeff)!important;color:#124f84!important;box-shadow:none!important}
.package-editor-copy-btn:hover{border-color:#377fbd!important;background:linear-gradient(135deg,#e4f1ff,#cce5fb)!important}
/* Bakım.TR PWA kurulum ve mobil uygulama katmanı */
.pwa-install-layer[hidden]{display:none!important}.pwa-install-layer{position:fixed;inset:0;z-index:2147483635;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:rgba(1,10,20,.72);backdrop-filter:blur(12px);overflow:auto}.pwa-install-card{position:relative;width:min(440px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:22px;border:1px solid rgba(115,196,255,.24);border-radius:26px;background:linear-gradient(155deg,#0b2944 0%,#06182b 58%,#091321 100%);box-shadow:0 28px 90px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.08);color:#f7fbff;outline:none}.pwa-install-close{position:absolute;right:13px;top:12px;width:34px;height:34px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(255,255,255,.07);color:#dce9f5;font-size:24px;line-height:1;cursor:pointer}.pwa-install-hero{display:flex;align-items:center;gap:12px;padding-right:36px}.pwa-install-hero img{width:62px;height:62px;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.35)}.pwa-install-hero span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#72d6ff}.pwa-install-card h2{margin:17px 0 7px;font-size:24px;line-height:1.12;letter-spacing:-.025em}.pwa-install-lead{margin:0;color:#bfcede;font-size:14px;line-height:1.52}.pwa-install-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:17px 0}.pwa-install-benefits span{display:grid;place-items:center;min-height:48px;padding:7px 4px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.045);font-size:10px;font-weight:800;text-align:center;color:#dce9f5}.pwa-ios-guide{margin:12px 0;padding:13px 14px;border-radius:15px;background:#f5f8fb;color:#12263a}.pwa-ios-guide strong{font-size:13px}.pwa-ios-guide ol{margin:8px 0 0;padding-left:20px;font-size:12px;line-height:1.55}.pwa-install-status{min-height:18px;margin:8px 0 0;color:#91e4b2;font-size:12px;font-weight:700}.pwa-install-card footer{display:grid;grid-template-columns:.8fr 1.35fr;gap:9px;margin-top:14px}.pwa-install-card footer button{min-height:46px;border-radius:13px;font-size:13px;font-weight:900;cursor:pointer}.pwa-install-later{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#cbd8e5}.pwa-install-primary{border:0;background:linear-gradient(135deg,#e72e54,#b9183c);color:#fff;box-shadow:0 10px 24px rgba(218,35,73,.26)}.pwa-install-primary:disabled{opacity:.6;cursor:wait}body.pwa-install-open{overflow:hidden}@media(max-width:520px){html{min-height:100%;background:#041425}body{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.pwa-install-layer{place-items:end center;padding:10px 10px max(10px,env(safe-area-inset-bottom))}.pwa-install-card{width:100%;padding:18px;border-radius:23px}.pwa-install-card h2{font-size:21px}.pwa-install-hero img{width:54px;height:54px}.pwa-install-benefits{margin:14px 0 10px}.pwa-install-card footer{position:sticky;bottom:0;padding-top:8px;background:linear-gradient(0deg,#091321 70%,transparent)}}@media(display-mode:standalone){body{min-height:100dvh}.app-topbar{padding-top:max(0px,env(safe-area-inset-top))}}
.pwa-install-benefits svg{display:block;width:17px;height:17px;margin:0 auto 4px;fill:none;stroke:#72d6ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pwa-install-benefits svg path:first-child{fill:none}.pwa-install-benefits span:first-child svg path{fill:#72d6ff;stroke:none}
/* Sade profil düğmesi ve hesap menüsü */
.app-topbar{position:relative;z-index:200;overflow:visible}
.session-user{position:relative;width:40px;max-width:40px;display:block;overflow:visible;line-height:1}.session-user[hidden]{display:none!important}.session-user-trigger{width:40px;height:38px;display:grid;place-items:center;padding:0;border:1px solid #d3dce6;border-radius:10px;background:#fff;box-shadow:0 4px 12px rgba(15,45,75,.1);cursor:pointer}.session-user-trigger:hover,.session-user-trigger[aria-expanded="true"]{border-color:#9fb0c1;background:#f5f8fb}.session-user-avatar{position:relative;display:grid;place-items:center;width:34px;height:34px;overflow:hidden;border:0;border-radius:8px;background:linear-gradient(145deg,#1f6da5,#102f51);color:#fff;font-size:11px;font-weight:900}.session-user-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#dce7f1}.session-user-avatar img[hidden]{display:none}.session-user-avatar b{letter-spacing:.02em}.session-user-menu{position:fixed;z-index:220;top:80px;right:20px;width:220px;overflow:hidden;border:1px solid #d8e1ea;border-radius:14px;background:#fff;box-shadow:0 18px 48px rgba(15,35,55,.22)}.session-user-menu[hidden]{display:none!important}.session-user-menu>div{display:grid;gap:2px;padding:13px 14px;border-bottom:1px solid #e7ecf1}.session-user-menu>div strong{overflow:hidden;color:#1b2938;font-size:13px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.session-user-menu>div small{color:#748294;font-size:10px}.session-user-menu>button{width:100%;min-height:44px;padding:0 14px;border:0;border-bottom:1px solid #edf0f3;color:#344355;background:#fff;text-align:left;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.session-user-menu>button:hover,.session-user-menu>button:focus-visible{background:#f2f6f9;outline:0}.session-user-menu>button.danger{border-bottom:0;color:#a20f31}.session-user-menu>button.danger:hover{background:#fff1f4}

.account-settings-backdrop{position:fixed;z-index:2147483628;inset:0;display:grid;place-items:center;padding:16px;background:rgba(2,15,29,.68);backdrop-filter:blur(8px)}.account-settings-backdrop[hidden]{display:none!important}.account-settings-dialog{width:min(430px,100%);overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.38);outline:0}.account-settings-dialog>header{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;color:#fff;background:linear-gradient(135deg,#132d49,#07192d)}.account-settings-dialog>header>div{display:grid;gap:2px}.account-settings-dialog header small{color:#8fcdf1;font-size:9px;font-weight:900;letter-spacing:.12em}.account-settings-dialog header h2{margin:0;font-size:18px}.account-settings-dialog header button{width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;background:rgba(255,255,255,.08);font-size:24px;cursor:pointer}.account-settings-dialog form{display:grid;gap:13px;padding:18px}.account-settings-dialog form[hidden]{display:none!important}.account-settings-dialog form>label:not(.account-avatar-picker){display:grid;gap:6px}.account-settings-dialog form>label>span{color:#33445a;font-size:11px;font-weight:900}.account-settings-dialog input[type="password"]{width:100%;height:46px;border:1px solid #cbd6e1;border-radius:10px;padding:0 12px;color:#17283d;background:#fff;font:inherit;font-size:14px;outline:0}.account-settings-dialog input[type="password"]:focus{border-color:#2879bd;box-shadow:0 0 0 3px rgba(40,121,189,.13)}.account-avatar-picker{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:1px dashed #b9c9d8;border-radius:14px;background:#f6f9fc;cursor:pointer}.account-avatar-picker>span:nth-child(2){display:grid;gap:3px}.account-avatar-picker strong{color:#24364b;font-size:13px}.account-avatar-picker small{color:#6e7e90;font-size:10px;line-height:1.35}.account-avatar-picker input{grid-column:1/-1;width:100%;font-size:11px}.account-avatar-preview{width:70px;height:70px;overflow:hidden;border-radius:16px;background:#dce8f3}.account-avatar-preview img{width:100%;height:100%;object-fit:cover}.account-settings-message{min-height:18px;margin:0;color:#5c6d80;font-size:11px;font-weight:700;line-height:1.4}.account-settings-message.error{color:#a20f31}.account-settings-message.success{color:#087558}.account-settings-dialog footer{display:grid;grid-template-columns:.8fr 1.2fr;gap:8px}.account-settings-dialog footer button{min-height:46px;border:0;border-radius:11px;color:#425267;background:#e9eef3;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.account-settings-dialog footer button.primary{color:#fff;background:linear-gradient(135deg,#c91843,#8f0b2a)}.account-settings-dialog footer button:disabled{cursor:wait;opacity:.6}

@media(max-width:700px){.session-user{width:44px;max-width:44px;display:block!important}.session-user[hidden]{display:none!important}.session-user-trigger{width:44px;height:44px;border-radius:12px}.session-user-avatar{width:40px;height:40px;border-radius:10px}.session-actions{gap:6px}.session-user-menu{top:calc(env(safe-area-inset-top) + 72px);right:10px;width:min(240px,calc(100vw - 20px))}.account-settings-backdrop{place-items:end center;padding:10px 10px max(10px,env(safe-area-inset-bottom))}.account-settings-dialog{border-radius:20px}.account-settings-dialog form{padding:16px}.account-avatar-picker{grid-template-columns:62px minmax(0,1fr)}.account-avatar-preview{width:62px;height:62px}}

/* Teklif yönetimi: tek satırlı, taşmayan müşteri odaklı liste */
.quote-admin-table-wrap{max-width:100%;overflow-x:hidden!important}.quote-admin-table-wrap .quotes-table{width:100%!important;min-width:0!important;table-layout:fixed!important}.quote-admin-table-wrap .quotes-table tr{height:48px}.quote-admin-table-wrap .quotes-table th,.quote-admin-table-wrap .quotes-table td{max-width:0;overflow:hidden!important;text-overflow:ellipsis;white-space:nowrap}.quote-admin-table-wrap .quotes-table th:nth-child(1){width:18%}.quote-admin-table-wrap .quotes-table th:nth-child(2){width:9%}.quote-admin-table-wrap .quotes-table th:nth-child(3){width:13%}.quote-admin-table-wrap .quotes-table th:nth-child(4){width:10%}.quote-admin-table-wrap .quotes-table th:nth-child(5){width:9%}.quote-admin-table-wrap .quotes-table th:nth-child(6){width:13%}.quote-admin-table-wrap .quotes-table th:nth-child(7){width:10%}.quote-admin-table-wrap .quotes-table th:nth-child(8){width:18%}.quote-customer-cell strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quote-admin-table-wrap .quote-row-actions{width:100%;min-width:0;max-width:100%;justify-content:flex-end;gap:3px}.quote-admin-table-wrap .quote-row-actions .table-action{flex:1 1 0;min-width:0;min-height:28px;padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.quote-admin-table-wrap .quote-actions-cell{overflow:hidden!important}
@media(max-width:1100px){.quote-admin-table-wrap .quotes-table th:nth-child(1){width:19%}.quote-admin-table-wrap .quotes-table th:nth-child(2){width:11%}.quote-admin-table-wrap .quotes-table th:nth-child(3){width:15%}.quote-admin-table-wrap .quotes-table th:nth-child(6){width:15%}.quote-admin-table-wrap .quotes-table th:nth-child(7){width:12%}.quote-admin-table-wrap .quotes-table th:nth-child(8){width:28%}}
@media(max-width:700px){.quote-admin-table-wrap .quotes-table th:nth-child(3),.quote-admin-table-wrap .quotes-table td:nth-child(3),.quote-admin-table-wrap .quotes-table th:nth-child(4),.quote-admin-table-wrap .quotes-table td:nth-child(4),.quote-admin-table-wrap .quotes-table th:nth-child(5),.quote-admin-table-wrap .quotes-table td:nth-child(5),.quote-admin-table-wrap .quotes-table th:nth-child(6),.quote-admin-table-wrap .quotes-table td:nth-child(6){display:none}.quote-admin-table-wrap .quotes-table th:nth-child(1){width:25%}.quote-admin-table-wrap .quotes-table th:nth-child(2){width:18%}.quote-admin-table-wrap .quotes-table th:nth-child(7){width:17%}.quote-admin-table-wrap .quotes-table th:nth-child(8){width:40%}.quote-admin-table-wrap .quotes-table th,.quote-admin-table-wrap .quotes-table td{padding:6px 3px;font-size:9px}.quote-admin-table-wrap .quote-row-actions .table-action{min-height:25px;padding:0 3px;font-size:7px}.quote-admin-table-wrap .quote-row-actions{gap:2px}.quote-admin-table-wrap .quote-admin-plate-link{min-height:24px;font-size:9px}}

/* Firma bazlı paket maliyet ayarları ve yetkili paket görünümü */
.company-cost-settings{margin-top:14px;padding:14px;border:1px solid #d9e2eb;border-radius:14px;background:#f8fafc}.company-cost-settings legend{padding:0 7px;color:#27384c;font-size:11px;font-weight:900}.company-cost-setting-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:10px;align-items:stretch}.company-cost-type{display:grid;gap:6px;padding:10px 12px;border:1px solid #dce4ec;border-radius:12px;background:#fff}.company-cost-type>span{color:#53647a;font-size:10px;font-weight:900}.company-cost-type select{width:100%;height:38px;border:1px solid #ccd7e2;border-radius:9px;padding:0 10px;background:#fff;color:#24364b;font:inherit;font-size:11px;font-weight:800}.company-cost-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.company-cost-viewer-head strong{color:#35475c;font-size:10px}.company-cost-viewer-head small{color:#7a8999;font-size:9px}.company-cost-viewers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:7px}.company-cost-viewers>label{display:flex;align-items:center;gap:7px;min-width:0;min-height:35px;padding:6px 8px;border:1px solid #dce4ec;border-radius:9px;background:#fff;color:#45566a;font-size:10px;font-weight:800}.company-cost-viewers>label input{accent-color:#275d8c}.company-cost-viewers>label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-cost-viewers>small{grid-column:1/-1;color:#7d8b99;font-size:9px}.quote-cost-head,.quote-cost-column,.quote-cost-total{background:#f6f1e8!important;color:#755b37!important}.quote-cost-column small{display:block;overflow:hidden;color:#9b815c;font-size:7px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.quote-cost-column b{display:block;color:#6f5632;font-size:10px;font-weight:850;white-space:nowrap}.quote-cost-column>span{color:#b4a58f}.quote-cost-column.is-removed b{text-decoration:line-through;opacity:.62}.quote-cost-total small{display:block;color:#927753;font-size:8px;font-weight:800;white-space:nowrap}.quote-cost-total b{display:block;color:#624823;font-size:11px;white-space:nowrap}
.quote-detail-table.has-cost-column th:nth-child(4),.quote-detail-table.has-cost-column td:nth-child(4){width:17%}.quote-detail-table.has-cost-column th:nth-child(10),.quote-detail-table.has-cost-column td:nth-child(10){width:8%}.quote-detail-table.has-cost-column th:nth-child(11),.quote-detail-table.has-cost-column td:nth-child(11){width:10%}.quote-detail-table.has-cost-column th:nth-child(12),.quote-detail-table.has-cost-column td:nth-child(12){width:12%}
@media(max-width:700px){.company-cost-setting-grid{grid-template-columns:1fr}.company-cost-viewers{grid-template-columns:repeat(2,minmax(0,1fr))}.company-cost-viewer-head{align-items:flex-start;flex-direction:column;gap:2px}.detail-modal .quote-cost-column small{display:none}.detail-modal .quote-cost-column b,.detail-modal .quote-cost-total b{font-size:6.5px}.detail-modal .quote-cost-total small{font-size:4.5px}}
.quote-cost-head,.quote-cost-column,.quote-cost-total{background:transparent!important;color:#85683f!important}.quote-cost-column{font:inherit!important;font-size:inherit!important;font-weight:inherit!important}.quote-cost-column.is-removed{text-decoration:line-through;opacity:.62}.quote-cost-total .quote-cost-total-value small,.quote-cost-total .quote-cost-total-value b{color:#85683f!important}.quote-cost-total .quote-cost-total-value b{font-size:14px}
@media(max-width:700px){.detail-modal .quote-cost-column{font-size:6px!important}.detail-modal .quote-cost-total .quote-cost-total-value small{font-size:5px!important}.detail-modal .quote-cost-total .quote-cost-total-value b{font-size:7px!important}}
.quote-detail-table .quote-cost-input{color:#85683f!important}
.quote-detail-table .quote-cost-column{background:transparent!important;color:#245f8f!important;font:inherit!important;font-size:inherit!important;font-weight:inherit!important}
.quote-detail-table .quote-cost-column.is-removed{color:#245f8f!important}
.quote-detail-table .detail-total .quote-cost-total{background:#ecfdf3!important;color:inherit!important}
.quote-detail-table .quote-cost-total .quote-cost-total-value small{color:#475467!important}
.quote-detail-table .quote-cost-total .quote-cost-total-value b{color:#245f8f!important}
.company-cost-viewer-head{align-items:center;margin-top:16px;padding:12px 14px;border:1px solid #d8e3ed;border-radius:12px;background:linear-gradient(135deg,#f8fbfe,#eef5fa)}
.company-cost-viewer-head strong{color:#1f354c;font-size:12px;line-height:1.3}
.company-cost-viewer-head small{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border:1px solid #c8d9e8;border-radius:999px;color:#3e607e;background:#fff;font-size:9px;font-weight:800;line-height:1.25}
.company-cost-viewers{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px;margin-top:9px}
.company-cost-viewers>.company-cost-viewer-card{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:10px;min-width:0;min-height:64px;padding:9px 11px;border:1px solid #dbe4ec;border-radius:13px;color:#263a50;background:#fff;box-shadow:0 3px 10px rgba(27,53,78,.045);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}
.company-cost-viewers>.company-cost-viewer-card:hover{border-color:#9ebbd3;box-shadow:0 7px 18px rgba(27,72,110,.09);transform:translateY(-1px)}
.company-cost-viewers>.company-cost-viewer-card:has(input:checked){border-color:#7ca8ca;background:#f5faff;box-shadow:0 0 0 2px rgba(48,112,164,.08)}
.company-cost-viewers>.company-cost-viewer-card:has(input:focus-visible){outline:3px solid rgba(42,118,178,.2);outline-offset:2px}
.company-cost-viewers>.company-cost-viewer-card.is-manager{cursor:default;background:#f7fafc}
.company-cost-viewer-avatar{position:relative;display:grid!important;place-items:center;width:44px;height:44px;overflow:hidden;border:1px solid #c9d8e5;border-radius:12px;color:#fff;background:linear-gradient(145deg,#347eb5,#173f65);font-size:12px;font-weight:900;letter-spacing:.03em}
.company-cost-viewer-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#e3edf5}
.company-cost-viewer-avatar img[hidden]{display:none}
.company-cost-viewer-identity{display:grid!important;gap:3px;min-width:0;overflow:visible!important;white-space:normal!important}
.company-cost-viewer-identity strong{overflow:hidden;color:#20354a;font-size:12px;font-weight:900;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.company-cost-viewer-identity small{overflow:hidden;color:#718196;font-size:9px;font-weight:750;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.company-cost-viewer-card>input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.company-cost-viewer-check{position:relative;display:block!important;width:22px;height:22px;overflow:visible!important;border:2px solid #afbfce;border-radius:7px;background:#fff;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.company-cost-viewer-card>input:checked+.company-cost-viewer-check{border-color:#246b9f;background:#246b9f;box-shadow:0 3px 8px rgba(30,93,140,.22)}
.company-cost-viewer-card>input:checked+.company-cost-viewer-check::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.company-cost-viewer-card>input:disabled+.company-cost-viewer-check{border-color:#5f829f;background:#5f829f;opacity:.82}
@media(max-width:700px){.company-cost-viewer-head{align-items:flex-start;padding:11px 12px}.company-cost-viewer-head small{white-space:normal}.company-cost-viewers{grid-template-columns:1fr}.company-cost-viewers>.company-cost-viewer-card{min-height:66px;padding:10px 12px}.company-cost-viewer-identity strong{font-size:13px}.company-cost-viewer-identity small{font-size:10px}}
.cost-management-panel{align-content:start}
.cost-management-form{display:grid;gap:14px;max-width:980px}
.cost-management-form .company-cost-settings{margin:0;padding:18px;border-color:#cfdae5;border-radius:16px;background:#f8fafc;box-shadow:0 8px 24px rgba(28,54,79,.055)}
.cost-management-form .company-cost-settings legend{padding:0 9px;color:#1f354b;font-size:12px}
.cost-management-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}
.cost-management-actions .labor-message{flex:1;min-height:18px;margin:0;text-align:right}
.cost-management-actions .labor-save-btn{min-width:210px;min-height:44px}
@media(max-width:700px){.cost-management-form .company-cost-settings{padding:13px 11px;border-radius:14px}.cost-management-actions{align-items:stretch;flex-direction:column}.cost-management-actions .labor-message{text-align:left}.cost-management-actions .labor-save-btn{width:100%;min-width:0;min-height:48px}}

/* Paket detayı ve müşteri teklifinde kompakt araç kimliği */
.quote-vehicle-details{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0 0 10px;overflow:hidden;border:1px solid #cfdae2;border-radius:12px;background:#f8fafb;box-shadow:0 4px 14px rgba(25,52,69,.045)}
.quote-vehicle-details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:35px;padding:7px 10px;border-bottom:1px solid #dce5ea;background:linear-gradient(90deg,#edf7f5,#f8fafb);cursor:pointer;list-style:none;user-select:none}
.quote-vehicle-details:not([open])>summary{border-bottom-color:transparent}
.quote-vehicle-details>summary::-webkit-details-marker{display:none}
.quote-vehicle-details>summary::marker{content:''}
.quote-vehicle-details>summary:focus-visible{outline:2px solid rgba(23,99,154,.32);outline-offset:-2px}
.quote-vehicle-details>summary>span{display:flex;flex:0 0 auto;align-items:center;gap:7px;color:#176e65;font-size:9.5px;font-weight:950;letter-spacing:.075em}
.quote-vehicle-details>summary>span i{display:inline-flex;min-height:20px;align-items:center;padding:0 7px;border:1px solid #b8ccda;border-radius:999px;color:#174d78;background:#fff;font-size:7.5px;font-style:normal;font-weight:900;letter-spacing:.02em}
.quote-vehicle-details>summary>span i::before{content:'+';margin-right:4px;font-size:11px;line-height:1}
.quote-vehicle-details[open]>summary>span i::before{content:'−'}
.quote-vehicle-details>summary .is-open,.quote-vehicle-details[open]>summary .is-closed{display:none}
.quote-vehicle-details[open]>summary .is-open{display:inline}
.quote-vehicle-details>summary strong{flex:0 0 auto;color:#173c4d;font-size:12px;font-weight:950;letter-spacing:.04em;white-space:nowrap}
.quote-vehicle-details-tools{display:flex;justify-content:flex-end;padding:5px 7px;border-bottom:1px solid #dce5ea;background:#f8fafc}
.quote-vehicle-profile-status{display:flex;flex:1 1 auto;align-items:center;justify-content:flex-end;gap:8px;min-width:0;overflow:hidden}
.quote-vehicle-profile-status small{min-width:0;max-width:min(44vw,420px);overflow:hidden;color:#637782;font-size:8.5px;font-weight:950;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}
.quote-vehicle-profile-status small.is-verified{color:#11705f}
.quote-vehicle-profile-status small.is-warning{color:#a05b18}
.quote-vehicle-profile-status small.is-loading{color:#2b718c;animation:vehicle-profile-pulse 1.15s ease-in-out infinite alternate}
.quote-vehicle-details dl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;min-width:0;max-width:100%;margin:0;overflow:hidden;background:#fff}
.quote-vehicle-details dl>div{display:grid;align-content:center;min-width:0;min-height:46px;padding:7px 9px;overflow:hidden;background:#fff;box-shadow:inset -1px -1px #dfe7ec}
.quote-vehicle-details dl>div.is-wide{grid-column:span 2}
.quote-vehicle-details dt,.quote-vehicle-details dd{min-width:0;margin:0;overflow:hidden}
.quote-vehicle-details dt{color:#74838f;font-size:8.5px;font-weight:900;line-height:1.2;letter-spacing:.025em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.quote-vehicle-details dd{display:-webkit-box;margin-top:3px;overflow-wrap:anywhere;color:#203442;font-size:11px;font-weight:850;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}
.quote-vehicle-details .vehicle-history-trigger{display:block;width:max-content;max-width:100%;margin:0;padding:0;overflow-wrap:anywhere;border:0;border-bottom:1px dashed #2d718e;border-radius:0;color:#175f80;background:transparent;font:inherit;line-height:inherit;text-align:left;white-space:normal;cursor:pointer}
.quote-vehicle-details .vehicle-history-trigger:hover,.quote-vehicle-details .vehicle-history-trigger:focus-visible{color:#0b79a7;border-bottom-color:currentColor;outline:0}
.quote-vehicle-details .vehicle-history-trigger:focus-visible{box-shadow:0 2px 0 rgba(14,116,144,.25)}
.quote-vehicle-technical{min-width:0;max-width:100%;border-top:1px solid #dce5ea;background:#fff}
.quote-vehicle-technical summary{box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 10px;color:#466472;background:#f7fafb;font-size:10px;font-weight:900;cursor:pointer;list-style:none;user-select:none}
.quote-vehicle-technical summary::-webkit-details-marker{display:none}
.quote-vehicle-technical summary::before{content:'+';display:grid;flex:0 0 auto;place-items:center;width:18px;height:18px;border:1px solid #b4cbd1;border-radius:50%;color:#176e65;font-size:12px}
.quote-vehicle-technical[open] summary::before{content:'−'}
.quote-vehicle-technical summary span{display:grid;flex:0 0 auto;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:10px;color:#fff;background:#607f88;font-size:8.5px}
.quote-vehicle-technical>dl{border-top:1px solid #e1e8ed}
.quote-vehicle-maintenance,.quote-vehicle-optionals{min-width:0;max-width:100%;border-top:1px solid #dce5ea;background:#fff}
.quote-vehicle-maintenance>summary,.quote-vehicle-optionals>summary{box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 10px;color:#466673;background:#f7fafb;font-size:10px;font-weight:900;cursor:pointer;list-style:none;user-select:none}
.quote-vehicle-maintenance>summary::-webkit-details-marker,.quote-vehicle-optionals>summary::-webkit-details-marker{display:none}
.quote-vehicle-maintenance>summary::before,.quote-vehicle-optionals>summary::before{content:'+';display:grid;flex:0 0 auto;place-items:center;width:18px;height:18px;border:1px solid #b4cbd1;border-radius:50%;color:#176e65;font-size:12px}
.quote-vehicle-maintenance[open]>summary::before,.quote-vehicle-optionals[open]>summary::before{content:'−'}
.quote-vehicle-maintenance>summary span,.quote-vehicle-optionals>summary span{display:grid;flex:0 0 auto;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;color:#fff;background:#607f88;font-size:8.5px}
.quote-vehicle-technical summary:focus-visible,.quote-vehicle-maintenance>summary:focus-visible,.quote-vehicle-optionals>summary:focus-visible{outline:2px solid rgba(23,110,101,.35);outline-offset:-2px}
.quote-vehicle-maintenance-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:6px;background:#edf2f4}
.quote-vehicle-maintenance-list article{min-width:0;overflow:hidden;border:1px solid #dce6e9;border-radius:8px;background:#fff}
.quote-vehicle-maintenance-list article>header{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:31px;padding:4px 7px;border-bottom:1px solid #e4ecee;background:#f5f9f8}
.quote-vehicle-maintenance-list article>header i{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#176e65;font-size:8px;font-style:normal;font-weight:950}
.quote-vehicle-maintenance-list article>header span{min-width:0;color:#126e66;font-size:10px;font-weight:950;line-height:1.15}
.quote-vehicle-maintenance-list article>header b{color:#74858c;font-size:7px;font-weight:950;letter-spacing:.05em}
.quote-vehicle-maintenance-list ul{display:grid;gap:0;margin:0;padding:0;list-style:none}
.quote-vehicle-maintenance-list li{display:grid;gap:1px;min-width:0;padding:5px 8px;border-top:1px dashed #e6ecef}
.quote-vehicle-maintenance-list li:first-child{border-top:0}
.quote-vehicle-maintenance-list strong{color:#203a48;font-size:9.5px;line-height:1.25}
.quote-vehicle-maintenance-list small{color:#687b86;font-size:8px;line-height:1.25}
.quote-vehicle-maintenance footer{padding:7px 9px;overflow-wrap:anywhere;color:#6c7c87;background:#f8fafb;font-size:8.5px;font-weight:750;text-align:right}
.quote-vehicle-maintenance-state{display:grid;justify-items:center;gap:3px;padding:12px 10px;color:#647782;background:#f8fafb;text-align:center}
.quote-vehicle-maintenance-state strong{color:#294b58;font-size:10px;font-weight:950}
.quote-vehicle-maintenance-state small{max-width:520px;font-size:8.5px;line-height:1.35}
.quote-vehicle-maintenance-state button,.vehicle-file-maintenance-state button{min-height:27px;margin-top:3px;padding:0 11px;border:0;border-radius:7px;color:#fff;background:#176e65;font-size:8.5px;font-weight:900;cursor:pointer}
.quote-vehicle-maintenance-state.is-error,.vehicle-file-maintenance-state.is-error{color:#8b4545;background:#fff5f5}
.quote-vehicle-maintenance-state.is-error strong,.vehicle-file-maintenance-state.is-error strong{color:#a53636}
.quote-vehicle-maintenance-state.is-error button,.vehicle-file-maintenance-state.is-error button{background:#b33b3b}
.vehicle-file-maintenance-state{grid-column:1/-1;display:grid;min-height:100px;place-items:center;align-content:center;gap:4px;padding:16px;color:#6c7e88;background:#f8fafb;text-align:center}
.vehicle-file-maintenance-state strong{font-size:11px;font-weight:950}.vehicle-file-maintenance-state small{font-size:9px}
.quote-vehicle-optional-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;max-width:100%;max-height:min(32vh,280px);overflow-x:hidden;overflow-y:auto;background:#e2e8ec;scrollbar-width:thin}
.quote-vehicle-optional-list article{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:6px;padding:8px;overflow:hidden;background:#fff}
.quote-vehicle-optional-list b{min-width:24px;overflow-wrap:anywhere;color:#176e65;font-size:8.5px;line-height:1.35}
.quote-vehicle-optional-list span{min-width:0;overflow-wrap:anywhere;color:#3c505d;font-size:9px;font-weight:750;line-height:1.35}
@keyframes vehicle-profile-pulse{to{opacity:.48}}

.offer-vehicle-details{width:100%;margin-top:11px;overflow:hidden;border:1px solid #dce5ea;border-radius:9px;background:#f8fafb;text-align:left}
.offer-vehicle-details>header{display:flex;align-items:center;justify-content:space-between;min-height:28px;padding:5px 9px;border-bottom:1px solid #e3e9ed;background:#f0f6f5}
.offer-vehicle-details>header span{color:#187268;font-size:8px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
.offer-vehicle-details>header strong{color:#294455;font-size:9px;font-weight:950;letter-spacing:.04em}
.offer-vehicle-details dl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin:0;background:#fff}
.offer-vehicle-details dl>div{min-width:0;min-height:38px;padding:5px 7px;background:#fff;box-shadow:inset -1px -1px #e3e9ed}
.offer-vehicle-details dl>div.is-wide{grid-column:span 2}
.offer-vehicle-details dt,.offer-vehicle-details dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.offer-vehicle-details dt{color:#7b8792;font-size:7px;font-weight:900;text-transform:uppercase}
.offer-vehicle-details dd{margin-top:3px;color:#253946;font-size:9px;font-weight:850;line-height:1.2}
.offer-vehicle-technical{border-top:1px solid #e2e9ed;background:#fff}
.offer-vehicle-technical summary{display:flex;align-items:center;justify-content:center;gap:6px;min-height:28px;color:#526b76;background:#f8fafb;font-size:8px;font-weight:900;cursor:pointer;list-style:none}
.offer-vehicle-technical summary::-webkit-details-marker{display:none}
.offer-vehicle-technical summary::before{content:'+';display:grid;place-items:center;width:15px;height:15px;border:1px solid #bdd0d6;border-radius:50%;color:#187268;font-size:10px}
.offer-vehicle-technical[open] summary::before{content:'−'}
.offer-vehicle-technical summary span{display:grid;place-items:center;min-width:16px;height:16px;border-radius:8px;color:#fff;background:#66838c;font-size:7px}
.offer-vehicle-technical>dl{border-top:1px solid #e3e9ed}

/* Paket detayının üzerinde açılan, paket durumunu koruyan B.O.S araç geçmişi */
.vehicle-history-backdrop{position:fixed;inset:0;z-index:2147483630;display:grid;place-items:center;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:rgba(5,14,28,.76);backdrop-filter:blur(10px) saturate(.9);-webkit-backdrop-filter:blur(10px) saturate(.9)}
.vehicle-history-backdrop[hidden]{display:none!important}
.vehicle-history-dialog{width:min(1120px,100%);height:min(84vh,780px);height:min(84dvh,780px);max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.58);border-radius:18px;color:#172638;background:#fff;box-shadow:0 34px 100px rgba(0,0,0,.48);animation:vehicle-history-enter .22s cubic-bezier(.16,1,.3,1) both}
.vehicle-history-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:69px;padding:10px 12px;border-bottom:1px solid #dce5eb;background:linear-gradient(135deg,#f5fafc,#edf5f8)}
.vehicle-history-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,#176f8f,#123e62);box-shadow:0 8px 18px rgba(18,62,98,.24)}
.vehicle-history-mark svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.vehicle-history-head small{display:block;margin-bottom:2px;color:#39758d;font-size:8px;font-weight:950;letter-spacing:.12em}
.vehicle-history-head h2{margin:0;color:#17374d;font-size:17px;line-height:1.1}
.vehicle-history-head p{margin:3px 0 0;overflow:hidden;color:#647785;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.vehicle-history-head p.is-error{color:#b42318}
.vehicle-history-actions{display:flex;align-items:center;gap:7px}
.vehicle-history-actions button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #cbd9e1;border-radius:10px;color:#21475d;background:#fff;font:inherit;font-size:10px;font-weight:900;cursor:pointer}
#vehicle-history-expand{min-width:86px;padding:0 10px}
#vehicle-history-expand svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#vehicle-history-close{width:38px;padding:0;color:#6b7b86;font-size:24px;line-height:1}
.vehicle-history-actions button:hover,.vehicle-history-actions button:focus-visible{border-color:#4d8298;color:#0d607e;outline:0;box-shadow:0 0 0 3px rgba(23,111,143,.12)}
.vehicle-history-content{position:relative;min-width:0;min-height:0;overflow:hidden;background:#eef3f6}
.vehicle-history-content iframe{width:100%;height:100%;display:block;border:0;background:#fff}
.vehicle-history-content iframe[hidden]{display:none!important}
.vehicle-history-loading{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:24px;color:#426174;text-align:center;background:linear-gradient(180deg,#f7fafc,#edf3f6)}
.vehicle-history-loading[hidden]{display:none!important}
.vehicle-history-loading>span{width:31px;height:31px;border:3px solid #c9d9e1;border-top-color:#176f8f;border-radius:50%;animation:vehicle-history-spin .75s linear infinite}
.vehicle-history-loading strong{color:#173d54;font-size:13px}
.vehicle-history-loading small{max-width:360px;color:#71838f;font-size:10px}
.vehicle-history-loading.is-error>span{display:none}
.vehicle-history-loading.is-error strong{color:#b42318}
.vehicle-history-backdrop.is-expanded{padding:0}
.vehicle-history-backdrop.is-expanded .vehicle-history-dialog{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0}
@keyframes vehicle-history-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes vehicle-history-spin{to{transform:rotate(360deg)}}

@media(min-width:701px) and (max-width:1100px){
  .quote-vehicle-details dl{grid-template-columns:repeat(4,minmax(0,1fr))}
  .quote-vehicle-optional-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .quote-vehicle-details dl,.offer-vehicle-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quote-vehicle-details dl>div.is-wide,.offer-vehicle-details dl>div.is-wide{grid-column:span 2}
  .quote-vehicle-details dl>div.is-wide.is-mobile-half{grid-column:span 1}
  .quote-vehicle-details dl>div:last-child:nth-child(odd):not(.is-mobile-half){grid-column:span 2}
  .quote-vehicle-details{margin-bottom:8px;border-radius:10px}
  .quote-vehicle-details dl>div{min-height:48px;padding:7px 8px}
  .quote-vehicle-details dt{font-size:8.5px}.quote-vehicle-details dd{font-size:11px;line-height:1.28}
  .quote-vehicle-details>summary{min-height:38px;padding:7px 9px}
  .quote-vehicle-details>summary>span{font-size:9px}
  .quote-vehicle-details>summary strong{font-size:11.5px}
  .quote-vehicle-profile-status{gap:6px}
  .quote-vehicle-profile-status small{max-width:46vw;font-size:8px}
  .quote-vehicle-technical summary,.quote-vehicle-maintenance>summary,.quote-vehicle-optionals>summary{min-height:40px;font-size:10.5px}
  .quote-vehicle-maintenance-list{grid-template-columns:1fr}
  .quote-vehicle-maintenance-list{gap:4px;padding:4px}
  .quote-vehicle-maintenance-list article>header{min-height:30px;padding:4px 6px}
  .quote-vehicle-maintenance-list strong{font-size:9.5px}.quote-vehicle-maintenance-list small{font-size:8px}
  .quote-vehicle-optional-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:45vh}
  .quote-vehicle-optional-list article{padding:8px 7px}.quote-vehicle-optional-list span{font-size:9.5px}
  .offer-vehicle-details{margin-top:9px}
  .offer-vehicle-details dl>div{min-height:40px;padding:6px 7px}
  .offer-vehicle-details dt{font-size:7px}.offer-vehicle-details dd{font-size:9px}
  .vehicle-history-backdrop{padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}
  .vehicle-history-dialog{width:100%;height:calc(100vh - 12px);height:calc(100dvh - 12px);max-height:none;border-radius:14px}
  .vehicle-history-head{grid-template-columns:38px minmax(0,1fr) auto;gap:8px;min-height:61px;padding:8px}
  .vehicle-history-mark{width:37px;height:37px;border-radius:11px}.vehicle-history-mark svg{width:21px;height:21px}
  .vehicle-history-head h2{font-size:14px}.vehicle-history-head p{max-width:44vw;font-size:8.5px}
  #vehicle-history-expand{width:38px;min-width:38px;padding:0}#vehicle-history-expand span{display:none}
  .vehicle-history-actions{gap:5px}.vehicle-history-actions button{min-height:38px}
  .vehicle-history-backdrop.is-expanded .vehicle-history-head{padding-top:max(8px,env(safe-area-inset-top));padding-right:max(8px,env(safe-area-inset-right));padding-left:max(8px,env(safe-area-inset-left))}
}
@media(max-width:360px){
  .quote-vehicle-optional-list{grid-template-columns:1fr}
  .quote-vehicle-profile-status small{max-width:42vw}
}
@media print{
  .vehicle-history-backdrop{display:none!important}
  .offer-vehicle-details{margin-top:1.5mm;border-radius:0}
  .offer-vehicle-details>header{min-height:5mm;padding:.7mm 1.5mm}
  .offer-vehicle-details dl{grid-template-columns:repeat(6,minmax(0,1fr))}
  .offer-vehicle-details dl>div{min-height:7mm;padding:.8mm 1.2mm}
  .offer-vehicle-details dl>div.is-wide{grid-column:span 2}
  .offer-vehicle-details dt{font-size:5.5pt}.offer-vehicle-details dd{font-size:6.5pt}
  .offer-vehicle-technical summary{display:none}
  .offer-vehicle-technical>dl{display:grid!important}
}

/* Doğrulanmış plaka için paket gridindeki Araç Dosyası kartı */
.package-grid>.vehicle-file-card{order:-100}
.vehicle-file-card{isolation:isolate;overflow:hidden;border-color:#a8cbd3!important;background:linear-gradient(160deg,#fff 0%,#f2f8f8 100%)!important}
.vehicle-file-card::before{background:radial-gradient(circle at 78% 8%,rgba(21,128,121,.14),transparent 38%),linear-gradient(145deg,#eef8f7,#eaf1f5)!important}
.vehicle-file-card::after{background:linear-gradient(90deg,#116c68,#28a895 48%,#173e59 48%,#173e59 100%)!important}
.vehicle-file-card:hover{border-color:#79b4b7!important;box-shadow:0 16px 36px rgba(20,72,78,.16)!important}
.vehicle-file-card-badge{position:absolute;z-index:3;top:7px;left:7px;display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border:1px solid #a6d8cb;border-radius:999px;color:#0b725f;background:rgba(238,252,247,.95);box-shadow:0 4px 10px rgba(16,103,88,.09);font-size:7px;font-weight:950;letter-spacing:.055em}
.vehicle-file-card-image{position:relative;display:grid;width:100%;height:100%;min-height:0;place-items:center;overflow:hidden}
.vehicle-file-card-image>.package-image{display:block!important;width:100%!important;height:100%!important;min-height:0;margin:0!important;padding:4px 8px!important;object-fit:contain;filter:drop-shadow(0 9px 9px rgba(21,45,59,.16))!important}
.vehicle-file-card-image>img[hidden]{display:none!important}
.vehicle-file-card-image>img:not([hidden])~.vehicle-file-card-fallback{display:none}
.vehicle-file-card-fallback{display:grid;width:88px;height:68px;place-items:center;border:1px solid rgba(18,111,106,.18);border-radius:20px;color:#176e69;background:rgba(255,255,255,.7);box-shadow:0 8px 20px rgba(24,79,83,.09)}
.vehicle-file-card-fallback svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.vehicle-file-card-verified{position:absolute;top:5px;right:5px;display:inline-flex;align-items:center;gap:4px;max-width:calc(100% - 10px);min-height:20px;padding:0 7px;overflow:hidden;border:1px solid #a6d8cb;border-radius:999px;color:#0b725f;background:rgba(238,252,247,.94);box-shadow:0 4px 10px rgba(16,103,88,.09);font-size:7px;font-weight:950;letter-spacing:.055em;text-overflow:ellipsis;white-space:nowrap}
.vehicle-file-card .package-family{color:#126c67!important;border-color:#b9deda!important;background:#f1fbf9!important}
.vehicle-file-card .package-title{overflow:hidden;color:#163449!important;text-overflow:ellipsis;white-space:nowrap}
.vehicle-file-card-model{display:-webkit-box;min-width:0;margin:0;overflow:hidden;color:#415965;font-size:8px;font-weight:850;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.vehicle-file-card-meta{display:flex;min-width:0;flex-wrap:wrap;justify-content:center;gap:4px;color:#48606d;font-size:8px;font-weight:850}
.vehicle-file-card-meta span{max-width:100%;padding:3px 6px;overflow:hidden;border:1px solid #d8e4e7;border-radius:6px;background:rgba(255,255,255,.82);text-overflow:ellipsis;white-space:nowrap}
.vehicle-file-card-note{display:-webkit-box;min-width:0;margin:1px 0 2px;overflow:hidden;color:#60737e;font-size:8px;font-weight:750;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.vehicle-file-card-state{display:block;min-width:0;overflow:hidden;color:#586e79;font-size:7.5px;font-weight:850;line-height:1.3;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.vehicle-file-card-state.is-ready{color:#0b735e}.vehicle-file-card-state.is-loading{color:#2b718c}.vehicle-file-card-state.is-error{color:#a34f28}
.vehicle-file-card .detail-btn,.vehicle-file-card-open{width:100%;height:35px;border:0;border-radius:9px;color:#fff;background:linear-gradient(135deg,#177d75,#0d5b61)!important;box-shadow:0 6px 14px rgba(13,91,97,.18)!important;font:inherit;font-size:10px!important;font-weight:900;cursor:pointer}
.vehicle-file-card .detail-btn:hover,.vehicle-file-card-open:hover{background:linear-gradient(135deg,#15927f,#0c5163)!important}
.is-authenticated .vehicle-file-card{grid-template-rows:96px auto auto auto minmax(0,1fr) auto auto!important;min-height:304px}

/* Paket ve B.O.S pencerelerinden bağımsız tam Araç Dosyası */
.vehicle-file-backdrop{position:fixed;inset:0;z-index:2147483629;display:grid;place-items:center;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overflow:hidden;background:rgba(4,15,27,.74);backdrop-filter:blur(10px) saturate(.9);-webkit-backdrop-filter:blur(10px) saturate(.9)}
.vehicle-file-backdrop[hidden]{display:none!important}
.vehicle-file-dialog{width:min(1280px,100%);height:min(92vh,900px);height:min(92dvh,900px);max-width:100%;max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.56);border-radius:20px;color:#172638;background:#f4f7f9;box-shadow:0 34px 110px rgba(0,0,0,.5);outline:0;animation:vehicle-file-enter .22s cubic-bezier(.16,1,.3,1) both}
.vehicle-file-head{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:13px;min-width:0;min-height:82px;padding:10px 12px;border-bottom:1px solid #d9e4e8;background:linear-gradient(135deg,#f8fcfc,#edf5f6)}
.vehicle-file-head-image{position:relative;width:62px;height:62px;display:grid;place-items:center;margin:0;overflow:hidden;border:1px solid #ccdde2;border-radius:17px;background:#fff;box-shadow:0 7px 18px rgba(22,63,75,.1)}
.vehicle-file-head-image img{position:absolute;inset:0;width:100%;height:100%;display:block;padding:4px;object-fit:contain;background:#fff}
.vehicle-file-head-image img[hidden],.vehicle-file-head-image img:not([hidden])~span{display:none!important}
.vehicle-file-head-image>span{display:grid;width:100%;height:100%;place-items:center;color:#176f71;background:linear-gradient(145deg,#edf8f6,#e8f0f4)}
.vehicle-file-head-image svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.vehicle-file-head-copy{display:grid;gap:2px;min-width:0}
.vehicle-file-head-copy>small{color:#19746e;font-size:8px;font-weight:950;letter-spacing:.12em}
.vehicle-file-head-copy>div{display:flex;align-items:center;gap:9px;min-width:0}
.vehicle-file-head-copy h2{min-width:0;margin:0;overflow:hidden;color:#18374a;font-size:20px;font-weight:950;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}
.vehicle-file-head-copy strong{flex:0 0 auto;padding:5px 8px;border:1px solid #b9d5d7;border-radius:8px;color:#115f62;background:#fff;font:950 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.035em}
.vehicle-file-head-copy strong:empty{display:none}
.vehicle-file-head-copy p,.vehicle-file-head-copy>span{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vehicle-file-head-copy p{color:#4e6674;font-size:10.5px;font-weight:800}
.vehicle-file-head-copy>span{color:#6d7f89;font-size:8.5px;font-weight:750}
.vehicle-file-actions{display:flex;align-items:center;gap:7px}
.vehicle-file-actions button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #c4d4da;border-radius:11px;color:#254b5d;background:#fff;font:inherit;font-size:10px;font-weight:900;cursor:pointer}
#vehicle-file-expand{min-width:88px;padding:0 11px}
#vehicle-file-expand svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#vehicle-file-close{width:40px;padding:0;color:#637681;font-size:25px;line-height:1}
.vehicle-file-actions button:hover,.vehicle-file-actions button:focus-visible{border-color:#4c8a8d;color:#0d6768;outline:0;box-shadow:0 0 0 3px rgba(20,120,113,.12)}
.vehicle-file-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));min-width:0;border-bottom:1px solid #d7e2e7;background:#fff}
.vehicle-file-tabs button{position:relative;min-width:0;min-height:44px;padding:5px 8px;overflow:hidden;border:0;border-right:1px solid #e3eaee;color:#60737f;background:#fff;font:inherit;font-size:10px;font-weight:900;line-height:1.15;text-overflow:ellipsis;cursor:pointer}
.vehicle-file-tabs button:last-child{border-right:0}
.vehicle-file-tabs button::after{content:"";position:absolute;right:20%;bottom:0;left:20%;height:3px;border-radius:3px 3px 0 0;background:transparent;transition:background .16s ease,left .16s ease,right .16s ease}
.vehicle-file-tabs button[aria-selected="true"]{color:#126d68;background:#f1f9f8}
.vehicle-file-tabs button[aria-selected="true"]::after{right:8%;left:8%;background:#168176}
.vehicle-file-tabs button:hover,.vehicle-file-tabs button:focus-visible{color:#155e62;background:#f4f9f9;outline:0}
.vehicle-file-body{position:relative;min-width:0;min-height:0;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:12px;background:#f3f6f8;overscroll-behavior:contain;scrollbar-color:#afbdc6 transparent;scrollbar-width:thin}
.vehicle-file-loading{position:absolute;inset:0;z-index:3;display:flex;min-height:220px;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:24px;color:#516b78;text-align:center;background:linear-gradient(180deg,#f8fbfc,#edf3f5)}
.vehicle-file-loading[hidden]{display:none!important}
.vehicle-file-loading>span{width:32px;height:32px;border:3px solid #c6d7dc;border-top-color:#168176;border-radius:50%;animation:vehicle-file-spin .72s linear infinite}
.vehicle-file-loading strong{color:#173e50;font-size:13px}
.vehicle-file-loading small{max-width:460px;color:#73848e;font-size:10px;line-height:1.4}
.vehicle-file-panel{min-width:0;max-width:100%;overflow:hidden;border:1px solid #d6e1e6;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(24,51,66,.045)}
.vehicle-file-panel[hidden]{display:none!important}
.vehicle-file-panel-head{display:flex;min-width:0;min-height:58px;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid #e0e7eb;background:linear-gradient(90deg,#f3f9f8,#fafcfc)}
.vehicle-file-panel-head>div{display:grid;gap:2px;min-width:0}
.vehicle-file-panel-head small{color:#1b7770;font-size:8px;font-weight:950;letter-spacing:.1em}
.vehicle-file-panel-head h3{margin:0;overflow:hidden;color:#203b4b;font-size:15px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.vehicle-file-panel-head>span{flex:0 0 auto;min-width:22px;height:22px;display:grid;place-items:center;padding:0 6px;border-radius:11px;color:#fff;background:#65818b;font-size:8px;font-weight:950}
.vehicle-file-panel-head>span:empty{display:none}
.vehicle-file-data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;min-width:0;max-width:100%;margin:0;overflow:hidden;background:#fff}
.vehicle-file-data-grid>div{display:grid;align-content:center;min-width:0;min-height:62px;padding:9px 11px;overflow:hidden;background:#fff;box-shadow:inset -1px -1px #dfe7eb}
.vehicle-file-data-grid>div.is-wide{grid-column:span 2}
.vehicle-file-data-grid>div.is-full{grid-column:1/-1}
.vehicle-file-data-grid dt,.vehicle-file-data-grid dd{min-width:0;margin:0;overflow:hidden}
.vehicle-file-data-grid dt{color:#71828d;font-size:8px;font-weight:900;line-height:1.2;letter-spacing:.035em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.vehicle-file-data-grid dd{margin-top:4px;overflow-wrap:anywhere;color:#1e3544;font-size:11.5px;font-weight:850;line-height:1.3;white-space:normal}
.vehicle-file-data-grid:empty::before,.vehicle-file-maintenance-grid:empty::before,.vehicle-file-equipment-grid:empty::before,.vehicle-file-manual-details:empty::before{content:"Bu bölüm için doğrulanmış bilgi henüz bulunmuyor.";grid-column:1/-1;display:grid;min-height:110px;place-items:center;padding:18px;color:#778892;background:#fbfcfd;font-size:10px;font-weight:750;text-align:center}
.vehicle-file-data-grid>.vehicle-file-empty,.vehicle-file-maintenance-grid>.vehicle-file-empty,.vehicle-file-equipment-grid>.vehicle-file-empty,.vehicle-file-manual-details>.vehicle-file-empty{grid-column:1/-1;display:grid;min-height:110px;place-items:center;margin:0;padding:18px;overflow-wrap:anywhere;color:#778892;background:#fbfcfd;font-size:10px;font-weight:750;text-align:center;box-shadow:none}
.vehicle-file-history-trigger{display:inline;max-width:100%;margin:0;padding:0;overflow-wrap:anywhere;border:0;border-bottom:1px dashed #28758c;color:#176582;background:transparent;font:inherit;line-height:inherit;text-align:left;cursor:pointer}
.vehicle-file-history-trigger:hover,.vehicle-file-history-trigger:focus-visible{color:#087fa5;border-bottom-color:currentColor;outline:0}
.vehicle-file-maintenance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1px;padding:1px;overflow:hidden;background:#dfe7eb}
.vehicle-file-maintenance-group{grid-column:1/-1;display:flex;min-width:0;min-height:52px;align-items:center;justify-content:space-between;gap:12px;padding:8px 11px;background:#f3f8f9}
.vehicle-file-maintenance-group>div{display:grid;gap:2px;min-width:0}.vehicle-file-maintenance-group small{font-size:7.5px;font-weight:950;letter-spacing:.08em}.vehicle-file-maintenance-group strong{overflow:hidden;color:#244452;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.vehicle-file-maintenance-group>span{flex:0 0 auto;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;white-space:nowrap}
.vehicle-file-maintenance-group.is-official{border-left:3px solid #138074;background:linear-gradient(90deg,#edf9f6,#f7fbfb)}.vehicle-file-maintenance-group.is-official small{color:#087167}.vehicle-file-maintenance-group.is-official>span{color:#087167;background:#dff4ef}
.vehicle-file-maintenance-group.is-reference{border-left:3px solid #718791;background:linear-gradient(90deg,#f3f6f7,#fafbfc)}.vehicle-file-maintenance-group.is-reference small{color:#657983}.vehicle-file-maintenance-group.is-reference>span{color:#536b77;background:#e5ecef}
.vehicle-file-maintenance-notice{grid-column:1/-1;display:grid;gap:3px;margin:0;padding:9px 11px;border-left:3px solid #c98a24;color:#536a77;background:#fff9ed}.vehicle-file-maintenance-notice strong{color:#815716;font-size:10px}.vehicle-file-maintenance-notice span{font-size:8.5px;font-weight:750;line-height:1.4}
.vehicle-file-maintenance-grid article{position:relative;display:grid;align-content:start;gap:5px;min-width:0;min-height:86px;padding:11px;overflow:hidden;overflow-wrap:anywhere;background:#fff}
.vehicle-file-maintenance-order{position:absolute;z-index:2;top:6px;left:7px;width:19px;height:19px;display:grid;place-items:center;border:1px solid #8fcac0;border-radius:50%;color:#fff;background:linear-gradient(145deg,#15917f,#087267);box-shadow:0 3px 8px rgba(8,114,103,.2);font-size:8px!important;font-style:normal;font-weight:950!important;line-height:1!important}
.vehicle-file-maintenance-grid article.is-important{box-shadow:inset 3px 0 #278d82}.vehicle-file-maintenance-grid article.is-routine{box-shadow:inset 3px 0 #b8c7ce}
.vehicle-file-maintenance-grid article.is-conflict{background:#fffbf3;box-shadow:inset 3px 0 #c9862a}
.vehicle-file-maintenance-grid article strong{color:#203b4a;font-size:11px;line-height:1.3}
.vehicle-file-maintenance-grid article b{color:#117268;font-size:10.5px;line-height:1.25}
.vehicle-file-maintenance-grid article span,.vehicle-file-maintenance-grid article small,.vehicle-file-maintenance-grid article p{margin:0;color:#6c7d87;font-size:9px;font-weight:700;line-height:1.4}
.vehicle-file-maintenance-grid article em{width:max-content;max-width:100%;padding:3px 6px;border:1px solid #efd6ad;border-radius:6px;color:#996018;background:#fff8e9;font-size:7.5px;font-style:normal;font-weight:950;letter-spacing:.04em}
.vehicle-file-maintenance-grid article>div{display:flex;min-width:0;flex-wrap:wrap;gap:5px}.vehicle-file-maintenance-grid article>div b{padding:3px 6px;border:1px solid #cce2df;border-radius:7px;background:#f2faf8}
.vehicle-file-equipment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:1px;padding:1px;overflow:hidden;background:#dfe7eb}
.vehicle-file-equipment-grid article{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;min-width:0;min-height:48px;padding:9px 10px;overflow:hidden;background:#fff}
.vehicle-file-equipment-grid article b{min-width:30px;overflow-wrap:anywhere;color:#126f69;font-size:9px;line-height:1.35}
.vehicle-file-equipment-grid article span{min-width:0;overflow-wrap:anywhere;color:#405661;font-size:9.5px;font-weight:750;line-height:1.35}
.vehicle-file-manual-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;margin:12px;padding:12px;border:1px solid #d6e3e5;border-radius:13px;background:linear-gradient(145deg,#f7fbfa,#eef6f5)}
.vehicle-file-manual-mark{display:grid;width:54px;height:54px;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#188174,#105565);box-shadow:0 7px 16px rgba(16,85,101,.2)}
.vehicle-file-manual-mark svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.vehicle-file-manual-card>div{display:grid;gap:3px;min-width:0}
.vehicle-file-manual-card small{color:#1b7770;font-size:8px;font-weight:950;letter-spacing:.08em}
.vehicle-file-manual-card strong{overflow:hidden;color:#203d4b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.vehicle-file-manual-card p{margin:0;overflow-wrap:anywhere;color:#687b85;font-size:9.5px;line-height:1.4}
.vehicle-file-manual-card a{display:inline-flex;min-height:38px;align-items:center;justify-content:center;padding:0 13px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#177d73,#10546a);font-size:10px;font-weight:900;text-decoration:none;white-space:nowrap}
.vehicle-file-manual-card a[hidden]{display:none!important}
.vehicle-file-manual-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1px;margin:0 12px 12px;overflow:hidden;border:1px solid #dce5e9;border-radius:11px;background:#dfe7eb}
.vehicle-file-manual-details>div{min-width:0;padding:9px 10px;overflow-wrap:anywhere;background:#fff;color:#526873;font-size:9.5px;line-height:1.4}
.vehicle-file-manual-details>div:not(.vehicle-file-empty){display:grid;gap:3px}.vehicle-file-manual-details small{color:#71828c;font-size:8px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.vehicle-file-manual-details strong{color:#294553;font-size:10px;line-height:1.35}
.vehicle-file-history-panel{height:min(64vh,600px);height:min(64dvh,600px);display:grid;grid-template-rows:auto minmax(0,1fr)}
.vehicle-file-history-content{position:relative;min-width:0;min-height:0;overflow:hidden;background:#edf3f6}
.vehicle-file-history-content iframe{width:100%;height:100%;display:block;border:0;background:#fff}
.vehicle-file-history-content iframe[hidden]{display:none!important}
.vehicle-file-history-loading{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:22px;color:#476473;text-align:center;background:linear-gradient(180deg,#f8fbfc,#edf3f6)}
.vehicle-file-history-loading[hidden]{display:none!important}
.vehicle-file-history-loading>span{width:30px;height:30px;border:3px solid #cad9e0;border-top-color:#176f8f;border-radius:50%;animation:vehicle-file-spin .72s linear infinite}
.vehicle-file-history-loading strong{color:#183e54;font-size:13px}
.vehicle-file-history-loading small{max-width:390px;color:#6e818d;font-size:9.5px;line-height:1.45}
.vehicle-file-history-loading button{min-height:36px;margin-top:3px;padding:0 13px;border:0;border-radius:9px;color:#fff;background:linear-gradient(135deg,#b8143c,#174f7e);font:inherit;font-size:9px;font-weight:900;cursor:pointer}
.vehicle-file-history-loading button[hidden]{display:none!important}
.vehicle-file-history-loading.is-error>span,.vehicle-file-history-loading.is-unavailable>span{display:none}
.vehicle-file-history-loading.is-error strong{color:#b42318}
.vehicle-file-empty.is-loading-inline{color:#356981;background:linear-gradient(105deg,#f8fbfc,#edf5f8,#f8fbfc);background-size:220% 100%;animation:vehicle-file-inline-loading 1.5s linear infinite}
.vehicle-file-backdrop.is-expanded{padding:0}
.vehicle-file-backdrop.is-expanded .vehicle-file-dialog{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0}
body.vehicle-file-open{overflow:hidden}
@keyframes vehicle-file-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes vehicle-file-spin{to{transform:rotate(360deg)}}
@keyframes vehicle-file-inline-loading{to{background-position:-220% 0}}

@media(max-width:900px){
  .vehicle-file-data-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vehicle-file-equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .vehicle-file-backdrop{padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}
  .vehicle-file-dialog{width:100%;height:calc(100vh - 12px);height:calc(100dvh - 12px);max-height:none;border-radius:14px}
  .vehicle-file-head{grid-template-columns:48px minmax(0,1fr) auto;gap:8px;min-height:66px;padding:7px 8px}
  .vehicle-file-head-image{width:46px;height:46px;border-radius:12px}
  .vehicle-file-head-image svg{width:29px;height:29px}
  .vehicle-file-head-copy>small{font-size:7px;letter-spacing:.08em}
  .vehicle-file-head-copy h2{font-size:15px}
  .vehicle-file-head-copy strong{padding:4px 6px;font-size:9px}
  .vehicle-file-head-copy p{font-size:9px}.vehicle-file-head-copy>span{font-size:7.5px}
  .vehicle-file-actions{gap:5px}.vehicle-file-actions button{min-height:38px;border-radius:10px}
  #vehicle-file-expand{width:38px;min-width:38px;padding:0}#vehicle-file-expand span{display:none}
  #vehicle-file-close{width:38px}
  .vehicle-file-tabs button{min-height:48px;padding:4px 2px;font-size:8px;line-height:1.15;white-space:normal}
  .vehicle-file-body{padding:8px}
  .vehicle-file-panel{border-radius:11px}
  .vehicle-file-panel-head{min-height:54px;padding:8px 10px}
  .vehicle-file-panel-head h3{font-size:13px}.vehicle-file-panel-head small{font-size:7.5px}
  .vehicle-file-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vehicle-file-data-grid>div{min-height:58px;padding:8px 9px}
  .vehicle-file-data-grid>div.is-wide{grid-column:span 2}
  .vehicle-file-data-grid>div:last-child:nth-child(odd):not(.is-mobile-half){grid-column:span 2}
  .vehicle-file-data-grid dt{font-size:8px}.vehicle-file-data-grid dd{font-size:11px}
  .vehicle-file-maintenance-grid{grid-template-columns:1fr}
  .vehicle-file-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vehicle-file-manual-card{grid-template-columns:44px minmax(0,1fr);gap:9px;margin:8px;padding:10px}
  .vehicle-file-manual-mark{width:42px;height:42px;border-radius:12px}.vehicle-file-manual-mark svg{width:25px;height:25px}
  .vehicle-file-manual-card strong{font-size:11px}.vehicle-file-manual-card p{font-size:9px}
  .vehicle-file-manual-card a{grid-column:1/-1;width:100%;min-height:40px}
  .vehicle-file-manual-details{margin:0 8px 8px}
  .vehicle-file-history-panel{height:clamp(260px,calc(100dvh - 135px),600px)}
  .vehicle-file-backdrop.is-expanded .vehicle-file-head{padding-top:max(7px,env(safe-area-inset-top));padding-right:max(8px,env(safe-area-inset-right));padding-left:max(8px,env(safe-area-inset-left))}
}
@media(max-width:390px){
  .vehicle-file-equipment-grid{grid-template-columns:1fr}
  .vehicle-file-head-copy>span{display:none}
  .vehicle-file-tabs button{font-size:7.5px}
}
@media print{
  .vehicle-file-backdrop{display:none!important}
}

/* Araç bilgileri v2 · ortak kompakt, simetrik kırmızı/mavi/beyaz tema */
.is-authenticated .package-card.vehicle-file-card{
  min-height:0!important;
  grid-template-rows:78px auto auto auto auto auto auto!important;
  align-content:start;
  gap:5px;
  padding:9px;
  border:2px solid transparent!important;
  border-radius:16px;
  background:
    linear-gradient(155deg,#fff 0%,#f7f9fc 58%,#eef4fa 100%) padding-box,
    linear-gradient(115deg,#c8153b,#fff 28%,#1260a1 53%,#fff 76%,#d0143d) border-box!important;
  background-size:100% 100%,240% 100%!important;
  box-shadow:0 10px 26px rgba(22,46,79,.12)!important;
  animation:vehicle-card-border-flow 5.5s linear infinite;
}
.vehicle-file-card::before{height:96px!important;background:radial-gradient(circle at 75% 5%,rgba(17,91,156,.15),transparent 42%),linear-gradient(145deg,#fff4f6,#edf5fd)!important}
.vehicle-file-card::after{height:3px!important;background:linear-gradient(90deg,#c9153d,#fff,#1262a3,#fff,#c9153d)!important;background-size:220% 100%!important;animation:vehicle-card-border-flow 4s linear infinite}
.vehicle-file-card:hover{transform:translateY(-2px)!important;box-shadow:0 15px 32px rgba(25,53,88,.18)!important}
.vehicle-file-card-badge{top:6px;left:6px;min-height:19px;border-color:#d8b2bf;color:#9d1237;background:rgba(255,250,251,.96);font-size:7px}
.vehicle-file-card-image{height:78px}
.vehicle-file-card-image>.package-image{height:78px!important;padding:2px 8px!important;filter:drop-shadow(0 7px 8px rgba(20,45,76,.16))!important}
.vehicle-file-card-title{
  width:100%;
  margin:0!important;
  padding:4px 5px!important;
  border:1px solid rgba(190,25,64,.2)!important;
  color:#c4143d!important;
  background:linear-gradient(90deg,#fff4f6,#f5f8fd,#edf5fd)!important;
  font-size:12px!important;
  line-height:1.15;
  letter-spacing:.045em!important;
  text-align:center;
  animation:vehicle-card-title-glow 2.4s ease-in-out infinite alternate;
}
.vehicle-file-card .vehicle-file-card-plate{margin:0;color:#122f4a!important;font-size:16px!important;line-height:1.05;text-align:center}
.vehicle-file-card-model{min-height:20px;margin:0;color:#334c61;font-size:8.5px;font-weight:900;line-height:1.25;text-align:center}
.vehicle-file-lpg-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;margin:14px auto;padding:16px 14px;border:1px solid #b9d7ef;border-radius:14px;background:linear-gradient(135deg,#f5fbff,#eaf4fc);text-align:center;box-shadow:0 8px 20px rgba(31,88,129,.08)}
.vehicle-file-lpg-choice>strong{color:#164d75;font-size:13px;letter-spacing:.08em}
.vehicle-file-lpg-choice p{margin:0;color:#20394d;font-size:13px;line-height:1.45}
.vehicle-file-lpg-choice-actions{display:flex;justify-content:center;gap:10px;width:100%;margin-top:4px}
.vehicle-file-lpg-choice .detail-btn{flex:0 1 150px;min-height:42px;margin:0;font-size:13px;font-weight:700;border-radius:10px}
.vehicle-file-lpg-choice .detail-btn span{margin-right:6px;font-size:16px}
.lpg-choice-popup{position:fixed;inset:0;z-index:2147483646;display:grid;place-items:center;padding:20px;background:rgba(8,28,46,.48);backdrop-filter:blur(5px)}
.lpg-choice-dialog{position:relative;width:min(430px,calc(100vw - 32px));padding:28px 24px 22px;border:1px solid #b9d7ef;border-radius:20px;background:#fff;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.25);animation:lpg-choice-pop .25s ease-out both}
.lpg-choice-close{position:absolute;top:10px;right:12px;width:32px;height:32px;border:0;border-radius:50%;background:#edf4f9;color:#34566d;font-size:23px;line-height:1;cursor:pointer}
.lpg-choice-kicker{color:#357aa7;font-size:11px;font-weight:800;letter-spacing:.14em}
.lpg-choice-dialog h2{margin:7px 0 6px;color:#123b58;font-size:22px}
.lpg-choice-dialog p{margin:0 auto 18px;color:#4d6575;font-size:13px;line-height:1.45}
.lpg-choice-actions{display:flex;justify-content:center;gap:10px}
.lpg-choice-button{flex:1;min-height:52px;border:1px solid #b8d6ea;border-radius:12px;background:#f3f9fd;color:#124b72;font-size:15px;font-weight:800;cursor:pointer;transition:.18s ease}
.lpg-choice-button:hover,.lpg-choice-button:focus-visible{border-color:#237eb4;background:#e4f2fb;transform:translateY(-1px)}
.lpg-choice-button b{display:block;margin-bottom:2px;font-size:18px}
.lpg-choice-dialog small{display:block;margin-top:16px;color:#8194a1;font-size:11px}
@keyframes lpg-choice-pop{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.vehicle-file-card-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;min-width:0;margin:0}
.vehicle-file-card-facts>div{display:grid;align-content:center;min-width:0;min-height:32px;padding:4px 6px;border:1px solid #dfe6ed;border-radius:7px;background:rgba(255,255,255,.88)}
.vehicle-file-card-facts>div:last-child:nth-child(odd){grid-column:1/-1}
.vehicle-file-card-facts dt,.vehicle-file-card-facts dd{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vehicle-file-card-facts dt{color:#7a8793;font-size:6.5px;font-weight:950;letter-spacing:.035em;text-transform:uppercase}
.vehicle-file-card-facts dd{margin-top:2px;color:#20394d;font-size:8px;font-weight:900}
.vehicle-file-card-state{padding:2px 3px;font-size:7.5px}
.vehicle-file-card-state.is-ready{color:#12629b}
.vehicle-file-card .detail-btn,.vehicle-file-card-open{height:34px;background:linear-gradient(135deg,#bd123a,#153f70 72%,#0e609c)!important;box-shadow:0 6px 14px rgba(24,60,103,.2)!important}
.vehicle-file-card .detail-btn:hover,.vehicle-file-card-open:hover{background:linear-gradient(135deg,#d21847,#174d85)!important}

.is-authenticated .package-card.vehicle-empty-action-card{
  min-height:0;
  grid-template-rows:54px auto auto minmax(42px,auto) auto;
  align-content:start;
  gap:7px;
  padding:12px;
  border:1px solid #d7e1ea;
  background:linear-gradient(155deg,#fff,#f4f7fb);
}
.vehicle-empty-action-card::before{height:82px!important;background:linear-gradient(145deg,#f5f8fc,#eaf1f8)!important}
.vehicle-empty-action-card .vehicle-empty-action-icon{position:relative;z-index:1;display:grid;width:52px;height:52px;place-items:center;margin:0 auto;border-radius:16px;color:#fff;background:linear-gradient(145deg,#c4163f,#153f70);box-shadow:0 8px 18px rgba(25,57,94,.2);font-size:25px;font-weight:900}
.vehicle-empty-action-card .package-family{margin-top:2px}
.vehicle-empty-action-card .package-title{font-size:14px}
.vehicle-empty-action-card>p:not(.package-family){min-height:42px;margin:0;color:#566a79;font-size:9px;font-weight:750;line-height:1.45;text-align:center}
.vehicle-empty-action-card .detail-btn{height:36px;border:0;border-radius:9px;color:#fff;background:linear-gradient(135deg,#b8143c,#173f6d);font-size:10px;font-weight:900}
.vehicle-empty-action-card.is-quote-create .vehicle-empty-action-icon{background:linear-gradient(145deg,#15598f,#0a3258)}

.quote-vehicle-details{border:1px solid #cad8e5;border-radius:13px;background:#fff;box-shadow:0 7px 20px rgba(24,51,78,.07)}
.quote-vehicle-details>summary{min-height:40px;padding:7px 9px;border-bottom-color:#dbe4ec;background:linear-gradient(90deg,#fff1f4,#f8fafc 45%,#edf5fd)}
.quote-vehicle-details:not([open])>summary{border-bottom-color:transparent}
.quote-vehicle-details>summary>span{color:#b7143b;font-size:10px;letter-spacing:.065em}
.quote-vehicle-profile-status{gap:6px}
.quote-vehicle-history-action{min-height:26px;padding:0 8px;border:1px solid #aebfd0;border-radius:7px;color:#174d78;background:#fff;font:inherit;font-size:8px;font-weight:900;white-space:nowrap;cursor:pointer}
.quote-vehicle-history-action:hover,.quote-vehicle-history-action:focus-visible{border-color:#17639a;color:#b7143b;outline:0;box-shadow:0 0 0 3px rgba(19,88,143,.1)}
.quote-vehicle-details dl{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense}
.quote-vehicle-details dl>div{min-height:43px;padding:6px 8px}
.quote-vehicle-details dt{font-size:8px}.quote-vehicle-details dd{font-size:10.5px}
.quote-vehicle-maintenance-list{grid-template-columns:repeat(4,minmax(0,1fr))}
.quote-vehicle-maintenance-list article{gap:3px;padding:8px}
.quote-vehicle-maintenance-list em{color:#506d7e;font-size:7.5px;font-style:normal;font-weight:850}
.quote-vehicle-manual{min-height:36px;display:flex;align-items:center;justify-content:center;gap:7px;padding:6px 9px;border-top:1px solid #dce6ed;color:#165c80;background:linear-gradient(90deg,#f7fbfd,#eef7fb);font-size:9px;font-weight:900;text-decoration:none}.quote-vehicle-manual small{padding:2px 5px;border-radius:999px;color:#087158;background:#e7f7f1;font-size:7px;font-weight:900}.quote-vehicle-manual b{font-size:13px}.quote-vehicle-manual:hover,.quote-vehicle-manual:focus-visible{color:#b4143a;outline:0;background:#fff5f7}

.vehicle-file-dialog{width:min(1160px,100%);height:auto;max-height:min(88vh,790px);max-height:min(88dvh,790px);grid-template-rows:auto auto auto;border:2px solid transparent;background:linear-gradient(#f4f7f9,#f4f7f9) padding-box,linear-gradient(120deg,#c7153d,#fff,#155f9d,#fff,#c7153d) border-box;box-shadow:0 30px 90px rgba(0,0,0,.48)}
.vehicle-file-head{min-height:72px;padding:8px 10px;border-bottom-color:#d8e2eb;background:linear-gradient(115deg,#fff1f4,#f9fbfd 48%,#edf5fd)}
.vehicle-file-head-copy>small{color:#bf153d;font-size:9px;animation:vehicle-card-title-glow 2.4s ease-in-out infinite alternate}
.vehicle-file-head-copy h2{font-size:18px}.vehicle-file-head-copy p{font-size:10px}.vehicle-file-head-copy>span{font-size:8px}
.vehicle-file-head-copy strong{border-color:#b9ccdc;color:#164d79}
.vehicle-file-actions button{min-height:36px;border-radius:9px}
.vehicle-file-tabs button{min-height:40px;padding:4px 6px;font-size:9px}
.vehicle-file-tabs button[aria-selected="true"]{color:#b6143b;background:linear-gradient(90deg,#fff3f5,#eef6fd)}
.vehicle-file-tabs button[aria-selected="true"]::after{background:linear-gradient(90deg,#c6143e,#17619e)}
.vehicle-file-body{max-height:calc(88dvh - 114px);padding:8px;overflow-y:auto;background:#f2f5f8}
.vehicle-file-panel{border-radius:12px}
.vehicle-file-panel-head{min-height:46px;padding:7px 10px;background:linear-gradient(90deg,#fff4f6,#f9fbfc,#eef6fd)}
.vehicle-file-panel-head small{color:#b3163c}.vehicle-file-panel-head h3{font-size:13px}
.vehicle-file-data-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense}
.vehicle-file-data-grid>div{min-height:49px;padding:7px 9px}
.vehicle-file-data-grid dt{font-size:7.5px}.vehicle-file-data-grid dd{margin-top:3px;font-size:10.5px}
#vehicle-file-identity-grid>div.is-wide,.quote-vehicle-details>dl>div.is-wide{grid-column:auto}
#vehicle-file-identity-grid>div:last-child:nth-child(4n+1),.quote-vehicle-details>dl>div:last-child:nth-child(4n+1){grid-column:span 4}
#vehicle-file-identity-grid>div:last-child:nth-child(4n+2),.quote-vehicle-details>dl>div:last-child:nth-child(4n+2){grid-column:span 3}
#vehicle-file-identity-grid>div:last-child:nth-child(4n+3),.quote-vehicle-details>dl>div:last-child:nth-child(4n+3){grid-column:span 2}
.vehicle-file-maintenance-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.vehicle-file-maintenance-grid article{min-height:76px;padding:9px}
.vehicle-file-maintenance-source{display:block;color:#456c82!important;font-size:7.5px!important;font-weight:900!important}
.vehicle-maintenance-source{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:2px;color:#126e66!important;font-size:7.5px!important;font-weight:900!important;line-height:1.25;text-decoration:none;overflow-wrap:anywhere}
a.vehicle-maintenance-source::before{content:'↗';display:inline-grid;place-items:center;flex:0 0 auto;width:13px;height:13px;margin-right:4px;border:1px solid #a9d0ca;border-radius:50%;font-size:7px}
a.vehicle-maintenance-source:hover,a.vehicle-maintenance-source:focus-visible{color:#064f49!important;text-decoration:underline}
.vehicle-file-equipment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.vehicle-file-manual-card{margin:8px;padding:10px}.vehicle-file-manual-details{margin:0 8px 8px}

@keyframes vehicle-card-border-flow{to{background-position:0 0,-240% 0}}
@keyframes vehicle-card-title-glow{from{color:#a80f32;text-shadow:0 0 0 rgba(255,255,255,0);letter-spacing:.045em}to{color:#d41743;text-shadow:0 0 8px rgba(255,255,255,.95),0 0 12px rgba(20,93,152,.32);letter-spacing:.06em}}

@media(max-width:900px){
  .quote-vehicle-maintenance-list,.vehicle-file-maintenance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vehicle-file-equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .quote-vehicle-details dl,.vehicle-file-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quote-vehicle-details dl>div,.vehicle-file-data-grid>div{min-height:45px;padding:6px 7px}
  .quote-vehicle-details dl>div.is-wide,.vehicle-file-data-grid>div.is-wide{grid-column:span 2}
  .quote-vehicle-details>summary{align-items:flex-start;flex-direction:column;gap:5px}
  .quote-vehicle-profile-status{width:100%;justify-content:space-between;overflow:visible}
  .quote-vehicle-profile-status small{max-width:52vw}
  .vehicle-file-dialog{width:100%;height:auto;max-height:calc(100dvh - 12px);grid-template-rows:auto auto auto}
  .vehicle-file-body{max-height:calc(100dvh - 158px);padding:6px}
  .vehicle-file-head{min-height:62px;padding:6px 7px}
  .vehicle-file-head-copy h2{font-size:14px}.vehicle-file-head-copy>small{font-size:7.5px}
  .vehicle-file-panel-head{min-height:43px;padding:6px 8px}
  .vehicle-file-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vehicle-file-tabs button{min-height:42px;padding:4px 3px;font-size:9px}
  .vehicle-file-tabs button:nth-child(3n){border-right:0}
  .vehicle-file-tabs button:nth-child(-n+3){border-bottom:1px solid #e3eaee}
  .vehicle-file-maintenance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vehicle-file-maintenance-group{min-height:48px;padding:7px 8px}.vehicle-file-maintenance-group strong{font-size:10px}.vehicle-file-maintenance-group>span{font-size:7.5px}
  .vehicle-file-maintenance-grid article{min-height:0;padding:8px}
  .vehicle-file-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vehicle-file-manual-card{grid-template-columns:40px minmax(0,1fr);margin:6px;padding:8px}
  .vehicle-file-manual-card a{grid-column:1/-1}
  .vehicle-file-manual-details{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 6px 6px}
  #vehicle-file-identity-grid>div:last-child,.quote-vehicle-details>dl>div:last-child{grid-column:auto}
  #vehicle-file-identity-grid>div:last-child:nth-child(odd),.quote-vehicle-details>dl>div:last-child:nth-child(odd){grid-column:1/-1}
  .quote-age-presets [data-campaign-tooltip]::after{display:none!important}
  .detail-body{overflow-x:clip!important}
}
@media(max-width:390px){
  .vehicle-file-head-copy p{display:none}
  .vehicle-file-head-image{width:42px;height:42px}
  .vehicle-file-maintenance-grid,.quote-vehicle-maintenance-list{grid-template-columns:1fr}
  .vehicle-file-manual-details{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .vehicle-file-card,.vehicle-file-card::after,.vehicle-file-card-title,.vehicle-file-head-copy>small,.vehicle-file-empty.is-loading-inline{animation:none!important}
}
.whatsapp-success-toast.is-vehicle-notice .whatsapp-success-copy small{overflow:visible;white-space:normal}
@keyframes vehicle-notice-enter{from{opacity:0;transform:translate(-50%,-9px) scale(.96)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes vehicle-notice-leave{to{opacity:0;transform:translate(-50%,-7px) scale(.98)}}
@media print{
  .quote-vehicle-history-action{display:none!important}
}

/* Araç Dosyası v3 · sabit pencere ve aşamalı fabrika verisi yükleme */
.vehicle-file-dialog{
  width:min(1160px,calc(100vw - 28px));
  height:min(790px,calc(100vh - 28px));
  height:min(790px,calc(100dvh - 28px));
  min-height:0;
  max-width:none;
  max-height:none;
  grid-template-rows:auto auto minmax(0,1fr);
  box-sizing:border-box;
}
.vehicle-file-dialog *{box-sizing:border-box}
.vehicle-file-body{
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  max-height:none;
  overflow-x:hidden;
  overflow-y:auto;
}
.vehicle-file-panel{width:100%;min-width:0;min-height:100%;box-sizing:border-box}
.vehicle-file-history-panel{height:100%;min-height:100%}
.vehicle-file-history-content,.vehicle-file-history-content iframe{max-width:100%}
.vehicle-file-data-grid>.vehicle-file-data-loading{
  grid-column:1/-1!important;
  min-height:76px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-content:center;
  gap:5px 10px;
  padding:11px 12px;
  overflow:hidden;
  border:0;
  border-left:3px solid #17669d;
  border-radius:0;
  background:linear-gradient(105deg,#f8fbfd 0%,#edf5fa 45%,#f8fbfd 100%);
  background-size:220% 100%;
  animation:vehicle-file-skeleton-flow 1.45s linear infinite;
}
.vehicle-file-data-loading dt{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  color:#164e75;
  font-size:10px;
  font-weight:950;
  letter-spacing:.02em;
}
.vehicle-file-data-loading dt>span,.vehicle-file-section-loading header>span{
  width:17px;
  height:17px;
  flex:0 0 auto;
  border:2px solid #bed2de;
  border-top-color:#17669d;
  border-radius:50%;
  animation:vehicle-file-spin .72s linear infinite;
}
.vehicle-file-data-loading dd{
  grid-column:1/-1;
  margin:0;
  overflow:visible;
  color:#607786;
  font-size:9px;
  font-weight:750;
  line-height:1.4;
  white-space:normal;
}
.vehicle-file-data-loading>i{
  grid-column:1/-1;
  display:block;
  width:min(420px,72%);
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,#dce8ee,#bcd4e2,#dce8ee);
  background-size:220% 100%;
  animation:vehicle-file-skeleton-flow 1.2s linear infinite;
}
.vehicle-file-section-loading{
  grid-column:1/-1!important;
  display:grid!important;
  gap:10px;
  min-width:0;
  min-height:150px;
  align-content:center;
  margin:0!important;
  padding:13px!important;
  border:0!important;
  border-left:3px solid #17669d!important;
  border-radius:0!important;
  color:#24485f!important;
  background:linear-gradient(105deg,#f8fbfd 0%,#edf5fa 45%,#f8fbfd 100%)!important;
  background-size:220% 100%!important;
  animation:vehicle-file-skeleton-flow 1.45s linear infinite;
}
.vehicle-file-section-loading>header{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}
.vehicle-file-section-loading>header>div{display:grid;gap:2px;min-width:0}
.vehicle-file-section-loading>header strong{
  color:#174d72!important;
  font-size:10.5px!important;
  font-weight:950!important;
  line-height:1.25!important;
}
.vehicle-file-section-loading>header small{
  color:#627987!important;
  font-size:8.5px!important;
  font-weight:750!important;
  line-height:1.4!important;
  letter-spacing:0!important;
}
.vehicle-file-skeleton-cells{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  min-width:0;
}
.vehicle-file-skeleton-cells>i{
  display:grid;
  align-content:center;
  gap:7px;
  min-width:0;
  height:48px;
  padding:9px;
  border:1px solid rgba(173,198,212,.55);
  border-radius:9px;
  background:rgba(255,255,255,.72);
}
.vehicle-file-skeleton-cells b{
  display:block;
  width:72%;
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,#dce8ee,#bcd4e2,#dce8ee);
  background-size:220% 100%;
  animation:vehicle-file-skeleton-flow 1.2s linear infinite;
}
.vehicle-file-skeleton-cells b:last-child{width:92%;height:7px}
.vehicle-file-manual-card.is-loading .vehicle-file-manual-mark{animation:vehicle-file-manual-pulse 1.3s ease-in-out infinite alternate}
.vehicle-file-backdrop.is-expanded .vehicle-file-dialog{
  width:100vw;
  height:100vh;
  height:100dvh;
  max-width:none;
  max-height:none;
}
@keyframes vehicle-file-skeleton-flow{to{background-position:-220% 0}}
@keyframes vehicle-file-manual-pulse{to{transform:scale(1.04);box-shadow:0 8px 24px rgba(19,91,139,.3)}}

@media(max-width:700px){
  .vehicle-file-dialog{
    width:calc(100vw - 12px);
    height:calc(100vh - 12px);
    height:calc(100dvh - 12px);
    max-width:none;
    max-height:none;
    grid-template-rows:auto auto minmax(0,1fr);
  }
  .vehicle-file-body{height:100%;max-height:none;padding:6px}
  .vehicle-file-panel{min-height:100%}
  .vehicle-file-history-panel{height:100%;min-height:100%}
  .vehicle-file-skeleton-cells{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vehicle-file-section-loading{min-height:170px;padding:10px!important}
  .vehicle-file-data-loading>i{width:88%}
}
@media(max-width:390px){
  .vehicle-file-dialog{width:calc(100vw - 8px);height:calc(100dvh - 8px)}
  .vehicle-file-skeleton-cells{gap:5px}
  .vehicle-file-skeleton-cells>i{height:43px;padding:7px}
}
@media(prefers-reduced-motion:reduce){
  .vehicle-file-data-loading,.vehicle-file-data-loading dt>span,.vehicle-file-data-loading>i,
  .vehicle-file-section-loading,.vehicle-file-section-loading header>span,.vehicle-file-skeleton-cells b,
  .vehicle-file-manual-card.is-loading .vehicle-file-manual-mark{animation:none!important}
}

/* Teklif araç kartı · varsayılan kapalı, dokununca simetrik detay listesi */
.quote-vehicle-details>summary{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  text-align:center;
}
.quote-vehicle-details>summary>span{grid-column:2;justify-self:center}
.quote-vehicle-profile-status{grid-column:3;justify-self:end}
.quote-vehicle-details dl{grid-template-columns:repeat(6,minmax(0,1fr))}
.quote-vehicle-details dl>div,
.quote-vehicle-details dl>div.is-wide{
  grid-column:span 2;
  min-height:40px;
  justify-items:center;
  padding:5px 7px;
  text-align:center;
}
.quote-vehicle-details dl>div:last-child:nth-child(3n+1){grid-column:3/span 2}
.quote-vehicle-details dl>div:nth-last-child(2):nth-child(3n+1){grid-column:2/span 2}
.quote-vehicle-details dl>div:last-child:nth-child(3n+2){grid-column:4/span 2}
.quote-vehicle-section-title{
  min-height:28px;
  display:grid;
  place-items:center;
  margin:0;
  padding:4px 8px;
  border-bottom:1px solid #dce5ea;
  color:#36596d;
  background:linear-gradient(90deg,#f6f9fb,#edf4f8,#f6f9fb);
  font-size:8.5px;
  font-weight:950;
  letter-spacing:.09em;
  text-align:center;
}
.quote-vehicle-technical>dl{border-top:0}
.quote-vehicle-optional-list{max-height:none;overflow:visible}
@media(max-width:700px){
  .quote-vehicle-details>summary{grid-template-columns:1fr;gap:4px}
  .quote-vehicle-details>summary>span,.quote-vehicle-profile-status{grid-column:1;justify-self:center}
  .quote-vehicle-profile-status{width:100%;justify-content:center}
  .quote-vehicle-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quote-vehicle-details dl>div,.quote-vehicle-details dl>div.is-wide{grid-column:auto!important;min-height:38px}
  .quote-vehicle-details dl>div:last-child:nth-child(odd){grid-column:1/-1!important}
  .quote-vehicle-optional-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Araç dosyası · birleşik kimlik/teknik alan ve ortalanmış modern kartlar */
.vehicle-file-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.vehicle-file-panel-head{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  text-align:center;
}
.vehicle-file-panel-head>div{
  grid-column:2;
  justify-items:center;
  text-align:center;
}
.vehicle-file-panel-head>span{grid-column:3;justify-self:end}
.vehicle-file-data-grid>div{
  justify-items:center;
  text-align:center;
  background:linear-gradient(145deg,#fff,#f9fbfd);
  transition:background .16s ease,box-shadow .16s ease;
}
.vehicle-file-data-grid>div:not(.vehicle-file-empty):not(.vehicle-file-data-loading):hover{
  z-index:1;
  background:#fff;
  box-shadow:inset 0 0 0 1px #cbdce7,0 5px 14px rgba(24,71,105,.07);
}
.vehicle-file-data-grid dt,.vehicle-file-data-grid dd{width:100%;text-align:center}
.vehicle-file-history-trigger{margin-inline:auto;text-align:center}
.vehicle-file-maintenance-group{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  text-align:center;
}
.vehicle-file-maintenance-group>div{grid-column:2;justify-items:center;text-align:center}
.vehicle-file-maintenance-group>span{grid-column:3;justify-self:end}
.vehicle-file-maintenance-grid article{justify-items:center;text-align:center;background:linear-gradient(145deg,#fff,#fafcfd)}
.vehicle-file-maintenance-grid article>div{justify-content:center}
.vehicle-file-equipment-grid article{
  grid-template-columns:1fr;
  align-content:center;
  justify-items:center;
  text-align:center;
  background:linear-gradient(145deg,#fff,#fafcfd);
}
.vehicle-file-equipment-grid article b{min-width:0}
.vehicle-file-manual-card>div,.vehicle-file-manual-details>div{justify-items:center;text-align:center}

@media(max-width:700px){
  .vehicle-file-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
  .vehicle-file-tabs button{min-height:46px;padding:4px 2px;border-right:1px solid #e3eaee;border-bottom:0!important;font-size:8px}
  .vehicle-file-tabs button:last-child{border-right:0}
  .vehicle-file-panel-head{grid-template-columns:1fr auto 1fr}
  .vehicle-file-panel-head h3{white-space:normal;text-align:center}
}

/* Paket detayı · ePER ile aynı alanda açılan B.O.S araç geçmişi */
.quote-extra-categories button.is-category-history{
  border-color:#d4a7b5;
  color:#8e1736;
  background:linear-gradient(135deg,#fff2f5,#f7f9fc);
}
.quote-extra-categories button.is-category-history i{color:#a9143a;background:#ffe4eb}
.quote-extra-categories button.is-category-history.is-active{
  border-color:#b9143d;
  background:linear-gradient(135deg,#ffe7ed,#edf5fc);
  box-shadow:0 0 0 2px rgba(185,20,61,.11);
}
.quote-extra-categories button.is-category-history.is-active b{color:#fff;background:#b9143d}
.quote-bos-direct{
  border-color:#b9cbdb;
  background:#fff;
  box-shadow:inset 0 3px #b9143d,0 10px 28px rgba(28,62,94,.11);
}
.quote-bos-direct>header{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  min-height:58px;
  text-align:center;
  background:linear-gradient(110deg,#fff0f4,#f9fbfd 50%,#eaf4fc);
}
.quote-bos-direct>header>div{grid-column:2;justify-self:center}
.quote-bos-direct>header i{background:linear-gradient(145deg,#bd143e,#143f70);font-style:normal}
.quote-bos-direct>header span{justify-items:center}
.quote-bos-direct>header small{color:#a51438}
.quote-bos-direct>header strong{color:#173f60}
.quote-bos-direct>header>em{
  grid-column:3;
  justify-self:end;
  overflow:hidden;
  color:#597286;
  font-size:9px;
  font-style:normal;
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.quote-bos-state{
  min-height:min(520px,58vh);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:9px;
  padding:22px;
  color:#5f7688;
  background:linear-gradient(180deg,#fbfcfd,#eef4f8);
  text-align:center;
}
.quote-bos-state>span{width:30px;height:30px;border:3px solid #c7d8e4;border-top-color:#b9143d;border-radius:50%;animation:vehicle-history-spin .72s linear infinite}
.quote-bos-state strong{color:#1d405b;font-size:12px}
.quote-bos-state small{font-size:9px;font-weight:800}
.quote-bos-state button{min-height:36px;padding:0 13px;border:0;border-radius:9px;color:#fff;background:linear-gradient(135deg,#b9143d,#174f7d);font:inherit;font-size:9px;font-weight:900;cursor:pointer}
.quote-bos-state.is-error strong{color:#a51c36}
#quote-bos-frame-parking,#quote-eper-frame-parking{display:none!important}

@media(max-width:640px){
  .quote-bos-direct>header{grid-template-columns:1fr;gap:5px;padding:8px}
  .quote-bos-direct>header>div,.quote-bos-direct>header>em{grid-column:1;justify-self:center}
  .quote-bos-direct>header>em{max-width:100%;font-size:8px}
  .quote-bos-state{min-height:430px;padding:16px}
}
@media(max-width:520px){
  .quote-extra-categories button.is-active{flex:1.8 1 0;grid-template-columns:20px minmax(0,1fr)}
  .quote-extra-categories button.is-active span{display:block;font-size:7px;text-align:center;white-space:normal}
}

/* Teklif araç detayı · doğrudan teknik bilgiler, kompakt akış ve canlı yükleme */
.quote-vehicle-details>summary{min-height:34px;padding:5px 8px}
.quote-vehicle-details>summary>span{font-size:9px}
.quote-vehicle-details>summary>span i{min-height:19px;padding-inline:6px}
.quote-vehicle-details dl>div,.quote-vehicle-details dl>div.is-wide{min-height:36px;padding:4px 6px}
.quote-vehicle-details dt{font-size:7.5px;line-height:1.1}
.quote-vehicle-details dd{margin-top:2px;font-size:10px;line-height:1.2}
.quote-vehicle-technical.is-inline{border-top:1px solid #dce5ea;background:#fff}
.quote-vehicle-technical.is-inline>summary{position:relative;min-height:34px;display:flex;align-items:center;justify-content:center;gap:7px;padding:5px 9px;overflow:hidden;color:#a51038;background:linear-gradient(100deg,#f8fafb,#eef5f8,#f8fafb);background-size:220% 100%;font-size:9px;font-weight:950;letter-spacing:.075em;list-style:none;cursor:pointer;animation:vehicle-technical-attention 1.55s ease-in-out infinite}
.quote-vehicle-technical.is-inline>summary::-webkit-details-marker{display:none}.quote-vehicle-technical.is-inline>summary::before{display:none}.quote-vehicle-technical.is-inline>summary i{width:18px;height:18px;display:grid;place-items:center;border:1px solid #b7cbd4;border-radius:50%;color:#176b82;background:#fff;font-size:13px;font-style:normal;transition:transform .25s ease}.quote-vehicle-technical.is-inline[open]>summary{animation:none;color:#176b82;background:#f2f7f9}.quote-vehicle-technical.is-inline[open]>summary i{transform:rotate(180deg)}
.quote-vehicle-technical.is-inline>dl{border-top:0}
.quote-vehicle-technical.is-inline[open]>dl{animation:vehicle-technical-reveal .3s cubic-bezier(.22,.75,.3,1) both}
.quote-vehicle-details[open]>dl,
.quote-vehicle-details[open]>.quote-vehicle-technical,
.quote-vehicle-details[open]>.quote-vehicle-maintenance{animation:quote-vehicle-detail-reveal .38s cubic-bezier(.22,.75,.3,1) both}
.quote-vehicle-details[open]>.quote-vehicle-technical{animation-delay:.05s}
.quote-vehicle-details[open]>.quote-vehicle-maintenance{animation-delay:.09s}
.quote-vehicle-details-loading{
  position:relative;min-height:38px;display:flex;align-items:center;justify-content:center;gap:9px;
  padding:6px 10px;overflow:hidden;border-top:1px solid #d8e5eb;color:#245f7b;
  background:linear-gradient(100deg,#f8fafc,#e8f3f8,#f8fafc);background-size:220% 100%;
  animation:quote-vehicle-loading-flow 1.7s linear infinite
}
.quote-vehicle-details-loading>i{display:flex;align-items:center;gap:3px;font-style:normal}
.quote-vehicle-details-loading>i b{width:5px;height:5px;border-radius:50%;background:#247da2;animation:quote-vehicle-loading-dot .8s ease-in-out infinite alternate}
.quote-vehicle-details-loading>i b:nth-child(2){animation-delay:.14s}.quote-vehicle-details-loading>i b:nth-child(3){animation-delay:.28s}
.quote-vehicle-details-loading>span{display:grid;gap:1px;line-height:1.1}
.quote-vehicle-details-loading strong{color:#235c76;font-size:9px;font-weight:950;letter-spacing:.035em}
.quote-vehicle-details-loading small{color:#748b98;font-size:7.5px;font-weight:800}
@keyframes quote-vehicle-detail-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes vehicle-technical-attention{0%,100%{color:#941332;box-shadow:inset 0 0 0 rgba(165,16,56,0)}50%{color:#d11948;box-shadow:inset 0 0 18px rgba(165,16,56,.09)}}
@keyframes vehicle-technical-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@keyframes quote-vehicle-loading-flow{to{background-position:-220% 0}}
@keyframes quote-vehicle-loading-dot{to{opacity:.25;transform:translateY(-2px)}}
@media(max-width:700px){
  .quote-vehicle-details>summary{min-height:33px;padding:5px 7px}
  .quote-vehicle-details dl>div,.quote-vehicle-details dl>div.is-wide{min-height:35px;padding:4px 6px}
  .quote-vehicle-details dt{font-size:7.3px}.quote-vehicle-details dd{font-size:9.7px}
}
@media(prefers-reduced-motion:reduce){
  .quote-vehicle-details[open]>dl,.quote-vehicle-details[open]>.quote-vehicle-technical,
  .quote-vehicle-details[open]>.quote-vehicle-maintenance,.quote-vehicle-details-loading,
  .quote-vehicle-details-loading>i b{animation:none!important}
}

@media print{.quote-vehicle-technical,.offer-vehicle-technical,.public-vehicle-technical{display:none!important}}

.vehicle-file-card-state.is-loading{min-height:25px;display:flex;align-items:center;justify-content:center;gap:7px;padding:4px 7px;border:1px solid #d7e5ec;border-radius:8px;background:linear-gradient(100deg,#f8fbfc,#eaf4f8,#f8fbfc);background-size:220% 100%;animation:quote-vehicle-loading-flow 1.7s linear infinite}
.vehicle-file-card-state.is-loading>i{display:flex;gap:3px;font-style:normal}
.vehicle-file-card-state.is-loading>i b{width:4px;height:4px;border-radius:50%;background:#247da2;animation:quote-vehicle-loading-dot .8s ease-in-out infinite alternate}
.vehicle-file-card-state.is-loading>i b:nth-child(2){animation-delay:.14s}.vehicle-file-card-state.is-loading>i b:nth-child(3){animation-delay:.28s}
.vehicle-file-card-state.is-loading>strong{color:#245f7b;font-size:7.5px;font-weight:950;letter-spacing:.025em}
@media(prefers-reduced-motion:reduce){.vehicle-file-card-state.is-loading,.vehicle-file-card-state.is-loading>i b{animation:none!important}}

/* Paket detayı · B.O.S ve ePER büyütme kontrolleri */
.quote-source-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:8px;min-width:0;margin-left:auto}
.quote-source-actions>em{max-width:min(38vw,480px);overflow:hidden;color:#597286;font-size:9px;font-style:normal;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.quote-source-expand{min-width:78px;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:1px solid #b9ccda;border-radius:9px;color:#174f76;background:#fff;box-shadow:0 4px 11px rgba(25,68,101,.08);font:inherit;font-size:8.5px;font-weight:950;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}
.quote-source-expand:hover,.quote-source-expand:focus-visible{border-color:#27749e;color:#b9143d;background:#f7fbfd;outline:0;transform:translateY(-1px)}
.quote-source-expand svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.quote-source-expand[aria-pressed="true"] svg{transform:rotate(180deg)}
.quote-bos-direct>header>.quote-source-brand{grid-column:2;justify-self:center}
.quote-bos-direct>header>.quote-source-actions{grid-column:3;justify-self:end}
#detail-modal.has-quote-source-expanded{padding:0}
.quote-eper-direct.is-source-expanded{
  position:fixed;z-index:2147483590;inset:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
  width:auto;height:auto;max-width:none;max-height:none;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-radius:16px;
  box-shadow:0 34px 100px rgba(3,13,25,.46);animation:quote-source-expand-in .22s cubic-bezier(.16,1,.3,1) both
}
.quote-eper-direct.is-source-expanded>iframe{width:100%;height:100%!important;min-height:0!important}
.quote-eper-direct.is-source-expanded>.quote-bos-state{width:100%;height:100%;min-height:0}
@keyframes quote-source-expand-in{from{opacity:.86;transform:scale(.985)}to{opacity:1;transform:none}}
@media(max-width:640px){
  .quote-source-actions{width:100%;justify-content:center;margin-left:0}
  .quote-source-actions>em{max-width:calc(100% - 78px);font-size:7.5px}
  .quote-source-expand{min-width:72px;height:32px;padding-inline:7px}.quote-source-expand span{font-size:8px}
  .quote-bos-direct>header>.quote-source-brand,.quote-bos-direct>header>.quote-source-actions{grid-column:1;justify-self:center}
  .quote-eper-direct.is-source-expanded{inset:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));border-radius:12px}
}
@media(prefers-reduced-motion:reduce){.quote-eper-direct.is-source-expanded{animation:none}.quote-source-expand{transition:none}}

/* Gizli ePER canlı oturumu: görünmez kalır ancak iframe yüklemesi durdurulmaz. */
#quote-eper-frame-parking,#quote-bos-frame-parking{position:fixed!important;left:-10000px!important;top:0!important;width:1px!important;height:1px!important;display:block!important;overflow:hidden!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;contain:strict!important}
#quote-eper-frame-parking>iframe,#quote-bos-frame-parking>iframe{width:1px!important;height:1px!important;border:0!important}

/* Ana ekran · işlem modülleri ve plaka ile hızlı arama */
.home-start-grid[hidden],.home-action-grid[hidden],.home-quick-search[hidden],.package-grid[hidden]{display:none!important}
.home-start-grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch;margin:10px 0 4px}
.is-authenticated .home-start-grid + .filter-strip.package-filter-strip{margin-top:0}
.home-action-grid{display:contents}
.home-action-card{position:relative;min-width:0;height:118px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;align-items:center;overflow:hidden;padding:11px 12px;border:1px solid #d7e1e8;border-radius:15px;background:#fff;text-align:center;box-shadow:0 8px 23px rgba(18,43,60,.075)}
.home-action-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#168e7b,#2eb49c)}
.home-action-card.is-quote::before{background:linear-gradient(90deg,#a51038,#d22d57)}
.home-action-icon{position:absolute;left:12px;top:12px;display:grid;place-items:center;width:46px;height:46px;border-radius:13px;color:#087267;background:#e9f7f4;font-size:25px;font-weight:900}
.home-action-card.is-quote .home-action-icon{color:#a51038;background:#fbeef2}
.home-action-card>div{min-width:0;display:grid;justify-items:center;gap:1px;padding:0 38px;text-align:center}.home-action-card small{color:#6a7e88;font-size:8px;font-weight:950;letter-spacing:.09em}.home-action-card h2{margin:0;color:#172d39;font-size:17px;line-height:1.1}.home-action-card p{width:100%;overflow:hidden;margin:1px 0 0;color:#71818a;font-size:9px;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.home-action-card button{grid-column:1/-1;min-height:36px;margin-top:5px;border:0;border-radius:9px;color:#fff;background:linear-gradient(135deg,#12a188,#087267);font:inherit;font-size:10px;font-weight:900;cursor:pointer;box-shadow:0 6px 14px rgba(8,114,103,.16)}
.home-action-card.is-quote button{background:linear-gradient(135deg,#c51b49,#94102f);box-shadow:0 6px 14px rgba(148,16,47,.16)}
.home-action-card button:hover,.home-action-card button:focus-visible{filter:brightness(.96);outline:0;transform:translateY(-1px)}
.home-quick-search{grid-column:span 1;width:100%;height:118px;box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr);justify-items:center;gap:5px;margin:0;padding:10px 11px 11px;border:1px solid #d6e0e7;border-radius:15px;background:linear-gradient(145deg,#f8fbfc,#fff);box-shadow:0 8px 23px rgba(18,43,60,.075)}
.home-quick-search>header{display:grid;justify-items:center;gap:2px;text-align:center}.home-quick-search>header span{color:#a51038;font-size:8px;font-weight:950;letter-spacing:.13em}.home-quick-search>header strong{color:#18313e;font-size:15px}
.home-plate-search-form{width:100%;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:stretch;gap:6px;margin:0}
.home-turkish-plate{width:100%;min-height:0;height:56px;box-sizing:border-box;display:grid;grid-template-columns:38px minmax(0,1fr);overflow:hidden;border:3px solid #111921;border-radius:10px;background:#fff;box-shadow:0 7px 17px rgba(7,20,34,.13),inset 0 0 0 1px #cad3db;cursor:text}
.home-turkish-plate>i{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:5px 2px 4px;color:#fff;background:linear-gradient(180deg,#1c5cc2,#0b397f);font-style:normal}.home-turkish-plate .plate-turkish-flag{display:block;width:24px;height:16px}.home-turkish-plate i b{font-size:9px;letter-spacing:.04em}
.home-turkish-plate input{width:100%;min-width:0;border:0!important;outline:0!important;padding:0 7px!important;color:#0b1118!important;background:#fff!important;box-shadow:none!important;font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-size:clamp(20px,2.1vw,26px)!important;font-weight:850!important;text-align:center;letter-spacing:.01em;text-transform:uppercase}
.home-turkish-plate input::placeholder{color:#929aa3!important;opacity:.65}.home-turkish-plate:focus-within{border-color:#0e1720;box-shadow:0 12px 28px rgba(7,20,34,.18),0 0 0 4px rgba(165,16,56,.11)}
.home-plate-search-submit{min-width:0;height:56px;box-sizing:border-box;display:grid;place-items:center;align-content:center;gap:1px;padding:0;border:0;border-radius:10px;color:#fff;background:linear-gradient(145deg,#b3133e,#7f0e2b);font:inherit;font-size:7px;font-weight:950;letter-spacing:.06em;cursor:pointer;box-shadow:0 7px 17px rgba(127,14,43,.22);transition:transform .16s ease,filter .16s ease,opacity .16s ease}.home-plate-search-submit svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round}.home-plate-search-submit:hover:not(:disabled),.home-plate-search-submit:focus-visible:not(:disabled){outline:0;filter:brightness(1.08);transform:translateY(-1px)}.home-plate-search-submit:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.home-plate-search-submit.is-loading svg{animation:home-plate-search-pulse .8s ease-in-out infinite}
@keyframes home-plate-search-pulse{50%{opacity:.42;transform:scale(.86)}}
.home-vehicle-card{position:relative;min-width:0;height:118px;box-sizing:border-box;display:grid;grid-template-rows:minmax(0,1fr) 36px;align-items:center;gap:5px;overflow:hidden;padding:10px 11px 9px;border:1px solid #d6e0e7;border-radius:15px;background:linear-gradient(145deg,#f8fbfc,#fff);text-align:center;box-shadow:0 8px 23px rgba(18,43,60,.075)}
.home-vehicle-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#748894,#a6b4bc)}
.home-vehicle-icon{position:absolute;left:11px;top:11px;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#637984;background:#edf2f4;transition:.3s ease}
.home-vehicle-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.home-vehicle-copy{min-width:0;display:grid;justify-items:center;gap:2px;padding:0 38px}.home-vehicle-copy small{color:#6a7e88;font-size:8px;font-weight:950;letter-spacing:.09em}.home-vehicle-copy strong{display:-webkit-box;overflow:hidden;color:#394f5b;font-size:11px;line-height:1.22;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-vehicle-copy>span{max-width:100%;overflow:hidden;color:#59707b;font-size:7.5px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.home-vehicle-card button{width:100%;min-height:36px;border:0;border-radius:9px;color:#8b9aa2;background:#e8eef1;font:inherit;font-size:9px;font-weight:900;cursor:not-allowed}
.home-vehicle-card.is-waiting .home-vehicle-copy strong{color:#9b1838;animation:home-vehicle-attention 1.15s ease-in-out infinite}
.home-vehicle-card.is-loading::before{background:linear-gradient(90deg,#1b6fa0,#7bc3df,#1b6fa0);background-size:200% 100%;animation:home-vehicle-flow 1.15s linear infinite}.home-vehicle-card.is-loading .home-vehicle-icon{color:#12618b;background:#e7f3f9;animation:home-vehicle-icon-pulse 1s ease-in-out infinite}.home-vehicle-card.is-loading .home-vehicle-copy strong{color:#17658b}
.home-vehicle-card.is-ready{border-color:#64c9b2;background:linear-gradient(120deg,#e7faf5 0%,#fff 34%,#e6f6fb 58%,#fff 78%,#e7faf5 100%);background-size:260% 100%;box-shadow:0 9px 25px rgba(8,114,103,.19),0 0 0 2px rgba(49,181,150,.08);animation:home-vehicle-found .55s ease both,home-vehicle-ready-bg 3.4s linear infinite}.home-vehicle-card.is-ready::before{z-index:2;background:linear-gradient(90deg,#087267,#61d5b8,#167ba0,#61d5b8,#087267);background-size:240% 100%;animation:home-vehicle-flow 1.8s linear infinite}.home-vehicle-card.is-ready::after{content:"";position:absolute;z-index:0;inset:-45% -20%;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.72) 49%,transparent 60%);transform:translateX(-55%);animation:home-vehicle-ready-shine 2.6s ease-in-out infinite}.home-vehicle-card.is-ready .home-vehicle-icon,.home-vehicle-card.is-ready .home-vehicle-copy,.home-vehicle-card.is-ready button{z-index:1}.home-vehicle-card.is-ready .home-vehicle-icon{color:#087267;background:#dff7f0;box-shadow:0 0 0 3px rgba(49,181,150,.1);animation:home-vehicle-ready-icon 1.35s ease-in-out infinite}.home-vehicle-card.is-ready .home-vehicle-copy small{color:#176b82}.home-vehicle-card.is-ready .home-vehicle-copy strong{color:#087267;font-size:12px;text-shadow:0 0 12px rgba(49,181,150,.28);animation:home-vehicle-ready-text 1.15s ease-in-out infinite}.home-vehicle-card.is-ready .home-vehicle-copy>span{color:#204e60;font-size:8px;font-weight:950;animation:home-vehicle-ready-detail 1.55s ease-in-out infinite}.home-vehicle-card.is-ready button{color:#fff;background:linear-gradient(110deg,#087267,#1ab292,#176f98,#087267);background-size:230% 100%;cursor:pointer;box-shadow:0 6px 14px rgba(8,114,103,.24);animation:home-vehicle-ready-button 2s ease-in-out infinite}
.home-vehicle-card.is-error .home-vehicle-copy strong{color:#a43a32}.home-vehicle-card.is-error::before{background:#bf4b42}
.home-vehicle-card.is-blacklisted{border-color:#ef9a9a;background:linear-gradient(135deg,#fff4f4,#fff)}.home-vehicle-card.is-blacklisted::before{background:linear-gradient(90deg,#991b1b,#ef4444,#991b1b);background-size:200% 100%;animation:home-vehicle-flow 1.2s linear infinite}.home-vehicle-card.is-blacklisted .home-vehicle-icon{color:#a61b31;background:#ffe4e6}.home-vehicle-card.is-blacklisted .home-vehicle-copy{padding:0 4px}.home-vehicle-card.is-blacklisted .home-vehicle-copy>strong{display:block;-webkit-line-clamp:unset}.blacklist-inline-warning{display:grid;gap:2px;justify-items:center;line-height:1.15}.blacklist-inline-warning>b{color:#a61b31;font-size:10px;letter-spacing:.06em}.blacklist-inline-warning>em{max-width:100%;overflow:hidden;color:#6f2630;font-size:8px;font-style:normal;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.blacklist-inline-warning>span{display:flex;gap:5px;max-width:100%;justify-content:center}.home-vehicle-copy .blacklist-inline-warning>span strong{display:block;max-width:48%;overflow:hidden;padding:2px 5px;border-radius:5px;color:#fff!important;background:#7f1d1d;font-size:7px!important;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.quote-plate-message .blacklist-inline-warning{justify-items:start;padding:7px 8px;border:1px solid #fecaca;border-radius:8px;background:#fff5f5}.quote-plate-message .blacklist-inline-warning>b{font-size:9px}.quote-plate-message .blacklist-inline-warning>em{white-space:normal}.quote-plate-message .blacklist-inline-warning>span{justify-content:flex-start}
@keyframes home-vehicle-attention{0%,100%{opacity:.48;transform:scale(.985)}50%{opacity:1;transform:scale(1)}}
#quote-plate-message .blacklist-inline-warning{justify-items:start;padding:7px 8px;border:1px solid #fecaca;border-radius:8px;background:#fff5f5}#quote-plate-message .blacklist-inline-warning>b{font-size:9px}#quote-plate-message .blacklist-inline-warning>em{white-space:normal}#quote-plate-message .blacklist-inline-warning>span{justify-content:flex-start}
@keyframes home-vehicle-flow{to{background-position:-200% 0}}
@keyframes home-vehicle-icon-pulse{50%{transform:scale(1.08)}}
@keyframes home-vehicle-found{0%{opacity:.45;transform:translateY(5px) scale(.985)}100%{opacity:1;transform:none}}
@keyframes home-vehicle-ready-bg{to{background-position:-260% 0}}
@keyframes home-vehicle-ready-shine{0%,35%{transform:translateX(-55%);opacity:0}55%{opacity:.9}78%,100%{transform:translateX(55%);opacity:0}}
@keyframes home-vehicle-ready-icon{0%,100%{transform:scale(1);box-shadow:0 0 0 3px rgba(49,181,150,.08)}50%{transform:scale(1.08);box-shadow:0 0 0 6px rgba(49,181,150,.15)}}
@keyframes home-vehicle-ready-text{0%,100%{opacity:.76;transform:scale(.99)}50%{opacity:1;transform:scale(1.025)}}
@keyframes home-vehicle-ready-detail{0%,100%{opacity:.78}50%{opacity:1}}
@keyframes home-vehicle-ready-button{0%,100%{background-position:0 0;box-shadow:0 6px 14px rgba(8,114,103,.2)}50%{background-position:100% 0;box-shadow:0 7px 18px rgba(20,130,139,.36)}}
.filter-strip.package-filter-strip{grid-template-columns:repeat(5,minmax(105px,1fr)) 42px 42px 82px}
.filter-strip.package-filter-strip.is-contract-mode{grid-template-columns:repeat(3,minmax(105px,1fr)) 42px 42px 82px}

@media(max-width:980px){.filter-strip.package-filter-strip,.filter-strip.package-filter-strip.is-contract-mode{grid-template-columns:repeat(4,minmax(0,1fr))}.package-filter-strip label:nth-of-type(5),.package-filter-strip label:nth-of-type(6){grid-row:auto}}
@media(max-width:700px){.home-start-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:7px 0 9px}.home-action-card{height:112px;gap:3px;padding:9px}.home-action-icon{left:9px;top:9px;width:37px;height:37px;border-radius:10px;font-size:20px}.home-action-card>div{padding:0 30px}.home-action-card h2{font-size:13px}.home-action-card p{font-size:7.5px}.home-action-card button{min-height:34px}.home-quick-search{grid-column:auto;height:112px;gap:4px;padding:9px;border-radius:14px}.home-quick-search>header strong{font-size:11px}.home-plate-search-form{grid-template-columns:minmax(0,1fr) 42px;gap:5px}.home-turkish-plate{height:58px;grid-template-columns:34px minmax(0,1fr);border-width:3px}.home-turkish-plate input{font-size:clamp(16px,4.3vw,20px)!important;padding:0 3px!important}.home-plate-search-submit{height:58px}.home-plate-search-submit svg{width:18px;height:18px}.home-vehicle-card{height:112px;grid-template-rows:minmax(0,1fr) 34px;padding:9px}.home-vehicle-icon{left:8px;top:9px;width:34px;height:34px}.home-vehicle-icon svg{width:21px;height:21px}.home-vehicle-copy{padding:0 27px}.home-vehicle-copy strong{font-size:9px}.home-vehicle-copy>span{font-size:6.5px}.home-vehicle-card button{min-height:34px;font-size:8px}.home-vehicle-card.is-ready .home-vehicle-copy strong{font-size:9.5px}.home-vehicle-card.is-ready .home-vehicle-copy>span{font-size:6.8px}.filter-strip.package-filter-strip,.filter-strip.package-filter-strip.is-contract-mode{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.home-start-grid{gap:7px}.home-action-card{height:104px;gap:2px;padding:7px}.home-action-icon{left:7px;top:7px;width:31px;height:31px;border-radius:8px;font-size:17px}.home-action-card>div{padding:0 25px}.home-action-card small{font-size:6px}.home-action-card h2{font-size:11px}.home-action-card p{display:none}.home-action-card button{width:100%;min-height:31px;margin-top:3px;font-size:8px}.home-quick-search{height:104px;padding:7px}.home-quick-search>header strong{font-size:9px}.home-plate-search-form{grid-template-columns:minmax(0,1fr) 38px;gap:4px}.home-turkish-plate{height:54px;grid-template-columns:29px minmax(0,1fr)}.home-turkish-plate input{font-size:17px!important;letter-spacing:0;padding:0 1px!important}.home-plate-search-submit{height:54px;font-size:6px}.home-plate-search-submit svg{width:16px;height:16px}.home-vehicle-card{height:104px;grid-template-rows:minmax(0,1fr) 31px;padding:7px}.home-vehicle-icon{left:6px;top:7px;width:29px;height:29px;border-radius:8px}.home-vehicle-icon svg{width:18px;height:18px}.home-vehicle-copy{padding:0 22px}.home-vehicle-copy small{font-size:6px}.home-vehicle-copy strong{font-size:8px}.home-vehicle-card button{min-height:31px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.home-vehicle-card,.home-vehicle-card::before,.home-vehicle-card::after,.home-vehicle-card .home-vehicle-icon,.home-vehicle-card .home-vehicle-copy strong,.home-vehicle-card .home-vehicle-copy>span,.home-vehicle-card button,.home-plate-search-submit svg{animation:none!important}}

/* FIAT aksesuar kataloğu · küçük görseller, yönetim ve ortak galeri */
.accessory-product-thumb,.accessory-extra-thumb,.offer-accessory-thumb,.accessory-admin-image-open{
  position:relative;flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;padding:2px;overflow:hidden;
  border:1px solid #d5e0e7;border-radius:8px;background:#fff;cursor:zoom-in;box-shadow:0 2px 7px rgba(21,47,67,.07)
}
.accessory-product-thumb img,.accessory-extra-thumb img,.offer-accessory-thumb img,.accessory-admin-image-open img{width:100%;height:100%;object-fit:contain;border-radius:5px}
.accessory-product-thumb b,.accessory-extra-thumb b,.offer-accessory-thumb b,.accessory-admin-image-open b{position:absolute;right:-1px;bottom:-1px;min-width:14px;height:14px;display:grid;place-items:center;padding:0 3px;border-radius:6px 0 6px 0;color:#fff;background:#9f1239;font-size:7px}
.quote-product-name-with-image{min-width:0;display:flex;align-items:center;gap:7px}.quote-product-name-with-image>span{min-width:0;display:grid;gap:1px}.quote-product-name-with-image>span b,.quote-product-name-with-image>span small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quote-product-name-with-image>span small{color:#71808b;font-size:8px}
.quote-extra-item:has(.accessory-extra-thumb){grid-template-columns:36px minmax(0,1fr) auto 32px}.accessory-extra-thumb{width:36px;height:36px}

.accessory-management-source{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 9px;margin:10px 0;padding:10px 12px;border:1px solid #cfe0e8;border-radius:11px;background:#f5fafc}.accessory-management-source>span{grid-row:1/3;padding:5px 8px;border-radius:7px;color:#fff;background:#a40e32;font-size:9px;font-weight:950}.accessory-management-source>strong{font-size:12px}.accessory-management-source>small{color:#647886;font-size:9px}.accessory-management-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.accessory-management-card{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;padding:11px;border:1px solid #dce5eb;border-radius:12px;background:#fff;box-shadow:0 5px 17px rgba(17,42,60,.05)}.accessory-management-card>header,.accessory-management-card>footer,.accessory-admin-images,.accessory-admin-models{grid-column:1/-1}.accessory-management-card>header,.accessory-management-card>footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.accessory-management-card>header>div{min-width:0;display:grid;gap:2px}.accessory-management-card>header b{color:#9f1239;font-size:10px}.accessory-management-card>header strong,.accessory-management-card>header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accessory-management-card>header strong{font-size:13px}.accessory-management-card>header small,.accessory-management-card>footer small{color:#71808b;font-size:8px}.accessory-management-card>header>span{padding:4px 7px;border-radius:999px;color:#176b5d;background:#e9f7f3;font-size:8px;font-weight:950;white-space:nowrap}.accessory-admin-images{display:flex;gap:7px;overflow-x:auto;padding:3px 1px}.accessory-admin-image{flex:0 0 66px;display:grid;justify-items:center;gap:3px}.accessory-admin-image-open{width:58px;height:58px}.accessory-admin-image>span{display:flex;gap:3px}.accessory-admin-image>span label,.accessory-admin-image>span button{position:relative;overflow:hidden;padding:3px 4px;border:0;border-radius:5px;color:#31576a;background:#eaf2f6;font-size:7px;font-weight:900;cursor:pointer}.accessory-admin-image>span button{color:#a20f32;background:#fbecef}.accessory-admin-image input,.accessory-admin-image-add input{position:absolute;inset:0;opacity:0;cursor:pointer}.accessory-admin-image-add{position:relative;flex:0 0 58px;height:58px;display:grid;place-items:center;align-content:center;gap:1px;border:1px dashed #9db9c8;border-radius:8px;color:#23677d;background:#f5fafc;font-size:18px;font-weight:800;cursor:pointer}.accessory-admin-image-add span{font-size:7px}.accessory-admin-no-image{align-self:center;color:#8a99a3;font-size:9px}.accessory-admin-field{min-width:0;display:grid;gap:4px}.accessory-admin-field>span,.accessory-admin-models legend{color:#526873;font-size:8px;font-weight:950}.accessory-admin-field input,.accessory-admin-field textarea{width:100%;min-width:0;padding:7px 8px;border:1px solid #cedae1;border-radius:8px;background:#fbfcfd;font:inherit;font-size:11px;resize:vertical}.accessory-admin-models{display:flex;flex-wrap:wrap;gap:5px;padding:7px 8px;border:1px solid #e0e7eb;border-radius:9px}.accessory-admin-models legend{padding:0 4px}.accessory-admin-models label{display:flex;align-items:center;gap:3px;padding:3px 5px;border-radius:6px;background:#f1f5f7;font-size:8px;font-weight:800}.accessory-admin-models input{width:13px;height:13px}.accessory-management-card>footer .labor-save-btn{min-height:32px;padding:0 10px;font-size:9px}
.accessory-management-group{grid-column:1/-1;display:grid;gap:8px;padding:10px;border:1px solid #d8e4eb;border-radius:13px;background:linear-gradient(135deg,#f8fbfc,#f1f7f9)}.accessory-management-group>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px}.accessory-management-group>header strong{color:#173e50;font-size:12px}.accessory-management-group>header span{padding:4px 8px;border-radius:999px;color:#176b5d;background:#e3f4ef;font-size:8px;font-weight:950}.accessory-management-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vehicle-file-card-no-package{margin:2px 0 0;padding:8px 9px;border:1px solid #ef9aa9;border-radius:8px;color:#a20f32;background:#fff1f3;font-size:10px;font-weight:950;line-height:1.25;animation:vehicle-no-package-pulse 1.1s ease-in-out infinite}@keyframes vehicle-no-package-pulse{50%{border-color:#d10f31;color:#d10f31;background:#ffe1e6;box-shadow:0 0 0 3px rgba(209,15,49,.12)}}

.accessory-lightbox,.offer-accessory-lightbox{position:fixed;z-index:2147483600;inset:0;display:grid;place-items:center;padding:18px;background:rgba(3,13,23,.78);backdrop-filter:blur(5px)}.accessory-lightbox[hidden],.offer-accessory-lightbox[hidden]{display:none}.accessory-lightbox>section,.offer-accessory-lightbox>section{width:min(720px,96vw);max-height:92vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.4)}.accessory-lightbox header,.offer-accessory-lightbox header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #e4eaf0}.accessory-lightbox header>div{min-width:0;display:grid}.accessory-lightbox header strong,.offer-accessory-lightbox header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accessory-lightbox header small,.offer-accessory-lightbox header small{margin-left:auto;color:#758692;font-size:10px}.accessory-lightbox header button,.offer-accessory-lightbox header button{width:36px;height:36px;margin-left:auto;border:0;border-radius:9px;color:#fff;background:#991536;font-size:23px;cursor:pointer}.accessory-lightbox-stage,.offer-accessory-lightbox-stage{min-height:240px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:6px;padding:10px;background:#f4f7f9}.accessory-lightbox-stage img,.offer-accessory-lightbox-stage img{width:100%;height:min(68vh,650px);object-fit:contain}.accessory-lightbox-stage button,.offer-accessory-lightbox-stage button{width:40px;height:56px;border:0;border-radius:10px;color:#fff;background:rgba(19,55,73,.75);font-size:32px;cursor:pointer}.accessory-lightbox>section>p,.offer-accessory-lightbox>section>p{margin:0;padding:10px 14px;color:#455d69;font-size:12px;line-height:1.45}
.offer-line-name{display:inline-flex;align-items:center;gap:6px}.offer-accessory-thumb{width:30px;height:30px;vertical-align:middle}.offer-accessory-thumb.is-mobile{width:40px;height:40px;grid-row:1/3}.offer-customer-product:has(.offer-accessory-thumb.is-customer){grid-template-columns:auto 38px minmax(0,1fr) auto auto}.offer-accessory-thumb.is-customer{width:36px;height:36px}
@media(max-width:760px){.accessory-management-list,.accessory-management-group-grid{grid-template-columns:1fr}.accessory-management-card{grid-template-columns:1fr}.accessory-admin-field{grid-column:1}.quote-extra-item:has(.accessory-extra-thumb){grid-template-columns:34px minmax(0,1fr) auto 30px}.accessory-extra-thumb{width:34px;height:34px}.accessory-lightbox,.offer-accessory-lightbox{padding:6px}.accessory-lightbox>section,.offer-accessory-lightbox>section{width:100%;max-height:96vh;border-radius:12px}.accessory-lightbox-stage,.offer-accessory-lightbox-stage{grid-template-columns:34px minmax(0,1fr) 34px;padding:6px}.accessory-lightbox-stage button,.offer-accessory-lightbox-stage button{width:32px;height:48px}.offer-mobile-line-product:has(.offer-accessory-thumb){grid-template-columns:42px minmax(0,1fr)}.offer-mobile-line-product:has(.offer-accessory-thumb) .offer-mobile-line-tags,.offer-mobile-line-product:has(.offer-accessory-thumb)>strong{grid-column:2}.offer-customer-product:has(.offer-accessory-thumb.is-customer){grid-template-columns:30px 34px minmax(0,1fr) auto}.offer-customer-product .offer-accessory-thumb.is-customer{width:32px;height:32px}}
@media print{.accessory-product-thumb,.accessory-extra-thumb,.offer-accessory-thumb{display:none!important}.accessory-lightbox,.offer-accessory-lightbox{display:none!important}}
.accessory-lightbox-stage img,.offer-accessory-lightbox-stage img{grid-column:2;grid-row:1}
.accessory-lightbox-stage [data-accessory-lightbox-prev],.offer-accessory-lightbox-stage [data-offer-gallery-prev]{grid-column:1;grid-row:1}
.accessory-lightbox-stage [data-accessory-lightbox-next],.offer-accessory-lightbox-stage [data-offer-gallery-next]{grid-column:3;grid-row:1}
.package-editor-name-with-image{width:100%;min-width:0;display:flex;align-items:center;gap:6px}.package-editor-name-with-image>input{min-width:0;flex:1}.accessory-package-editor-thumb{position:relative;flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;padding:2px;overflow:hidden;border:1px solid #d5e0e7;border-radius:8px;background:#fff;cursor:zoom-in}.accessory-package-editor-thumb img{width:100%;height:100%;object-fit:contain;border-radius:5px}.accessory-package-editor-thumb b{position:absolute;right:-1px;bottom:-1px;min-width:13px;height:13px;display:grid;place-items:center;padding:0 2px;border-radius:5px 0 5px 0;color:#fff;background:#9f1239;font-size:6px}
.accessory-product-group{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:5px 0 1px;padding:7px 10px;border:1px solid #d7e4ea;border-radius:9px;color:#234a5a;background:#f4f8fa;font-size:10px;font-weight:950;letter-spacing:.035em}.accessory-product-group::before{width:7px;height:7px;border-radius:50%;background:#718797;content:""}.accessory-product-group.is-electronics{border-color:#c8dff1;color:#175d86;background:#edf7fd}.accessory-product-group.is-electronics::before{background:#278ec7;box-shadow:0 0 0 3px rgba(39,142,199,.12)}.accessory-product-group.is-interior{border-color:#d8e6dc;color:#2f6947;background:#f1f8f3}.accessory-product-group.is-interior::before{background:#3b9560}.accessory-product-group.is-exterior{border-color:#e7ddcf;color:#775128;background:#faf6ef}.accessory-product-group.is-exterior::before{background:#b27b39}@media(max-width:700px){.accessory-product-group{margin-top:4px;padding:6px 8px;font-size:9px}}
.quote-accessory-group-row>td,.offer-accessory-group-row>td{padding:7px 10px!important;border:0!important;border-top:6px solid #fff!important;text-align:left!important;background:#f3f7f9!important}.quote-accessory-group-row span,.offer-accessory-group-row span{display:inline-flex;align-items:center;gap:7px;color:#365463;font-size:9px;font-weight:950;letter-spacing:.045em}.quote-accessory-group-row span::before,.offer-accessory-group-row span::before,.offer-accessory-product-group::before{width:7px;height:7px;border-radius:50%;background:#718797;content:""}.quote-accessory-group-row.is-electronics>td,.offer-accessory-group-row.is-electronics>td{background:#edf7fd!important}.quote-accessory-group-row.is-electronics span,.offer-accessory-group-row.is-electronics span,.offer-accessory-product-group.is-electronics{color:#175d86}.quote-accessory-group-row.is-electronics span::before,.offer-accessory-group-row.is-electronics span::before,.offer-accessory-product-group.is-electronics::before{background:#278ec7}.quote-accessory-group-row.is-interior>td,.offer-accessory-group-row.is-interior>td{background:#f1f8f3!important}.quote-accessory-group-row.is-interior span,.offer-accessory-group-row.is-interior span,.offer-accessory-product-group.is-interior{color:#2f6947}.quote-accessory-group-row.is-interior span::before,.offer-accessory-group-row.is-interior span::before,.offer-accessory-product-group.is-interior::before{background:#3b9560}.quote-accessory-group-row.is-exterior>td,.offer-accessory-group-row.is-exterior>td{background:#faf6ef!important}.quote-accessory-group-row.is-exterior span,.offer-accessory-group-row.is-exterior span,.offer-accessory-product-group.is-exterior{color:#775128}.quote-accessory-group-row.is-exterior span::before,.offer-accessory-group-row.is-exterior span::before,.offer-accessory-product-group.is-exterior::before{background:#b27b39}.offer-accessory-product-group{grid-column:1/-1;display:flex;align-items:center;gap:7px;margin:7px 0 2px;padding:7px 9px;border-radius:9px;background:#f3f7f9;font-size:10px;font-weight:950}.offer-accessory-product-group.is-electronics{background:#edf7fd}.offer-accessory-product-group.is-interior{background:#f1f8f3}.offer-accessory-product-group.is-exterior{background:#faf6ef}@media(max-width:760px){.offer-accessory-group-row{display:table-row!important}.offer-accessory-group-row>td{display:table-cell!important;width:100%!important;padding:6px 8px!important}.offer-accessory-product-group{padding:6px 8px;font-size:9px}}@media print{.quote-accessory-group-row,.offer-accessory-group-row{break-after:avoid}.offer-accessory-group-row>td{display:table-cell!important}}
.blacklist-service-statuses{display:flex;flex-wrap:wrap;gap:5px}.blacklist-service-statuses>span{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #fecaca;border-radius:7px;color:#8d2636;background:#fff4f4;font-size:10px;font-weight:850}.blacklist-service-statuses>span.is-released{border-color:#a7ddc6;color:#176b52;background:#effbf5}.blacklist-service-statuses b{padding:2px 4px;border-radius:4px;color:#fff;background:#b4233b;font-size:7px}.blacklist-service-statuses .is-released b{background:#16835f}

/* Canlı sistem çubuğu · ortak sohbet bu alanın bir parçasıdır. */
.global-chat{right:20px;bottom:18px}.system-status-bar{height:46px;display:flex;align-items:center;gap:0;overflow:hidden;border:1px solid rgba(107,222,184,.22);border-radius:15px;color:#dffcf1;background:linear-gradient(105deg,#082720,#0d4538 56%,#0b342c);box-shadow:0 14px 36px rgba(5,39,32,.27),inset 0 1px 0 rgba(255,255,255,.08);font-variant-numeric:tabular-nums}.system-status-brand{display:flex;align-items:center;gap:6px;padding:0 12px;border-right:1px solid rgba(214,252,239,.13);color:#c7f9e9;font-size:8px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.system-status-brand i{width:7px;height:7px;border-radius:50%;background:#45e9ae;box-shadow:0 0 0 4px rgba(69,233,174,.12),0 0 12px rgba(69,233,174,.75);animation:systemStatusPulse 2s ease-in-out infinite}.system-status-item{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:5px;padding:0 10px;border-right:1px solid rgba(214,252,239,.1);white-space:nowrap}.system-status-item b{color:#80bdab;font-size:7px;font-weight:850;letter-spacing:.06em}.system-status-item strong{color:#f1fffa;font-size:11px;font-weight:850}.system-status-updated{min-width:35px;padding:0 9px;color:#7fb5a7;font-size:8px;font-weight:750;text-align:center}.system-status-bar.is-unavailable .system-status-item strong{color:#8ba99f}.global-chat .global-chat-toggle{width:46px;height:46px;margin:0;border-radius:0;color:#fff;background:linear-gradient(145deg,#16a781,#087761);box-shadow:-6px 0 18px rgba(0,0,0,.12);outline:0}.global-chat .global-chat-toggle:hover{transform:none;filter:brightness(1.12)}.global-chat .global-chat-toggle>strong{font-size:27px}.global-chat .global-chat-toggle span{top:3px;right:3px;min-width:17px;height:17px;padding:0 4px;border:2px solid #0f7661;font-size:8px}.global-chat .global-chat-panel{right:0;bottom:58px}.global-chat .global-chat-notice{bottom:58px}.global-chat .global-chat-sound-enable{right:54px;bottom:4px}@keyframes systemStatusPulse{50%{opacity:.7;box-shadow:0 0 0 6px rgba(69,233,174,.04),0 0 15px rgba(69,233,174,.75)}}
@media(max-width:700px){.global-chat{right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}.system-status-bar{height:42px;border-radius:13px}.system-status-brand{padding:0 9px;font-size:7px}.system-status-item{padding:0 7px}.system-status-item b{font-size:6.5px}.system-status-item strong{font-size:10px}.system-status-updated{display:none}.global-chat .global-chat-toggle{width:42px;height:42px}.global-chat .global-chat-panel{position:fixed;inset:12px 8px 64px;width:auto;height:auto}.global-chat .global-chat-sound-enable{right:48px;bottom:0}.global-chat .global-chat-notice{right:0;bottom:54px;width:min(285px,calc(100vw - 16px))}}
@media(max-width:450px){.system-status-brand{padding-inline:8px;font-size:0}.system-status-brand i{width:6px;height:6px}.system-status-item{padding-inline:6px}.system-status-item.is-network{display:none}.global-chat .global-chat-toggle{width:42px}}
@media(prefers-reduced-motion:reduce){.system-status-brand i{animation:none}}

/* Tam genişlik HA durum footer'ı */
.global-chat{right:0;bottom:0;left:0;width:100%;z-index:1150}.system-status-bar{width:100%;height:44px;justify-content:center;border-width:1px 0 0;border-radius:0;background:linear-gradient(100deg,#071d33,#0d4e79 50%,#071d33);box-shadow:0 -9px 26px rgba(3,20,35,.2)}.system-status-bar.is-asus{background:linear-gradient(100deg,#210b27,#6f1539 50%,#210b27);border-color:rgba(251,113,133,.4)}.system-status-bar.is-dell{background:linear-gradient(100deg,#061c32,#0877b9 50%,#061c32);border-color:rgba(103,208,255,.4)}.system-server-select,.system-server-brand{height:44px;display:grid;place-items:center;flex:0 0 auto}.system-server-select{width:48px;padding:0;border:0;border-right:1px solid rgba(255,255,255,.14);color:#fff;background:rgba(0,0,0,.17);font:800 19px/1 inherit;cursor:pointer}.system-server-select:hover{background:rgba(255,255,255,.14)}.system-server-select:disabled{opacity:.6;cursor:wait}.system-server-brand{min-width:56px;padding:0 11px;border-right:1px solid rgba(255,255,255,.14);color:#fff;font-size:10px;font-weight:950;letter-spacing:.1em}.is-dell .system-server-brand{background:#0076ce}.is-asus .system-server-brand{background:#d61d3d}.system-status-brand{height:44px;padding-inline:14px}.system-status-item{height:24px;align-content:center}.system-status-updated{padding-inline:12px}.global-chat .global-chat-toggle{height:44px;width:48px;border-radius:0}.global-chat .global-chat-panel{right:18px;bottom:58px}.global-chat .global-chat-notice{right:18px;bottom:58px}.global-chat-sound-enable{display:none!important}
@media(max-width:700px){.system-status-bar{height:38px;justify-content:flex-start}.system-server-select,.system-server-brand{height:38px}.system-server-select{width:38px;font-size:16px}.system-server-brand{min-width:45px;padding-inline:7px;font-size:8px}.system-status-brand{height:38px;padding-inline:8px}.system-status-item{padding-inline:6px}.system-status-item strong{font-size:9px}.system-status-item b{display:none}.global-chat .global-chat-toggle{width:42px;height:38px;margin-left:auto}.global-chat .global-chat-panel{right:8px;bottom:49px;left:8px}.global-chat .global-chat-notice{right:8px;bottom:49px}}
@media(max-width:420px){.system-status-brand{display:none}.system-status-item{padding-inline:7px}.system-status-item.is-network{display:none}.system-status-updated{display:none}.system-server-brand{min-width:43px}.system-server-select{width:36px}.global-chat .global-chat-toggle{width:40px}}

/* Sabit ölçülü, mini ölçerler içeren canlı durum şeridi. */
.system-status-bar{min-width:0;max-width:none;box-sizing:border-box;justify-content:center;gap:0}.system-status-item{position:relative;width:86px;height:44px;box-sizing:border-box;display:grid;grid-template-columns:1fr auto;grid-template-rows:15px 15px;align-content:center;gap:0 4px;padding:4px 9px 8px;overflow:hidden}.system-status-item b{align-self:end;color:rgba(223,247,255,.66);font-size:7px;line-height:1;letter-spacing:.08em}.system-status-item strong{align-self:end;min-width:30px;color:#fff;font-size:11px;line-height:1;text-align:right;white-space:nowrap}.system-status-item>i{position:absolute;right:9px;bottom:4px;left:9px;height:3px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.17)}.system-status-item>i::after{display:block;width:var(--status-fill,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#52e4bb,#76d6ff);box-shadow:0 0 7px rgba(104,221,255,.65);content:"";transition:width .32s ease}.is-asus .system-status-item>i::after{background:linear-gradient(90deg,#ff7891,#ffc0ca);box-shadow:0 0 7px rgba(255,120,145,.7)}.system-status-brand{flex:0 0 auto}.system-status-updated{width:40px;box-sizing:border-box;flex:0 0 40px;overflow:hidden;white-space:nowrap}.system-server-select,.system-server-brand,.global-chat .global-chat-toggle{flex:0 0 auto}.global-chat .global-chat-toggle{margin-left:0}.system-status-bar>*{min-width:0}
.system-server-select[hidden]{display:none!important}
@media(max-width:700px){.system-status-item{width:58px;height:38px;grid-template-columns:1fr;padding:4px 6px 7px}.system-status-item b{display:block;font-size:6px}.system-status-item strong{font-size:9px;text-align:left}.system-status-item>i{right:6px;bottom:3px;left:6px}.system-status-brand{display:none}.system-status-updated{display:none}.system-status-item.is-network{display:grid}.system-status-bar{justify-content:flex-start}}
@media(max-width:420px){.system-status-item{width:52px}.system-status-item.is-network{display:none}}
.system-status-item[data-status-key]{cursor:pointer}.system-status-item[data-status-key]:hover{background:rgba(255,255,255,.08)}.system-status-item[data-status-key]:focus-visible{outline:2px solid #9deed8;outline-offset:-2px}.system-status-popover{position:fixed;z-index:1200;bottom:52px;left:50%;width:max-content;max-width:min(420px,calc(100vw - 24px));padding:9px 12px;border:1px solid rgba(157,238,216,.35);border-radius:11px;color:#eafff8;background:rgba(7,29,51,.96);box-shadow:0 12px 34px rgba(0,0,0,.3);font-size:10px;font-weight:750;line-height:1.4;text-align:center;transform:translateX(-50%);backdrop-filter:blur(10px)}.system-status-popover[hidden]{display:none!important}.is-asus~.system-status-popover{border-color:rgba(255,165,181,.45);background:rgba(48,10,31,.96)}@media(max-width:700px){.system-status-popover{bottom:45px;padding:8px 10px;font-size:9px}}

/* Mobilde alt şerit ekranın tamamını kaplar; metrik hücreleri kalan alanı eşit paylaşır. */
@media(max-width:700px){.global-chat{right:0;bottom:0;left:0;width:100vw;max-width:100vw;box-sizing:border-box}.system-status-bar{width:100vw;min-width:100vw;max-width:100vw;justify-content:space-between}.system-status-item{width:auto;min-width:0;max-width:none;flex:1 1 0}.system-server-select,.system-server-brand,.global-chat .global-chat-toggle{flex:0 0 auto}.global-chat .global-chat-toggle{margin-left:0}}
@media(max-width:420px){.system-status-item{width:auto;flex:1 1 0}}

/* Alt çubuk sohbet düğmesi gerçek sohbet simgesiyle gösterilir. */
.global-chat .global-chat-toggle > strong { display: none; }
.global-chat .global-chat-toggle > svg { display: block; width: 25px; height: 25px; }
/* Durum çubuğunda hava durumu sola, sohbet düğmesi sağa sabitlenir. */
.system-status-bar { justify-content: flex-start !important; }
.system-status-bar #cemaloglu-weather-widget { order: 0; flex: 0 0 auto; }
.system-status-bar .global-chat-toggle { order: 20; margin-left: auto !important; }
.system-status-bar { position:relative; }
.system-status-metrics { position:absolute; top:0; left:50%; display:flex; align-items:center; justify-content:center; min-width:0; height:100%; transform:translateX(-50%); }
.system-status-bar .global-chat-toggle { color:#eaf7ff; background:linear-gradient(145deg,#0d5b88,#073b61); box-shadow:inset 0 1px 0 rgba(255,255,255,.14),-6px 0 18px rgba(0,0,0,.16); }
@media (max-width:700px) {
  .system-status-metrics { position:static; height:auto; margin:0 auto; transform:none; }
}

/* Sunucu geçişi revizyonu: sakin, gerçekçi ve okunaklı HA paneli. */
html body .system-server-transition{background:rgba(3,9,18,.76);backdrop-filter:blur(12px) saturate(1.08)}html body .system-server-transition .system-server-transition-card{width:min(470px,calc(100vw - 30px));gap:14px;padding:22px 23px 20px;border:1px solid rgba(137,192,226,.3);border-radius:21px;background:linear-gradient(155deg,#0b1b2c 0%,#102c45 100%);box-shadow:0 32px 90px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.09);animation:haPanelOpen .3s cubic-bezier(.2,.9,.25,1)}html body .system-server-transition .system-server-transition-ambient{display:none}html body .system-server-transition .system-server-transition-head{color:#91b7cf;font-size:8px;letter-spacing:.14em}html body .system-server-transition .system-server-transition-head>span{width:27px;height:20px;border-color:rgba(113,192,235,.46);border-radius:6px;background:#123650;color:#dff5ff;box-shadow:none}html body .system-server-transition .system-server-transition-head>i{width:6px;height:6px;background:#4ce0aa;box-shadow:0 0 9px rgba(76,224,170,.8);animation:haSoftPulse 1.6s ease-in-out infinite}html body .system-server-transition .system-server-transition-route{grid-template-columns:minmax(0,1fr) 106px minmax(0,1fr);min-height:92px;animation:none!important}html body .system-server-transition .system-server-transition-route span.system-server-transition-node{gap:5px;padding:12px 8px 10px;border:1px solid rgba(153,201,230,.2);border-radius:14px;background:rgba(255,255,255,.045);box-shadow:inset 0 1px rgba(255,255,255,.05)}html body .system-server-transition .system-server-transition-node>i{position:relative;width:34px;height:30px;overflow:visible;border:1px solid rgba(132,198,237,.34);border-radius:7px;background:linear-gradient(#183f5b,#102c43);box-shadow:0 8px 18px rgba(0,0,0,.2);font-size:0;animation:none}html body .system-server-transition .system-server-transition-node>i::before{position:absolute;inset:5px 5px auto;height:3px;border-radius:2px;background:#7dcaf1;box-shadow:0 6px 0 rgba(125,202,241,.66),0 12px 0 rgba(125,202,241,.36);content:""}html body .system-server-transition .system-server-transition-node>i::after{position:absolute;right:4px;bottom:3px;width:3px;height:3px;border-radius:50%;background:#54e5ae;box-shadow:0 0 7px #54e5ae;content:""!important;animation:haSoftPulse 1.5s ease-in-out infinite!important}html body .system-server-transition .system-server-transition-node>b{font-size:13px;letter-spacing:.1em}html body .system-server-transition .system-server-transition-node>small{color:#759bb2;font-size:6px}html body .system-server-transition .system-server-transition-route span.system-server-transition-node-to{border-color:rgba(104,199,246,.48);background:rgba(70,170,222,.09);animation:haNodeReady 1.7s ease-in-out infinite}html body .system-server-transition .system-server-transition-stream{height:2px;margin:0 12px;background:rgba(125,199,239,.3);box-shadow:none}html body .system-server-transition .system-server-transition-stream::before,html body .system-server-transition .system-server-transition-stream::after{width:6px;height:6px;background:#78cdf8;box-shadow:0 0 8px rgba(120,205,248,.75)}html body .system-server-transition .system-server-transition-stream>i{top:-3px;width:8px;height:8px;border:2px solid #bceaff;border-radius:50%;background:#309bd2;box-shadow:0 0 12px rgba(87,197,250,.85);animation:haPacket 1.35s ease-in-out infinite}html body .system-server-transition .system-server-transition-stream>i:nth-child(2),html body .system-server-transition .system-server-transition-stream>i:nth-child(3){display:none}html body .system-server-transition .system-server-transition-stream>em{top:13px;border:0;background:transparent;color:#6fa9c8;font-size:6px}html body .system-server-transition .system-server-transition-progress{height:3px;background:rgba(150,204,234,.12)}html body .system-server-transition .system-server-transition-progress>i{width:32%;background:linear-gradient(90deg,transparent,#7bd1fa,transparent);box-shadow:none;animation:haLineScan 1.6s ease-in-out infinite}html body .system-server-transition .system-server-transition-card>strong{font-size:17px;font-weight:820;letter-spacing:-.01em}html body .system-server-transition .system-server-transition-card>small{color:#93b4c8;font-size:11px}html body .system-server-transition .system-server-transition-meta{padding-top:2px;color:#668da4;font-size:6.5px}html body .system-server-transition.is-target-asus{background:rgba(15,5,13,.78)}html body .system-server-transition.is-target-asus .system-server-transition-card{border-color:rgba(226,103,137,.32);background:linear-gradient(155deg,#24101d 0%,#4a1830 100%)}html body .system-server-transition.is-target-asus .system-server-transition-route span.system-server-transition-node-to{border-color:rgba(247,120,156,.5);background:rgba(218,61,105,.1)}html body .system-server-transition.is-target-asus .system-server-transition-node-to>i{border-color:rgba(255,141,171,.45);background:linear-gradient(#5a2138,#371426)}html body .system-server-transition.is-target-asus .system-server-transition-node-to>i::before{background:#ff92ae;box-shadow:0 6px 0 rgba(255,146,174,.65),0 12px 0 rgba(255,146,174,.36)}html body .system-server-transition.is-target-asus .system-server-transition-stream{background:rgba(244,129,159,.28)}html body .system-server-transition.is-target-asus .system-server-transition-stream>i{border-color:#ffd0dc;background:#d94a72;box-shadow:0 0 12px rgba(255,117,154,.75)}html body .system-server-transition.is-target-asus .system-server-transition-progress>i{background:linear-gradient(90deg,transparent,#ff91ad,transparent)}html body .system-server-transition.is-complete .system-server-transition-route span.system-server-transition-node-to{border-color:rgba(76,224,170,.65);background:rgba(76,224,170,.1);animation:none}html body .system-server-transition.is-complete .system-server-transition-progress>i{width:100%;background:#4ce0aa;animation:none}@keyframes haPanelOpen{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes haSoftPulse{50%{opacity:.45}}@keyframes haNodeReady{50%{box-shadow:0 0 0 4px rgba(92,190,239,.06)}}@keyframes haPacket{0%{left:0;opacity:0;transform:scale(.75)}18%,82%{opacity:1}100%{left:calc(100% - 8px);opacity:0;transform:scale(1)}}@keyframes haLineScan{0%{transform:translateX(-110%)}65%,100%{transform:translateX(315%)}}@media(max-width:480px){html body .system-server-transition .system-server-transition-card{padding:18px 15px 16px}html body .system-server-transition .system-server-transition-route{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);min-height:82px}html body .system-server-transition .system-server-transition-stream{margin:0 7px}html body .system-server-transition .system-server-transition-meta{font-size:5.8px}}

/* Ana sunucu geçişi doğrulanana kadar gösterilen aktarım katmanı. */
/* HA gecis paneli son duzeltmeleri: eski genel kurallarin dugum ve veri paketine sizmasini engeller. */
html body .system-server-transition .system-server-transition-route span.system-server-transition-node{height:auto;min-height:78px;margin:0}
html body .system-server-transition .system-server-transition-node>i{inset:auto;margin:0;overflow:visible}
html body .system-server-transition .system-server-transition-node>i::after{top:auto;right:4px;bottom:3px;left:auto;transform:none}
html body .system-server-transition .system-server-transition-stream>i{position:absolute;top:-3px;left:0;margin:0;overflow:visible}
html body .system-server-transition .system-server-transition-stream>i::after{content:none!important}
@media(max-width:480px){html body .system-server-transition .system-server-transition-route span.system-server-transition-node{min-height:70px}}
/* Modern HA veri aktarım katmanı: eski kuralların üstüne daha seçici uygulanır. */
.system-server-transition .system-server-transition-node>i::after,.system-server-transition .system-server-transition-stream>i::after{content:none!important}.system-server-transition.is-target-asus .system-server-transition-card .system-server-transition-route,.system-server-transition.is-target-dell .system-server-transition-card .system-server-transition-route{animation:none}
@media(max-width:480px){.system-server-transition .system-server-transition-card{width:min(355px,calc(100vw - 24px));gap:11px;padding:15px 14px 14px;border-radius:19px}.system-server-transition .system-server-transition-head{font-size:7px}.system-server-transition .system-server-transition-route{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);min-height:74px}.system-server-transition .system-server-transition-route span.system-server-transition-node{padding:8px 4px}.system-server-transition .system-server-transition-node>b{font-size:10px}.system-server-transition .system-server-transition-card>strong{font-size:15px}.system-server-transition .system-server-transition-meta{font-size:6px;letter-spacing:.06em}.system-server-transition .system-server-transition-stream>em{font-size:5px}}@media(prefers-reduced-motion:reduce){.system-server-transition,.system-server-transition .system-server-transition-card,.system-server-transition .system-server-transition-ambient,.system-server-transition .system-server-transition-head>i,.system-server-transition .system-server-transition-route span.system-server-transition-node-to,.system-server-transition .system-server-transition-stream>i,.system-server-transition .system-server-transition-progress>i{animation:none!important}}
.system-server-transition{position:fixed;z-index:2147483640;inset:0;display:grid;place-items:center;padding:20px;background:rgba(4,13,25,.64);backdrop-filter:blur(7px)}.system-server-transition[hidden]{display:none!important}.system-server-transition-card{width:min(330px,calc(100vw - 36px));display:grid;justify-items:center;gap:10px;padding:22px 20px 19px;border:1px solid rgba(136,202,255,.35);border-radius:18px;color:#f5fbff;background:linear-gradient(145deg,#0b2741,#0d4068);box-shadow:0 28px 70px rgba(0,0,0,.38);text-align:center}.system-server-transition-card>strong{font-size:15px;line-height:1.3}.system-server-transition-card>small{color:#b9d9ed;font-size:11px;font-weight:750}.system-server-transition-route{position:relative;display:grid;grid-template-columns:1fr 68px 1fr;align-items:center;width:100%;font-size:10px;font-weight:950;letter-spacing:.08em}.system-server-transition-route span{display:grid;height:30px;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:9px;background:rgba(255,255,255,.1)}.system-server-transition-route i{position:relative;height:3px;margin:0 8px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.2)}.system-server-transition-route i::after{position:absolute;top:0;left:0;width:34px;height:100%;border-radius:inherit;background:#74d7ff;box-shadow:0 0 12px #74d7ff;content:"";animation:systemServerTransfer 1s linear infinite}.system-server-transition.is-target-asus .system-server-transition-card{border-color:rgba(255,144,168,.45);background:linear-gradient(145deg,#370e29,#75163d)}.system-server-transition.is-target-asus .system-server-transition-route i::after{background:#ff91ab;box-shadow:0 0 12px #ff91ab}.system-server-transition.is-target-asus .system-server-transition-route{animation:systemServerSlideDown 1.2s ease-in-out infinite}.system-server-transition.is-target-dell .system-server-transition-route{animation:systemServerSlideUp 1.2s ease-in-out infinite}@keyframes systemServerTransfer{from{transform:translateX(-38px)}to{transform:translateX(78px)}}@keyframes systemServerSlideDown{50%{transform:translateY(8px)}}@keyframes systemServerSlideUp{50%{transform:translateY(-8px)}}@media(max-width:480px){.system-server-transition{padding:14px}.system-server-transition-card{padding:19px 16px 17px;border-radius:15px}.system-server-transition-card>strong{font-size:14px}}@media(prefers-reduced-motion:reduce){.system-server-transition-route,.system-server-transition-route i::after{animation:none!important}}

/* Bakım.tr ekip sohbeti, Karakaş portal sohbetinin geniş pencere oranını kullanır. */
.global-chat .global-chat-panel.bakim-team-chat-panel{right:18px;bottom:56px;width:min(920px,calc(100vw - 36px));height:min(680px,calc(100vh - 92px));padding:0;border:1px solid rgba(91,159,213,.36);border-radius:20px;background:#0a1c32;box-shadow:0 25px 75px rgba(0,0,0,.42)}
.bakim-team-chat-frame{display:block;width:100%;height:100%;border:0;border-radius:inherit;background:#0a1c32}
@media(max-width:700px){.global-chat .global-chat-panel.bakim-team-chat-panel{position:fixed;inset:8px 8px 48px;width:auto;height:auto;border-radius:16px}}

/* Tekliflerde uzun müşteri adını kısalt, telefonun son hanelerini koru. */
.quote-admin-table-wrap .quote-customer-cell strong {
  max-width: 24ch;
}
.quote-tracking{position:relative;min-width:160px}.quote-tracking summary{display:grid;gap:3px;list-style:none;cursor:pointer}.quote-tracking summary::-webkit-details-marker{display:none}.quote-tracking summary small,.quote-tracking>div>small{display:block;color:#70818c;font-size:8px;line-height:1.25;white-space:nowrap}.quote-tracking-state{width:max-content;max-width:100%;padding:4px 7px;border-radius:999px;color:#315266;background:#edf3f6;font-size:8px;font-weight:950;white-space:nowrap}.quote-tracking-state.is-success{color:#116347;background:#e5f6ee}.quote-tracking-state.is-viewed{color:#135f8c;background:#e6f3fb}.quote-tracking-state.is-different,.quote-tracking-state.is-warning{color:#8a5a0b;background:#fff3d8}.quote-tracking-state.is-closed{color:#7b3441;background:#f8e9ec}.quote-tracking[open]>div{position:absolute;z-index:15;top:calc(100% + 7px);left:0;width:320px;display:grid;gap:8px;padding:10px;border:1px solid #d8e3e9;border-radius:11px;background:#fff;box-shadow:0 14px 34px rgba(20,45,60,.18)}.quote-tracking section{display:grid;gap:5px}.quote-tracking-coverage{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 9px;padding:6px 7px;border-radius:7px;background:#f3f6f8}.quote-tracking-coverage i{overflow:hidden;color:#60747f;font-size:8px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.quote-tracking-coverage b{font-size:8px}.quote-tracking-coverage>small{grid-column:1/-1;color:#536975;font-size:8px;line-height:1.35;white-space:normal}.quote-tracking-coverage.is-active b{color:#137255}.quote-tracking-coverage.is-expired b,.quote-tracking-coverage.is-not_found b{color:#8a5660}.quote-tracking-coverage.is-device_found b{color:#89600c}
@media (min-width: 701px) {
  .quote-admin-table-wrap .quotes-table th:nth-child(1) { width: 14%; }
  .quote-admin-table-wrap .quotes-table th:nth-child(3) { width: 190px; }
  .quote-admin-table-wrap .quotes-table td:nth-child(3) {
    font-variant-numeric: tabular-nums;
  }
  .quote-admin-table-wrap .quote-admin-santral-wrap { max-width: none; }
  .quote-admin-table-wrap .quote-admin-santral-phone {
    flex: 0 0 auto;
    max-width: none;
    overflow: visible;
    text-overflow: clip;
  }
  .quote-admin-table-wrap .quote-admin-whatsapp { flex-shrink: 0; }
  .quote-admin-table-wrap .quote-admin-whatsapp svg { flex: 0 0 22px; }
}
@media(max-width:700px){.quote-tracking[open]>div{position:fixed;z-index:1300;top:auto;right:12px;bottom:54px;left:12px;width:auto}.quote-tracking{min-width:145px}}
/* Teklif takip sütunu eklendikten sonra tablo oranları. */
@media(min-width:701px){.quote-admin-table-wrap .quotes-table th:nth-child(1){width:14%}.quote-admin-table-wrap .quotes-table th:nth-child(2){width:8%}.quote-admin-table-wrap .quotes-table th:nth-child(3){width:14%}.quote-admin-table-wrap .quotes-table th:nth-child(4){width:8%}.quote-admin-table-wrap .quotes-table th:nth-child(5){width:7%}.quote-admin-table-wrap .quotes-table th:nth-child(6){width:10%}.quote-admin-table-wrap .quotes-table th:nth-child(7){width:16%}.quote-admin-table-wrap .quotes-table th:nth-child(8){width:8%}.quote-admin-table-wrap .quotes-table th:nth-child(9){width:15%}.quote-admin-table-wrap .quotes-table td:nth-child(7){overflow:visible!important}}
@media(max-width:700px){.quote-admin-table-wrap .quotes-table th:nth-child(8),.quote-admin-table-wrap .quotes-table td:nth-child(8){display:none}.quote-admin-table-wrap .quotes-table th:nth-child(1){width:27%}.quote-admin-table-wrap .quotes-table th:nth-child(2){width:18%}.quote-admin-table-wrap .quotes-table th:nth-child(7){width:30%}.quote-admin-table-wrap .quotes-table th:nth-child(9){width:25%}.quote-admin-table-wrap .quotes-table td:nth-child(7){overflow:visible!important}}

/* Araç kontrat, garanti ve Connect durum rozetleri. */
.detail-entitlement-actions,.quote-tracking-icons{display:flex;align-items:center;gap:5px}.detail-entitlement-actions[hidden]{display:none!important}.vehicle-entitlement-badge,.quote-work-badge{position:relative;width:42px;height:38px;display:grid;grid-template-rows:23px 9px;place-items:center;padding:2px 3px;border:1px solid #34424b;border-radius:10px;color:#72808a;background:#1d252a;box-shadow:inset 0 1px rgba(255,255,255,.04);font:inherit;cursor:pointer;transition:transform .15s ease,filter .15s ease,background .15s ease}.vehicle-entitlement-badge svg,.quote-work-badge svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vehicle-entitlement-badge b,.quote-work-badge b{font-size:5.5px;font-weight:950;letter-spacing:.04em;line-height:1}.vehicle-entitlement-badge.is-active{border-color:#35a87b;color:#eafff5;background:linear-gradient(145deg,#147656,#0b523d);box-shadow:0 4px 12px rgba(12,102,73,.22),inset 0 1px rgba(255,255,255,.15)}.vehicle-entitlement-badge.is-loading{opacity:.65;animation:entitlementPulse 1.2s ease-in-out infinite}.vehicle-entitlement-badge.is-unknown{opacity:.55;cursor:not-allowed}.vehicle-entitlement-badge.is-inactive:hover{filter:brightness(1.28);transform:translateY(-1px)}.quote-tracking-icons .vehicle-entitlement-badge,.quote-work-badge{width:34px;height:32px;grid-template-rows:20px 7px;border-radius:8px;cursor:default}.quote-tracking-icons .vehicle-entitlement-badge svg,.quote-work-badge svg{width:19px;height:19px}.quote-work-badge.is-own{border-color:#35a87b;color:#ecfff7;background:#126b4e}.quote-work-badge.is-other{border-color:#d99031;color:#fff7e8;background:#9a5913}.quote-work-badge.is-notdone{border-color:#d44b5d;color:#fff0f2;background:#94283a}.quote-work-badge.is-pending{color:#7b8790;background:#222a2f}.quote-tracking summary{width:max-content}.quote-tracking[open]>div>small+small{margin-top:3px}@keyframes entitlementPulse{50%{opacity:.35}}
@media(max-width:700px){.detail-entitlement-actions{order:-1;width:100%;justify-content:flex-end}.vehicle-entitlement-badge{width:39px;height:35px}.quote-tracking-icons{gap:3px}.quote-tracking-icons .vehicle-entitlement-badge,.quote-work-badge{width:30px;height:29px}}
.vehicle-recall-badge{min-width:128px;max-width:166px;height:38px;padding:3px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid #576a80;border-radius:10px;background:#1d252a;color:#e4edf8;font-family:inherit;font-size:9px;font-weight:800;line-height:1.05;letter-spacing:.025em;cursor:pointer;white-space:nowrap}.vehicle-recall-badge small{max-width:145px;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:700;letter-spacing:0}.vehicle-recall-badge.is-open{background:#8d2c36;border-color:#ed6a70;color:#fff}.vehicle-recall-badge.is-clear{background:#175a45;border-color:#40ab82;color:#fff}.vehicle-recall-badge.is-loading{opacity:.7}.vehicle-recall-badge.is-unknown{border-color:#777;color:#d9e2ed}.vehicle-recall-badge:hover{filter:brightness(1.13)}
.vehicle-recall-dialog{width:min(960px,calc(100vw - 24px));max-height:90dvh;padding:0;border:1px solid #dce5ee;border-radius:18px;background:#fff;color:#172b46;box-shadow:0 28px 85px #07172f66}.vehicle-recall-dialog::backdrop{background:#07172fbb}.vehicle-recall-dialog header,.vehicle-recall-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 22px;background:#f4f7fb}.vehicle-recall-dialog header{border-bottom:1px solid #dce5ee}.vehicle-recall-dialog header small{color:#59708a;font-size:11px;font-weight:800;letter-spacing:.08em}.vehicle-recall-dialog h2{margin:3px 0 0;font-size:23px}.vehicle-recall-dialog footer{border-top:1px solid #dce5ee;justify-content:flex-end}.vehicle-recall-dialog button,.vehicle-recall-dialog .vehicle-recall-card-actions a{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border:1px solid #b9cadb;border-radius:9px;background:#fff;color:#164c88;font-family:inherit;font-size:13px;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer}.vehicle-recall-dialog header button{font-size:22px;padding:4px 11px}.vehicle-recall-content{overflow:auto;max-height:calc(90dvh - 145px);padding:18px 22px}.vehicle-recall-content section+section{margin-top:24px}.vehicle-recall-content h3{display:flex;align-items:center;gap:9px;margin:0 0 10px;font-size:17px}.vehicle-recall-content h3 span{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:#e9eff7;font-size:12px}.vehicle-recall-card{padding:15px;margin:9px 0;border:1px solid #dbe4ee;border-left:4px solid #d74754;border-radius:12px;background:#fff}.vehicle-recall-card.is-completed{border-left-color:#2c9b73;background:#f9fcfb}.vehicle-recall-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.vehicle-recall-card-head strong{font-size:16px}.vehicle-recall-card-head span{padding:4px 8px;border-radius:999px;background:#fff0f1;color:#a12232;font-size:11px;font-weight:800}.vehicle-recall-card.is-completed .vehicle-recall-card-head span{background:#e8f7f0;color:#126347}.vehicle-recall-card p{margin:10px 0;line-height:1.5}.vehicle-recall-card small,.vehicle-recall-note,.vehicle-recall-empty{color:#5d7087;font-size:12px}.vehicle-recall-card-actions{margin-top:12px}.vehicle-recall-note{margin:18px 0 0}.vehicle-recall-message.is-error{color:#aa2734}@media(max-width:700px){.vehicle-recall-badge{height:35px;min-width:94px}.vehicle-recall-dialog header,.vehicle-recall-dialog footer{padding:12px}.vehicle-recall-content{padding:13px}}
.vehicle-entitlement-badge.vehicle-recall-badge,.quote-tracking-icons .vehicle-entitlement-badge.vehicle-recall-badge{width:42px;min-width:42px;max-width:42px;height:38px;display:grid;grid-template-rows:23px 9px;gap:0;padding:2px 3px;overflow:visible;font-size:inherit;font-weight:inherit;line-height:normal;white-space:normal}.quote-tracking-icons .vehicle-entitlement-badge.vehicle-recall-badge{width:34px;min-width:34px;max-width:34px;height:32px;grid-template-rows:20px 7px;cursor:pointer}.vehicle-recall-badge.is-clear{border-color:#f5a349;background:linear-gradient(145deg,#d97914,#a84c0a);color:#fff;opacity:1;filter:none;box-shadow:0 2px 8px #a84c0a35}.vehicle-recall-badge.is-unknown{border-color:#626a73;background:linear-gradient(145deg,#3d444c,#262d34);color:#aeb7c1;opacity:.72;filter:saturate(.35)}.vehicle-recall-badge.is-open{color:#fff;animation:recallAlertTwice .5s steps(1,end) infinite}.vehicle-recall-badge .recall-count{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 3px;border:1.5px solid #fff;border-radius:99px;background:#fff;color:#bb1e32;font-size:9px;font-style:normal;font-weight:900;box-shadow:0 2px 7px #09172455}.vehicle-recall-badge:focus-visible{outline:3px solid #88b9ff;outline-offset:2px}@keyframes recallAlertTwice{0%,49%{border-color:#ff8b92;background:linear-gradient(145deg,#c62e42,#7d1527);box-shadow:0 0 0 2px #e6394640,0 3px 13px #be223b55,inset 0 1px #ffffff44}50%,100%{border-color:#79e6b0;background:linear-gradient(145deg,#168760,#096344);box-shadow:0 0 0 2px #18ac7040,0 3px 13px #087c5555,inset 0 1px #ffffff44}}@media(prefers-reduced-motion:reduce){.vehicle-recall-badge.is-open{animation:none;border-color:#e96a75;background:linear-gradient(145deg,#b72b3d,#74202e)}}@media(max-width:700px){.vehicle-entitlement-badge.vehicle-recall-badge{width:39px;min-width:39px;max-width:39px;height:35px}.quote-tracking-icons .vehicle-entitlement-badge.vehicle-recall-badge{width:30px;min-width:30px;max-width:30px;height:29px}}
.vehicle-recall-card-actions{display:flex;flex-wrap:wrap;gap:9px}.vehicle-recall-dialog .recall-whatsapp-action,.vehicle-recall-dialog [data-recall-invite-send]{border-color:#13875a;background:#0f8055;color:#fff}.vehicle-recall-dialog .recall-whatsapp-action:hover,.vehicle-recall-dialog [data-recall-invite-send]:hover{background:#096a46}.vehicle-recall-invite-preview{margin-top:20px;padding:16px;border:1px solid #cbded3;border-radius:13px;background:#f5fbf7}.vehicle-recall-invite-preview[hidden]{display:none}.vehicle-recall-invite-preview textarea{box-sizing:border-box;width:100%;min-height:260px;padding:13px;border:1px solid #bbd2c4;border-radius:10px;background:#fff;color:#213b31;font-family:inherit;font-size:14px;line-height:1.55;resize:vertical}.vehicle-recall-invite-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}.vehicle-recall-invite-success{color:#0b7048;font-weight:800}
.vehicle-recall-invite-phone-label{display:grid;gap:7px;margin-top:12px;font-weight:700;color:#263e32}.vehicle-recall-invite-phone-label input{box-sizing:border-box;width:100%;max-width:360px;padding:11px 13px;border:1px solid #bbd2c4;border-radius:10px;background:#fff;color:#213b31;font:inherit}

/* Araç kartı ve araç dosyası: ortak şase geri çağırma durumu */
.home-vehicle-card .home-vehicle-copy>.home-vehicle-recall{max-width:100%;padding:2px 7px;border-radius:999px;font-size:8px;font-weight:900;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:none}
.home-vehicle-card .home-vehicle-copy>.home-vehicle-recall.is-open{color:#fff;background:#b7223d;animation:recallAlertTwice .5s steps(1,end) infinite}
.home-vehicle-card .home-vehicle-copy>.home-vehicle-recall.is-clear{color:#687781;background:#e9eef1}
.home-vehicle-card .home-vehicle-copy>.home-vehicle-recall.is-unknown{color:#886536;background:#fff1d8}
.vehicle-file-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}
.vehicle-file-tabs button.is-open,.vehicle-file-tabs button.is-open[aria-selected="true"]{z-index:1;color:#fff;animation:recallAlertTwice .5s steps(1,end) infinite}
.vehicle-file-tabs button.is-open::after{background:#fff}
.vehicle-file-tabs button.is-clear{color:#808c96}
.vehicle-file-tabs button.is-unknown{color:#9a7143;background:#fff8eb}
.vehicle-file-recall-tab-icon{display:inline-block;margin-right:3px;font-size:15px;line-height:0;vertical-align:-1px}
.vehicle-file-recall-content{display:grid;gap:14px;padding:16px}
.vehicle-file-recall-content section{display:grid;gap:8px}
.vehicle-file-recall-content h4{display:flex;align-items:center;gap:8px;margin:0;color:#1f3e55;font-size:14px}
.vehicle-file-recall-content h4 span{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#e6edf3;font-size:11px}
.vehicle-file-recall-card{padding:12px 14px;border:1px solid #e2e8ee;border-left:4px solid #cd3246;border-radius:11px;background:#fff}
.vehicle-file-recall-card.is-completed{border-left-color:#30a477}.vehicle-file-recall-card.is-uncertain{border-left-color:#d8a14a}
.vehicle-file-recall-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.vehicle-file-recall-card strong{color:#203d52;font-size:13px}.vehicle-file-recall-card span{color:#b92740;font-size:10px;font-weight:900}.vehicle-file-recall-card.is-completed span{color:#19815d}.vehicle-file-recall-card.is-uncertain span{color:#9a7143}
.vehicle-file-recall-card p{margin:7px 0;color:#385166;font-size:12px;line-height:1.5}.vehicle-file-recall-card small{color:#677c8b;font-size:10px}
.vehicle-file-recall-state{margin:0;color:#607483;font-size:12px}.vehicle-file-recall-state.is-error{color:#a52b39}
.vehicle-file-recall-actions{display:flex;flex-wrap:wrap;gap:8px}.vehicle-file-recall-content button{padding:9px 12px;border:1px solid #b8d1d6;border-radius:9px;background:#eef8f7;color:#136e69;font:inherit;font-size:11px;font-weight:850;cursor:pointer}.vehicle-file-recall-content button:hover{background:#ddf0ed}
@media(max-width:700px){.vehicle-file-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.vehicle-file-tabs button{border-bottom:1px solid #e3eaee!important}.vehicle-file-tabs button:nth-child(3n){border-right:0}.vehicle-file-tabs button:nth-child(n+4){border-bottom:0!important}.vehicle-file-body{min-height:0;max-height:calc(100dvh - 170px)}.vehicle-file-recall-content{padding:10px}}
@media(prefers-reduced-motion:reduce){.vehicle-file-tabs button.is-open,.vehicle-file-tabs button.is-open[aria-selected="true"],.home-vehicle-card .home-vehicle-copy>.home-vehicle-recall.is-open{animation:none;background:#b7223d;color:#fff}}

/* Tek paketlik yol yardım teklif akışı */
.roadside-wizard{width:min(680px,100%);box-sizing:border-box;display:grid;gap:17px;margin:24px auto;padding:28px;border:1px solid #cddfe4;border-radius:18px;background:linear-gradient(145deg,#f6fbfd,#fff);box-shadow:0 14px 40px #163b4b12}
.roadside-wizard-kicker{color:#147768;font-size:11px;font-weight:950;letter-spacing:.12em}.roadside-wizard h3{margin:0;color:#183b4a;font-size:25px}.roadside-wizard p{margin:0;color:#607481;font-size:13px;line-height:1.5}
.roadside-wizard-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.roadside-wizard-fields label:first-child{grid-column:1/-1}
.roadside-wizard label{display:grid;gap:7px;color:#274b58;font-size:12px;font-weight:850}.roadside-wizard label small{color:#738894;font-weight:600}.roadside-wizard input{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid #b8ced6;border-radius:9px;background:#fff;color:#173b4b;font:inherit;font-size:15px}.roadside-wizard input:focus{outline:2px solid #78cdbc;outline-offset:1px}
.roadside-wizard-actions{display:flex;justify-content:flex-end;gap:9px}.roadside-wizard-actions button{min-height:42px;padding:9px 16px;border:1px solid #b8ced6;border-radius:9px;background:#fff;color:#176b65;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.roadside-wizard-actions button[type="submit"]{border-color:#0e806f;background:#0e806f;color:#fff}
.roadside-calculator{display:grid;gap:12px;margin:10px 0 18px;padding:18px;border:1px solid #b8dcd5;border-radius:14px;background:linear-gradient(135deg,#f1faf7,#fff)}.roadside-calculator h3{margin:0;color:#176b60;font-size:16px;letter-spacing:.04em}.roadside-calculator>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.roadside-calculator>div>span{display:grid;gap:5px;padding:10px;border:1px solid #e0ece9;border-radius:9px;background:#fff}.roadside-calculator small{color:#6d8188;font-size:10px;font-weight:800}.roadside-calculator strong{color:#1b4851;font-size:16px;white-space:nowrap}.roadside-calculator>div>span:last-child strong{color:#bd2443}.roadside-calculator p{margin:0;color:#627881;font-size:11px;line-height:1.5}.roadside-code-input{box-sizing:border-box;width:100%;min-width:90px;max-width:145px;padding:6px;border:1px solid #bed2dc;border-radius:6px;font:inherit;font-size:11px}
.roadside-calculator [data-roadside-distance-edit]{width:100%;max-width:100px;padding:5px 8px;border:1px solid #9fc9c3;border-radius:7px;background:#f8fffd;color:#146657;font:inherit;font-size:16px;font-weight:900}.roadside-required-row{color:#65827e;font-size:10px;font-weight:900}.quantity-control.is-fixed{display:inline-flex;min-width:62px;justify-content:center;padding:5px;color:#36665d;font-weight:900}
@media(max-width:700px){.roadside-wizard{margin:10px auto;padding:18px}.roadside-wizard-fields,.roadside-calculator>div{grid-template-columns:repeat(2,minmax(0,1fr))}.roadside-calculator strong{font-size:13px}}
.roadside-wizard-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.roadside-wizard-fields label:first-child{grid-column:auto}
@media(max-width:700px){.roadside-wizard-fields{grid-template-columns:1fr}}
.roadside-gross-cell{display:flex;flex-direction:column;align-items:stretch;gap:2px}.roadside-gross-cell small{font-size:10px;color:#64748b;line-height:1.2;text-align:right}
.detail-entitlement-actions{max-width:min(620px,60vw);justify-content:flex-end}.detail-entitlement-buttons{display:flex;gap:5px;flex:0 0 auto}.detail-entitlement-copy{display:flex;align-items:stretch;gap:5px;min-width:0}.detail-entitlement-copy>span{display:flex;flex-direction:column;justify-content:center;min-width:145px;max-width:245px;padding:5px 8px;border:1px solid #dce4ea;border-radius:9px;background:#f7f9fb;color:#4f5d68}.detail-entitlement-copy strong{font-size:8px;line-height:1.2}.detail-entitlement-copy small{display:block;margin-top:2px;font-size:7px;line-height:1.25;color:#667580;white-space:normal}.detail-entitlement-copy .is-active,.detail-entitlement-copy .is-device_found{border-color:#a9ddc9;background:#effbf6;color:#0b684a}.detail-entitlement-copy .is-expired{border-color:#f0c17e;background:#fff8ec;color:#8a5111}.detail-entitlement-copy .is-not_found{border-color:#d7dde1;background:#f3f5f6;color:#65717a}.detail-entitlement-copy.is-loading{font-size:8px;color:#71808a}
@media(max-width:900px){.detail-entitlement-actions{max-width:none;flex:1 1 100%;width:100%;flex-wrap:wrap}.detail-entitlement-copy{order:2;flex:1 1 100%;display:grid;grid-template-columns:1fr 1fr}.detail-entitlement-copy>span{max-width:none;min-width:0}.detail-entitlement-buttons{margin-left:auto}}
@media(max-width:520px){.detail-entitlement-copy{grid-template-columns:1fr}.detail-entitlement-copy>span{padding:6px 8px}}
.quote-vehicle-age-banner.is-warranty-active{border-color:#315ea8;animation:warrantyActiveGlow 1.9s ease-in-out infinite}.quote-vehicle-age-banner.is-warranty-active strong{color:#173f82}.quote-vehicle-age-banner.is-warranty-expired{border-color:#df4054;animation:warrantyExpiredGlow 1.25s ease-in-out infinite}.quote-vehicle-age-banner.is-warranty-expired strong{color:#b3122b}.vehicle-entitlement-badge.is-opportunity{border-color:#4f79d7;color:#eef5ff;background:linear-gradient(145deg,#183e82,#102b5d);animation:warrantyOpportunityGlow 1.45s ease-in-out infinite}@keyframes warrantyActiveGlow{0%,100%{box-shadow:0 0 0 0 rgba(29,76,151,.08)}50%{box-shadow:0 0 0 3px rgba(38,91,174,.16),0 5px 18px rgba(25,67,139,.2)}}@keyframes warrantyExpiredGlow{0%,100%{box-shadow:0 0 0 0 rgba(211,35,61,.08)}50%{box-shadow:0 0 0 3px rgba(225,48,73,.2),0 5px 18px rgba(180,22,48,.24)}}@keyframes warrantyOpportunityGlow{0%,100%{box-shadow:0 0 0 0 rgba(59,106,203,.12);filter:brightness(.98)}50%{box-shadow:0 0 0 4px rgba(78,126,224,.22),0 0 20px rgba(73,121,220,.38);filter:brightness(1.18)}}@media(prefers-reduced-motion:reduce){.quote-vehicle-age-banner.is-warranty-active,.quote-vehicle-age-banner.is-warranty-expired,.vehicle-entitlement-badge.is-opportunity{animation:none}}
.vehicle-entitlement-badge .entitlement-offer-check{position:absolute;top:-5px;right:-5px;width:15px;height:15px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#18a66e;color:#fff;font-size:8px;font-style:normal;font-weight:950;line-height:1;box-shadow:0 2px 7px rgba(12,112,73,.38)}.quote-tracking-icons .vehicle-entitlement-badge .entitlement-offer-check{top:-6px;right:-6px;width:14px;height:14px;font-size:7px}
/* Aynı plakaya verilen birden fazla teklif; BOS durum renginden bağımsız sayaç. */
.quote-work-badge,.is-category-history{position:relative;overflow:visible}
.quote-work-badge>.quote-repeat-count,.is-category-history>.quote-repeat-count{position:absolute;z-index:2;top:-5px;right:-5px;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;width:auto;box-sizing:border-box;padding:0 3px;border:1.5px solid #fff;border-radius:999px;background:#1e40af;color:#fff;font-size:9px;font-weight:800;font-style:normal;line-height:1;letter-spacing:0;white-space:nowrap;box-shadow:0 1px 3px rgba(15,23,42,.2);pointer-events:none}
/* Plaka sorgusunda sonraki bakım önerisi. */
.package-card.is-next-maintenance{outline:3px solid #15803d;outline-offset:2px;box-shadow:0 4px 22px #15803d24}
.package-card.is-next-maintenance .detail-btn{background:#166534;color:#fff}
.maintenance-suggestion{display:flex;flex-wrap:wrap;align-items:center;gap:7px 14px;padding:12px 15px;margin:10px 0;border:1px solid #a7cbb5;border-radius:12px;background:#f0fdf4;color:#14532d;font-size:13px}
.maintenance-suggestion small{flex-basis:100%;font-size:12px;line-height:1.5}
.quote-contact-head{position:relative;padding-right:36px!important}
.quote-contact-head .quote-contact-close{position:absolute;right:0;top:0;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;background:#edf2f7;color:#193b5c;font-size:24px;line-height:1;cursor:pointer}
.quote-contact-head .quote-contact-close:hover{background:#dbe7f3}
.quote-contact-head .quote-contact-close:focus-visible{outline:2px solid #2563eb;outline-offset:2px}

/* Yalnız teklifle eşleşen işlemi başka serviste tamamlayan kayıtlar. */
#quote-admin-list > tr.quote-completed-elsewhere > td{background:#f5b9c0;border-bottom-color:#e49ba5}
#quote-admin-list > tr.quote-completed-elsewhere:hover > td{background:#efa5af}
#quote-admin-list > tr.quote-completed-elsewhere > td:first-child{box-shadow:inset 3px 0 0 #b83d51}
#quote-admin-list > tr.quote-active > td{background:#fbfdff;border-bottom-color:#e3edf7}
#quote-admin-list > tr.quote-active:hover > td{background:#f1f7fd}
#quote-admin-list > tr.quote-archived > td{background:#f7f3ec;border-bottom-color:#e6d7bf;color:#5d5142}
#quote-admin-list > tr.quote-archived:hover > td{background:#efe8dc}
#quote-admin-list > tr.quote-archived > td:first-child{box-shadow:inset 3px 0 0 #a88b62}
#quote-admin-list > tr > td.quote-date-cell{font-variant-numeric:tabular-nums;white-space:nowrap;background:transparent}
#quote-admin-list.has-mixed-validity > tr > td.quote-date-cell.is-active{background:#edf6ff}
#quote-admin-list.has-mixed-validity > tr > td.quote-date-cell.is-archived{background:#eee6d8;color:#6a5945}
#quote-admin-list .quote-state-note{display:block;margin:2px 0 0;color:#6b7d91;font-size:9px;font-weight:700}
#quote-admin-list > tr.quote-archived .quote-state-note{color:#8a6f4a}

/* Teklif aramasını dar tutup hızlı süzme düğmelerini aynı satıra al. */
.quote-admin-search-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex-wrap:wrap}
.quote-admin-search-tools .management-search{width:190px;min-width:160px;order:2}
.quote-admin-search-tools .management-search input{min-height:42px;height:42px;padding:8px 10px;font-size:11px}
.quote-admin-filter-buttons{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.quote-admin-filter-button{flex:0 0 42px;width:42px;min-width:42px;height:38px;min-height:38px;padding:2px;border-radius:9px;cursor:pointer;transition:transform .15s ease,outline-color .15s ease}
.quote-admin-filter-button:hover{transform:translateY(-1px);filter:brightness(1.12)}
.quote-admin-filter-button.is-filter-selected{outline:2px solid #2563eb;outline-offset:2px;z-index:1}
.quote-archive-badge{background:linear-gradient(145deg,#475569,#1e293b);color:#fff;border:1px solid #64748b}
.quote-archive-badge svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.quote-admin-filter-button.vehicle-recall-badge.is-open{animation:none}
.quote-sort-button{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;white-space:nowrap}
.quote-sort-button::after{content:'↕';color:#9aa9b7;font-size:11px;line-height:1}
.quote-sort-button.is-active{color:#0f766e}
.quote-sort-button.is-active::after{content:'↓';color:#0f766e}
.quote-sort-button.is-active[data-direction="asc"]::after{content:'↑'}
.quote-sort-button:focus-visible{outline:2px solid #73b8ac;outline-offset:3px;border-radius:3px}
@media(max-width:900px){.quote-admin-search-tools{justify-content:flex-end}.quote-admin-search-tools .management-search{width:190px} }
@media(max-width:700px){.quote-admin-search-tools{display:grid;grid-template-columns:1fr;gap:6px;width:100%}.quote-admin-search-tools .management-search{width:100%;min-width:0}.quote-admin-filter-buttons{width:100%;overflow:auto;flex-wrap:nowrap;padding:4px 2px 5px}.quote-admin-filter-button{flex:0 0 42px}}

/* Teklif gönderimi: kurumsal, düşük maliyetli hareket ve tek ana eylem. */
#create-quote.quote-send-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:44px;height:40px;flex-basis:auto;padding:0 13px;border:1px solid #3875d8;border-radius:11px;background:linear-gradient(135deg,#2563eb,#1849a3);color:#fff;font:inherit;font-size:11px;font-weight:800;white-space:nowrap;box-shadow:0 4px 12px rgba(26,77,161,.18);transition:transform .18s ease,background .18s ease}
#create-quote.quote-send-trigger::before,#create-quote.quote-send-trigger::after{content:none}
.quote-send-icon{display:block;width:21px;height:21px;flex:0 0 21px;animation:quote-send-drift 5s ease-in-out infinite}
#create-quote.quote-send-trigger:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,#3474ef,#2056b6)}
#quote-plate-form .quote-contact-actions{display:flex;justify-content:center;border-top:1px solid #e4ebf2;padding-top:12px;margin-top:2px}
#quote-contact-submit.quote-send-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;height:auto;width:min(100%,280px);padding:12px 18px;border:1px solid #263448;border-radius:11px;background:linear-gradient(135deg,#192536,#080e17);color:#fff;box-shadow:0 5px 14px rgba(15,23,42,.16);font-size:11px;font-weight:800;line-height:1.4;transition:transform .18s ease,background .18s ease}
#quote-contact-submit.quote-send-submit:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,#26384e,#111a27)}
#create-quote:focus-visible,#quote-contact-submit:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}
#create-quote:disabled .quote-send-icon,#quote-contact-submit:disabled .quote-send-icon{animation:none}
#quote-plate-form[hidden] .quote-send-icon{animation:none}
.quote-create-result{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:9px;margin-top:3px;padding:11px;border:1px solid #9ad9b7;border-radius:11px;background:linear-gradient(135deg,#effcf4,#f8fffb);color:#145a3e}
.quote-create-result[hidden]{display:none}
.quote-create-result-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#16945e;color:#fff;font-size:16px;font-weight:950}
.quote-create-result-copy{display:grid;gap:4px;min-width:0}
.quote-create-result-copy>strong{font-size:10px;letter-spacing:.06em}
.quote-create-result-copy>span{font-size:11px;font-weight:850;overflow-wrap:anywhere}
.quote-create-result-copy>small{color:#32654f;font-size:10px;font-weight:750;line-height:1.4}
.quote-create-result-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.quote-create-result-links a{display:inline-flex;align-items:center;min-height:28px;padding:5px 8px;border:1px solid #a8d9be;border-radius:7px;background:#fff;color:#126342;font-size:9px;font-weight:900;text-decoration:none}
.quote-create-result-links a:hover{background:#e7f8ed}
@keyframes quote-send-drift{0%,65%,100%{transform:translate(0,0)}75%{transform:translate(2px,-2px)}85%{transform:translate(0,0)}}
@media(max-width:480px){#create-quote.quote-send-trigger{height:38px;padding:0 10px;gap:6px;font-size:10px}#quote-contact-submit.quote-send-submit{width:100%}}
@media(prefers-reduced-motion:reduce){.quote-send-icon{animation:none!important}#create-quote.quote-send-trigger,#quote-contact-submit.quote-send-submit{transition:none;transform:none}}
/* Aksesuar listelerinde ekran dışı kartları çizmek için işlemci harcama. */
@supports (content-visibility: auto) {
  .quote-extra-single-panel.is-category-accessories .quote-extra-item {
    content-visibility: auto;
    contain-intrinsic-size: auto 140px;
  }
}
.management-content.is-bulk-whatsapp-active{overflow:hidden}
.management-content>.management-panel.bulk-whatsapp-panel{height:100%;min-height:0;padding:0;overflow:hidden}
.bulk-whatsapp-panel iframe{display:block;width:100%;height:100%;border:0;background:#f3f6f6}
.offer-fya-notice{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:15px;margin:16px 0 24px;padding:18px 20px;border:1px solid #d7e7db;border-left:4px solid #1b8762;border-radius:16px;background:linear-gradient(110deg,#f3fbf6,#fffdf6);box-shadow:0 8px 25px #194f3310;color:#203b30}.offer-fya-notice-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#def3e5;color:#178258;font-size:23px}.offer-fya-notice-kicker{color:#247455;font-size:10px;font-weight:900;letter-spacing:.12em}.offer-fya-notice h2{margin:3px 0 7px;color:#183c2e;font-size:18px}.offer-fya-notice p{margin:5px 0;color:#41564b;font-size:13px;line-height:1.5}.offer-fya-notice strong{color:#156943}.offer-fya-stores{display:flex;flex-direction:column;gap:8px}.offer-fya-stores a{display:flex;align-items:center;gap:9px;min-width:142px;padding:8px 11px;border:1px solid #d0ddd4;border-radius:10px;background:#fff;color:#19372b;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.offer-fya-stores a:hover{transform:translateY(-2px);box-shadow:0 5px 15px #153e2b22}.offer-fya-stores a svg{width:22px;height:22px;flex:none}.offer-fya-stores a span{display:grid;gap:1px}.offer-fya-stores a small{font-size:9px;font-weight:800;letter-spacing:.04em}.offer-fya-stores a b{font-size:13px;line-height:1}@media(max-width:760px){.offer-fya-notice{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:14px}.offer-fya-notice-icon{width:34px;height:34px;font-size:19px}.offer-fya-stores{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.offer-fya-stores a{flex:1;min-width:125px}}@media print{.offer-fya-notice{break-inside:avoid;box-shadow:none;margin:10px 0;padding:10px}.offer-fya-stores a{padding:5px 8px}}
body.offer-page:not(.offer-workshop-mode) .offer-fya-notice{margin:10px 0 12px;padding:13px 16px;gap:11px}body.offer-page:not(.offer-workshop-mode) .offer-fya-notice h2{margin:2px 0 5px;font-size:16px}body.offer-page:not(.offer-workshop-mode) .offer-fya-notice p{margin:2px 0;font-size:12px;line-height:1.35}body.offer-page:not(.offer-workshop-mode) .offer-shell{padding-bottom:12px}body.offer-page .offer-customer-request>summary{list-style:none;cursor:pointer}body.offer-page .offer-customer-request>summary::-webkit-details-marker{display:none}body.offer-page .offer-customer-request>summary:focus-visible{outline:2px solid #15947d;outline-offset:3px}body.offer-page .offer-customer-request-head{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;justify-items:stretch;max-width:none;margin:0;padding:3px 5px;text-align:left}body.offer-page .offer-customer-request-head>div{justify-items:start;text-align:left}body.offer-page .offer-customer-request-head p{text-align:left}body.offer-page .offer-customer-request-expand{align-self:center;padding:6px 10px;border:1px solid #9bd6c5;border-radius:8px;background:#e7f7f0;color:#116d51;font-size:10px;font-weight:900;white-space:nowrap}body.offer-page .offer-customer-request[open] .offer-customer-request-head{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #dcece5}body.offer-page .offer-customer-request[open] .offer-customer-request-expand{font-size:0}body.offer-page .offer-customer-request[open] .offer-customer-request-expand::after{content:"Kapat ▴";font-size:10px}@media(max-width:600px){body.offer-page .offer-customer-request-head{grid-template-columns:30px minmax(0,1fr) auto;gap:7px}body.offer-page .offer-customer-request-head h2{font-size:13px}body.offer-page .offer-customer-request-head p{font-size:8px}body.offer-page .offer-customer-request-expand{padding:5px 7px;font-size:9px}body.offer-page:not(.offer-workshop-mode) .offer-fya-notice{padding:10px;gap:7px}body.offer-page:not(.offer-workshop-mode) .offer-fya-notice p{font-size:11px}}@media print{body.offer-page .offer-customer-request{display:none!important}}
body.offer-page:not(.offer-workshop-mode) .offer-fya-notice{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:9px 12px}body.offer-page .offer-fya-notice-copy{min-width:0}body.offer-page:not(.offer-workshop-mode) .offer-fya-notice p{margin:1px 0;font-size:11px;line-height:1.35}body.offer-page .offer-fya-notice .offer-fya-main{font-weight:650}body.offer-page .offer-fya-notice #offer-fya-discount-total{color:#c52437;font-size:21px;font-weight:950;line-height:1;white-space:nowrap}body.offer-page .offer-fya-stores{flex-direction:row;align-items:center;gap:5px}body.offer-page .offer-fya-stores a{min-width:0;gap:5px;padding:5px 7px;border-radius:7px;white-space:nowrap}body.offer-page .offer-fya-stores a svg{width:15px;height:15px}body.offer-page .offer-fya-stores a small{display:none}body.offer-page .offer-fya-stores a b{font-size:10px}@media(max-width:760px){body.offer-page:not(.offer-workshop-mode) .offer-fya-notice{grid-template-columns:1fr;gap:5px}body.offer-page .offer-fya-stores{grid-column:1;flex-wrap:nowrap}body.offer-page .offer-fya-stores a{flex:0 0 auto}body.offer-page .offer-fya-notice #offer-fya-discount-total{font-size:19px}}

/* Teklif indirimi: metin ortalı; yeterli genişlikte doğal olarak tek satır. */
body.offer-page:not(.offer-workshop-mode) .offer-fya-notice{
  grid-template-columns:minmax(0,1fr);
  justify-items:center;
  text-align:center;
}
body.offer-page .offer-fya-notice-copy{width:100%;text-align:center}
body.offer-page:not(.offer-workshop-mode) .offer-fya-notice p{font-size:13px;line-height:1.4;text-align:center}
body.offer-page .offer-fya-stores{grid-column:1;justify-content:center}

/* Ek ürünler açık başlar; tek başlık her ekran genişliğinde merkezde kalır. */
body.offer-page .offer-customer-request-head{
  position:relative;
  grid-template-columns:minmax(0,1fr);
  justify-items:center;
  width:100%;
  padding:5px 70px 12px;
  text-align:center;
}
body.offer-page .offer-customer-request-head h2{
  width:100%;
  font-size:17px;
  font-weight:900;
  line-height:1.3;
  letter-spacing:.035em;
  text-align:center;
  text-transform:uppercase;
}
body.offer-page .offer-customer-request-expand{position:absolute;right:5px;top:50%;transform:translateY(-50%)}
@media(max-width:600px){
  body.offer-page .offer-customer-request-head{padding:5px 48px 11px}
  body.offer-page .offer-customer-request-head h2{font-size:13px}
body.offer-page:not(.offer-workshop-mode) .offer-fya-notice p{font-size:12px}
}
.quote-tracking-refresh{justify-self:start;border:1px solid #c9dae4;border-radius:7px;background:#f2f8fb;color:#23506b;padding:6px 9px;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer}
.quote-tracking-refresh:hover{background:#e5f1f8}
.quote-tracking-refresh:disabled{opacity:.55;cursor:wait}
.vehicle-recall-dialog .recall-whatsapp-action.is-sent{border-color:#78bca0;background:#e3f5eb;color:#126642}
.vehicle-recall-dialog .recall-whatsapp-action.is-sent:hover{background:#d2eedf}
.vehicle-recall-dialog .recall-whatsapp-action:disabled,.vehicle-recall-dialog [data-recall-invite-send]:disabled{opacity:.65;cursor:wait}
.vehicle-recall-message.is-warning{border-radius:8px;background:#fff3d6;color:#765315;padding:9px 11px}

/* Teklif belgeleri içerik kadar uzasın; mobil kalemler dört okunabilir sütunda kalsın. */
@media screen {
  html.offer-document,
  body.offer-page { min-height: 0; height: auto; }
}

.offer-customer-catalog-more,
.offer-customer-catalog-retry {
  min-height: 34px;
  margin: 7px auto 0;
  padding: 6px 12px;
  border: 1px solid #b8d7e6;
  border-radius: 9px;
  color: #164f70;
  background: #f2f9fc;
  font: inherit;
  font-size: 10px;
  font-weight: 850;
  cursor: pointer;
}
.offer-customer-catalog-more[hidden] { display: none !important; }
.offer-customer-catalog-more:disabled { opacity: .55; cursor: wait; }
.offer-customer-catalog-message {
  grid-column: 1 / -1;
  margin: 8px auto;
  color: #617480;
  font-size: 11px;
  text-align: center;
}
.offer-customer-catalog-message.is-error { color: #a5283d; }
.offer-customer-catalog-retry { display: block; }

@media screen and (max-width: 700px) {
  body.offer-page:not(.offer-workshop-mode) .offer-table th.offer-col-group,
  body.offer-page:not(.offer-workshop-mode) .offer-table td.offer-col-group,
  body.offer-page:not(.offer-workshop-mode) .offer-table th.offer-col-vat,
  body.offer-page:not(.offer-workshop-mode) .offer-table td.offer-col-vat,
  body.offer-page:not(.offer-workshop-mode) .offer-table .offer-accessory-group-row,
  body.offer-page:not(.offer-workshop-mode) .offer-mobile-group,
  body.offer-page:not(.offer-workshop-mode) .offer-mobile-line-stats {
    display: none !important;
  }
  body.offer-page:not(.offer-workshop-mode) .offer-table {
    table-layout: fixed;
  }
  body.offer-page:not(.offer-workshop-mode) .offer-table th,
  body.offer-page:not(.offer-workshop-mode) .offer-table td {
    padding: 7px 5px;
    font-size: 11px;
  }
  body.offer-page:not(.offer-workshop-mode) .offer-table .offer-col-name {
    width: 44%;
    text-align: left;
  }
  body.offer-page:not(.offer-workshop-mode) .offer-table .offer-col-quantity { width: 16%; text-align: center; }
  body.offer-page:not(.offer-workshop-mode) .offer-table .offer-col-rate { width: 17%; white-space: nowrap; text-align: center; }
  body.offer-page:not(.offer-workshop-mode) .offer-table .offer-col-total {
    width: 23%;
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
  }
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-table .offer-col-code {
    width: 14%;
  }
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-table .offer-col-name {
    width: 38%;
  }
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-table .offer-col-quantity { width: 12%; }
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-table .offer-col-rate { width: 18%; }
  body.offer-page:not(.offer-workshop-mode) .offer-shell.show-product-codes .offer-table .offer-col-total {
    width: 18%;
  }
  body.offer-page:not(.offer-workshop-mode) .offer-lines-section .offer-line-name {
    font-size: 11px;
    line-height: 1.45;
    overflow-wrap: anywhere;
  }
  body.offer-page:not(.offer-workshop-mode) .offer-customer-request:not([open]) {
    margin-bottom: 4px;
  }
  body.offer-page:not(.offer-workshop-mode) .offer-customer-catalog-more {
    width: 100%;
    min-height: 32px;
    margin-top: 5px;
  }
}

/* Telefonda birim liste fiyatı, iskonto yüzdesi ve satır indirim tutarı
   birlikte görünür. 390px'te altı sütun sığar; daha dar veya çok büyük
   tutarlı tablolarda kaydırma kendi alanında kalır. */
@media screen and (max-width: 700px) {
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table thead th:not(.offer-col-name):not(.offer-col-quantity):not(.offer-col-unit):not(.offer-col-rate):not(.offer-col-discount):not(.offer-col-total),
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table tbody tr > td:not(.offer-col-name):not(.offer-col-quantity):not(.offer-col-unit):not(.offer-col-rate):not(.offer-col-discount):not(.offer-col-total):not(.offer-mobile-card-cell),
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table tbody tr > td.offer-mobile-card-cell {
    display: none !important;
  }

  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table .offer-col-name {
    width: 22% !important;
    text-align: left;
  }
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table .offer-col-quantity { width: 7% !important; }
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table .offer-col-unit { width: 18% !important; }
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table .offer-col-rate { width: 11% !important; }
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table .offer-col-discount { width: 20% !important; }

  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table .offer-col-total {
    width: 22% !important;
    font-size: 10px;
    font-weight: 900;
    text-align: right;
    white-space: nowrap;
    overflow-wrap: normal;
  }

  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-col-name .offer-mobile-product-code {
    display: none !important;
  }

  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table thead th.offer-col-name,
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table thead th.offer-col-quantity,
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table thead th.offer-col-unit,
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table thead th.offer-col-rate,
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table thead th.offer-col-discount,
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table thead th.offer-col-total {
    font-size: 0 !important;
  }

  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table thead th.offer-col-name::after {
    content: "Ürün İsmi";
    font-size: 10px;
  }
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table thead th.offer-col-quantity::after {
    content: "Adet";
    font-size: 10px;
  }
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table thead th.offer-col-rate::after {
    content: "İskonto %";
    font-size: 10px;
  }

  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table thead th.offer-col-unit::after { content: "Liste Fiyatı";font-size:10px; }
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table thead th.offer-col-discount::after { content: "İndirim Tutarı";font-size:10px; }

  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table thead th.offer-col-total::after {
    content: "Tutar";
    font-size: 10px;
  }

  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table-wrap { width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin; }
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table { width:100%;min-width:360px;table-layout:auto; }
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table :is(th,td) { padding:7px 2px;font-size:10.5px;line-height:1.35; }
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table .right { font-variant-numeric:tabular-nums;white-space:nowrap;overflow-wrap:normal; }
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table thead .right { white-space:normal; }
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-table :is(.offer-col-unit,.offer-col-discount,.offer-col-total) { text-align:right; }
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section, .offer-removed-section) .offer-line-name { font-size:10.5px;line-height:1.4; }
  body.offer-page:not(.offer-workshop-mode) .offer-table-price-note { display:flex;flex-wrap:wrap;gap:2px 7px;margin:0;padding:7px 8px;color:#627886;background:#f7fafc;font-size:10px;line-height:1.4; }
  body.offer-page:not(.offer-workshop-mode) .offer-table-scroll-hint { display:none; }

  body.offer-page:not(.offer-workshop-mode) .offer-table .offer-customer-quantity {
    display: inline-grid;
    grid-template-columns: minmax(0, 22px);
    width: 22px;
    max-width: 100%;
  }
  body.offer-page:not(.offer-workshop-mode) .offer-table .offer-customer-quantity button { display: none; }
  body.offer-page:not(.offer-workshop-mode) .offer-table .offer-customer-quantity input {
    width: 100%;
    min-height: 26px;
    padding: 1px;
    font-size: 10.5px;
  }

}

/* Teklif toplamlarında başlık ve tutar arasındaki boşluk kompakt tutulur. */
@media screen {
  body.offer-page:not(.offer-workshop-mode) .offer-total-area > div {
    min-height: 50px;
    padding: 6px 4px;
  }
}

/* Mobil ve tablette toplamlar: beş eşit kutu, ortak tutar hizası. */
@media screen and (max-width: 900px) {
  body.offer-page:not(.offer-workshop-mode) .offer-summary { padding: 8px 0 0; }
  body.offer-page:not(.offer-workshop-mode) .offer-total-area {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-radius: 9px;
    overflow: visible;
  }
  body.offer-page:not(.offer-workshop-mode) .offer-total-area > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: clamp(22.5px, 6.25vw, 28.75px) auto;
    align-content: center;
    align-items: center;
    justify-items: center;
    gap: 3px;
    min-width: 0;
    min-height: 0;
    padding: 6px 2px;
    box-sizing: border-box;
  }
  body.offer-page:not(.offer-workshop-mode) .offer-total-area > div:first-child { border-radius: 8px 0 0 8px; }
  body.offer-page:not(.offer-workshop-mode) .offer-total-area > div:last-child { border-radius: 0 8px 8px 0; }
  body.offer-page:not(.offer-workshop-mode) .offer-total-area > div > span {
    grid-row: 1;
    align-self: end;
    max-width: 100%;
    font-size: clamp(9px, 2.5vw, 11.5px);
    line-height: 1.25;
    white-space: normal;
    text-wrap: balance;
  }
  body.offer-page:not(.offer-workshop-mode) .offer-total-area .offer-list-price b,
  body.offer-page:not(.offer-workshop-mode) .offer-total-area .offer-saving b .offer-discount-value,
  body.offer-page:not(.offer-workshop-mode) .offer-total-area .offer-tax-total b,
  body.offer-page:not(.offer-workshop-mode) .offer-total-area .offer-vat-total b,
  body.offer-page:not(.offer-workshop-mode) .offer-total-area .offer-total-main strong {
    grid-row: 2;
    align-self: start;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    font-size: clamp(9.3px, 2.55vw, 13px);
    line-height: 1.2;
    letter-spacing: -.02em;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
  body.offer-page:not(.offer-workshop-mode) .offer-total-area .offer-saving > span { grid-row: 1; align-self: end; }
  body.offer-page:not(.offer-workshop-mode) .offer-total-area .offer-saving b { display: contents; }
  body.offer-page:not(.offer-workshop-mode) .offer-total-area .offer-saving b span { font-size: inherit; }
  body.offer-page:not(.offer-workshop-mode) .offer-total-area .offer-saving b .offer-discount-value { display: inline-block; white-space: nowrap; }
  body.offer-page:not(.offer-workshop-mode) .offer-total-area .offer-saving b small {
    grid-row: 2;
    display: block;
    margin: 0;
    font-size: clamp(8.5px, 2.3vw, 11px);
    line-height: 1.2;
    white-space: nowrap;
  }
  body.offer-page:not(.offer-workshop-mode) .offer-total-area .offer-total-main {
    grid-column: auto;
  }
}
@media screen and (min-width:701px) and (max-width:900px){body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table{min-width:0;table-layout:fixed;font-size:11px}body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table :is(th,td){padding:8px 3px;font-size:11px}}
@media screen and (max-width:375px){body.offer-page:not(.offer-workshop-mode) .offer-table-scroll-hint{display:block;flex:0 0 100%;font-size:9.5px;color:#466879}}

/* Mobil teklif: ürün ve beş fiyat/adet sütunu birlikte ekrana sığar. */
.offer-line-name-short{display:none}
@media screen and (max-width:900px){
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table thead th:not(.offer-col-name):not(.offer-col-quantity):not(.offer-col-unit):not(.offer-col-rate):not(.offer-col-discount):not(.offer-col-total),
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table tbody tr>td:not(.offer-col-name):not(.offer-col-quantity):not(.offer-col-unit):not(.offer-col-rate):not(.offer-col-discount):not(.offer-col-total),
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table .offer-accessory-group-row,
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-col-name .offer-mobile-product-code{display:none!important}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table-wrap{width:100%;max-width:100%;min-width:0;overflow:visible}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table-wrap:focus-visible{outline:2px solid #237e99;outline-offset:-2px}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table{--offer-money-size:clamp(9.3px,2.55vw,12px);display:table;min-width:0;max-width:100%;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;background:#fff}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table thead{display:table-header-group}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table tbody{display:table-row-group;padding:0}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table :is(thead,tbody) tr:not(.offer-accessory-group-row){display:table-row;margin:0;border:0;border-radius:0;overflow:visible;box-shadow:none}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table tbody tr:not(.offer-accessory-group-row){height:44px}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table :is(th,td):is(.offer-col-name,.offer-col-quantity,.offer-col-unit,.offer-col-rate,.offer-col-discount,.offer-col-total){display:table-cell!important;position:static;padding:7px 2px;min-width:0;font-size:var(--offer-money-size);line-height:1.35;vertical-align:middle;white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums;text-align:center;letter-spacing:-.015em}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table :is(th,td).offer-col-name{position:static;left:auto;z-index:auto;width:34%!important;max-width:none;padding-left:6px;padding-right:4px;text-align:left;background:#fff;box-shadow:none}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table .offer-col-quantity{width:6%!important;text-align:center;padding-left:0;padding-right:0}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table .offer-col-unit{width:16%!important;text-align:center}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table .offer-col-rate{width:10%!important;text-align:center;color:#566d79}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table .offer-col-discount{width:15%!important;text-align:center}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table .offer-col-total{width:19%!important;text-align:center;background:#edf8f2;color:#0f6853;font-weight:850;font-size:calc(var(--offer-money-size) + .5px)}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table tbody tr:nth-child(even) td.offer-col-name{background:#f8fafc}
  body.offer-page:not(.offer-workshop-mode) .offer-removed-table tbody tr:nth-child(even) td.offer-col-name{background:#fff7f7}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table .offer-col-name .offer-line-name{display:flex;align-items:center;gap:3px;width:100%;max-width:100%;white-space:nowrap;font-size:clamp(11px,2.8vw,12.5px);font-weight:750;line-height:1.4;color:#213f50}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table :is(.offer-line-name-text,.offer-line-name-short){display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
  body.offer-page:not(.offer-workshop-mode) .offer-table .offer-line-name.has-compact-name .offer-line-name-text{display:none}
  body.offer-page:not(.offer-workshop-mode) .offer-table .offer-line-name>.offer-badge{display:none}
  body.offer-page:not(.offer-workshop-mode) .offer-table .offer-customer-preview-remove{flex:0 0 22px;width:22px;min-width:22px;height:26px;padding:0;font-size:0}
  body.offer-page:not(.offer-workshop-mode) .offer-table .offer-customer-preview-remove::after{content:"×";font-size:17px;line-height:1}
  body.offer-page:not(.offer-workshop-mode) .offer-table .offer-line-name>.offer-accessory-thumb{flex:0 0 18px;width:18px;height:22px;min-width:18px}
  body.offer-page:not(.offer-workshop-mode) .offer-table :is(.offer-line-name-text,.offer-line-name-short):focus-visible{outline:2px solid #23839c;outline-offset:2px;border-radius:3px}
  body.offer-page:not(.offer-workshop-mode) .offer-table :is(.offer-money-currency,.offer-rate-symbol){display:none}
  body.offer-page:not(.offer-workshop-mode) .offer-table .offer-money-value{white-space:nowrap}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table thead :is(th.offer-col-name,th.offer-col-quantity,th.offer-col-unit,th.offer-col-rate,th.offer-col-discount,th.offer-col-total){height:39px;color:#fff;background:#142d3b;text-align:center;font-size:0!important}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table thead th.offer-col-name{z-index:3;text-align:center}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table thead :is(th.offer-col-name,th.offer-col-quantity,th.offer-col-unit,th.offer-col-rate,th.offer-col-discount,th.offer-col-total)::after{font-size:clamp(8.5px,2.35vw,11.5px);line-height:1.3;white-space:nowrap;letter-spacing:0}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table thead th.offer-col-name::after{content:"Ürün / Hizmet"}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table thead th.offer-col-quantity::after{content:"Ad."}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table thead th.offer-col-unit::after{content:"Liste"}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table thead th.offer-col-rate::after{content:"İsk.%"}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table thead th.offer-col-discount::after{content:"İndirim"}
  body.offer-page:not(.offer-workshop-mode) :is(.offer-lines-section,.offer-removed-section) .offer-table thead th.offer-col-total::after{content:"Tutar"}
  body.offer-page:not(.offer-workshop-mode) .offer-table .offer-customer-quantity{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}
  body.offer-page:not(.offer-workshop-mode) .offer-table .offer-customer-quantity button{display:none}
  body.offer-page:not(.offer-workshop-mode) .offer-table .offer-customer-quantity input{width:100%;max-width:100%;box-sizing:border-box;min-height:28px;font-size:clamp(10px,2.6vw,12px);padding:1px 0;border-color:transparent;background:transparent;text-align:center;appearance:textfield;-moz-appearance:textfield}
  body.offer-page:not(.offer-workshop-mode) .offer-table .offer-customer-quantity input::-webkit-inner-spin-button,body.offer-page:not(.offer-workshop-mode) .offer-table .offer-customer-quantity input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}
  body.offer-page:not(.offer-workshop-mode) .offer-table-price-note{padding:9px 10px;background:#f6fafc;font-size:10.5px;line-height:1.5}
  body.offer-page:not(.offer-workshop-mode) .offer-table-scroll-hint{display:none}
  body.offer-page:not(.offer-workshop-mode) .offer-table-detail-hint{display:block;flex:0 0 100%;color:#466879}
}
body.offer-page .offer-smart-disclaimer.offer-gift-confirmation{margin:9px 0 12px;padding:0 4px;color:#ba2340;text-align:center;font-size:11px;font-style:normal;line-height:1.5;animation:offer-gift-note-pulse 2.8s ease-in-out infinite}
@keyframes offer-gift-note-pulse{0%,100%{opacity:1}50%{opacity:.55}}
@media(prefers-reduced-motion:reduce){body.offer-page .offer-smart-disclaimer.offer-gift-confirmation{animation:none}}
@media print{body.offer-page .offer-smart-disclaimer.offer-gift-confirmation{animation:none;opacity:1}}
.offer-product-name-dialog{width:min(460px,calc(100vw - 32px));box-sizing:border-box;padding:20px;border:1px solid #ccdde5;border-radius:14px;color:#244454;background:#fff;box-shadow:0 20px 65px #102e4340}
.offer-product-name-dialog::backdrop{background:#102e4380}
.offer-product-name-dialog h2{margin:0 30px 10px 0;font-size:13px;color:#637e8d}
.offer-product-name-dialog p{margin:0;font-size:15px;font-weight:700;line-height:1.55;overflow-wrap:anywhere}
.offer-product-name-dialog dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 0}
.offer-product-name-dialog dl>div{min-width:0;padding:9px 10px;border:1px solid #e2ebef;border-radius:8px;background:#f7fafb}
.offer-product-name-dialog dt{margin:0 0 4px;color:#637e8d;font-size:11px;line-height:1.3}
.offer-product-name-dialog dd{margin:0;color:#213f50;font-size:14px;font-weight:750;font-variant-numeric:tabular-nums}
.offer-product-name-dialog form{margin:0}
.offer-product-name-dialog button{position:absolute;right:11px;top:9px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:7px;background:#edf4f7;color:#31576b;font-size:22px;cursor:pointer}
.offer-product-name-dialog button:focus-visible{outline:2px solid #23839c;outline-offset:2px}
@media print{.offer-product-name-dialog{display:none!important}}

/* Akademi kimlik eşlemesi: bütün personel rolleri için profil tamamlama. */
#identity-number-dialog { width:min(440px,calc(100vw - 32px)); box-sizing:border-box; padding:28px; border:1px solid #e5e7eb; border-radius:20px; color:#243040; background:#fff; box-shadow:0 24px 90px #11182733; }
#identity-number-dialog::backdrop { background:#11182799; backdrop-filter:blur(4px); }
#identity-number-form { display:grid; gap:16px; }
#identity-number-form h2 { margin:0; font-size:23px; line-height:1.3; }
#identity-number-form p { margin:0; font-size:14px; line-height:1.65; color:#64748b; }
#identity-number-form label { display:grid; gap:8px; font-size:13px; font-weight:600; }
#identity-number-form input { width:100%; box-sizing:border-box; min-height:48px; padding:12px 14px; border:1px solid #cbd5e1; border-radius:10px; font:inherit; letter-spacing:.08em; }
#identity-number-form input:focus { outline:2px solid #df1537; outline-offset:2px; }
#identity-number-form > div { display:flex; justify-content:space-between; gap:12px; }
#identity-number-form button { padding:12px 16px; border:0; border-radius:10px; font:inherit; font-size:13px; cursor:pointer; }
#identity-number-form button[type=submit] { background:#df1537; color:#fff; }
#identity-number-form button:disabled { opacity:.6; cursor:wait; }
#identity-number-form #identity-number-message { color:#b42318; font-size:13px; }
@media(max-width:420px) { #identity-number-dialog { padding:22px; } #identity-number-form h2 { font-size:21px; } }
/* Teklif listesi: kısa ve anlaşılır ikon aksiyonları */
.quote-customer-open{display:block;max-width:100%;padding:0;border:0;color:#145a78;background:transparent;font:inherit;font-weight:850;text-align:left;text-decoration:underline;text-decoration-color:#9fc5d4;text-underline-offset:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.quote-customer-open:hover{color:#a71943;text-decoration-color:#d89aad}
.quote-row-actions .table-action{display:inline-grid;place-items:center;width:32px;height:30px;min-width:32px;padding:0;border-radius:8px}
.quote-row-actions .table-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.quote-row-actions .quote-package-action,.quote-row-actions .quote-copy-action,.quote-row-actions .quote-revise-action,.quote-row-actions .quote-merge-action,.quote-row-actions .quote-delete-action{font-size:0}
/* Teklif listesi: müşteri bilgisi ve ayrı servis / teklif kontrol grupları. */
.quote-admin-table-wrap{overflow:auto!important;max-width:100%;border:1px solid #dce5ed;border-radius:12px;background:#fff}
.quote-admin-table-wrap .quotes-table.quote-grouped-table{display:table!important;width:100%!important;table-layout:fixed!important;min-width:var(--quote-table-min-width,894px)!important}
.quote-admin-table-wrap .quote-grouped-table thead{display:table-header-group!important}
.quote-admin-table-wrap .quote-grouped-table tbody{display:table-row-group!important}
.quote-admin-table-wrap .quote-grouped-table tr{display:table-row!important;height:58px}
.quote-admin-table-wrap .quotes-table.quote-grouped-table th,
.quote-admin-table-wrap .quotes-table.quote-grouped-table td{display:table-cell!important;width:auto!important;padding:8px 6px;vertical-align:middle;font-size:10px;white-space:nowrap}
.quote-admin-table-wrap .quote-grouped-table th{height:42px;max-width:none;padding-top:12px;padding-bottom:12px;background:#f3f6fa;color:#586a7d;font-weight:750;text-transform:none;letter-spacing:0;border-bottom:1px solid #dce5ed}
.quote-admin-table-wrap .quote-grouped-table td{color:#34485d;border-bottom:1px solid #edf1f5}
.quote-admin-table-wrap .quote-grouped-table .quote-customer-heading,
.quote-admin-table-wrap .quote-grouped-table .quote-customer-cell{padding-left:8px}
.quote-admin-table-wrap .quotes-table.quote-grouped-table .quote-appointment-heading{width:52px!important;padding-left:4px;padding-right:2px;text-align:left}
.quote-admin-table-wrap .quote-appointment-heading .quote-sort-button{font-size:9px;gap:2px}
.quote-admin-table-wrap .quote-appointment-heading .quote-sort-button::after{font-size:9px}
.quote-admin-table-wrap .quotes-table.quote-grouped-table .quote-appointment-cell{padding-left:4px;padding-right:2px;text-align:left}
.quote-admin-table-wrap .quote-customer-headings{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:12px;margin-left:-6px}
.quote-admin-table-wrap .quote-customer-headings>[data-quote-sort="plate"]{justify-self:center}
.quote-admin-table-wrap .quote-customer-headings>[data-quote-sort="customer"]{justify-self:center}
.quote-admin-table-wrap .quotes-table.quote-grouped-table .quote-creator-heading{width:110px!important;text-align:center}
.quote-admin-table-wrap .quotes-table.quote-grouped-table .quote-date-heading{width:96px!important;text-align:center}
.quote-admin-table-wrap .quotes-table.quote-grouped-table .quote-amount-heading{width:92px!important;text-align:right}
.quote-admin-table-wrap .quotes-table.quote-grouped-table .quote-tracking-heading{width:var(--quote-tracking-width,198px)!important}
.quote-admin-table-wrap .quotes-table.quote-grouped-table .quote-actions-heading{width:var(--quote-actions-width,126px)!important}
.quote-admin-table-wrap .quotes-table.quote-grouped-table .quote-amount-cell{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.quote-admin-table-wrap .quotes-table.quote-grouped-table .quote-date-cell{text-align:center;font-variant-numeric:tabular-nums}
.quote-admin-table-wrap .quotes-table.quote-grouped-table .quote-creator-cell{text-align:center}
.quote-admin-table-wrap .quote-amount-cell>strong{display:block;color:#223b53;font-size:11px;font-weight:750}
.quote-admin-table-wrap .quote-merged-label{display:block;font-size:8px;white-space:normal}
.quote-admin-table-wrap .quote-state-note{font-size:8px!important;font-weight:550!important}
.quote-admin-table-wrap .quote-customer-cell{position:relative}
.quote-admin-table-wrap .quote-customer-details{min-width:0;margin-left:166px;text-align:center}
.quote-admin-table-wrap .quote-customer-open,
.quote-admin-table-wrap .quote-customer-details>strong{display:block;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#273e54;font-size:11px;font-weight:700;text-align:center;text-decoration:none;line-height:17px}
.quote-admin-table-wrap .quote-customer-open:hover{color:#087e86;text-decoration:underline}
.quote-admin-table-wrap .quote-list-plate{--quote-plate-bg:#fff;--quote-plate-ink:#10151b;--quote-plate-edge:#17212b;position:absolute;inset:50% auto auto 2px;transform:translateY(-50%);width:160px;height:70%;box-sizing:border-box;display:grid;grid-template-columns:20px minmax(0,1fr);overflow:hidden;border:2px solid var(--quote-plate-edge);border-radius:5px;background:var(--quote-plate-bg);box-shadow:inset 0 0 0 1px #ffffff60}
.quote-admin-table-wrap .quote-list-plate.is-own{--quote-plate-bg:#e1f3e9;--quote-plate-ink:#16503b;--quote-plate-edge:#126b4e}
.quote-admin-table-wrap .quote-list-plate.is-other{--quote-plate-bg:#f5b9c0;--quote-plate-ink:#742737;--quote-plate-edge:#b83d51}
.quote-admin-table-wrap .quote-list-plate.is-different{--quote-plate-bg:#e4efff;--quote-plate-ink:#1743a2;--quote-plate-edge:#1d4ed8}
.quote-admin-table-wrap .quote-list-plate.is-notdone{--quote-plate-bg:#f8e9ec;--quote-plate-ink:#742737;--quote-plate-edge:#94283a}
.quote-admin-table-wrap .quote-list-plate>i{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6px 1px;color:#fff;background:linear-gradient(180deg,#1c5cc2,#0b397f);font-style:normal}
.quote-admin-table-wrap .quote-list-plate .plate-turkish-flag{display:block;width:16px;height:11px}
.quote-admin-table-wrap .quote-list-plate i b{font-size:7px;letter-spacing:.04em}
.quote-admin-table-wrap .quote-list-plate-value{display:flex;align-items:center;justify-content:center;min-width:0;color:var(--quote-plate-ink);font-family:"Arial Narrow","Liberation Sans Narrow",Arial,sans-serif;font-size:18px;font-weight:900;letter-spacing:.01em;white-space:nowrap;font-variant-numeric:tabular-nums}
.quote-admin-table-wrap .quote-list-plate-value .quote-admin-plate-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:none;cursor:pointer}
.quote-admin-table-wrap .quote-list-plate-value .quote-admin-plate-link:hover{background:#00000006;color:inherit}
.quote-admin-table-wrap .quote-customer-contact{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:5px;color:#65778a;font-size:10px;line-height:16px;white-space:nowrap;font-variant-numeric:tabular-nums}
.quote-admin-table-wrap .quote-contact-icon{width:12px;height:12px;flex:0 0 12px;fill:none;stroke:#77899a;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.quote-admin-table-wrap .quote-contact-phone{flex-shrink:0}
.quote-admin-table-wrap .quote-admin-santral-wrap{display:inline-flex;max-width:100%;white-space:nowrap}
.quote-admin-table-wrap .quote-admin-santral-phone{max-width:none;padding:0;color:#64768a;font-size:10px;font-weight:500;text-decoration:none;line-height:16px;white-space:nowrap}
.quote-admin-table-wrap .quote-admin-santral-phone:hover{color:#087e86;text-decoration:underline}
.quote-admin-table-wrap .quote-creator-name,
.quote-admin-table-wrap .quote-creator-company{display:block;overflow:hidden;text-overflow:ellipsis;line-height:17px}
.quote-admin-table-wrap .quote-creator-name{font-weight:650;color:#3c5064}
.quote-admin-table-wrap .quote-creator-company{color:#718195;font-size:9px}
.quote-admin-table-wrap .quote-grouped-table tbody tr:nth-child(even):not(.quote-archived):not(.quote-completed-elsewhere)>td:not(.quote-date-cell){background:#fafcfe}
.quote-admin-table-wrap .quote-grouped-table tbody tr:not(.quote-archived):not(.quote-completed-elsewhere):hover>td:not(.quote-date-cell){background:#f0f7fa}
.quote-admin-table-wrap .quotes-table.quote-grouped-table .quote-tracking-cell,
.quote-admin-table-wrap .quotes-table.quote-grouped-table .quote-actions-cell{overflow:visible!important}
.quote-admin-table-wrap .quote-service-group,
.quote-admin-table-wrap .quote-edit-group{display:inline-flex;align-items:center;justify-content:flex-start;gap:4px;flex-wrap:nowrap;width:max-content;min-width:0;padding:4px;border:1px solid #dbe4ec;border-radius:11px;background:#f1f5f9;vertical-align:middle}
.quote-admin-table-wrap .quote-edit-group{background:#fff;border-color:#d4e2e6}
.quote-admin-table-wrap .quote-tracking{flex:0 0 auto;min-width:0;width:auto}
.quote-admin-table-wrap .quote-tracking summary{width:auto}
.quote-admin-table-wrap .quote-tracking-icons{display:flex;gap:4px;justify-content:flex-start;flex-wrap:nowrap}
.quote-admin-table-wrap .quote-tracking-icons .vehicle-entitlement-badge,
.quote-admin-table-wrap .quote-tracking-icons .quote-work-badge{flex:0 0 32px;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;grid-template-rows:20px 7px;border-radius:7px;box-shadow:none;animation:none}
.quote-admin-table-wrap .quote-appointment-cell>.table-action,
.quote-admin-table-wrap .quote-service-group>.table-action,
.quote-admin-table-wrap .quote-edit-group>.table-action,
.quote-admin-table-wrap .quote-edit-group>.quote-admin-whatsapp{display:inline-grid;place-items:center;flex:0 0 32px!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;font-size:0!important;border-radius:7px;box-shadow:none;transition:background-color .15s ease,border-color .15s ease}
.quote-admin-table-wrap .quote-appointment-cell>.table-action svg,
.quote-admin-table-wrap .quote-service-group>.table-action svg,
.quote-admin-table-wrap .quote-edit-group>.table-action svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.quote-admin-table-wrap .quote-edit-group>.quote-admin-whatsapp{border:1px solid #bee4ce;background:#f0faf4}
.quote-admin-table-wrap .quote-edit-group>.quote-admin-whatsapp>span{display:none}
.quote-admin-table-wrap .quote-edit-group>.quote-admin-whatsapp svg{width:18px;height:18px;padding:0}
.quote-admin-table-wrap .quote-service-group>.table-action:hover,
.quote-admin-table-wrap .quote-edit-group>button:hover{filter:brightness(.96)}
.quote-admin-table-wrap .table-action:focus-visible,
.quote-admin-table-wrap .quote-customer-open:focus-visible,
.quote-admin-table-wrap .quote-edit-group>.quote-admin-whatsapp:focus-visible{outline:2px solid #238da0;outline-offset:2px}
.quote-admin-table-wrap .quote-tracking[open]>div{position:fixed;z-index:1300;top:auto;right:24px;bottom:54px;left:auto;width:min(360px,calc(100vw - 48px))}
/* Teklif araçları: tek satır ve listedeki kontrollerle aynı ölçüler. */
.management-section-head.quote-admin-toolbar{position:relative;display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:12px;width:var(--quote-toolbar-width,100%);min-height:42px;margin:0;padding:4px 6px;overflow:visible;box-sizing:border-box}
.quote-admin-toolbar>h3{flex:0 0 auto;margin:0;font-size:13px;white-space:nowrap}
.quote-admin-toolbar .quote-admin-search-tools{display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;min-width:0;flex-wrap:nowrap;gap:12px;width:auto;padding-right:var(--quote-filter-reserve,300px);box-sizing:border-box}
.quote-admin-toolbar .management-search{order:0;flex:1 1 auto;width:auto;min-width:120px;margin:0}
.quote-admin-toolbar .management-search input{width:100%;height:32px;min-height:32px;padding:6px 9px;font-size:11px;box-sizing:border-box}
.quote-admin-toolbar .quote-admin-filter-buttons{position:absolute;left:var(--quote-filter-left,calc(100% - 288px));top:50%;transform:translateY(-50%);display:block;width:230px;height:32px;overflow:visible;padding:0}
.quote-admin-toolbar .quote-admin-filter-button{position:absolute;top:0}
.quote-admin-toolbar .quote-admin-filter-button{display:grid;grid-template-rows:18px 8px;align-content:center;justify-items:center;flex:0 0 32px;width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;padding:1px;box-sizing:border-box;border:1px solid #dce4eb!important;border-radius:7px;background:#f3f5f7!important;color:#84909c!important;box-shadow:none;animation:none;outline:none;transform:none;transition:background-color .15s,color .15s,border-color .15s}
.quote-admin-toolbar .quote-admin-filter-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.quote-admin-toolbar .quote-admin-filter-button b{font-size:7px;line-height:8px;font-weight:700;letter-spacing:-.025em}
.quote-admin-toolbar .quote-admin-filter-button:hover{background:#e8edf2!important;filter:none;transform:none}
.quote-admin-toolbar .quote-admin-filter-button.is-filter-selected{background:#e1f3e9!important;border-color:#79b99a!important;color:#16724c!important;outline:none}
.quote-admin-toolbar .quote-admin-work-sort.is-active[data-direction="desc"]{background:#e1f3e9!important;border-color:#79b99a!important;color:#16724c!important}
.quote-admin-toolbar .quote-admin-work-sort.is-active[data-direction="asc"]{background:#fcebed!important;border-color:#df9aa3!important;color:#be3545!important}
.quote-admin-toolbar .quote-admin-work-sort.is-active b::after{content:' ↓';font-size:7px}
.quote-admin-toolbar .quote-admin-work-sort.is-active[data-direction="asc"] b::after{content:' ↑'}
.quote-admin-toolbar .quote-admin-filter-button:focus-visible{outline:2px solid #238da0;outline-offset:2px}
.quote-admin-toolbar .quote-admin-active-filter{flex:0 0 auto;align-items:center;gap:6px;margin:0;padding:0;border:0;background:transparent;white-space:nowrap;font-size:9px}
.quote-admin-toolbar .quote-admin-active-filter span{max-width:140px;overflow:hidden;text-overflow:ellipsis}
.quote-admin-toolbar .quote-admin-active-filter button{padding:4px 6px;font-size:9px}
.quote-admin-table-wrap .quote-sort-button{color:#84909c}
.quote-admin-table-wrap .quote-sort-button.is-active[data-direction="desc"],
.quote-admin-table-wrap .quote-sort-button.is-active[data-direction="desc"]::after{color:#16724c}
.quote-admin-table-wrap .quote-sort-button.is-active[data-direction="asc"],
.quote-admin-table-wrap .quote-sort-button.is-active[data-direction="asc"]::after{color:#be3545}
.package-touch-detail{position:fixed;z-index:2147483610;box-sizing:border-box;width:max-content;max-width:min(360px,calc(100vw - 16px));max-height:50vh;overflow:auto;padding:12px 14px;border:1px solid #475569;border-radius:10px;background:#172334;color:#fff;box-shadow:0 8px 28px #0004;white-space:pre-line;overflow-wrap:anywhere;font-size:14px;line-height:1.6;text-align:left;user-select:text}
.package-touch-detail[hidden]{display:none}
.package-touch-detail-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:20px;padding:6px 0;white-space:normal}
.package-touch-detail-row>span{font-size:12px;font-weight:500;line-height:1.5;color:#cbd5e1}
.package-touch-detail-row>strong{font-size:14px;font-weight:700;line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff;text-align:right}
.package-touch-detail-row.is-tofas>span,.package-touch-detail-row.is-tofas>strong{color:#8de0c0}
.package-touch-detail-row.is-net{margin-top:5px;padding-top:10px;border-top:1px solid #ffffff30}
.package-touch-detail-row.is-net>span{color:#fff;font-weight:700}
#detail-modal .quote-cost-column[title],#detail-modal .quote-campaign-earnings[title],.package-card-cost-profit [title]{cursor:pointer}
#detail-modal .quote-cost-trigger{display:flex;align-items:center;justify-content:flex-end;width:100%;min-width:0;min-height:32px;height:auto;margin:0;padding:3px 0;border:0;border-radius:4px;background:#edf5fc;color:#245f8f;font:inherit;line-height:1.3;cursor:pointer;touch-action:manipulation}
#detail-modal .quote-cost-trigger:focus-visible,#detail-modal .quote-totals-grid>button:focus-visible{outline:2px solid #3183ba;outline-offset:2px}
#detail-modal .quote-totals-summary{margin:16px 0 20px;padding:16px;border:1px solid #dce5ee;border-radius:16px;background:#f7f9fc;box-sizing:border-box;min-width:0}
#detail-modal .quote-totals-summary>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:0;text-align:left}
#detail-modal .quote-totals-summary>header>span{min-width:0;font-size:12px;font-weight:750;color:#34465c;overflow-wrap:anywhere}
#detail-modal .quote-totals-summary>header>small{flex-shrink:0;font-size:10px;color:#748398}
#detail-modal .quote-totals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch;min-width:0}
#detail-modal .quote-totals-summary.has-cost .quote-totals-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
#detail-modal .quote-totals-grid>button,#detail-modal .quote-summary-grand-total{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;width:100%;min-width:0;max-width:100%;min-height:90px;height:auto;margin:0;padding:14px;border:1px solid #dfe6ee;border-radius:11px;background:#fff!important;text-align:left;white-space:normal;box-shadow:none}
#detail-modal .quote-totals-grid>button{cursor:pointer;touch-action:manipulation}
#detail-modal .quote-totals-grid>button:hover{border-color:#94b8d2;background:#f4f9ff!important}
#detail-modal .quote-totals-grid>button>small{display:block;margin:0;font-size:11px!important;font-weight:650;line-height:1.4;color:#66768b!important;white-space:normal;text-transform:none}
#detail-modal .quote-totals-grid>button>b,#detail-modal .quote-totals-grid>button>strong{display:block;max-width:100%;margin:0;font-size:clamp(13px,1.5vw,18px)!important;font-weight:800;line-height:1.3;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere;color:#263c54!important}
#detail-modal .quote-totals-grid>button .quote-summary-amount-prefix{display:inline-block;margin-right:4px;font-size:.72em;font-weight:850;white-space:nowrap;vertical-align:.08em;color:currentColor}
#detail-modal .quote-totals-grid>.package-discount-total>b{color:#b54740!important}
#detail-modal .quote-totals-grid>.quote-campaign-earnings>strong{color:#187550!important}
#detail-modal .quote-totals-grid>.quote-cost-total>b{color:#245f8f!important}
#detail-modal .quote-summary-grand-total{border-color:#b6d1e5;background:#edf5fc!important}
#detail-modal .quote-summary-grand-total .package-total-edit{display:grid;gap:7px;justify-items:stretch;width:100%;min-width:0;max-width:100%;margin:0;padding:0}
#detail-modal .quote-summary-grand-total .package-total-edit small{font-size:11px;line-height:1.4;color:#365f82;white-space:normal}
#detail-modal .quote-summary-grand-total input[data-package-total]{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:36px;min-height:36px;padding:5px 7px;border:1px solid #bed4e6;border-radius:7px;background:#fff;font-size:16px;line-height:1.2;font-weight:800;color:#173d60;text-align:left;font-variant-numeric:tabular-nums}
#detail-modal .quote-summary-grand-total .package-total-edit em{max-width:100%;text-align:left;overflow-wrap:anywhere}
@media(max-width:1000px){#detail-modal .quote-totals-grid,#detail-modal .quote-totals-summary.has-cost .quote-totals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#detail-modal .quote-summary-grand-total{grid-column:1/-1}#detail-modal .quote-totals-grid>button>b,#detail-modal .quote-totals-grid>button>strong{font-size:17px!important}}
@media(max-width:700px){#detail-modal .quote-totals-summary{margin:12px 0 16px;padding:10px;border-radius:12px}#detail-modal .quote-totals-summary>header{align-items:flex-start;flex-direction:column;gap:3px}#detail-modal .quote-totals-grid{gap:8px}#detail-modal .quote-totals-grid>button,#detail-modal .quote-summary-grand-total{min-height:82px;padding:12px;gap:7px}#detail-modal .quote-cost-trigger{font-size:7.5px;min-height:32px}}
@media(max-width:340px){#detail-modal .quote-totals-grid,#detail-modal .quote-totals-summary.has-cost .quote-totals-grid{grid-template-columns:minmax(0,1fr)}}

/* Ana sayfa uygulama bağlantıları: mobilde de eşit üç kart, tek satır. */
.guest-downloads{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;align-items:stretch}
.guest-downloads .guest-download-link{height:82px;min-height:82px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:7px 4px;text-align:center}
.guest-downloads .guest-download-link img{width:26px;height:26px;flex-shrink:0}
.guest-downloads .guest-download-link span{width:100%;gap:3px}
.guest-downloads .guest-download-link strong{font-size:11px;line-height:14px;white-space:nowrap;overflow-wrap:normal}
.guest-downloads .guest-download-link small{font-size:9px;line-height:11px;white-space:nowrap;overflow-wrap:normal}
.guest-downloads .guest-download-link>b{display:none}
.guest-downloads .guest-download-link.is-bos{border-bottom-color:#24567d}
@media(max-width:360px){.guest-downloads{gap:5px}.guest-downloads .guest-download-link strong{font-size:10px}.guest-downloads .guest-download-link small{font-size:8px}}

/* Giriş panelinin üstünde ortalanmış büyük FIAT logosu. */
.guest-gate-shell>.guest-gate-visual{display:grid;width:184px;height:112px;max-width:100%;justify-self:center;margin:0 auto 3px}
.guest-gate-shell>.guest-gate-visual strong{width:100%;height:100%;padding:10px 14px;border-radius:18px}
.guest-gate-shell>.guest-gate-visual strong img{width:100%;height:100%;object-fit:contain}

/* Giriş vitrinindeki anlatım videosu, model sayacının üstündeki alanı kullanır. */
.guest-showcase.has-intro-video{background:#08111e;background-image:none}
.guest-intro-video{position:absolute;inset:0 0 auto;width:100%;height:calc(100% - var(--guest-model-strip-height,95px));display:block;object-fit:fill;background:#08111e;z-index:1}

.guest-video-help{position:static;justify-self:center;margin:-3px 0 1px;display:inline-flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(130,8,42,.92);color:#fff;font:700 13px/1.3 system-ui;text-decoration:none;box-shadow:0 4px 18px rgba(0,0,0,.22);backdrop-filter:blur(8px)}
.guest-video-help:hover,.guest-video-help:focus-visible{background:#b10c3c;outline:2px solid #fff;outline-offset:2px}
.guest-video-start{position:absolute;top:calc((100% - var(--guest-model-strip-height,95px))/2);left:50%;transform:translate(-50%,-50%);z-index:4;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;padding:13px 20px;border:1px solid rgba(255,255,255,.6);border-radius:999px;background:rgba(15,28,45,.94);color:#fff;font:700 14px/1.2 system-ui;cursor:pointer;box-shadow:0 6px 22px rgba(0,0,0,.3)}
.guest-video-start[hidden]{display:none}
@media(max-width:600px){.guest-video-help{padding:8px 12px;font-size:12px}.guest-video-start{padding:11px 16px;font-size:13px}}

/* Giriş formu başlıkları, değerleri ve eylemleri simetrik ve ortalıdır. */
.guest-login-form,.guest-login-form label,.guest-login-form label>span,.guest-login-message{text-align:center}
.guest-login-form label{width:100%;min-width:0;justify-items:stretch}
.guest-login-form label>span{display:block;width:100%}
.guest-login-form input,.guest-login-form input::placeholder{text-align:center;text-indent:0}
.guest-login-form .guest-login-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0}
.guest-login-form .guest-login-actions button,.guest-login-form .forgot-password-open{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;text-align:center}
.guest-login-form .forgot-password-open{justify-self:stretch}

/* Mesaj yokken Şifremi Unuttum altında boş hata satırı ayrılmaz. */
.guest-login-form .guest-login-message:empty{display:none}
.guest-login-form{padding-bottom:12px}

/* Giriş sayfası: içerik ölçüleri gerçek ekran yüksekliğine göre birlikte uyarlanır. */
body.is-guest{height:100dvh;min-height:0;overflow:hidden}
.is-guest .page-shell{height:100dvh;min-height:0;overflow:hidden}
.is-guest .guest-gate{height:100%;min-height:0;padding:clamp(6px,1.6dvh,16px);overflow:hidden}
.is-guest .guest-gate-layout{width:min(1510px,100%);height:100%;min-height:0;margin:0 auto;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);grid-template-rows:minmax(0,1fr);border-radius:22px}
.is-guest .guest-showcase{min-height:0;height:100%;--guest-model-strip-height:72px}
.is-guest .guest-gate-shell{
  --login-gap:clamp(7px,1.4dvh,13px);
  --login-field-height:clamp(36px,6dvh,46px);
  --login-action-height:clamp(34px,5.5dvh,42px);
  --login-form-gap:clamp(6px,1.2dvh,10px);
  --login-form-pad:14px;
  --login-logo-width:clamp(112px,19dvh,156px);
  --login-logo-height:clamp(68px,12dvh,96px);
  --login-download-height:clamp(52px,9dvh,70px);
  min-height:0;height:100%;min-width:0;display:grid;align-content:center;gap:var(--login-gap);padding:clamp(12px,2.6dvh,24px);
}
.is-guest .guest-login-brand{display:grid;min-width:0;justify-items:center;align-items:center;gap:clamp(5px,.9dvh,8px)}
.is-guest .guest-login-brand>.guest-gate-visual{display:grid;justify-self:center;width:var(--login-logo-width);height:var(--login-logo-height);max-width:100%;margin:0}
.is-guest .guest-login-brand>.guest-gate-visual strong{width:100%;height:100%;padding:8px 12px;border-radius:15px}
.is-guest .guest-login-brand>.guest-gate-visual img{width:100%;height:100%;object-fit:contain}
.is-guest .guest-video-help{margin:0;padding:8px 12px;font-size:12px;line-height:16px;white-space:nowrap}
.is-guest .guest-login-form{min-width:0;min-height:0;margin:0;padding:var(--login-form-pad);gap:var(--login-form-gap);border-radius:14px}
.is-guest .guest-login-form label{min-height:0;margin:0;padding:0;gap:4px}
.is-guest .guest-login-form label>span{font-size:11px;line-height:14px;min-height:0;margin:0;padding:0}
.is-guest .guest-login-form input{box-sizing:border-box;height:var(--login-field-height);min-height:0;max-height:var(--login-field-height);padding:5px 10px;font-size:16px;line-height:1.2}
.is-guest .guest-login-form .guest-login-actions{margin:0;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
.is-guest .guest-login-actions button{height:var(--login-action-height);min-height:0;margin:0;padding:4px 8px;font-size:13px;line-height:1.2;white-space:nowrap}
.is-guest .guest-login-form .forgot-password-open{height:22px;min-height:0;margin:0;padding:0;font-size:11px;line-height:22px}
.is-guest .guest-login-message{min-height:0;font-size:11px;line-height:14px}
.is-guest .guest-downloads{margin:0;gap:6px}
.is-guest .guest-downloads .guest-download-link{height:var(--login-download-height);min-height:0;gap:4px;padding:5px 3px;border-radius:10px}
.is-guest .guest-downloads .guest-download-link img{width:23px;height:23px}
.is-guest .guest-downloads .guest-download-link span{gap:2px}
.is-guest .guest-downloads .guest-download-link strong{font-size:10px;line-height:12px}
.is-guest .guest-downloads .guest-download-link small{font-size:8px;line-height:10px}
.is-guest .guest-security-note{min-height:0;margin:0;font-size:8px;line-height:11px;white-space:nowrap}
.is-guest .guest-model-marquee{grid-template-columns:repeat(var(--guest-model-columns,10),minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));height:72px;padding:7px 8px;gap:4px 2px;overflow:visible;scrollbar-width:none}
.is-guest .guest-model-marquee span,.is-guest .guest-model-marquee .guest-model-item{min-height:0;padding:1px;gap:2px}
.is-guest .guest-model-marquee span b{font-size:8px;line-height:10px;letter-spacing:0;white-space:nowrap}
.is-guest .guest-model-marquee span small{font-size:7px;line-height:9px;letter-spacing:0;white-space:nowrap}
@media(max-width:840px) and (orientation:portrait){
  .is-guest .guest-gate-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,36dvh) minmax(0,1fr);border-radius:16px}
  .is-guest .guest-gate-shell{--login-logo-width:124px;--login-logo-height:76px;--login-field-height:42px;--login-action-height:40px;--login-form-gap:8px;--login-form-pad:12px;--login-download-height:62px;--login-gap:9px;padding:12px 16px;border-left:0;border-top:1px solid #e3e7ed}
  .is-guest .guest-model-marquee{height:96px;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));padding:6px 8px;gap:2px}
  .is-guest .guest-model-marquee .guest-package-total{grid-column:auto}
  .is-guest .guest-showcase{--guest-model-strip-height:96px}
  .is-guest .guest-gate-shell::before{display:none}
}
@media(max-width:840px) and (orientation:portrait) and (max-height:740px){
  .is-guest .guest-gate{padding:6px}
  .is-guest .guest-gate-shell{--login-logo-width:92px;--login-logo-height:54px;--login-field-height:36px;--login-action-height:36px;--login-form-gap:5px;--login-form-pad:8px;--login-download-height:48px;--login-gap:6px;padding:8px 10px}
  .is-guest .guest-login-brand{display:flex;justify-content:center;gap:10px}
  .is-guest .guest-login-brand>.guest-gate-visual{flex:0 0 var(--login-logo-width)}
  .is-guest .guest-video-help{padding:7px 10px;font-size:11px;line-height:14px}
  .is-guest .guest-login-form label{gap:3px}
  .is-guest .guest-login-form label>span{font-size:10px;line-height:12px}
  .is-guest .guest-login-form .forgot-password-open{height:20px;line-height:20px}
  .is-guest .guest-downloads .guest-download-link{gap:3px;padding:4px 2px}
  .is-guest .guest-downloads .guest-download-link img{width:18px;height:18px}
  .is-guest .guest-downloads .guest-download-link strong{font-size:9px;line-height:10px}
  .is-guest .guest-downloads .guest-download-link small{font-size:7px;line-height:8px}
  .is-guest .guest-model-marquee{height:84px;padding:4px 6px;gap:1px}
  .is-guest .guest-model-marquee span b{font-size:7px;line-height:9px}
  .is-guest .guest-model-marquee span small{font-size:6px;line-height:8px}
  .is-guest .guest-showcase{--guest-model-strip-height:84px}
}
@media(orientation:landscape) and (max-height:600px){
  .is-guest .guest-gate{padding:6px}
  .is-guest .guest-gate-layout{grid-template-columns:minmax(0,1fr) minmax(270px,.95fr);grid-template-rows:minmax(0,1fr);border-radius:14px}
  .is-guest .guest-gate-shell{--login-logo-width:88px;--login-logo-height:48px;--login-field-height:34px;--login-action-height:34px;--login-form-gap:5px;--login-form-pad:8px;--login-download-height:46px;--login-gap:5px;padding:8px 10px}
  .is-guest .guest-login-brand{display:flex;justify-content:center;gap:10px}
  .is-guest .guest-login-brand>.guest-gate-visual{flex:0 0 var(--login-logo-width)}
  .is-guest .guest-video-help{padding:7px 9px;font-size:11px;line-height:14px}
  .is-guest .guest-login-form label{gap:3px}
  .is-guest .guest-login-form label>span{font-size:10px;line-height:12px}
  .is-guest .guest-login-form .forgot-password-open{height:20px;line-height:20px}
  .is-guest .guest-downloads .guest-download-link{gap:3px;padding:4px 2px}
  .is-guest .guest-downloads .guest-download-link img{width:17px;height:17px}
  .is-guest .guest-downloads .guest-download-link strong{font-size:9px;line-height:10px}
  .is-guest .guest-downloads .guest-download-link small{font-size:7px;line-height:8px}
  .is-guest .guest-model-marquee{height:84px;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));padding:4px 6px;gap:1px}
  .is-guest .guest-model-marquee .guest-package-total{grid-column:auto}
  .is-guest .guest-model-marquee span b{font-size:7px;line-height:9px}
  .is-guest .guest-model-marquee span small{font-size:6px;line-height:8px}
  .is-guest .guest-showcase{--guest-model-strip-height:84px}
}
@media(orientation:landscape) and (max-height:350px){
  .is-guest .guest-gate-shell{--login-logo-height:38px;--login-field-height:30px;--login-action-height:30px;--login-form-gap:4px;--login-form-pad:6px;--login-download-height:42px;--login-gap:4px;padding:6px 8px}
  .is-guest .guest-login-form .forgot-password-open{height:18px;line-height:18px}
}
.is-guest .guest-gate-shell>.guest-login-brand,.is-guest .guest-gate-shell>.guest-login-form,.is-guest .guest-gate-shell>.guest-downloads,.is-guest .guest-gate-shell>.guest-security-note{width:100%;max-width:440px;justify-self:center}
@media(min-width:600px) and (max-width:840px) and (orientation:portrait){
  .is-guest .guest-model-marquee{height:72px;grid-template-columns:repeat(var(--guest-model-columns,10),minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
  .is-guest .guest-showcase{--guest-model-strip-height:72px}
}

/* Kompakt marka, eşit üç giriş düğmesi ve kaydırmasız model listesi. */
.is-guest .guest-login-brand{display:flex;justify-content:center;align-items:center;gap:14px}
.is-guest .guest-login-brand>.guest-gate-visual{flex:0 0 64px;width:64px;height:64px}
.is-guest .guest-login-brand>.guest-gate-visual strong{display:block;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none}
.is-guest .guest-video-help{min-height:48px;padding:6px 14px;gap:12px;border-radius:14px;text-align:center}
.is-guest .guest-help-copy{display:grid;gap:1px}
.is-guest .guest-help-copy strong{font-size:14px;line-height:18px;font-weight:750}
.is-guest .guest-help-copy small{font-size:11px;line-height:15px;font-weight:500}
.is-guest .guest-login-form .guest-login-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.is-guest .guest-login-form .guest-login-actions>button{height:var(--login-action-height);min-height:0;padding:4px 6px;font-size:12px;line-height:1.2;font-weight:750;letter-spacing:.3px;border-radius:9px;text-decoration:none}
.is-guest .guest-login-form .guest-login-actions>.forgot-password-open{border:1px solid #cbd5e1;background:#f1f5f9;color:#334155;box-shadow:none}
.is-guest .guest-login-form .guest-login-actions>.forgot-password-open:hover{background:#e2e8f0;border-color:#94a3b8}
.is-guest .guest-model-marquee{left:0;right:0;max-width:100%;min-width:0;overflow:clip;scroll-behavior:auto;scroll-snap-type:none;animation:none;transform:none}
.is-guest .guest-model-marquee>*{min-width:0;animation:none;transform:none!important;transition:none}
@media(max-height:740px){.is-guest .guest-login-brand>.guest-gate-visual{flex-basis:48px;width:48px;height:48px}.is-guest .guest-video-help{min-height:42px;padding:4px 12px}.is-guest .guest-help-copy strong{font-size:13px;line-height:16px}.is-guest .guest-help-copy small{font-size:10px;line-height:13px}}
@media(orientation:landscape) and (max-height:350px){.is-guest .guest-login-brand>.guest-gate-visual{flex-basis:38px;width:38px;height:38px}.is-guest .guest-video-help{min-height:36px;padding:3px 10px}}

/* Paket detayı: araç özeti, kısa açıklamalar ve ortak ölçülü işlem alanı. */
#detail-modal.is-quote-workspace .detail-head{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:8px 18px;min-height:60px;padding:10px 14px;background:#fff}
#detail-modal.is-quote-workspace .detail-head>div:first-child{min-width:0}
#detail-modal.is-quote-workspace .detail-head p{margin:0 0 3px;color:#708095;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
#detail-modal.is-quote-workspace .detail-head h2{margin:0;overflow:visible;text-overflow:clip;white-space:normal;font-size:17px;font-weight:800;line-height:1.3;letter-spacing:-.025em;color:#1c3047}
#detail-modal.is-quote-workspace .detail-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;min-width:0;max-width:100%;width:auto}
#detail-modal.is-quote-workspace .detail-entitlement-actions{display:flex;flex:0 1 auto;order:0;align-items:center;justify-content:flex-start;gap:5px;max-width:none;width:auto;margin:0 5px 0 0}
#detail-modal.is-quote-workspace .detail-actions .vehicle-entitlement-badge{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;width:auto;min-width:72px;max-width:none;height:34px;grid-template-rows:none;padding:5px 8px;border-radius:8px;animation:none}
#detail-modal.is-quote-workspace .detail-actions .vehicle-entitlement-badge svg{width:17px;height:17px;flex:0 0 17px}
#detail-modal.is-quote-workspace .detail-actions .vehicle-entitlement-badge b{font-size:8px;font-weight:800;letter-spacing:.015em;white-space:nowrap}
#detail-modal.is-quote-workspace .detail-actions>button,#detail-modal.is-quote-workspace .detail-actions>a,#detail-modal.is-quote-workspace #create-quote{min-height:34px;height:34px;margin:0;border-radius:8px;padding:0 11px;font-size:11px;line-height:1.2;box-shadow:none}
#detail-modal.is-quote-workspace .detail-actions .quote-reset-btn{color:#111827;background:#e5e7eb;border:0}
#detail-modal.is-quote-workspace .detail-actions .close-btn{color:#fff;background:linear-gradient(135deg,#108879,#07695f);border:0;box-shadow:0 5px 12px rgba(8,114,103,.16)}
#detail-modal.is-quote-workspace .detail-actions .quote-send-icon{width:17px;height:17px;flex-basis:17px;animation:none}
#detail-modal.is-quote-workspace .quote-copy-status:empty{display:none}
#detail-modal.is-quote-workspace .detail-actions .quote-copy-status:not(:empty){flex-basis:100%;order:10;max-width:100%;white-space:normal;font-size:11px}
#detail-modal.is-quote-workspace .detail-body{padding:12px;background:#f4f7fa}
.quote-overview{display:grid;grid-template-columns:1fr;gap:8px;min-width:0;margin-bottom:10px}
.quote-overview .quote-vehicle-overview{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(76px,auto);align-items:stretch;gap:1px;margin:0;padding:0;overflow:hidden;border:1px solid #cbdce9;border-radius:12px;background:#dfe8f0;box-shadow:0 3px 12px #19374c05;animation:none;color:#203b51}
.quote-overview .quote-vehicle-identity{display:flex;flex-direction:column;justify-content:center;min-width:0;height:100%;padding:9px 12px;align-self:stretch;background:#fff}
.quote-overview .quote-vehicle-identity>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px;min-width:0}
.quote-overview .quote-vehicle-identity strong{display:block;min-width:0;font-size:20px;line-height:1.2;font-weight:850;color:#183950;letter-spacing:-.03em;overflow-wrap:anywhere}
.quote-overview .quote-vehicle-identity .quote-vehicle-plate{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid #c4d4e2;border-left:4px solid #3474b1;border-radius:5px;color:#274863;background:#f5f9fd;font-size:12px;font-weight:850;letter-spacing:.045em;white-space:nowrap}
.quote-overview .quote-vehicle-identity p{margin:5px 0 0;color:#51677d;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.quote-overview .quote-vehicle-identity .quote-vehicle-production{display:inline-block;margin:0 0 0 8px;padding-left:8px;border-left:1px solid #dce5ee;color:#708297;font-size:10px;font-weight:500;line-height:1.35;letter-spacing:0}
.quote-overview .quote-vehicle-highlight{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-width:0;height:100%;padding:9px 12px;border:0;background:#fff}
.quote-overview .quote-vehicle-highlight>span{color:#718297;font-size:10px;font-weight:650;line-height:1.2;letter-spacing:.015em}
.quote-overview .quote-vehicle-highlight>strong{display:block;color:#1b4669;font-size:19px;font-weight:850;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.quote-overview .quote-vehicle-highlight>small{color:#617991;font-size:10px;font-weight:500;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.quote-overview .quote-vehicle-overview.is-warranty-expired .quote-vehicle-warranty-date>strong{color:#ad3f50}
.quote-overview .quote-vehicle-overview.is-warranty-active .quote-vehicle-warranty-date>strong{color:#176a60}
.quote-overview .quote-discount-toolbar{position:relative;grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px 14px;margin:0;padding:8px;border:1px solid #dce5ee;border-radius:10px;background:#fff}
.quote-overview .quote-discount-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;flex:1 1 250px;min-width:0}
.quote-overview .quote-age-presets{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;flex:1 1 450px;min-width:0}
.quote-overview .quote-discount-control{min-width:0}
.quote-overview .quote-discount-main,.quote-overview .quote-age-presets button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:32px;height:32px;padding:4px 9px;border:1px solid #d3dfea;border-radius:7px;background:#f8fafc;color:#0f172a;font-size:10px;font-weight:750;line-height:1.2;white-space:nowrap;box-shadow:none;animation:none}
.quote-overview .quote-discount-main{width:100%}
.quote-overview .quote-discount-main em{margin:0;color:#dc2626;font-size:10px;font-style:normal}
.quote-overview .quote-age-presets button.is-active{border-color:#0f766e;background:#0f766e;color:#fff;outline:0;box-shadow:0 0 0 2px rgba(15,118,110,.14)}
.quote-overview .quote-age-presets .quote-fya-preset[data-maintenance-campaign-toggle]{animation:none;box-shadow:none;border-color:#e7ae93;color:#86241c;background:#fff3ec}
.quote-overview .quote-age-presets .quote-fya-preset[data-maintenance-campaign-toggle].is-active{background:#b70932;color:#fff;border-color:#b70932}
.quote-overview .quote-fixed-campaign-note{flex-basis:100%;margin:0;padding:5px 2px 0;border:0;border-top:1px solid #edf1f5;border-radius:0;color:#728094;background:transparent;font-size:10px;font-weight:500;line-height:1.4}
.quote-overview .quote-fixed-campaign-note b{font-weight:750;color:#3b5d77}
.quote-overview .quote-vehicle-details{width:100%;min-width:0;margin:0;border:1px solid #d4e0eb;border-radius:10px;background:#fff;box-shadow:none}
.quote-overview .quote-vehicle-details>summary{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;min-height:38px;padding:8px 11px;background:#fff;animation:none;text-align:left}
.quote-overview .quote-vehicle-details>summary>span{display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px;justify-self:auto;color:#315773;font-size:12px;font-weight:750;letter-spacing:0}
.quote-overview .quote-vehicle-details>summary>span small{color:#8796a6;font-size:10px;font-weight:450;letter-spacing:0}
.quote-overview .quote-vehicle-profile-status{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;gap:6px;width:auto;justify-self:auto}
.quote-overview .quote-vehicle-profile-status>small{font-size:9px;letter-spacing:0}
.quote-overview .quote-vehicle-profile-status>i{display:flex;align-items:center;gap:7px;color:#5b7c98;font-size:10px;font-style:normal}
.quote-overview .quote-vehicle-profile-status em{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #d2dfea;border-radius:50%;font-size:14px;font-style:normal;transition:transform .2s}
.quote-overview .quote-vehicle-details[open]>summary em{transform:rotate(180deg)}
.quote-overview .quote-vehicle-profile-status .is-open{display:none}
.quote-overview .quote-vehicle-details[open] .quote-vehicle-profile-status .is-open{display:inline}
.quote-overview .quote-vehicle-details[open] .quote-vehicle-profile-status .is-closed{display:none}
.quote-overview .quote-vehicle-details dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:0;margin:0}
.quote-overview .quote-vehicle-details dl>div,.quote-overview .quote-vehicle-details dl>div.is-wide{grid-column:auto!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0;min-height:53px;padding:9px 11px;text-align:left;background:#fff;box-shadow:inset -1px -1px #e6edf3}
.quote-overview .quote-vehicle-details dl>div.is-key{background:#f2f7fc}
.quote-overview .quote-vehicle-details dt{color:#8190a1;font-size:10px;font-weight:600;line-height:1.2;text-transform:none;letter-spacing:0}
.quote-overview .quote-vehicle-details dd{display:block;margin:0;overflow:visible;color:#2c4b65;font-size:12px;font-weight:650;line-height:1.4;white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:unset}
.quote-overview .quote-vehicle-details .is-key dd{color:#1d5b87;font-weight:800}
.quote-overview .quote-vehicle-details .vehicle-history-trigger{color:#285c82;text-align:left}
.quote-overview .quote-vehicle-technical.is-inline>summary,.quote-overview .quote-vehicle-maintenance>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:8px 11px;border:0;border-top:1px solid #e3eaf1;background:#f8fafc;color:#55748d;font-size:11px;font-weight:650;letter-spacing:0;text-transform:none;animation:none;list-style:none;cursor:pointer}
.quote-overview .quote-vehicle-technical.is-inline>summary i,.quote-overview .quote-vehicle-maintenance>summary i{font-size:14px;font-style:normal}
.quote-overview .quote-vehicle-maintenance>summary::-webkit-details-marker{display:none}
.quote-overview .quote-vehicle-details-loading,.quote-overview .quote-vehicle-maintenance-state{padding:9px 11px;background:#f8fafc}
.quote-overview .quote-vehicle-maintenance-state strong{font-size:11px}
.quote-overview .quote-vehicle-maintenance-state small{font-size:10px;line-height:1.4}
.quote-overview .quote-vehicle-maintenance-list strong{font-size:11px;line-height:1.4}
.quote-overview .quote-vehicle-maintenance-list small{font-size:10px;line-height:1.35}
.quote-overview summary:focus-visible,#detail-modal.is-quote-workspace .detail-actions button:focus-visible{outline:2px solid #568fc0;outline-offset:2px}

.quote-overview .quote-vehicle-overview.has-maintenance{grid-template-columns:repeat(4,minmax(0,1fr))}
.quote-overview .quote-vehicle-identity .quote-vehicle-production{display:block;margin:3px 0 0;padding:0;border:0}
.quote-overview .quote-vehicle-highlight.quote-maintenance-fact>strong{font-size:15px}
.quote-overview .quote-vehicle-highlight.quote-maintenance-recommendation{background:#eff8f5}
.quote-overview .quote-vehicle-highlight.quote-maintenance-recommendation>strong{color:#176451;font-size:17px}
.quote-overview .quote-vehicle-highlight.quote-vehicle-warranty-date{background:#f3f7fc}
.quote-overview .quote-discount-groups .quote-discount-main{background:#fff;border-color:#cbd5e1;color:#0f172a}
.quote-overview .quote-age-presets .quote-secondhand-preset{color:#fff;background:#b42318;border-color:#b42318}
.quote-overview .quote-age-presets .quote-secondhand-preset.is-active{background:#912018;border-color:#7a271a}
.quote-overview .quote-age-presets .quote-code-toggle{color:#fff;background:#0f766e;border-color:#0f766e}
.quote-overview .quote-age-presets .quote-code-toggle.is-active{background:#115e59;border-color:#115e59}
#detail-modal.is-quote-workspace #create-quote{box-shadow:0 4px 12px rgba(26,77,161,.18)}
@media(max-width:1120px){
 #detail-modal.is-quote-workspace .detail-head{grid-template-columns:1fr;gap:9px}
 #detail-modal.is-quote-workspace .detail-actions{justify-content:flex-start;width:100%}
 #detail-modal.is-quote-workspace .detail-actions .close-btn{margin-left:auto}
 .quote-overview .quote-discount-groups{flex-basis:230px}
 .quote-overview .quote-age-presets{flex-basis:360px}
}
@media(max-width:700px){
 #detail-modal.is-quote-workspace .detail-head{padding:10px;gap:8px}
 #detail-modal.is-quote-workspace .detail-head h2{font-size:15px}
 #detail-modal.is-quote-workspace .detail-head p{font-size:9px}
 #detail-modal.is-quote-workspace .detail-actions{gap:5px}
 #detail-modal.is-quote-workspace .detail-entitlement-actions{flex:1 1 100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0;width:100%}
 #detail-modal.is-quote-workspace .detail-actions .vehicle-entitlement-badge{width:100%;min-width:0;height:32px;padding:4px 5px}
 #detail-modal.is-quote-workspace .detail-actions .vehicle-entitlement-badge b{font-size:9px}
 #detail-modal.is-quote-workspace .detail-actions .quote-copy-wrap{flex:1;min-width:0}
 #detail-modal.is-quote-workspace #create-quote{width:100%}
 #detail-modal.is-quote-workspace .detail-actions .quote-reset-btn,#detail-modal.is-quote-workspace .detail-actions .close-btn{flex:0 0 65px;min-width:0;padding:0 7px}
 #detail-modal.is-quote-workspace .detail-actions .close-btn{margin-left:auto}
 #detail-modal.is-quote-workspace .detail-body{padding:8px}
 .quote-overview{grid-template-columns:1fr;gap:7px;margin-bottom:8px}
 .quote-overview .quote-vehicle-overview{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(76px,auto);border-radius:10px}
 .quote-overview .quote-vehicle-identity{grid-column:auto;padding:9px 10px;border-bottom:0}
 .quote-overview .quote-vehicle-identity strong{font-size:19px}
 .quote-overview .quote-vehicle-identity p{font-size:10px;margin-top:4px}
 .quote-overview .quote-vehicle-identity .quote-vehicle-production{margin:3px 0 0 6px;padding:0;border:0;font-size:9px}
 .quote-overview .quote-vehicle-highlight{padding:8px 10px;gap:3px;border:0}
 .quote-overview .quote-vehicle-warranty-date{grid-column:auto;display:flex;align-items:flex-start;padding:8px 10px;border:0}
 .quote-overview .quote-vehicle-highlight>strong{font-size:18px}
 .quote-overview .quote-vehicle-highlight>span,.quote-overview .quote-vehicle-highlight>small{font-size:9px}
 .quote-overview .quote-discount-toolbar{display:grid;grid-template-columns:1fr;gap:6px;padding:7px}
 .quote-overview .quote-discount-groups{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .quote-overview .quote-age-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%}
 .quote-overview .quote-discount-main,.quote-overview .quote-age-presets button{width:100%;padding:4px 5px;font-size:10px;min-height:30px;height:30px}
 .quote-overview .quote-fixed-campaign-note{font-size:9px;line-height:1.4;padding-top:5px}
 .quote-overview .quote-vehicle-details>summary{padding:8px 9px}
 .quote-overview .quote-vehicle-details>summary>span{gap:3px 7px;font-size:11px}
 .quote-overview .quote-vehicle-details>summary>span small{font-size:9px}
 .quote-overview .quote-vehicle-profile-status>small{max-width:95px;font-size:8px;line-height:1.3}
 .quote-overview .quote-vehicle-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}
 .quote-overview .quote-vehicle-details dl>div,.quote-overview .quote-vehicle-details dl>div.is-wide{min-height:49px;padding:8px 9px}
 .quote-overview .quote-vehicle-details dt{font-size:9px}
 .quote-overview .quote-vehicle-details dd{font-size:11px}
}

.quote-overview .quote-discount-info{min-width:0}
.quote-overview .quote-discount-info>summary{display:flex;align-items:center;justify-content:center;gap:4px;min-height:32px;padding:4px 9px;border:1px solid #d3dfea;border-radius:7px;background:#f8fafc;color:#647c92;font-size:10px;font-weight:650;line-height:1.2;white-space:nowrap;list-style:none;cursor:pointer}
.quote-overview .quote-discount-info>summary::-webkit-details-marker{display:none}
.quote-overview .quote-discount-info>summary i{display:inline-grid;place-items:center;flex:0 0 12px;width:12px;height:12px;border:1px solid currentColor;border-radius:50%;font-family:Georgia,serif;font-style:normal;font-size:9px;line-height:1}
.quote-overview .quote-discount-info[open]>summary{border-color:#8eafca;background:#ecf4fb;color:#2d638d}
.quote-overview .quote-discount-info .quote-fixed-campaign-note{position:absolute;z-index:20;left:7px;right:7px;top:calc(100% - 1px);margin:0;padding:10px 12px;border:1px solid #bacee0;border-radius:8px;color:#48647c;background:#fff;font-size:11px;line-height:1.5;box-shadow:0 8px 22px #173c5e22;white-space:normal}
.quote-overview>.quote-discount-toolbar+.quote-vehicle-details{grid-column:1/-1}

@media(max-width:700px){.quote-overview .quote-discount-info>summary{min-height:30px;height:30px;padding:4px 5px;font-size:10px}.quote-overview .quote-vehicle-overview .quote-vehicle-identity strong{font-size:17px}.quote-overview .quote-vehicle-overview .quote-vehicle-identity>div{gap:5px 7px}}

@media(max-width:700px){
 .quote-overview .quote-vehicle-overview.has-maintenance{grid-template-columns:repeat(2,minmax(0,1fr))}
 .quote-overview .quote-vehicle-identity .quote-vehicle-production{display:block;margin:3px 0 0}
 .quote-overview .quote-vehicle-identity{padding:8px 10px}
 .quote-overview .quote-vehicle-overview .quote-vehicle-identity strong{font-size:18px}
 .quote-overview .quote-vehicle-highlight.quote-maintenance-fact>strong{font-size:15px}
 .quote-overview .quote-vehicle-highlight.quote-maintenance-recommendation>strong{font-size:16px}
}

/* Öne çıkan bilgiler: kimlik tekrarı olmadan ortalı, tek ve eşit satır. */
.quote-overview .quote-vehicle-overview.is-compact{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(64px,auto)}
.quote-overview .quote-vehicle-overview.is-compact.has-maintenance{grid-template-columns:repeat(5,minmax(0,1fr))}
.quote-overview .quote-vehicle-overview.is-compact>.quote-vehicle-highlight{grid-column:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;height:100%;padding:8px 5px;text-align:center}
.quote-overview .quote-vehicle-overview.is-compact>.quote-vehicle-highlight>span{display:flex;align-items:center;justify-content:center;min-height:14px;max-width:100%;color:#708398;font-size:10px;font-weight:600;line-height:1.2;letter-spacing:0;text-align:center}
.quote-overview .quote-vehicle-overview.is-compact>.quote-vehicle-highlight>strong{display:block;max-width:100%;color:#244d6d;font-size:clamp(11px,1.2vw,18px);font-weight:800;line-height:1.3;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.quote-overview .quote-vehicle-overview.is-compact>.quote-vehicle-warranty-date>strong{font-size:clamp(9px,2.7vw,18px)}
.quote-overview .quote-vehicle-overview.is-compact>.quote-vehicle-highlight>small{max-width:100%;margin:0;color:#71869a;font-size:10px;font-weight:500;line-height:1.25;text-align:center;overflow-wrap:anywhere}
.quote-overview .quote-vehicle-overview.is-compact>.quote-maintenance-recommendation>strong{color:#176451}
.quote-overview .quote-vehicle-overview.is-compact.is-warranty-active>.quote-vehicle-warranty-date>strong{color:#176a60}
.quote-overview .quote-vehicle-overview.is-compact.is-warranty-expired>.quote-vehicle-warranty-date>strong{color:#ad3f50}
@media(max-width:700px){
 .quote-overview .quote-vehicle-overview.is-compact{grid-auto-rows:minmax(64px,auto)}
 .quote-overview .quote-vehicle-overview.is-compact>.quote-vehicle-highlight{gap:3px;padding:7px 3px}
 .quote-overview .quote-vehicle-overview.is-compact>.quote-vehicle-highlight>span{min-height:23px;font-size:9px;line-height:1.25}
 .quote-overview .quote-vehicle-overview.is-compact>.quote-vehicle-highlight>small{font-size:clamp(8px,2vw,10px)}
 .quote-overview .quote-vehicle-overview.is-compact>.quote-vehicle-warranty-date>small{font-size:8px;line-height:1.2}
}
@media(max-width:350px){.quote-overview .quote-vehicle-overview.is-compact>.quote-vehicle-highlight>span{font-size:8.5px}.quote-overview .quote-vehicle-overview.is-compact>.quote-vehicle-highlight{padding-inline:1px}}

/* Teknik bilgiler ve periyotlar yalnız ana araç detayıyla açılır. */
.quote-overview .quote-vehicle-details .quote-vehicle-section-title{display:block;min-height:0;margin:0;padding:7px 11px;border:0;border-bottom:1px solid #e3eaf1;background:#f8fafc;color:#55748d;font-size:11px;font-weight:650;line-height:1.3;letter-spacing:0;text-align:left;cursor:default}

/* Paket detayı araç kartı: bütün değerler kendi hücresinde ortalıdır. */
#detail-modal.is-quote-workspace .detail-head>div:first-child{text-align:center}
.quote-overview .quote-vehicle-details.is-centered-vehicle>summary{display:grid;grid-template-columns:minmax(56px,1fr) minmax(0,3fr) minmax(56px,1fr);align-items:center;gap:6px;min-height:38px;padding:4px 8px;text-align:center}
.quote-overview .quote-vehicle-details.is-centered-vehicle>summary>span{grid-column:2;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:stretch;gap:2px;min-width:0;text-align:center;line-height:1.25}
.quote-overview .quote-vehicle-details.is-centered-vehicle>summary>span small{max-width:100%;line-height:1.3;text-align:center;overflow-wrap:anywhere}
.quote-overview .quote-vehicle-details.is-centered-vehicle .quote-vehicle-profile-status{grid-column:3;justify-self:end;justify-content:center;flex-wrap:wrap;gap:3px;min-width:0;max-width:100%;text-align:center}
.quote-overview .quote-vehicle-details.is-centered-vehicle .quote-vehicle-profile-status>small{max-width:100%;line-height:1.25;overflow-wrap:anywhere}
.quote-overview .quote-vehicle-details.is-centered-vehicle dl>div{align-items:center;justify-content:center;gap:3px;min-height:49px;padding:7px 8px;text-align:center}
.quote-overview .quote-vehicle-details.is-centered-vehicle dt,.quote-overview .quote-vehicle-details.is-centered-vehicle dd{width:100%;max-width:100%;text-align:center}
.quote-overview .quote-vehicle-details.is-centered-vehicle dt{line-height:1.25}
.quote-overview .quote-vehicle-details.is-centered-vehicle dd{font-size:12px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.quote-overview .quote-vehicle-details.is-centered-vehicle .vehicle-history-trigger{display:inline-block;max-width:100%;margin-inline:auto;text-align:center;white-space:normal;overflow-wrap:anywhere}
.quote-overview .quote-vehicle-details.is-centered-vehicle .quote-vehicle-section-title{padding:7px 9px;text-align:center;font-weight:700}
.quote-overview .quote-vehicle-details.is-centered-vehicle .quote-vehicle-maintenance-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px}
.quote-overview .quote-vehicle-details.is-centered-vehicle .quote-vehicle-maintenance-list article{padding:6px;text-align:center}
.quote-overview .quote-vehicle-details.is-centered-vehicle .quote-vehicle-maintenance-list article>header{grid-template-columns:20px minmax(0,1fr) 20px;gap:3px;min-height:33px;padding:4px 2px}
.quote-overview .quote-vehicle-details.is-centered-vehicle .quote-vehicle-maintenance-list article>header>div{grid-column:2;display:grid;justify-items:center;gap:2px;min-width:0;text-align:center}
.quote-overview .quote-vehicle-details.is-centered-vehicle .quote-vehicle-maintenance-list article>header span,.quote-overview .quote-vehicle-details.is-centered-vehicle .quote-vehicle-maintenance-list article>header b{display:block;max-width:100%;text-align:center;white-space:normal;overflow-wrap:anywhere}
.quote-overview .quote-vehicle-details.is-centered-vehicle .quote-vehicle-maintenance-list article>header span{font-size:11px;line-height:1.25}
.quote-overview .quote-vehicle-details.is-centered-vehicle .quote-vehicle-maintenance-list article>header b{font-size:8px;font-weight:700;line-height:1.1;letter-spacing:0}
.quote-overview .quote-vehicle-details.is-centered-vehicle .quote-vehicle-maintenance-list li{justify-items:center;gap:2px;padding:6px 4px;text-align:center}
.quote-overview .quote-vehicle-details.is-centered-vehicle .quote-vehicle-maintenance-list li>*{max-width:100%;text-align:center;white-space:normal;overflow-wrap:anywhere}
.quote-overview .quote-vehicle-details.is-centered-vehicle .quote-vehicle-details-loading,.quote-overview .quote-vehicle-details.is-centered-vehicle .quote-vehicle-maintenance-state{justify-content:center;text-align:center}
@media(min-width:1100px){.quote-overview .quote-vehicle-details.is-centered-vehicle dl{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.quote-overview .quote-vehicle-details.is-centered-vehicle .quote-vehicle-maintenance-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .quote-overview .quote-vehicle-details.is-centered-vehicle>summary{padding:4px 6px;gap:3px}
 .quote-overview .quote-vehicle-details.is-centered-vehicle dl>div{min-height:47px;padding:6px 5px}
 .quote-overview .quote-vehicle-details.is-centered-vehicle dd{font-size:11px}
 .quote-overview .quote-vehicle-details.is-centered-vehicle .quote-vehicle-maintenance-list article{padding:4px}
}

/* Resmî kapsam bitişleri: tarih ve aynı kaydın kilometresi birlikte. */
.quote-overview .quote-vehicle-overview.is-compact.has-roadside{grid-template-columns:repeat(3,minmax(0,1fr))}
.quote-overview .quote-vehicle-overview.is-compact.has-roadside.has-maintenance{grid-template-columns:repeat(6,minmax(0,1fr))}
.quote-overview .quote-vehicle-overview.is-compact>.quote-vehicle-roadside-date{background:#f3f7fc}
.quote-overview .quote-vehicle-overview.is-compact>.quote-vehicle-roadside-date>strong{font-size:clamp(9px,2.7vw,18px)}
.quote-overview .quote-vehicle-overview.is-compact .quote-coverage-km{white-space:nowrap;font-variant-numeric:tabular-nums}
.quote-overview .quote-vehicle-details.is-centered-vehicle dd>.quote-coverage-km{display:block;margin-top:3px;color:#607991;font-size:10px;font-weight:500;line-height:1.25;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:700px){
 .quote-overview .quote-vehicle-overview.is-compact.has-roadside.has-maintenance{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(61px,auto)}
 .quote-overview .quote-vehicle-overview.is-compact.has-roadside>.quote-vehicle-highlight>span{min-height:12px}
 .quote-overview .quote-vehicle-overview.is-compact.has-roadside>.quote-vehicle-highlight>strong{font-size:clamp(11px,3vw,15px)}
 .quote-overview .quote-vehicle-overview.is-compact.has-roadside .quote-coverage-km{font-size:9px}
 .quote-overview .quote-vehicle-details.is-centered-vehicle dd>.quote-coverage-km{font-size:9px}
}

/* Aynı araç sorgusundan gelen beş hizmet: tek, eşit ölçülü buton grubu. */
#detail-modal.is-quote-workspace .detail-entitlement-actions.is-service-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;min-width:0}
#detail-modal.is-quote-workspace .detail-entitlement-actions.is-service-actions>.vehicle-entitlement-badge{width:100%;min-width:72px;max-width:none}
#detail-modal.is-quote-workspace .detail-entitlement-actions.is-service-actions>.vehicle-entitlement-badge.is-unknown{cursor:pointer}
.entitlement-info-dialog.is-service-dialog .entitlement-coverage-section{margin:0 0 12px}
.entitlement-info-dialog.is-service-dialog .entitlement-coverage-section>h3{margin:9px 0 6px;color:#526b84;font-size:12px}
.entitlement-info-dialog.is-service-dialog .entitlement-current{padding:9px 11px;margin:5px 0;border-left-width:1px}
.entitlement-info-dialog.is-service-dialog .entitlement-current>strong{display:block;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.entitlement-info-dialog.is-service-dialog .entitlement-record-dates{display:grid;grid-template-columns:repeat(var(--coverage-field-count,3),minmax(0,1fr));gap:6px;margin-top:8px;text-align:center}
.entitlement-info-dialog.is-service-dialog .entitlement-record-dates>span{display:flex;flex-direction:column;gap:3px;padding:6px 3px;border-radius:7px;background:#eef4f8;color:#657b8e;font-size:10px}
.entitlement-info-dialog.is-service-dialog .entitlement-record-dates b{color:#294c69;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.entitlement-info-dialog.is-service-dialog .entitlement-record-source{margin-top:7px;color:#708296;font-size:10px;line-height:1.45}
.entitlement-info-dialog.is-service-dialog .entitlement-record-source>summary{width:max-content;max-width:100%;cursor:pointer}
.entitlement-info-dialog.is-service-dialog .entitlement-record-source>p{margin:5px 0 0;overflow-wrap:anywhere}
.entitlement-info-dialog.is-service-dialog .entitlement-status.is-unknown{color:#8b681e}
.entitlement-info-dialog.is-service-dialog .entitlement-source-note,.entitlement-info-dialog.is-service-dialog .entitlement-eligibility{margin:9px 0;padding:9px 11px;border:1px solid #dfe8ef;border-radius:9px;background:#f7fafc;color:#526b80;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.entitlement-info-dialog.is-service-dialog .entitlement-source-note,.entitlement-info-dialog.is-service-dialog .entitlement-eligibility.is-unknown{border-color:#e9d7b2;background:#fffaf0;color:#86611d}
@media(max-width:700px){
 #detail-modal.is-quote-workspace .detail-entitlement-actions.is-service-actions{flex:1 1 100%;width:100%;margin:0;gap:4px}
 #detail-modal.is-quote-workspace .detail-entitlement-actions.is-service-actions>.vehicle-entitlement-badge{display:flex;flex-direction:column;gap:3px;min-width:0;height:43px;padding:4px 1px}
 #detail-modal.is-quote-workspace .detail-entitlement-actions.is-service-actions>.vehicle-entitlement-badge svg{width:17px;height:17px;flex:0 0 17px}
 #detail-modal.is-quote-workspace .detail-entitlement-actions.is-service-actions>.vehicle-entitlement-badge b{font-size:8px;line-height:1.1;letter-spacing:0}
}
@media(max-width:480px){
 .entitlement-info-dialog.is-service-dialog header,.entitlement-info-dialog.is-service-dialog .entitlement-info-content,.entitlement-info-dialog.is-service-dialog footer{padding:10px}
 .entitlement-info-dialog.is-service-dialog footer{gap:5px}
 .entitlement-info-dialog.is-service-dialog footer button{padding:9px 7px;font-size:11px}
 .entitlement-info-dialog.is-service-dialog .entitlement-record-dates b{font-size:11px}
}

.entitlement-info-dialog.is-service-dialog .entitlement-upgrade-choice.requires-confirmation{border-style:dashed;background:#fffbf4}.entitlement-info-dialog.is-service-dialog .entitlement-upgrade-choice small{color:#846623;font-size:10px;line-height:1.35}

/* Hizmet önerisini doğrudan müşteriye göndermek için kompakt iletişim formu. */
.entitlement-info-dialog.is-service-dialog .entitlement-send-box{margin:12px 0 5px;padding:10px;border:1px solid #cddfd6;border-radius:10px;background:#f4faf7}
.entitlement-info-dialog.is-service-dialog .entitlement-send-box>h3{margin:0 0 8px;color:#21654e;font-size:12px}
.entitlement-info-dialog.is-service-dialog .entitlement-contact-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.2fr) minmax(100px,1fr);align-items:end;gap:8px}
.entitlement-info-dialog.is-service-dialog .entitlement-contact-grid>label{display:flex;flex-direction:column;gap:4px;min-width:0;color:#526d61;font-size:11px;font-weight:650}
.entitlement-info-dialog.is-service-dialog .entitlement-contact-grid input{box-sizing:border-box;width:100%;min-width:0;height:36px;padding:7px 8px;border:1px solid #bfd5c9;border-radius:7px;background:#fff;color:#1c3a2f;font:inherit;font-size:12px}
.entitlement-info-dialog.is-service-dialog .entitlement-contact-grid input:focus{outline:2px solid #8dc1ac;outline-offset:1px}
.entitlement-info-dialog.is-service-dialog .entitlement-net-price{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:54px;padding:6px;border-radius:8px;background:#e6f2ec;text-align:center}
.entitlement-info-dialog.is-service-dialog .entitlement-net-price>span{color:#567568;font-size:10px}
.entitlement-info-dialog.is-service-dialog .entitlement-net-price>strong{color:#165c43;font-size:15px;font-variant-numeric:tabular-nums;line-height:1.3;overflow-wrap:anywhere}
.entitlement-info-dialog.is-service-dialog .entitlement-contact-error{display:block;color:#a32732;font-size:11px;line-height:1.35}
.entitlement-info-dialog.is-service-dialog .entitlement-contact-error:empty{display:none}
@media(max-width:600px){
 .entitlement-info-dialog.is-service-dialog .entitlement-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .entitlement-info-dialog.is-service-dialog .entitlement-net-price{grid-column:1/-1;flex-direction:row;justify-content:space-between;min-height:32px;padding:5px 9px}
 .entitlement-info-dialog.is-service-dialog .entitlement-send-box{padding:8px}
}

.entitlement-info-dialog.is-service-dialog .entitlement-conditional-note{margin:8px 0;color:#7d622b;font-size:11px;line-height:1.45}
.entitlement-info-dialog.is-service-dialog .entitlement-conditional-consent{display:flex;align-items:flex-start;gap:7px;margin-top:8px;color:#425c50;font-size:11px;font-weight:550;line-height:1.45;cursor:pointer}
.entitlement-info-dialog.is-service-dialog .entitlement-conditional-consent>input{flex:0 0 16px;width:16px;height:16px;margin:1px 0 0;accent-color:#166b4e}
.entitlement-info-dialog.is-service-dialog .entitlement-send:disabled{cursor:not-allowed;opacity:.5;filter:saturate(.45)}


.plate-lookup-duration {display:flex;align-items:center;justify-content:center;gap:3px;max-width:100%;margin-top:3px;color:#66788e;font:600 10px/1.3 system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}
.plate-lookup-duration svg {flex:0 0 10px;width:10px;height:10px;stroke:currentColor}
.plate-lookup-duration[data-lookup-duration="empty"] {color:#98a3b1}
.plate-lookup-duration.is-comparison {flex-direction:column;gap:2px;margin-top:4px}
.plate-lookup-duration.is-comparison>span {display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;max-width:78px}
.plate-lookup-duration.is-comparison b {font-size:9px;font-weight:600;color:#8794a3}
.plate-lookup-duration.is-comparison i {font-size:10px;font-style:normal;font-weight:650}
.plate-lookup-duration.is-comparison [data-lookup-duration="empty"] i {color:#98a3b1}

/* Tamamlanan sorgu: sol üstte taşınabilir, tek dokunuşla açılan düğme. */
.plate-lookup-overlay.has-query-progress.is-minimized .plate-lookup-card {position:fixed;left:var(--lookup-dock-x,max(12px,env(safe-area-inset-left)));top:var(--lookup-dock-y,max(12px,env(safe-area-inset-top)));right:auto;bottom:auto;box-sizing:border-box;width:max-content;max-width:min(128px,calc(100vw - 24px));max-height:none;min-height:0;margin:0;padding:0;border:1px solid #e1d8df;border-radius:14px;background:linear-gradient(120deg,#fff,#fff7fa);box-shadow:0 8px 30px #24304a26,0 2px 6px #24304a10;overflow:hidden}
.plate-lookup-overlay.has-query-progress.is-minimized[style*="--lookup-dock-y"] .plate-lookup-card {bottom:auto}
.lookup-progress-dock {display:flex;align-items:center;justify-content:center;min-height:50px;padding:3px;box-sizing:border-box}
.lookup-progress-dock-main {display:flex;align-items:center;gap:5px;flex:1 1 auto;min-width:0;padding:4px 5px;border:0;border-radius:12px;background:transparent;text-align:center;color:#27364d;font-family:inherit;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.lookup-progress-dock-main:focus-visible {outline:2px solid #a20c35;outline-offset:-1px}
.lookup-dock-icon {display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:linear-gradient(145deg,#bd1545,#8d1237);color:#fff;box-shadow:0 3px 8px #a20c3526}
.lookup-dock-icon svg {width:18px;height:18px}
.lookup-dock-label {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;flex:1 1 auto;min-width:0}
.lookup-dock-label strong {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;letter-spacing:.2px;line-height:1.2}
.lookup-dock-label small {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7b7082;font-size:9px;line-height:1.25}
.lookup-dock-label b {font-weight:650;font-variant-numeric:tabular-nums}
.plate-lookup-overlay.is-dock-dragging .lookup-progress-dock-main {cursor:grabbing}
.plate-lookup-overlay.is-dock-dragging .plate-lookup-card {box-shadow:0 12px 36px #24304a38;border-color:#d1a2b3}
.vehicle-entitlement-badge.is-confirmation {border-color:#c99b49;color:#ffeac0;background:linear-gradient(145deg,#795421,#543e22);opacity:1;cursor:pointer}

/* Müşteri formu: gerçek kaynak sorgusunun dar kapsamlı durum göstergesi. */
#quote-plate-form .quote-contact-lookup-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}
#quote-plate-form .quote-contact-lookup-status{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;max-width:70%;padding:0 5px;border-radius:20px;background:#eef6fb;color:#3e6d88;font-size:9px;font-weight:650;line-height:11px;white-space:nowrap;vertical-align:middle}
#quote-plate-form .quote-contact-lookup-status[hidden]{display:none!important}
#quote-plate-form .quote-contact-lookup-status i{display:block;width:9px;height:9px;box-sizing:border-box;flex:0 0 9px;border:1.5px solid currentColor;border-radius:50%;opacity:.8}
#quote-plate-form .quote-contact-lookup-status[data-state="pending"] i{border-right-color:transparent;animation:quote-contact-lookup-spin .8s linear infinite}
#quote-plate-form .quote-contact-lookup-status[data-state="ready"]{background:#edf8f2;color:#267650}
#quote-plate-form .quote-contact-lookup-status[data-state="ready"] i{width:9px;height:5px;margin-top:-3px;transform:rotate(-45deg);border:0;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;border-radius:0}
#quote-plate-form .quote-contact-lookup-status[data-state="not-found"],#quote-plate-form .quote-contact-lookup-status[data-state="review"]{background:#fff7e9;color:#95691e}
#quote-plate-form .quote-contact-lookup-status[data-state="error"]{background:#fff0ee;color:#a2544b}
#quote-plate-form .quote-contact-lookup-status[data-state="not-found"] i,#quote-plate-form .quote-contact-lookup-status[data-state="review"] i,#quote-plate-form .quote-contact-lookup-status[data-state="error"] i{border:0;width:3px;height:3px;flex-basis:3px;background:currentColor}
#quote-plate-form .quote-customer-source-selection{display:flex;flex-direction:column;gap:4px;grid-column:1/-1;min-width:0;margin:0;padding:7px 9px;border:1px solid #e8d5aa;border-radius:9px;background:#fff9ed}
#quote-plate-form .quote-customer-source-selection>span{display:block;margin:0;color:#805c20;font-size:10px;line-height:1.35;text-align:center;font-weight:650}
#quote-plate-form .quote-customer-source-selection>select{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:33px;padding:4px 26px 4px 8px;border:1px solid #dfcca5;border-radius:6px;background:#fff;color:#493b24;font:inherit;font-size:11px;text-overflow:ellipsis}
#quote-plate-form .quote-customer-source-selection>select:focus{outline:2px solid #be9a56;outline-offset:1px}
@keyframes quote-contact-lookup-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#quote-plate-form .quote-contact-lookup-status[data-state="pending"] i{animation:none;border-style:dotted}}

/* Araç sorgu penceresinde aynı ölçüde, erişilebilir yenileme düğmesi. */
.plate-lookup-overlay.has-query-progress .lookup-progress-controls .lookup-progress-refresh svg{width:17px;height:17px}
.plate-lookup-overlay.has-query-progress .lookup-progress-controls .lookup-progress-refresh:disabled{cursor:wait;opacity:.65}
.plate-lookup-overlay.has-query-progress .lookup-progress-controls .lookup-progress-refresh.is-refreshing svg{animation:lookup-vehicle-refresh-spin 1s linear infinite}
@keyframes lookup-vehicle-refresh-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.plate-lookup-overlay.has-query-progress .lookup-progress-controls .lookup-progress-refresh.is-refreshing svg{animation:none}}

/* Ayrı yıllık gereksinimler, önerilen km paketinin yanında dokunarak açılır. */
.quote-overview .quote-maintenance-additional-review{max-width:100%;color:#8d570f;font-size:10px;line-height:1.35;text-align:center}
.quote-overview .quote-maintenance-additional-review>summary{cursor:pointer;overflow-wrap:anywhere}
.quote-overview .quote-maintenance-additional-review>p{margin:4px 0 0;white-space:normal;overflow-wrap:anywhere}

/* Ana sayfa araç modelleri: fiyat veya paket ayrıntısı yüklenmez. */
.is-authenticated .package-card.model-card{
  appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  width:100%;min-height:224px;gap:9px;padding:14px 14px 18px;text-align:center;font:inherit;color:inherit;cursor:pointer;
}
.is-authenticated .model-card .package-image{width:100%;height:148px;object-fit:contain;border-radius:12px;margin:0;background:#f7f9fc}
.is-authenticated .model-card .package-title{display:block;margin:2px 0 0;min-height:0;font-size:18px;line-height:1.25}
.model-card .model-package-count{color:#617186;font-size:13px;font-weight:650}
.model-card:focus-visible{outline:3px solid #be1043;outline-offset:3px}
@media(max-width:600px){.is-authenticated .package-card.model-card{min-height:192px;padding:10px 10px 14px;gap:7px}.is-authenticated .model-card .package-image{height:120px}.is-authenticated .model-card .package-title{font-size:16px}}

/* Paket adı: model, motor, versiyon ve periyot tek okunaklı başlıkta. */
#detail-modal.has-package-heading .detail-head>div:first-child{min-width:0;max-width:100%;padding:7px 12px;border:1px solid #e1e7ef;border-radius:10px;background:linear-gradient(110deg,#faf3f6,#f3f8fc);text-align:center}
#detail-modal.has-package-heading #detail-subtitle{display:none}
#detail-modal.has-package-heading #detail-title{--package-heading-min:14;display:block;min-width:0;max-width:100%;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:800;line-height:1.4;letter-spacing:-.015em;color:#21394f}
@media(max-width:600px){#detail-modal.has-package-heading .detail-head>div:first-child{padding:6px 8px}#detail-modal.has-package-heading #detail-title{--package-heading-min:13;font-size:20px}}

/* Model vitrini: ekran alanına göre tek yerleşim, paketler ayrı yüklenir. */
.is-authenticated .package-grid.is-model-grid{
  --model-columns:6;--model-rows:3;--model-grid-height:calc(100svh - 340px);--model-gap:10px;
  display:grid;grid-template-columns:repeat(var(--model-columns),minmax(0,1fr));
  grid-template-rows:repeat(var(--model-rows),minmax(0,1fr));
  height:var(--model-grid-height);min-height:0;gap:var(--model-gap);padding:6px 0 0;box-sizing:border-box;
}
.is-authenticated .is-model-grid .package-card.model-card{
  display:flex;min-width:0;min-height:0;height:100%;gap:3px;padding:10px;overflow:hidden;
}
.is-authenticated .is-model-grid .model-card .package-image{
  flex:1 1 0;min-height:0;height:0;width:100%;object-fit:contain;border-radius:9px;
}
.is-authenticated .is-model-grid .model-card .package-title{
  flex:0 0 auto;max-width:100%;margin:0;font-size:var(--model-title-size,16px);line-height:1.15;
  white-space:normal;overflow-wrap:anywhere;
}
.is-authenticated .is-model-grid .model-package-count{flex:0 0 auto;font-size:12px;line-height:1.2}
.can-order-models .model-card{touch-action:manipulation;-webkit-touch-callout:none;user-select:none}
.model-order-dialog{width:min(340px,calc(100vw - 28px));padding:20px;border:1px solid #dbe3ed;border-radius:17px;color:#1d3043;background:#fff;box-shadow:0 20px 70px #10233855}
.model-order-dialog::backdrop{background:#10233888;backdrop-filter:blur(3px)}
.model-order-dialog form{display:grid;gap:10px}
.model-order-dialog header,.model-order-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:9px}
.model-order-dialog h2{margin:0;font-size:19px}.model-order-dialog p{margin:0}
.model-order-dialog label{font-size:13px;font-weight:750}
.model-order-dialog input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #b9c9d8;border-radius:10px;font:inherit;font-size:20px}
.model-order-dialog input:focus{outline:2px solid #ae123d;outline-offset:2px}
.model-order-dialog button{min-height:40px;padding:8px 15px;border:1px solid #d6e0e8;border-radius:9px;background:#f3f6f9;color:inherit;font:inherit;font-size:13px;font-weight:750;cursor:pointer}
.model-order-dialog header button{min-height:32px;padding:2px 9px;font-size:22px}
.model-order-dialog footer{justify-content:flex-end;margin-top:3px}
.model-order-dialog [type=submit]{color:#fff;background:#ad123d;border-color:#ad123d}
.model-order-dialog button:disabled{opacity:.6;cursor:wait}
.model-order-hint{font-size:12px;line-height:1.45;color:#62788b}.model-order-error{font-size:12px;color:#b52239}
@media(max-width:980px){
  .is-model-catalog .filter-strip.package-filter-strip{grid-template-columns:repeat(2,minmax(0,1fr)) 38px 38px 65px}
  .is-model-catalog .package-filter-strip>label:has(#filter-motor),
  .is-model-catalog .package-filter-strip>label:has(#filter-version),
  .is-model-catalog .package-filter-strip>label:has(#filter-km){display:none}
}
@media(max-width:700px){
  .is-model-catalog .home-start-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:6px 0}
  .is-model-catalog .home-quick-search{grid-column:1/-1;height:64px;padding:6px 9px;grid-template-columns:1fr 1.4fr;grid-template-rows:1fr;align-items:center;gap:8px}
  .is-model-catalog .home-quick-search>header strong{font-size:11px}
  .is-model-catalog .home-quick-search>header span{font-size:7px}
  .is-model-catalog .home-turkish-plate,.is-model-catalog .home-plate-search-submit{height:44px}
  .is-model-catalog .home-vehicle-card.is-waiting{display:none}
  .is-model-catalog .home-action-card{height:39px;padding:0;border-radius:9px}
  .is-model-catalog .home-action-card>div,.is-model-catalog .home-action-icon{display:none}
  .is-model-catalog .home-action-card button{min-height:39px;height:39px;margin:0;font-size:11px;border-radius:9px}
  .is-model-catalog .filter-strip.package-filter-strip{gap:5px;padding:6px;margin:0;grid-template-columns:repeat(2,minmax(0,1fr)) 27px 31px 48px}
  .is-model-catalog .filter-strip.package-filter-strip>label{min-width:0}
  .is-model-catalog .filter-strip.package-filter-strip label>span{font-size:7px}
  .is-model-catalog .filter-strip.package-filter-strip select{font-size:11px;padding-right:17px;padding-left:6px;height:38px;min-height:38px}
  .is-model-catalog .filter-strip.package-filter-strip>.reset-btn,
  .is-model-catalog .filter-package-count,.is-model-catalog .package-popularity-btn{height:38px;min-height:38px;font-size:10px}
  .is-authenticated .package-grid.is-model-grid{--model-columns:3;--model-rows:6;--model-grid-height:calc(100svh - 310px);--model-gap:6px}
  .is-authenticated .is-model-grid .package-card.model-card{padding:6px;gap:2px;border-radius:11px}
  .is-authenticated .is-model-grid .model-card .package-title{font-size:var(--model-title-size,13px)}
  .is-authenticated .is-model-grid .model-package-count{font-size:11px}
}
@media(max-height:650px) and (min-width:701px){
  .is-model-catalog .home-action-card,.is-model-catalog .home-quick-search,.is-model-catalog .home-vehicle-card{height:88px}
  .is-model-catalog .home-action-card p,.is-model-catalog .home-action-card small{display:none}
  .is-model-catalog .home-action-icon,.is-model-catalog .home-vehicle-icon{width:30px;height:30px}
  .is-model-catalog .home-action-card>div{padding:0 24px}
}

.is-authenticated .is-model-grid .model-card::before{height:100%}
@media(max-height:550px) and (min-width:701px){
  .is-model-catalog .app-topbar{min-height:48px;margin:4px 0;padding:4px 9px}
  .is-model-catalog .home-start-grid{grid-template-columns:2fr 1fr 1fr;margin:4px 0;gap:6px}
  .is-model-catalog .home-vehicle-card.is-waiting{display:none}
  .is-model-catalog .home-quick-search{height:48px;padding:3px 6px;grid-template-rows:1fr}
  .is-model-catalog .home-quick-search>header,.is-model-catalog .home-action-card>div,.is-model-catalog .home-action-icon{display:none}
  .is-model-catalog .home-turkish-plate,.is-model-catalog .home-plate-search-submit{height:40px}
  .is-model-catalog .home-action-card{height:48px;padding:0}
  .is-model-catalog .home-action-card button{height:48px;margin:0}
  .is-model-catalog .filter-strip.package-filter-strip{gap:5px;padding:5px;margin:0}
  .is-model-catalog .filter-strip.package-filter-strip select,
  .is-model-catalog .filter-strip.package-filter-strip>.reset-btn,
  .is-model-catalog .filter-package-count,.is-model-catalog .package-popularity-btn{height:38px;min-height:38px}
}
@media(max-width:980px){.is-model-catalog .filter-strip.package-filter-strip>label{grid-column:auto;grid-row:auto}}
@media(max-height:550px) and (min-width:701px){
  .is-authenticated .is-model-grid .package-card.model-card{padding:6px;gap:2px;border-radius:10px}
  .is-authenticated .is-model-grid .model-package-count{font-size:11px}
}
@media(max-width:980px){.is-model-catalog .filter-strip.package-filter-strip>.reset-btn{grid-column:auto}}

@media(max-height:780px) and (max-width:700px){
  .is-model-catalog .page-shell{padding-top:4px}
  .is-model-catalog .app-topbar{min-height:54px;margin:4px 0;padding:5px 8px}
  .is-model-catalog .home-quick-search{height:56px}
  .is-model-catalog .home-action-card,.is-model-catalog .home-action-card button{height:35px;min-height:35px}
  .is-model-catalog .filter-strip.package-filter-strip{padding:4px}
  .is-model-catalog .filter-strip.package-filter-strip>label{min-height:36px}
  .is-model-catalog .filter-strip.package-filter-strip select,
  .is-model-catalog .filter-strip.package-filter-strip>.reset-btn,
  .is-model-catalog .filter-package-count,.is-model-catalog .package-popularity-btn{height:36px;min-height:36px}
}

/* Filtre işlemleri masaüstünde mevcut sütunlarını, telefonda tek hücreyi kullanır. */
.package-filter-actions{display:contents}
.is-authenticated .package-filter-actions>.reset-btn{
  width:100%;height:42px;margin:0;padding:0 8px;border-radius:9px;
  color:#fff;background:linear-gradient(145deg,#303b4b,#161e2b);font-size:8px;font-weight:900;
}
@media(max-width:700px),(max-width:980px) and (max-height:550px){
  .is-authenticated .home-action-grid{display:none!important}
  .is-authenticated .filter-strip.package-filter-strip,
  .is-authenticated .filter-strip.package-filter-strip.is-contract-mode,
  .is-authenticated .filter-strip.package-filter-strip.is-contract-mode.is-contract-generic{
    grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;align-items:center;
  }
  .is-authenticated .filter-strip.package-filter-strip>label{grid-column:auto;grid-row:auto;min-width:0;min-height:42px}
  .is-authenticated .filter-strip.package-filter-strip label>span{top:4px;left:7px;max-width:calc(100% - 14px);font-size:8.5px;letter-spacing:.03em}
  .is-authenticated .filter-strip.package-filter-strip select{height:42px;min-height:42px;padding:15px 20px 3px 7px;font-size:13px;line-height:1.15}
  .is-authenticated .filter-strip.package-filter-strip>.package-filter-actions{
    display:grid;grid-template-columns:minmax(0,1fr) 28px 42px;align-items:center;gap:4px;min-width:0;
  }
  .is-authenticated .package-filter-actions>.filter-package-count,
  .is-authenticated .package-filter-actions>.package-popularity-btn,
  .is-authenticated .package-filter-actions>.reset-btn{
    grid-column:auto;grid-row:auto;width:100%;min-width:0;height:42px;min-height:42px;margin:0;padding:0;border-radius:8px;font-size:12px;
  }
  .is-authenticated .package-filter-actions>.package-popularity-btn svg{width:16px;height:16px}
}
@media(min-width:480px) and (max-width:700px),(min-width:701px) and (max-width:980px) and (max-height:550px){
  .is-authenticated:not(.is-model-catalog) .filter-strip.package-filter-strip,
  .is-authenticated:not(.is-model-catalog) .filter-strip.package-filter-strip.is-contract-mode,
  .is-authenticated:not(.is-model-catalog) .filter-strip.package-filter-strip.is-contract-mode.is-contract-generic{grid-template-columns:repeat(4,minmax(0,1fr))}
  .is-authenticated:not(.is-model-catalog) .filter-strip.package-filter-strip>.package-filter-actions{grid-column:span 3;grid-template-columns:44px 36px 64px;justify-content:end}
}

/* Standart arac kesitlerinde resim kutusu arka plani saydamdir. */
body img[src*="images/vehicles-v20261023/"]{background:transparent!important}

/* Araç görsellerinde alanı büyüt; en-boy oranını ve kart sınırlarını koru. */
.is-authenticated .package-grid.is-model-grid{gap:var(--model-gap,4px);padding-top:4px}
.is-authenticated .is-model-grid .package-card.model-card{padding:2px;gap:2px;border-radius:9px;overflow:hidden}
.is-authenticated .is-model-grid .model-card .package-image{
  padding:0;margin:0;max-width:100%;min-width:0;object-fit:contain;object-position:center;
  border:0;border-radius:5px;background:transparent;filter:none;transform:none;
}
.is-authenticated .is-model-grid .model-card:hover{transform:none}
.is-authenticated .is-model-grid .model-card:hover .package-image{transform:none}
.is-authenticated .is-model-grid .model-card:focus-visible{outline-offset:0}

/* Üç saniyelik sahne yalnız filtrelerin altındaki araç alanını kaplar. */
html[data-catalog-drive="running"] .is-model-grid > .model-card[data-drive-active]{opacity:0;pointer-events:auto}
.is-authenticated .is-model-grid > .model-card,
.is-authenticated .is-model-grid > .model-card > .package-image{animation:none;transform:none}
.catalog-drive-stage{
  position:fixed;inset:0;z-index:60;overflow:hidden;pointer-events:none!important;
  contain:strict;isolation:isolate;perspective:1200px;
}
.catalog-drive-stage>canvas{display:block;width:100%;height:100%;pointer-events:none}
.catalog-drive-car{position:absolute;left:0;top:0;pointer-events:none;opacity:0;transform-origin:50% 76%;backface-visibility:hidden}
.catalog-drive-car>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}
.catalog-drive-shadow{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse,rgba(20,30,45,.3),rgba(20,30,45,.12) 46%,transparent 73%);transform-origin:center;opacity:.6}
@media(prefers-reduced-motion:reduce){
  .catalog-drive-stage{display:none}
  html[data-catalog-drive="running"] .is-model-grid > .model-card[data-drive-active]{opacity:1;pointer-events:auto}
}

/* Ana yönetici: tüm modellerin ana sayfa kartlarını tek pencerede seçer. */
.home-model-tools{display:flex;justify-content:flex-end;margin:2px 0;min-height:26px}
.home-model-tools[hidden]{display:none}
.home-model-tools button{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:6px;padding:4px 8px;background:transparent;color:#80304b;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.home-model-tools button:hover,.home-model-tools button:focus-visible{background:#fff;outline:2px solid #ad123d;outline-offset:1px}
.model-visibility-dialog{width:min(480px,calc(100vw - 28px));max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:hidden;padding:16px}
.model-visibility-dialog form{max-height:calc(100dvh - 66px);grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:10px}
.model-visibility-list{min-height:0;max-height:55dvh;overflow:auto;overscroll-behavior:contain;display:grid;gap:4px;padding:3px}
.model-visibility-dialog .model-visibility-row{display:grid;grid-template-columns:64px minmax(0,1fr) 24px;gap:12px;align-items:center;min-height:48px;padding:5px 9px;border:1px solid #e1e7ee;border-radius:9px;background:#f8fafc;cursor:pointer}
.model-visibility-row:has(input:checked){background:#fff5f7;border-color:#e9bcc9}
.model-visibility-row img{width:64px;height:36px;object-fit:contain}
.model-visibility-row span{min-width:0;display:grid;gap:3px}
.model-visibility-row strong{font-size:13px;overflow-wrap:anywhere}
.model-visibility-row small{font-size:11px;font-weight:500;color:#62788b}
.model-visibility-dialog .model-visibility-row input{appearance:auto;accent-color:#ad123d;width:21px;height:21px;margin:0;padding:0;cursor:pointer}
.model-visibility-row:has(input:focus-visible){outline:2px solid #ad123d;outline-offset:0}
@media(max-width:400px){.model-visibility-dialog{padding:12px}.model-visibility-dialog h2{font-size:17px}.model-visibility-dialog .model-visibility-row{gap:8px;padding:5px 7px}}

/* Fotoğraf yalnız park tamamlandıktan sonra görünür; hareket gerçek 3B ağdadır. */
.catalog-drive-arrival{border:0;margin:0;padding:0;filter:none;transform:none;opacity:0;user-select:none;pointer-events:none!important}

/* Tek sayfalık giriş · aynı hizada katalog ve güvenli erişim paneli. */
.is-guest .guest-gate.guest-v2{height:100dvh;min-height:0;padding:20px 24px;display:block;overflow:hidden;background:radial-gradient(ellipse at 4% 5%,#f6ecef 0,transparent 43%),radial-gradient(ellipse at 96% 95%,#e7f2f1 0,transparent 43%),#f2f5f8;color:#203144}
.guest-v2::before,.guest-v2::after{display:none}
.guest-v2 .guest-page{width:min(1480px,100%);height:100%;margin:auto;display:grid;grid-template-rows:48px minmax(0,1fr) 20px;gap:16px}
.guest-v2 .guest-topline,.guest-v2 .guest-bottomline{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.guest-v2 .guest-wordmark{display:flex;align-items:center;gap:11px;color:#203144;text-decoration:none}
.guest-v2 .guest-wordmark>img{width:42px;height:42px;object-fit:contain;border-radius:12px}
.guest-v2 .guest-wordmark>span{display:grid;gap:1px}.guest-v2 .guest-wordmark strong{font-size:23px;letter-spacing:-.055em;line-height:1.1}.guest-v2 .guest-wordmark strong>span{color:#a9103d}.guest-v2 .guest-wordmark small{font-size:8px;font-weight:750;letter-spacing:.17em;color:#728295}
.guest-v2 .guest-topnav{display:flex;align-items:center;gap:24px;font-size:11px;font-weight:650}.guest-v2 .guest-topnav>a{color:#40586e;text-decoration:none}.guest-v2 .guest-topnav>a>span{margin-left:6px;color:#a8103c}
.guest-v2 .guest-live-indicator{display:flex;align-items:center;gap:7px;color:#367469}.guest-v2 .guest-live-indicator i{width:6px;height:6px;border-radius:50%;background:#2a9d80;box-shadow:0 0 0 4px #2a9d8014}.guest-v2 .guest-live-indicator.is-offline{color:#986a33}.guest-v2 .guest-live-indicator.is-offline i{background:#bd8a3f;box-shadow:none}
.guest-v2 .guest-main{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px}
.guest-v2 .guest-catalog-panel,.guest-v2 .guest-access{min-width:0;min-height:0;border:1px solid #dfe6ed;border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 14px 45px #243b5310}
.guest-v2 .guest-catalog-panel{display:flex;flex-direction:column;padding:23px 24px;gap:13px;overflow:hidden}
.guest-v2 .guest-eyebrow{color:#a5123e;font-size:8px;font-weight:800;letter-spacing:.15em;line-height:1.5}
.guest-v2 .guest-hero-copy h1{margin:6px 0 8px;font-size:clamp(30px,3.15vw,46px);line-height:1.05;font-weight:770;letter-spacing:-.055em;color:#203144}
.guest-v2 .guest-hero-copy h1 em{font-style:normal;font-weight:550;color:#a4123e}
.guest-v2 .guest-hero-copy p{margin:0;color:#7b8997;font-size:11.5px;line-height:1.6;max-width:62ch}
.guest-v2 .guest-statistics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:0 0 auto}
.guest-v2 .guest-statistics article{display:grid;gap:1px;padding:10px 14px;border:1px solid #e4eaf0;border-radius:11px;background:#f7f9fb;text-align:left;min-width:0}
.guest-v2 .guest-statistics strong{font-size:25px;font-weight:750;letter-spacing:-.045em;line-height:1.15;color:#2b4659;font-variant-numeric:tabular-nums}
.guest-v2 .guest-statistics article:first-child strong{color:#a4123e}.guest-v2 .guest-statistics span{font-size:9px;line-height:1.5;color:#7a8998}
.guest-v2 .guest-fleet-title{display:flex;justify-content:space-between;align-items:center;gap:10px;flex:0 0 auto}.guest-v2 .guest-fleet-title h2{font-size:12px;margin:0;font-weight:750;letter-spacing:-.01em}
.guest-v2 .guest-drive-replay{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #e1e8ee;border-radius:7px;background:#fff;padding:5px 8px;font:600 9px system-ui;color:#7a8c9e;cursor:pointer}.guest-v2 .guest-drive-replay>span{font-size:13px}.guest-v2 .guest-drive-replay:disabled{opacity:.5;cursor:default}
.guest-v2 .guest-fleet{flex:1 1 0;min-width:0;min-height:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:7px}
.guest-v2 .guest-car{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;min-width:0;width:100%;height:100%;padding:6px 5px 7px;margin:0;gap:2px;border:1px solid #e6ecf1;border-radius:11px;background:linear-gradient(150deg,#fff,#f5f8fb);color:#314b60;font:inherit;cursor:pointer;overflow:hidden;box-shadow:none;transition:border-color .18s,background-color .18s}
.guest-v2 .guest-car:hover{border-color:#b6c8d7;background:#f2f6fa;transform:none}.guest-v2 .guest-car:focus-visible,.guest-v2 button:focus-visible,.guest-v2 a:focus-visible,.guest-v2 input:focus-visible{outline:3px solid #b62c55;outline-offset:2px}
.guest-v2 .guest-car .package-image{flex:1 1 0;min-height:0;min-width:0;width:100%;height:0;max-height:120px;object-fit:contain;margin:0;padding:0;border:0;border-radius:0;background:transparent;filter:none;transform:none;transition:none}
.guest-v2 .guest-car>span{flex:0 0 auto;max-width:100%;font-size:11px;line-height:1.2;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guest-v2 .guest-car>small{flex:0 0 auto;font-size:9px;line-height:1.25;color:#93a1ae}.guest-v2 .guest-car>small>b{font-weight:750;color:#597487;font-variant-numeric:tabular-nums}
.guest-v2 .guest-fleet.is-driving .guest-car .package-image{opacity:0}
.guest-v2 .guest-access{padding:26px 25px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:22px}
.guest-v2 .guest-access-intro{text-align:center}.guest-v2 .guest-access-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 17px;border-radius:15px;background:#f8edf1;color:#a5123e;border:1px solid #f0dde5}.guest-v2 .guest-access-icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round}
.guest-v2 .guest-access-intro h2{margin:7px 0;font-size:25px;font-weight:730;letter-spacing:-.045em}.guest-v2 .guest-access-intro p{margin:0;color:#8593a0;font-size:11px;line-height:1.65}
.is-guest .guest-v2 .guest-login-form{display:grid;grid-template-columns:minmax(0,1fr);gap:13px;min-height:0;min-width:0;margin:0;padding:0;width:100%;max-width:none;background:none;border:0;box-shadow:none;animation:none}
.is-guest .guest-v2 .guest-login-form label{display:grid;gap:5px;margin:0;padding:0;min-height:0;width:100%;text-align:left}
.is-guest .guest-v2 .guest-login-form label>span{font-size:10px;font-weight:650;line-height:14px;text-align:left;color:#6c8092;margin:0;min-height:0}
.is-guest .guest-v2 .guest-login-form input{height:45px;min-height:0;max-height:none;width:100%;padding:0 12px;border:1px solid #dce5ed;border-radius:9px;background:#f8fafc;color:#263f54;font-size:15px;line-height:1.2;text-align:left;box-shadow:inset 0 1px 2px #1f34450a}
.is-guest .guest-v2 .guest-login-form input::placeholder{text-align:left;color:#a2adb7;font-weight:400;font-size:12px}.is-guest .guest-v2 .guest-login-form input:focus{border-color:#ba6681;background:#fff}
.is-guest .guest-v2 .guest-login-form .guest-login-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:2px 0 0;width:100%}
.is-guest .guest-v2 .guest-login-form .guest-login-actions>button{display:flex;align-items:center;justify-content:center;gap:8px;height:36px;min-height:0;width:100%;padding:0 5px;margin:0;border:1px solid #e0e6ed;border-radius:8px;font:600 10px system-ui;letter-spacing:0;background:#f8fafc;color:#60778a;box-shadow:none;text-decoration:none;cursor:pointer;white-space:nowrap}
.is-guest .guest-v2 .guest-login-form .guest-login-actions>.guest-login-submit{grid-column:1/-1;height:44px;background:linear-gradient(120deg,#a4113b,#851533);color:#fff;font-size:13px;font-weight:700;border-color:#951436;box-shadow:0 7px 15px #9514361a}.is-guest .guest-v2 .guest-login-submit>span{font-size:18px;line-height:1}
.is-guest .guest-v2 .guest-login-form .guest-login-actions>.guest-login-submit:hover{background:#8d1235}.is-guest .guest-v2 .guest-login-form.is-loading .guest-login-submit{opacity:.65;cursor:wait}
.is-guest .guest-v2 .guest-login-message{margin:0;min-height:0;font-size:11px;line-height:1.4;color:#ad2846;text-align:center}.is-guest .guest-v2 .guest-login-message:empty{display:none}
.guest-v2 .guest-app-section{display:grid;gap:8px}.guest-v2 .guest-app-title{font-size:8px;letter-spacing:.13em;font-weight:750;color:#91a0ad;text-align:center}
.is-guest .guest-v2 .guest-downloads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;width:100%}
.is-guest .guest-v2 .guest-downloads .guest-download-link{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:63px;min-height:0;min-width:0;padding:5px 3px;border:1px solid #e4eaf0;border-radius:9px;background:#fafcfd;box-shadow:none;color:#536f85;text-decoration:none}
.is-guest .guest-v2 .guest-downloads .guest-download-link img{width:20px;height:20px;object-fit:contain}.is-guest .guest-v2 .guest-downloads .guest-download-link span{display:grid;gap:1px;min-width:0;width:100%;text-align:center}.is-guest .guest-v2 .guest-downloads .guest-download-link strong{font-size:9px;line-height:11px;white-space:nowrap}.is-guest .guest-v2 .guest-downloads .guest-download-link small{font-size:7px;line-height:9px;color:#9aabb8;white-space:nowrap}.is-guest .guest-v2 .guest-downloads .guest-download-link>b{display:none}
.is-guest .guest-v2 .guest-security-note{display:flex;justify-content:center;align-items:center;gap:6px;font-size:8px;line-height:1.3;margin:0;color:#9aa8b4;white-space:normal;text-align:center}.guest-v2 .guest-security-note>span{width:5px;height:5px;border-radius:50%;background:#72a598;box-shadow:none}
.guest-v2 .guest-security-group{display:grid;gap:5px;justify-items:center}
.is-guest .guest-v2 .guest-security-note.guest-total-packages-note{font-size:10.5px;font-weight:700;color:#475d70;letter-spacing:.01em}
.guest-v2 .guest-security-note.guest-total-packages-note>span{width:6px;height:6px;background:#a5123e;box-shadow:0 0 0 3px #a5123e1f}
.guest-v2 .guest-security-note.guest-total-packages-note strong{color:#a5123e;font-weight:850;font-variant-numeric:tabular-nums}
.guest-v2 .guest-bottomline{font-size:10px;font-weight:650;color:#627588;line-height:1.4;justify-content:center;text-align:center}.guest-v2 .guest-bottomline b{margin:0 6px;color:#b5c1cb}
@media(max-height:800px) and (min-width:841px){
 .guest-v2 .guest-page{gap:12px}.guest-v2 .guest-access{padding:20px;gap:15px}.guest-v2 .guest-access-icon{margin-bottom:9px;width:38px;height:38px}.guest-v2 .guest-access-intro h2{font-size:22px}.guest-v2 .guest-catalog-panel{padding:18px;gap:10px}.guest-v2 .guest-hero-copy h1{font-size:35px}.guest-v2 .guest-statistics article{padding:7px 12px}.guest-v2 .guest-statistics strong{font-size:22px}
}
@media(max-width:1100px){.guest-v2 .guest-main{grid-template-columns:minmax(0,1fr) 310px;gap:14px}.guest-v2 .guest-fleet{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.guest-v2 .guest-catalog-panel{padding:18px;gap:11px}.guest-v2 .guest-access{padding:20px;gap:18px}.guest-v2 .guest-hero-copy h1{font-size:35px}}
@media(max-width:840px) and (orientation:portrait){
 .is-guest .guest-gate.guest-v2{padding:12px}.guest-v2 .guest-page{grid-template-rows:40px minmax(0,1fr) 16px;gap:10px}.guest-v2 .guest-main{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:10px}.guest-v2 .guest-access{grid-row:1;padding:13px 16px;gap:8px;border-radius:16px}.guest-v2 .guest-access-intro .guest-eyebrow,.guest-v2 .guest-access-icon,.guest-v2 .guest-access-intro p{display:none}.guest-v2 .guest-access-intro h2{margin:0;font-size:20px}
 .is-guest .guest-v2 .guest-login-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px}.is-guest .guest-v2 .guest-login-form input{height:41px;font-size:16px}.is-guest .guest-v2 .guest-login-form label{gap:3px}.is-guest .guest-v2 .guest-login-form label>span{font-size:9px;line-height:11px}.is-guest .guest-v2 .guest-login-form .guest-login-actions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}.is-guest .guest-v2 .guest-login-form .guest-login-actions>button{height:36px;font-size:10px}.is-guest .guest-v2 .guest-login-form .guest-login-actions>.guest-login-submit{grid-column:auto;height:36px;font-size:11px}.is-guest .guest-v2 .guest-login-message{grid-column:1/-1}
 .guest-v2 .guest-app-section{gap:4px}.guest-v2 .guest-app-title{font-size:7px;line-height:9px}.is-guest .guest-v2 .guest-downloads .guest-download-link{height:37px;padding:3px;flex-direction:row;gap:5px}.is-guest .guest-v2 .guest-downloads .guest-download-link img{width:17px;height:17px}.is-guest .guest-v2 .guest-downloads .guest-download-link small{display:none}.is-guest .guest-v2 .guest-downloads .guest-download-link strong{font-size:9px}.is-guest .guest-v2 .guest-security-note{font-size:7px}.is-guest .guest-v2 .guest-security-note.guest-total-packages-note{font-size:8.5px}
 .guest-v2 .guest-catalog-panel{padding:12px 13px;gap:7px;border-radius:16px}.guest-v2 .guest-hero-copy h1{font-size:22px;line-height:1.2;margin:2px 0 0}.guest-v2 .guest-hero-copy h1 br{display:none}.guest-v2 .guest-hero-copy p{display:none}.guest-v2 .guest-eyebrow{font-size:7px;letter-spacing:.1em}.guest-v2 .guest-statistics{gap:6px}.guest-v2 .guest-statistics article{padding:5px 9px;border-radius:8px}.guest-v2 .guest-statistics strong{font-size:20px}.guest-v2 .guest-statistics span{font-size:8px}.guest-v2 .guest-fleet{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.guest-v2 .guest-fleet-title h2{font-size:10px}.guest-v2 .guest-drive-replay{padding:2px 6px;font-size:8px}
 .guest-v2 .guest-car{padding:3px 3px 4px;border-radius:7px;gap:1px}.guest-v2 .guest-car>span{font-size:9px;line-height:1.2}.guest-v2 .guest-car>small{font-size:8px;line-height:1.2}.guest-v2 .guest-wordmark>img{width:34px;height:34px}.guest-v2 .guest-wordmark strong{font-size:21px}.guest-v2 .guest-wordmark small{font-size:6px;letter-spacing:.12em}.guest-v2 .guest-topnav{gap:10px;font-size:8px}.guest-v2 .guest-topnav>a{font-size:0}.guest-v2 .guest-topnav>a>span{font-size:15px}.guest-v2 .guest-live-indicator{gap:5px}.guest-v2 .guest-live-indicator i{width:5px;height:5px;box-shadow:none}.guest-v2 .guest-bottomline{font-size:8px;gap:5px}
}
@media(min-width:600px) and (max-width:840px) and (orientation:portrait){.guest-v2 .guest-fleet{grid-template-columns:repeat(6,minmax(0,1fr))}.guest-v2 .guest-access{padding:15px 28px}.guest-v2 .guest-car>span{font-size:11px}.guest-v2 .guest-hero-copy h1{font-size:28px}.guest-v2 .guest-statistics strong{font-size:24px}}
@media(max-height:680px) and (orientation:portrait){.is-guest .guest-gate.guest-v2{padding:8px}.guest-v2 .guest-page{gap:7px;grid-template-rows:35px minmax(0,1fr) 12px}.guest-v2 .guest-access{padding:9px 12px;gap:6px}.guest-v2 .guest-main{gap:7px}.guest-v2 .guest-access-intro h2{font-size:17px}.guest-v2 .guest-hero-copy .guest-eyebrow{display:none}.guest-v2 .guest-hero-copy h1{font-size:18px}.guest-v2 .guest-statistics strong{font-size:17px}.guest-v2 .guest-statistics article{padding:4px 7px}.guest-v2 .guest-catalog-panel{padding:9px;gap:5px}.is-guest .guest-v2 .guest-login-form input{height:36px}.is-guest .guest-v2 .guest-login-form .guest-login-actions>button{height:32px}.is-guest .guest-v2 .guest-login-form .guest-login-actions>.guest-login-submit{height:32px}}
@media(orientation:landscape) and (max-height:600px){
 .is-guest .guest-gate.guest-v2{padding:8px 12px}.guest-v2 .guest-page{grid-template-rows:32px minmax(0,1fr) 13px;gap:7px}.guest-v2 .guest-main{grid-template-columns:minmax(0,1fr) 300px;gap:10px}.guest-v2 .guest-catalog-panel{padding:10px;gap:6px;border-radius:14px}.guest-v2 .guest-hero-copy h1{font-size:23px;margin:2px 0}.guest-v2 .guest-hero-copy h1 br,.guest-v2 .guest-hero-copy p{display:none}.guest-v2 .guest-eyebrow{font-size:7px}.guest-v2 .guest-statistics article{padding:4px 8px}.guest-v2 .guest-statistics strong{font-size:18px}.guest-v2 .guest-statistics span{font-size:7px}.guest-v2 .guest-fleet-title h2{font-size:10px}.guest-v2 .guest-fleet{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.guest-v2 .guest-car{padding:3px;gap:0;border-radius:6px}.guest-v2 .guest-car>span{font-size:8px}.guest-v2 .guest-car>small{font-size:7px}
 .guest-v2 .guest-access{padding:12px;gap:8px;border-radius:14px}.guest-v2 .guest-access-icon,.guest-v2 .guest-access-intro>.guest-eyebrow,.guest-v2 .guest-access-intro p{display:none}.guest-v2 .guest-access-intro h2{font-size:19px;margin:0}.is-guest .guest-v2 .guest-login-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.is-guest .guest-v2 .guest-login-form label{gap:3px}.is-guest .guest-v2 .guest-login-form label>span{font-size:8px;line-height:10px}.is-guest .guest-v2 .guest-login-form input{height:35px;font-size:14px}.is-guest .guest-v2 .guest-login-form .guest-login-actions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.is-guest .guest-v2 .guest-login-form .guest-login-actions>button{height:33px;font-size:9px}.is-guest .guest-v2 .guest-login-form .guest-login-actions>.guest-login-submit{grid-column:auto;height:33px;font-size:10px}.is-guest .guest-v2 .guest-login-message{grid-column:1/-1}
 .guest-v2 .guest-app-section{gap:4px}.guest-v2 .guest-app-title{font-size:7px}.is-guest .guest-v2 .guest-downloads .guest-download-link{height:37px;flex-direction:row;gap:4px}.is-guest .guest-v2 .guest-downloads .guest-download-link img{width:16px;height:16px}.is-guest .guest-v2 .guest-downloads .guest-download-link small{display:none}.is-guest .guest-v2 .guest-downloads .guest-download-link strong{font-size:8px}.guest-v2 .guest-wordmark>img{width:30px;height:30px}.guest-v2 .guest-wordmark strong{font-size:19px}.guest-v2 .guest-wordmark small{font-size:6px}.guest-v2 .guest-bottomline{font-size:7px}
}
@media(max-height:510px) and (orientation:portrait){.is-guest,.is-guest .page-shell{height:auto;min-height:100dvh;overflow:auto}.is-guest .guest-gate.guest-v2{height:auto;min-height:100dvh;overflow:visible}.guest-v2 .guest-page{height:auto;min-height:100dvh}.guest-v2 .guest-catalog-panel{min-height:410px}}
@media(prefers-reduced-motion:reduce){.guest-v2 *{animation:none!important;scroll-behavior:auto!important}.guest-v2 .guest-drive-replay{display:none}}

/* Sade giriş: başlık/sayaç blokları olmadan dengeli iki panel; son satır da ortalı. */
.guest-v2 .guest-main{grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:22px}
.guest-v2 .guest-catalog-panel{padding:24px;gap:0;border-radius:22px;background:rgba(255,255,255,.8)}
.guest-v2 .guest-access{padding:30px;gap:23px;border-radius:22px;background:#fff}
.guest-v2 .guest-access>div,.guest-v2 .guest-access>form,.guest-v2 .guest-access>p{width:100%;max-width:350px;align-self:center}
.guest-v2 .guest-access-intro h2{font-size:25px;line-height:1.25}
.guest-v2 .guest-access-intro p{font-size:12px;line-height:1.7}
.guest-v2 .guest-fleet{--guest-cols:5;--guest-rows:var(--guest-rows-wide,4);--fleet-gap:10px;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:var(--fleet-gap);width:100%;height:100%;min-height:0}
.guest-v2 .guest-fleet>.guest-car{flex:0 0 calc((100% - (var(--guest-cols) - 1)*var(--fleet-gap))/var(--guest-cols));width:calc((100% - (var(--guest-cols) - 1)*var(--fleet-gap))/var(--guest-cols));height:calc((100% - (var(--guest-rows) - 1)*var(--fleet-gap))/var(--guest-rows));padding:10px 7px;gap:4px;border:1px solid #e6edf2;border-radius:13px;background:linear-gradient(145deg,#fff,#f5f8fa);box-shadow:0 3px 12px #213d5510}
.guest-v2 .guest-car .package-image{max-height:none;width:100%;object-fit:contain}
.guest-v2 .guest-car>span{font-size:12px;font-weight:700;color:#344b5e}.guest-v2 .guest-car>small{font-size:10px}
.guest-v2 .guest-topnav .guest-about-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:36px;padding:8px 14px;border:1px solid #d9e3eb;border-radius:10px;background:rgba(255,255,255,.9);box-shadow:0 3px 10px #27445b08;color:#51677b;font-size:11px;font-weight:650;white-space:nowrap;text-decoration:none}
.guest-v2 .guest-topnav .guest-about-link>span{margin:0;color:#a5123e;font-size:14px;line-height:1}.guest-v2 .guest-topnav .guest-about-link:hover{border-color:#c9a3b0;background:#fff;color:#a5123e}
@media(max-height:800px) and (min-width:841px){.guest-v2 .guest-access{padding:22px;gap:16px}.guest-v2 .guest-access-intro h2{font-size:22px}.guest-v2 .guest-catalog-panel{padding:19px}.guest-v2 .guest-fleet{--fleet-gap:8px}}
@media(max-width:1100px){.guest-v2 .guest-main{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:16px}.guest-v2 .guest-catalog-panel{padding:17px}.guest-v2 .guest-access{padding:22px;gap:17px}.guest-v2 .guest-fleet{--fleet-gap:7px}.guest-v2 .guest-fleet>.guest-car{padding:7px 5px;gap:2px}.guest-v2 .guest-car>span{font-size:10px}.guest-v2 .guest-car>small{font-size:9px}}
@media(max-width:840px) and (orientation:portrait){
 .guest-v2 .guest-main{grid-template-columns:minmax(0,1fr);gap:12px}.guest-v2 .guest-access{padding:14px 17px;gap:8px;border-radius:17px}.guest-v2 .guest-access>div,.guest-v2 .guest-access>form,.guest-v2 .guest-access>p{max-width:560px}.guest-v2 .guest-access-intro h2{font-size:20px;margin:0}.guest-v2 .guest-catalog-panel{padding:12px;border-radius:17px}.guest-v2 .guest-fleet{--guest-cols:4;--guest-rows:var(--guest-rows-small,5);--fleet-gap:6px}.guest-v2 .guest-fleet>.guest-car{padding:5px 3px;gap:2px;border-radius:9px}.guest-v2 .guest-car>span{font-size:10px}.guest-v2 .guest-car>small{font-size:8px}.guest-v2 .guest-topnav .guest-about-link{min-height:34px;padding:6px 10px;font-size:10px;border-radius:9px}
}
@media(min-width:600px) and (max-width:840px) and (orientation:portrait){.guest-v2 .guest-fleet{--guest-cols:5;--guest-rows:var(--guest-rows-wide,4);--fleet-gap:8px}.guest-v2 .guest-fleet>.guest-car{padding:8px 6px}.guest-v2 .guest-car>span{font-size:12px}.guest-v2 .guest-car>small{font-size:10px}.guest-v2 .guest-access{padding:16px 28px}}
@media(max-width:600px){.guest-v2 .guest-topnav .guest-live-indicator{display:none}.guest-v2 .guest-topnav{gap:0}.guest-v2 .guest-topnav .guest-about-link{font-size:11px}}
@media(max-height:680px) and (orientation:portrait){.guest-v2 .guest-access{padding:9px 12px;gap:6px}.guest-v2 .guest-access-intro h2{font-size:17px}.guest-v2 .guest-catalog-panel{padding:9px}.guest-v2 .guest-fleet{--fleet-gap:4px}.guest-v2 .guest-fleet>.guest-car{padding:4px 3px}.guest-v2 .guest-car>span{font-size:9px}.guest-v2 .guest-car>small{font-size:8px}}
@media(orientation:landscape) and (max-height:600px){.guest-v2 .guest-main{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:12px}.guest-v2 .guest-access{padding:12px;gap:8px;border-radius:15px}.guest-v2 .guest-access-intro h2{font-size:19px;margin:0}.guest-v2 .guest-access-intro p{display:none}.guest-v2 .guest-catalog-panel{padding:11px;border-radius:15px}.guest-v2 .guest-fleet{--fleet-gap:5px}.guest-v2 .guest-fleet>.guest-car{padding:4px;gap:1px}.guest-v2 .guest-car>span{font-size:9px}.guest-v2 .guest-car>small{font-size:8px}.guest-v2 .guest-topnav .guest-about-link{min-height:30px;padding:4px 10px;font-size:10px}}

.is-guest .guest-v2 .guest-access>.guest-login-form{max-width:350px}
@media(max-width:840px) and (orientation:portrait){.is-guest .guest-v2 .guest-access>.guest-login-form{max-width:560px}}

/* Giriş ve oturumlu ana ekran aynı ortak sürüş motorunu ve görünürlük evrelerini kullanır. */
html[data-catalog-drive="running"] .guest-v2 .guest-fleet>.guest-car[data-drive-active]{opacity:0;pointer-events:auto}

/* Ana sayfa araç seçimi: paket kataloğundan bağımsız model grupları. */
.model-visibility-dialog{width:min(560px,calc(100vw - 28px))}
.model-visibility-dialog form{grid-template-rows:auto auto auto minmax(0,1fr) auto auto}
.model-visibility-dialog .model-visibility-search{display:grid;gap:5px;min-width:0;font-size:11px}
.model-visibility-dialog .model-visibility-search input{width:100%;height:38px;padding:8px 11px;font-size:13px}
.model-visibility-group{display:grid;gap:4px;min-width:0}
.model-visibility-group>header{position:sticky;top:-3px;z-index:1;min-width:0;gap:8px;padding:8px 3px;background:#fff}
.model-visibility-group h3{margin:0;font-size:12px;font-weight:850;color:#334f64}
.model-visibility-group>header small{flex:0 0 auto;font-size:10px;color:#718294;white-space:nowrap}
.model-visibility-empty{padding:12px 0;text-align:center;font-size:12px;color:#62788b}
.model-visibility-group[hidden],.model-visibility-row[hidden],.model-visibility-empty[hidden]{display:none!important}
@media(max-width:400px){.model-visibility-group h3{font-size:11px}.model-visibility-row small{font-size:10px}}

/* Paket araç geçmişi: tek canlı tablo, tarihe göre renk ve sabit satır yüksekliği. */
.quote-bos-native{min-width:0;max-width:100%}
.quote-bos-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:37px;padding:5px 12px;border-bottom:1px solid #dbe6ee;color:#597184;background:#f8fbfd;font-size:11px;font-weight:650}
.quote-bos-summary strong{color:#203f58;font-size:13px}.quote-bos-summary i{padding:0 6px;color:#a3b4c2;font-style:normal}.quote-bos-summary time{margin-left:5px;color:#8192a0;font-size:10px}
.quote-bos-summary button{flex:0 0 auto;padding:5px 10px;border:1px solid #cbdbe6;border-radius:7px;color:#245877;background:#fff;font:inherit;font-size:10px;cursor:pointer}.quote-bos-summary button:hover{border-color:#75a0ba;background:#edf6fc}.quote-bos-summary button:disabled{opacity:.6;cursor:wait}
.quote-bos-table-scroll{width:100%;max-width:100%;height:min(610px,62vh);min-height:220px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:#fff}
.quote-bos-history-table{width:100%;min-width:850px;margin:0;border-collapse:separate;border-spacing:0;table-layout:fixed;color:#233d50;font:500 11px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif}
.quote-bos-history-table .history-date{width:9%}.quote-bos-history-table .history-service{width:16%}.quote-bos-history-table .history-code{width:11%}.quote-bos-history-table .history-description{width:32%}.quote-bos-history-table .history-unit{width:4%}.quote-bos-history-table .history-quantity{width:5%}.quote-bos-history-table .history-km{width:7%}.quote-bos-history-table .history-operation{width:16%}
.quote-bos-history-table th{position:sticky;top:0;z-index:1;height:33px;padding:7px 8px;border:0;border-bottom:1px solid #d4e1ea;color:#456176;background:#edf3f8;text-align:left;font-size:10px;font-weight:800;white-space:nowrap}
.quote-bos-history-table td{height:29px;max-height:29px;padding:5px 8px;overflow:hidden;border:0;border-bottom:1px solid rgba(85,118,139,.09);color:inherit;background:transparent;text-align:left;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.quote-bos-history-table td:nth-child(3){font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:650}.quote-bos-history-table td:nth-child(4){font-weight:600}.quote-bos-history-table td:nth-child(5),.quote-bos-history-table td:nth-child(6),.quote-bos-history-table td:nth-child(7){text-align:right;font-variant-numeric:tabular-nums}
.quote-bos-history-table tr[data-date-palette="0"]{--history-color:#216497;--history-tint:#edf6fd;--history-line:#bad8ef}.quote-bos-history-table tr[data-date-palette="1"]{--history-color:#297b63;--history-tint:#eef9f3;--history-line:#bbddca}.quote-bos-history-table tr[data-date-palette="2"]{--history-color:#85641a;--history-tint:#fff8e9;--history-line:#e8d69f}.quote-bos-history-table tr[data-date-palette="3"]{--history-color:#7d4e9b;--history-tint:#f6f0fc;--history-line:#d9c6ea}.quote-bos-history-table tr[data-date-palette="4"]{--history-color:#a14e69;--history-tint:#fdf0f4;--history-line:#edc5d2}.quote-bos-history-table tr[data-date-palette="5"]{--history-color:#327d87;--history-tint:#ecf9fa;--history-line:#b8dfe3}
.quote-bos-history-table tbody tr{background:var(--history-tint)}.quote-bos-history-table tr.is-date-start td{border-top:2px solid var(--history-line)}.quote-bos-history-table tr td:first-child{border-left:3px solid var(--history-color)}.quote-bos-history-table td time{color:var(--history-color);font-weight:800;font-variant-numeric:tabular-nums}.quote-bos-history-table tbody tr:hover{filter:brightness(.975)}
.quote-bos-refresh-error{margin:0;padding:8px 12px;border-bottom:1px solid #edc8cd;color:#962e42;background:#fff4f5;font-size:11px}
.vehicle-recall-dialog .recall-report-heading{padding:0 0 12px}.recall-report-heading small{color:#647789;font-size:10px;font-weight:750;letter-spacing:.04em}.vehicle-recall-dialog .recall-report-heading h3{display:block;margin:4px 0 5px;font-size:17px;line-height:1.4}.recall-report-heading p{margin:0;color:#546b7e;font-size:12px;line-height:1.55}
.recall-source-overview-grid,.recall-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.recall-source-overview-grid{margin:0 0 13px}.recall-source-overview{display:grid;gap:4px;padding:10px;border:1px solid #dbe5ec;border-radius:10px;background:#f4f8fb;text-align:center}.recall-source-overview strong{font-size:11px}.recall-source-overview span{font-size:12px;font-weight:700}.recall-source-overview small{color:#617487;font-size:10px;font-variant-numeric:tabular-nums}
.vehicle-recall-dialog .recall-report-card{padding:12px;margin:10px 0}.vehicle-recall-dialog .recall-report-card.is-review{border-left-color:#c98b21;background:#fffdfa}.recall-report-card.is-review .vehicle-recall-card-head>span{background:#fff1d6;color:#81570b}.recall-source-grid{margin-top:10px}.recall-source-cell{min-width:0;padding:9px;border:1px solid #e0e7ec;border-radius:9px;background:#fff;display:flex;align-items:center;flex-direction:column;gap:7px;text-align:center}.recall-source-cell>strong{font-size:11px;color:#4a6175}.recall-source-status{font-size:11px;font-weight:750;padding:4px 8px;border-radius:7px;background:#eef2f6;color:#526478}.recall-source-status.is-open{color:#9c2737;background:#fff0f2}.recall-source-status.is-completed{color:#17644a;background:#eaf7f0}.recall-source-status.is-unknown{color:#89631f;background:#fff5df}.recall-source-cell details{width:100%;text-align:left}.recall-source-cell summary{cursor:pointer;color:#47667d;font-size:10px;text-align:center}.vehicle-recall-dialog .recall-source-cell details p{margin:7px 0 0;font-size:11px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}.recall-source-cell>small{font-size:10px;line-height:1.4}.vehicle-recall-dialog p.recall-report-decision{margin:10px 0 0;color:#5a6774;font-size:11px;line-height:1.55}.recall-report-history{margin-top:13px;border-top:1px solid #dce6ed;padding-top:10px}.recall-report-history>summary{cursor:pointer;color:#3d5c71;font-size:12px;font-weight:700}.recall-report-history>summary b{float:right;background:#edf3f7;padding:1px 7px;border-radius:7px}.vehicle-recall-dialog .recall-report-footnote{margin:12px 0 0;font-size:10px;line-height:1.5}
.recall-conflict-confirm{padding:12px;border:1px solid #e8c675;border-radius:10px;background:#fff8e7;color:#745416;font-size:12px;line-height:1.5}.recall-conflict-confirm p{margin:0 0 8px}.recall-conflict-confirm>strong{display:block}.recall-conflict-confirm label{display:flex;align-items:flex-start;gap:8px;margin-top:9px;cursor:pointer}.recall-conflict-confirm input{flex:0 0 17px;width:17px;height:17px;margin:2px 0 0;accent-color:#9b6d19}
@media(max-width:600px){.recall-source-overview-grid{gap:5px}.recall-source-overview{padding:8px 4px}.recall-source-overview strong{font-size:9px}.recall-source-overview span{font-size:10px}.recall-source-overview small{font-size:9px}.recall-source-grid{grid-template-columns:1fr}.recall-source-cell{display:grid;grid-template-columns:100px 1fr;gap:6px;text-align:left;align-items:center}.recall-source-cell>strong{font-size:10px}.recall-source-cell>.recall-source-status{text-align:center}.recall-source-cell details,.recall-source-cell>small{grid-column:1/-1}.recall-source-cell summary{text-align:left}.vehicle-recall-dialog .recall-report-heading h3{font-size:15px}.recall-report-card .vehicle-recall-card-head>span{font-size:10px;max-width:72%;text-align:center}.vehicle-recall-content .recall-report-card .vehicle-recall-card-actions button{width:100%;font-size:12px}.vehicle-recall-dialog .vehicle-recall-content section+section{margin-top:12px}}
.quote-bos-native.is-source-expanded{grid-template-rows:auto auto minmax(0,1fr)}.quote-bos-native.is-source-expanded>.quote-bos-table-scroll{height:100%;min-height:0}.quote-bos-native.is-source-expanded>.quote-bos-state{grid-row:2 / -1}
@media(max-width:640px){.quote-bos-summary{gap:5px;padding:5px 8px;font-size:10px}.quote-bos-summary i{padding:0 3px}.quote-bos-summary time{display:none}.quote-bos-table-scroll{height:62vh;min-height:200px}.quote-bos-history-table{font-size:10px;min-width:780px}.quote-bos-history-table td{padding:5px 6px}.quote-bos-history-table th{padding:6px;font-size:9px}}

/* İsteğe bağlı kapsamlı teknik veri sorgusu */
.vehicle-technical-action{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:10px 0;padding:10px;border:1px solid #cbd9e4;border-radius:10px;background:#f7fafc}
.vehicle-technical-action>.detail-btn{width:auto;max-width:100%;margin:0;padding:9px 15px;font-size:12px;line-height:1.35}
.vehicle-technical-action>small{flex:1 1 180px;min-width:0;color:#42596d;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.vehicle-technical-action>small.is-error{color:#a32626}
.vehicle-technical-action>.detail-btn:disabled{cursor:default;opacity:.7}

/* Geri çağırma listesi: son doğrulanmış kaydın rengi, tazelikten ayrı gösterilir. */
.vehicle-recall-badge.is-completed{background:#175a45;border-color:#40ab82;color:#fff}
.quote-admin-table-wrap .vehicle-recall-badge.is-open{background:#8d2c36!important;border-color:#ed6a70!important;color:#fff!important;opacity:1}
.quote-admin-table-wrap .vehicle-recall-badge.is-clear,
.quote-admin-table-wrap .vehicle-recall-badge.is-completed{background:#175a45!important;border-color:#40ab82!important;color:#fff!important;opacity:1}
.quote-admin-table-wrap .vehicle-recall-badge.is-stale{border-style:dashed!important}

/* Kısa, sakin ve tutarlı popup geçişleri. */
.warranty-ledger-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.warranty-ledger-summary article{display:grid;gap:6px;padding:14px;border:1px solid #d5e2eb;border-radius:11px;background:#f1f7fb}.warranty-ledger-summary article+article{background:#fff8eb;border-color:#e8d6ac}.warranty-ledger-summary span,.warranty-ledger-summary small{font-size:11px;color:#506575}.warranty-ledger-summary strong{font-size:18px}.warranty-ledger-count{font-size:12px;line-height:1.6}.warranty-ledger-issues{padding:12px 14px;border:1px solid #e6c778;border-radius:10px;background:#fff8df;color:#795519;font-size:12px}.warranty-ledger-issues ul{margin:8px 0 0;padding-left:20px}.warranty-ledger-source{margin-top:20px}.warranty-ledger-source>p{font-size:11px;color:#667c8d}.warranty-ledger-rows{display:grid;gap:9px}.warranty-ledger-row{padding:13px;border:1px solid #dce5eb;border-radius:10px;background:#fff}.warranty-ledger-row>header{display:flex;justify-content:space-between;gap:8px;padding:0!important;background:none!important}.warranty-ledger-row>header strong{font-size:12px;overflow-wrap:anywhere}.warranty-ledger-row>header span{font-size:10px;color:#657e90;flex-shrink:0}.warranty-ledger-row dl{margin:10px 0 0;display:grid;gap:6px;font-size:11px}.warranty-ledger-row dl>div{display:grid;grid-template-columns:135px minmax(0,1fr);gap:8px}.warranty-ledger-row dt{color:#61798a}.warranty-ledger-row dd{margin:0;overflow-wrap:anywhere}.warranty-ledger-row.is-cancelled{background:#fff3f3;opacity:.8}@media(max-width:600px){.warranty-ledger-summary{grid-template-columns:1fr}.warranty-ledger-row dl>div{grid-template-columns:110px minmax(0,1fr)}.warranty-ledger-row>header{flex-direction:column;align-items:start}}
.is-compact-warranty .warranty-checked-at,.is-compact-warranty .warranty-offer-history{margin:0 0 10px;color:#65798c;font-size:11px;line-height:1.5}
.is-compact-warranty .warranty-offer-history{margin:10px 0 0}
.is-compact-warranty .warranty-ledger-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.is-compact-warranty .warranty-ledger-summary article{min-width:0;gap:5px;padding:11px}
.is-compact-warranty .warranty-ledger-summary strong{font-size:18px}
.is-compact-warranty .warranty-ledger-summary b{font-size:14px}
.is-compact-warranty .warranty-ledger-summary small{overflow-wrap:anywhere;line-height:1.45}
.is-compact-warranty .warranty-purchases{margin-top:12px}
.is-compact-warranty .warranty-purchases h3{margin:0 0 6px;color:#526b84;font-size:12px}
.warranty-purchases ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}
.warranty-purchases li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border:1px solid #dce8e1;border-radius:8px;background:#f6faf8;font-size:12px}
.warranty-purchases li span{color:#357258;font-size:11px;white-space:nowrap}
.warranty-ledger-alert{margin:9px 0;padding:8px 10px;border-radius:8px;background:#fff8e8;color:#84631d;font-size:11px;line-height:1.5}
.warranty-ledger-details{margin:10px 0 12px;border-top:1px solid #e1e8ee;border-bottom:1px solid #e1e8ee;padding:9px 0;color:#566f84;font-size:12px}
.warranty-ledger-details>summary{cursor:pointer;font-weight:650}
.warranty-ledger-details[open]>summary{margin-bottom:10px}
.warranty-ledger-details .warranty-ledger-count,.warranty-ledger-explanation,.warranty-ledger-checks{font-size:11px;line-height:1.6}
.warranty-ledger-checks{padding-left:18px;color:#84631d}
.is-compact-warranty .entitlement-upgrade-grid{grid-template-columns:1fr}
.is-compact-warranty .entitlement-upgrade-choice>span{width:100%;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 12px}
.is-compact-warranty .entitlement-upgrade-choice small{grid-column:1/-1}
@media(max-width:480px){.is-compact-warranty .warranty-ledger-summary article{padding:9px}.is-compact-warranty .warranty-ledger-summary strong{font-size:16px}.is-compact-warranty .warranty-ledger-summary b{font-size:13px}.is-compact-warranty .warranty-ledger-summary span,.is-compact-warranty .warranty-ledger-summary small{font-size:10px}.is-compact-warranty .entitlement-upgrade-choice>span{gap:5px 8px}.is-compact-warranty .entitlement-prices strong{font-size:15px}}
@keyframes bakim-popup-backdrop-in{0%{opacity:0;backdrop-filter:blur(0)}65%{opacity:1;backdrop-filter:blur(10px)}100%{opacity:1;backdrop-filter:blur(8px)}}
@keyframes bakim-popup-panel-in{0%{opacity:0;transform:perspective(1000px) translateY(20px) scale(.9) rotateX(4deg);filter:blur(6px) brightness(1.08)}52%{opacity:1;transform:perspective(1000px) translateY(-4px) scale(1.018) rotateX(0);filter:blur(0) brightness(1)}76%{transform:perspective(1000px) translateY(1px) scale(.997)}100%{opacity:1;transform:none;filter:none}}
@keyframes bakim-dialog-in{0%{opacity:0;transform:perspective(1000px) translateY(20px) scale(.9) rotateX(4deg);filter:blur(6px) brightness(1.08)}52%{opacity:1;transform:perspective(1000px) translateY(-4px) scale(1.018) rotateX(0);filter:blur(0) brightness(1)}76%{transform:perspective(1000px) translateY(1px) scale(.997)}100%{opacity:1;transform:none;filter:none}}
@keyframes bakim-brand-core{0%{opacity:0;transform:translate(-50%,-50%) scale(.48);filter:blur(8px)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.06);filter:blur(0)}42%{transform:translate(-50%,-50%) scale(.98)}76%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.82)}}
@keyframes bakim-brand-orbit{0%{opacity:0;transform:translate(-50%,-50%) scale(.48) rotate(-38deg)}16%{opacity:1}62%{opacity:1;transform:translate(-50%,-50%) scale(1.04) rotate(230deg)}100%{opacity:0;transform:translate(-50%,-50%) scale(.92) rotate(340deg)}}

/* JS ile hidden gösterilen ortak popup katmanları */
.modal-backdrop:not([hidden]),
.q4-campaign-modal:not([hidden]),
.forgot-password-backdrop:not([hidden]),
.account-settings-backdrop:not([hidden]),
.inactive-company-backdrop:not([hidden]),
.vehicle-file-backdrop:not([hidden]),
.vehicle-history-backdrop:not([hidden]),
.appointment-modal:not([hidden]),
.stock-card-backdrop:not([hidden]){animation:bakim-popup-backdrop-in 0.63s ease-out both;will-change:opacity,backdrop-filter}

.modal-backdrop:not([hidden])>:is(.detail-modal,.labor-modal),
.q4-campaign-modal:not([hidden])>.q4-campaign-dialog,
.forgot-password-backdrop:not([hidden])>:is(.forgot-password-dialog,.account-settings-dialog),
.account-settings-backdrop:not([hidden])>.account-settings-dialog,
.inactive-company-backdrop:not([hidden])>.inactive-company-dialog,
.vehicle-file-backdrop:not([hidden])>.vehicle-file-dialog,
.vehicle-history-backdrop:not([hidden])>.vehicle-history-dialog,
.appointment-modal:not([hidden])>:is(.appointment-dialog,.customer-notify-dialog),
.stock-card-backdrop:not([hidden])>.stock-card-dialog{animation:bakim-popup-panel-in 1s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity,filter,box-shadow}

/* Native dialog kullanan sayfalar */
dialog[open]:not(.header-live-monitor){animation:bakim-dialog-in 1s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity,filter,box-shadow}
dialog[open]:not(.header-live-monitor)::backdrop{animation:bakim-popup-backdrop-in 0.63s ease-out both}

/* Açılış imzası: Bakım.TR çekirdeği ve İtalyan renklerinde dönen ışık yörüngesi. */
.modal-backdrop:not([hidden])::before,
.q4-campaign-modal:not([hidden])::before,
.forgot-password-backdrop:not([hidden])::before,
.account-settings-backdrop:not([hidden])::before,
.inactive-company-backdrop:not([hidden])::before,
.vehicle-file-backdrop:not([hidden])::before,
.vehicle-history-backdrop:not([hidden])::before,
.appointment-modal:not([hidden])::before,
.stock-card-backdrop:not([hidden])::before{content:'Bakım.TR';position:absolute;top:50%;left:50%;z-index:2147483646;display:grid;place-items:center;width:104px;height:104px;border:1px solid rgba(255,255,255,.9);border-radius:50%;color:#173e69;background:radial-gradient(circle at 35% 28%,#fff 0%,#fff 58%,#eef5fb 100%);box-shadow:0 0 0 7px rgba(255,255,255,.08),0 0 36px rgba(255,255,255,.48),0 18px 46px rgba(0,0,0,.2);font:900 16px/1 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.03em;pointer-events:none;animation:bakim-brand-core 1s cubic-bezier(.2,.78,.25,1) both}
.modal-backdrop:not([hidden])::after,
.q4-campaign-modal:not([hidden])::after,
.forgot-password-backdrop:not([hidden])::after,
.account-settings-backdrop:not([hidden])::after,
.inactive-company-backdrop:not([hidden])::after,
.vehicle-file-backdrop:not([hidden])::after,
.vehicle-history-backdrop:not([hidden])::after,
.appointment-modal:not([hidden])::after,
.stock-card-backdrop:not([hidden])::after{content:'';position:absolute;top:50%;left:50%;z-index:2147483647;width:164px;height:164px;border-radius:50%;background:conic-gradient(from -38deg,transparent 0 5%,#009246 5% 17%,transparent 17% 23%,#f4f5f0 23% 36%,transparent 36% 42%,#ce2b37 42% 56%,transparent 56% 63%,#009246 63% 76%,transparent 76% 82%,#ce2b37 82% 96%,transparent 96% 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));filter:drop-shadow(0 0 8px rgba(0,146,70,.6)) drop-shadow(0 0 12px rgba(206,43,55,.4));pointer-events:none;animation:bakim-brand-orbit 1s cubic-bezier(.2,.78,.25,1) both}

dialog[open]:not(.header-live-monitor)::before{content:'Bakım.TR';position:fixed;top:50%;left:50%;z-index:2147483646;display:grid;place-items:center;width:104px;height:104px;border:1px solid rgba(255,255,255,.9);border-radius:50%;color:#173e69;background:radial-gradient(circle at 35% 28%,#fff 0%,#fff 58%,#eef5fb 100%);box-shadow:0 0 0 7px rgba(255,255,255,.08),0 0 36px rgba(255,255,255,.48),0 18px 46px rgba(0,0,0,.2);font:900 16px/1 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.03em;pointer-events:none;animation:bakim-brand-core 1s cubic-bezier(.2,.78,.25,1) both}
dialog[open]:not(.header-live-monitor)::after{content:'';position:fixed;top:50%;left:50%;z-index:2147483647;width:164px;height:164px;border-radius:50%;background:conic-gradient(from -38deg,transparent 0 5%,#009246 5% 17%,transparent 17% 23%,#f4f5f0 23% 36%,transparent 36% 42%,#ce2b37 42% 56%,transparent 56% 63%,#009246 63% 76%,transparent 76% 82%,#ce2b37 82% 96%,transparent 96% 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));filter:drop-shadow(0 0 8px rgba(0,146,70,.6)) drop-shadow(0 0 12px rgba(206,43,55,.4));pointer-events:none;animation:bakim-brand-orbit 1s cubic-bezier(.2,.78,.25,1) both}

@media(prefers-reduced-motion:reduce){
  .modal-backdrop:not([hidden]),.q4-campaign-modal:not([hidden]),.forgot-password-backdrop:not([hidden]),.account-settings-backdrop:not([hidden]),.inactive-company-backdrop:not([hidden]),.vehicle-file-backdrop:not([hidden]),.vehicle-history-backdrop:not([hidden]),.appointment-modal:not([hidden]),.stock-card-backdrop:not([hidden]),
  .modal-backdrop:not([hidden])>:is(.detail-modal,.labor-modal),.q4-campaign-modal:not([hidden])>.q4-campaign-dialog,.forgot-password-backdrop:not([hidden])>:is(.forgot-password-dialog,.account-settings-dialog),.account-settings-backdrop:not([hidden])>.account-settings-dialog,.inactive-company-backdrop:not([hidden])>.inactive-company-dialog,.vehicle-file-backdrop:not([hidden])>.vehicle-file-dialog,.vehicle-history-backdrop:not([hidden])>.vehicle-history-dialog,.appointment-modal:not([hidden])>:is(.appointment-dialog,.customer-notify-dialog),.stock-card-backdrop:not([hidden])>.stock-card-dialog,dialog[open]:not(.header-live-monitor),dialog[open]:not(.header-live-monitor)::backdrop{animation:none!important}
  .modal-backdrop:not([hidden])::before,.modal-backdrop:not([hidden])::after,.q4-campaign-modal:not([hidden])::before,.q4-campaign-modal:not([hidden])::after,.forgot-password-backdrop:not([hidden])::before,.forgot-password-backdrop:not([hidden])::after,.account-settings-backdrop:not([hidden])::before,.account-settings-backdrop:not([hidden])::after,.inactive-company-backdrop:not([hidden])::before,.inactive-company-backdrop:not([hidden])::after,.vehicle-file-backdrop:not([hidden])::before,.vehicle-file-backdrop:not([hidden])::after,.vehicle-history-backdrop:not([hidden])::before,.vehicle-history-backdrop:not([hidden])::after,.appointment-modal:not([hidden])::before,.appointment-modal:not([hidden])::after,.stock-card-backdrop:not([hidden])::before,.stock-card-backdrop:not([hidden])::after,dialog[open]:not(.header-live-monitor)::before,dialog[open]:not(.header-live-monitor)::after{display:none!important}
  #bakim-page-transition.is-running{animation:none!important;opacity:1}
  #bakim-page-transition::before,#bakim-page-transition::after{display:none!important}
}

/* Paket detayında ürün ve işçilik satırlarının dikey boşluğu. */
.detail-modal .quote-detail-table > tbody > tr[data-package-accessory-filter] > td {
  padding-top: 5px;
  padding-bottom: 5px;
}
.detail-modal .quote-table-wrap + .quote-removed-section {
  margin-top: 10px;
}
@media (max-width: 700px) {
  .detail-modal .quote-detail-table > tbody > tr[data-package-accessory-filter] > td {
    padding-top: 2px;
    padding-bottom: 2px;
  }
}

/* Paket önizlemesi: okunaklı bilgi kartları ve aynı satırda düzenleme araçları. */
#detail-modal.is-quote-workspace.has-package-heading .detail-head {
  min-height: 50px;
  gap: 6px 12px;
  padding: 6px 10px;
}
#detail-modal.is-quote-workspace.has-package-heading .detail-head > div:first-child {
  padding: 4px 8px;
}
#detail-modal.is-quote-workspace.has-package-heading #detail-title {
  font-size: 20px;
  line-height: 1.3;
}
#detail-modal.is-quote-workspace.has-package-heading .detail-actions {
  gap: 5px;
}
#detail-modal.is-quote-workspace.has-package-heading .detail-actions .vehicle-entitlement-badge {
  height: 32px;
  padding: 4px 7px;
}
#detail-modal.is-quote-workspace.has-package-heading .detail-actions .vehicle-entitlement-badge b {
  font-size: 9px;
}
#detail-modal.is-quote-workspace.has-package-heading .detail-actions .vehicle-entitlement-badge svg {
  width: 16px;
  height: 16px;
  flex-basis: 16px;
}
#detail-modal.is-quote-workspace.has-package-heading .detail-body {
  padding: 8px 10px;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-overview {
  display: grid;
  grid-template-columns: minmax(210px, .9fr) minmax(350px, 1.4fr) 144px;
  align-items: stretch;
  gap: 6px 8px;
  margin-bottom: 6px;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-overview > .quote-vehicle-overview {
  grid-column: 1 / -1;
  margin: 0;
  grid-auto-rows: minmax(56px, auto);
}
#detail-modal.is-quote-workspace.has-package-heading .quote-vehicle-overview.is-compact > .quote-vehicle-highlight {
  gap: 2px;
  padding: 5px 6px;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-vehicle-overview.is-compact > .quote-vehicle-highlight > span {
  min-height: 12px;
  font-size: 10px;
  line-height: 1.2;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-vehicle-overview.is-compact > .quote-vehicle-highlight > strong {
  font-size: 18px;
  line-height: 1.2;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-vehicle-overview.is-compact > .quote-vehicle-highlight > small {
  font-size: 10px;
  line-height: 1.2;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-overview > .quote-discount-toolbar {
  display: contents;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-overview .quote-discount-groups,
#detail-modal.is-quote-workspace.has-package-heading .quote-overview .quote-age-presets {
  min-width: 0;
  width: auto;
  margin: 0;
  padding: 4px;
  border: 1px solid #dce6ef;
  border-radius: 9px;
  background: #fff;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-overview .quote-discount-groups {
  grid-column: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  gap: 4px;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-overview .quote-age-presets {
  grid-column: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-overview .quote-discount-main,
#detail-modal.is-quote-workspace.has-package-heading .quote-overview .quote-age-presets > button,
#detail-modal.is-quote-workspace.has-package-heading .quote-overview .quote-discount-info > summary {
  min-width: 0;
  min-height: 32px;
  height: 32px;
  padding: 0 8px;
  font-size: 11px;
  line-height: 1.2;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-overview .quote-discount-main {
  width: 100%;
  gap: 5px;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-overview .quote-age-presets > button {
  width: auto;
  flex: 0 0 auto;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-overview .quote-discount-info {
  position: relative;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-overview .quote-discount-info .quote-fixed-campaign-note {
  left: auto;
  right: 0;
  top: calc(100% + 5px);
  width: min(320px, calc(100vw - 40px));
  box-sizing: border-box;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-overview > .quote-vehicle-details {
  grid-column: 3;
  min-width: 0;
  margin: 0;
  border-radius: 9px;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-overview > .quote-vehicle-details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  min-height: 40px;
  height: 100%;
  padding: 4px 8px;
  box-sizing: border-box;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-overview > .quote-vehicle-details > summary > span {
  display: block;
  min-width: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-overview > .quote-vehicle-details:not([open]) > summary > span small {
  display: none;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-overview > .quote-vehicle-details .quote-vehicle-profile-status {
  flex: 0 1 auto;
  min-width: 0;
  gap: 3px;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-overview > .quote-vehicle-details:has(.quote-vehicle-profile-status > .is-warning) > summary {
  flex-wrap: wrap;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-overview > .quote-vehicle-details .quote-vehicle-profile-status:has(> .is-warning) {
  flex-basis: 100%;
  justify-content: space-between;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-overview > .quote-vehicle-details[open] {
  grid-column: 1 / -1;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-overview > .quote-vehicle-details[open] > summary {
  height: auto;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-overview > .quote-vehicle-details[open] > summary > span small {
  display: inline;
  margin-left: 8px;
  font-size: 10px;
  font-weight: 500;
}
#detail-modal.is-quote-workspace.has-package-heading .quote-company-campaign-summary {
  margin: 4px 0 6px;
  padding: 4px 8px;
}
@media (max-width: 1050px) {
  #detail-modal.is-quote-workspace.has-package-heading .quote-overview {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  #detail-modal.is-quote-workspace.has-package-heading .quote-overview .quote-discount-groups {
    grid-column: 1 / 4;
  }
  #detail-modal.is-quote-workspace.has-package-heading .quote-overview .quote-age-presets {
    grid-column: 1 / -1;
    justify-content: center;
    position: relative;
  }
  #detail-modal.is-quote-workspace.has-package-heading .quote-overview .quote-discount-info {
    position: static;
  }
  #detail-modal.is-quote-workspace.has-package-heading .quote-overview .quote-discount-info .quote-fixed-campaign-note {
    left: 0;
    right: 0;
    width: auto;
  }
  #detail-modal.is-quote-workspace.has-package-heading .quote-overview > .quote-vehicle-details:not([open]) {
    grid-column: 4;
    grid-row: 2;
  }
  #detail-modal.is-quote-workspace.has-package-heading .quote-overview > .quote-vehicle-details[open] {
    grid-column: 1 / -1;
  }
}
@media (max-width: 700px) {
  #detail-modal.is-quote-workspace.has-package-heading .detail-head {
    gap: 5px;
    padding: 6px 8px;
  }
  #detail-modal.is-quote-workspace.has-package-heading .detail-entitlement-actions.is-service-actions > .vehicle-entitlement-badge {
    flex-direction: row;
    gap: 3px;
    padding: 4px 2px;
  }
  #detail-modal.is-quote-workspace.has-package-heading .detail-actions .vehicle-entitlement-badge b {
    font-size: 8px;
  }
  #detail-modal.is-quote-workspace.has-package-heading .detail-actions {
    gap: 4px;
  }
  #detail-modal.is-quote-workspace.has-package-heading .detail-actions .quote-copy-wrap {
    flex: 1 0 108px;
    min-width: 108px;
    width: auto;
    order: 3;
  }
  #detail-modal.is-quote-workspace.has-package-heading .detail-actions .quote-reset-btn,
  #detail-modal.is-quote-workspace.has-package-heading .detail-actions .close-btn {
    flex: 0 0 48px;
    min-width: 48px;
    margin-left: 0;
    padding-inline: 4px;
  }
  #detail-modal.is-quote-workspace.has-package-heading .detail-actions .quote-customer-memory {
    flex: 1 1 100px;
    min-width: 76px;
    width: auto;
    max-width: 130px;
    padding-inline: 6px;
    font-size: 10px;
    order: 2;
  }
  #detail-modal.is-quote-workspace.has-package-heading .detail-actions .quote-reset-btn { order: 1; }
  #detail-modal.is-quote-workspace.has-package-heading .detail-actions .close-btn { order: 4; }
  #detail-modal.is-quote-workspace.has-package-heading #create-quote {
    min-width: 0;
    padding-inline: 6px;
    gap: 4px;
  }
  #detail-modal.is-quote-workspace.has-package-heading .detail-body {
    padding: 6px 8px;
  }
  #detail-modal.is-quote-workspace.has-package-heading .quote-overview {
    gap: 5px;
  }
  #detail-modal.is-quote-workspace.has-package-heading .quote-vehicle-overview.is-compact > .quote-vehicle-highlight {
    padding: 5px 3px;
  }
  #detail-modal.is-quote-workspace.has-package-heading .quote-vehicle-overview.is-compact > .quote-vehicle-highlight > strong {
    font-size: 15px;
  }
  #detail-modal.is-quote-workspace.has-package-heading .quote-overview .quote-discount-main,
  #detail-modal.is-quote-workspace.has-package-heading .quote-overview .quote-age-presets > button,
  #detail-modal.is-quote-workspace.has-package-heading .quote-overview .quote-discount-info > summary {
    height: 32px;
    padding: 0 6px;
    font-size: 10px;
  }
  #detail-modal.is-quote-workspace.has-package-heading .quote-overview > .quote-vehicle-details > summary {
    padding: 4px;
    gap: 3px;
  }
  #detail-modal.is-quote-workspace.has-package-heading .quote-overview > .quote-vehicle-details > summary > span {
    font-size: 10px;
  }
  #detail-modal.is-quote-workspace.has-package-heading .quote-overview > .quote-vehicle-details .quote-vehicle-profile-status .is-closed {
    display: none;
  }
}
@media (max-width: 480px) {
  #detail-modal.is-quote-workspace.has-package-heading .quote-overview .quote-discount-main {
    flex-direction: column;
    gap: 0;
    padding: 1px 2px;
  }
  #detail-modal.is-quote-workspace.has-package-heading .quote-overview > .quote-vehicle-details > summary > span {
    flex: 1 1 auto;
    white-space: normal;
  }
  #detail-modal.is-quote-workspace.has-package-heading .quote-overview > .quote-vehicle-details .quote-vehicle-profile-status:not(:has(> .is-warning)) {
    flex: 0 0 auto;
  }
}
@media (max-width: 380px) {
  #detail-modal.is-quote-workspace.has-package-heading .detail-actions .quote-customer-memory {
    flex-basis: 76px;
  }
  #detail-modal.is-quote-workspace.has-package-heading .detail-actions .quote-copy-wrap {
    flex-basis: 104px;
    min-width: 104px;
  }
  #detail-modal.is-quote-workspace.has-package-heading .detail-actions .quote-reset-btn,
  #detail-modal.is-quote-workspace.has-package-heading .detail-actions .close-btn {
    flex-basis: 44px;
    min-width: 44px;
  }
  #detail-modal.is-quote-workspace.has-package-heading #create-quote {
    font-size: 10px;
  }
  #detail-modal.is-quote-workspace.has-package-heading .detail-entitlement-actions.is-service-actions > .vehicle-entitlement-badge {
    flex-direction: column;
    gap: 2px;
    height: 38px;
    padding: 3px 1px;
  }
}