*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#172033;font:15px system-ui,Segoe UI,Arial}header{height:70px;background:#10233f;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2))}.identity{display:flex;align-items:center;gap:12px}.identity img{width:78px;height:48px;object-fit:contain;background:#fff;border-radius:5px;padding:3px}header b{font-size:18px;letter-spacing:.5px}header small{display:block;opacity:.65;margin-top:3px}button{border:0;border-radius:7px;background:#1677d2;color:#fff;padding:10px 15px;font-weight:650;cursor:pointer}.secondary{background:#e5ebf3;color:#24334a}header button{background:transparent;border:1px solid #47617f;margin-left:8px;padding:8px 12px}main{max-width:1180px;margin:42px auto;padding:0 20px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:26px;box-shadow:0 2px 7px #10233f0b}.lookup{max-width:610px;margin:70px auto;text-align:center}.hero-logo{width:210px;max-height:130px;object-fit:contain;margin:0 auto 14px}.lookup h1,h1{margin:0 0 7px}.lookup p,.toolbar p{color:#65748a;margin:0 0 25px}.lookup form{display:flex;gap:10px}.lookup input{flex:1}.hidden{display:none!important}input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #cdd7e5;border-radius:6px;padding:10px;font:inherit;background:#fff}label{font-size:13px;font-weight:650;color:#45546a}textarea{min-height:75px;resize:vertical}.result{margin-top:25px;text-align:left;border-top:1px solid #e4eaf2;padding-top:18px}.result h2{margin:0 0 13px}.status{display:inline-block;background:#e6f2ff;color:#0963b3;border-radius:20px;padding:5px 10px;font-size:13px;font-weight:650}.error{color:#bd2020}.toolbar{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.toolbar button+button{margin-left:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.metric{padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.metric b{display:block;font-size:24px;color:#1677d2}.tablewrap{padding:0;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:14px;border-bottom:1px solid #e8edf4}th{color:#68778d;font-size:12px;text-transform:uppercase}td button{padding:7px 10px;font-size:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:15px 0}dialog{border:0;border-radius:12px;width:min(720px,94vw);padding:0;box-shadow:0 15px 60px #0005}dialog::backdrop{background:#10233f77}dialog form{padding:25px}.modalhead{display:flex;justify-content:space-between;align-items:center}.modalhead h2{margin:0}.close{background:transparent;color:#45546a;font-size:26px;padding:0}.actions{text-align:right;margin-top:20px}.actions button{margin-left:8px}@media(max-width:650px){header{padding:0 14px;height:auto;min-height:70px}.identity img{width:58px;height:40px}.identity small{display:none}.lookup form,.toolbar{display:block}.lookup button{margin-top:10px}.toolbar div:last-child{margin-top:14px}.metrics,.grid{grid-template-columns:1fr 1fr}main{margin:25px auto}}
/* Telefon ve küçük tablet düzeni */
@media (max-width: 700px) {
  body { font-size: 14px; padding-bottom: 76px !important; }
  .company-header { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; min-height: auto !important; padding: 12px 14px 14px !important; }
  .company-header .identity { justify-self: center !important; gap: 8px !important; }
  .company-header .identity img { width: 104px !important; height: 54px !important; }
  .company-header .identity b { font-size: 18px !important; }
  .company-header .identity-info { display: none !important; }
  .header-stock { display: flex !important; width: 100% !important; max-width: 440px; justify-self: center; }
  .header-stock input { min-width: 0; font-size: 14px; }
  .header-stock button { flex: none; }
  .social-nav { justify-self: center; display: flex !important; flex-wrap: wrap; justify-content: center; gap: 6px !important; }
  .social-nav button, .social-nav #servicesTab, .social-nav #contactTab { display: inline-block !important; padding: 7px 9px !important; font-size: 11px !important; }
  .social-nav a { width: 31px; height: 31px; }
  main { margin: 18px auto 28px !important; padding: 0 14px !important; }
  .card { padding: 18px; border-radius: 11px; }
  .lookup { margin: 18px auto; }
  .lookup form, .search-form { display: flex !important; gap: 8px; }
  .lookup input, .search-form input { min-width: 0; }
  .lookup button, .search-form button { margin-top: 0 !important; white-space: nowrap; }
  .home-grid { gap: 14px !important; }
  .home-card { min-height: 230px !important; padding: 22px 18px !important; }
  .home-card b { font-size: 20px !important; }
  .home-card span { font-size: 13px; }
  .services { gap: 12px !important; }
  .services > div, .services article { padding: 17px !important; }
  .sales .categories { gap: 10px !important; }
  .sales .category { padding: 8px !important; }
  .sales .category img { height: 84px !important; }
  .sales .category b { font-size: 13px !important; }
  .grid, .metrics { grid-template-columns: 1fr !important; }
  .toolbar { display: block; }
  .toolbar div:last-child { display: flex; gap: 8px; flex-wrap: wrap; }
  .toolbar button + button { margin-left: 0; }
  dialog { width: calc(100vw - 20px); max-height: 92vh; overflow: auto; }
  dialog form { padding: 18px; }
  .brand-strip { padding: 5px 8px 7px !important; }
  .brand-badge { min-width: 106px; height: 29px; font-size: 12px; }
  .header-search-results { max-height: 50vh !important; }
}

/* Sayfa içindeki eski tasarım kurallarını telefonda ezerek okunaklı bir başlık oluşturur. */
@media (max-width: 700px) {
  header.company-header { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; padding: 12px 14px 14px !important; }
  header.company-header .identity { width: 100%; justify-self: center !important; justify-content: center; }
  header.company-header .identity img { width: 105px !important; height: 55px !important; }
  header.company-header .identity b { font-size: 18px !important; }
  header.company-header .identity-info { display: none !important; }
  header.company-header .header-stock { display: flex !important; position: relative !important; width: 100% !important; max-width: 430px; }
  header.company-header .social-nav { display: flex !important; position: static !important; justify-self: center; justify-content: center; }
  header.company-header .social-nav button,
  header.company-header .social-nav #servicesTab,
  header.company-header .social-nav #contactTab { display: inline-block !important; }
  header.company-header .social-nav a { display: flex !important; }
}

/* Müşteri servis geçmişi: yönetim ekranı gibi yatay sütun yapısı. */
.customer-tablewrap{margin-top:18px;overflow-x:auto;border:1px solid #e2e8f0;border-radius:10px}
.customer-service-table{width:100%;min-width:1080px;border-collapse:collapse;text-align:left}
.customer-service-table th{background:#f7faff;color:#536b88;font-size:11px;white-space:nowrap}
.customer-service-table th,.customer-service-table td{padding:13px 14px;vertical-align:top;border-bottom:1px solid #e8edf4}
.customer-service-table tbody tr:last-child td{border-bottom:0}
.customer-service-table td{font-size:13px;line-height:1.45}
.customer-service-table small{color:#5d6f85}
.customer-service-table .description-cell{min-width:180px;max-width:260px;white-space:normal}
.customer-service-table .video-button{white-space:nowrap;padding:8px 10px;font-size:12px}
.customer-service-table .quote-actions{display:flex;gap:6px;margin-top:9px;white-space:nowrap}
.customer-service-table .quote-actions button{padding:7px 9px;font-size:12px}
.customer-service-table .quote-actions select{min-width:108px;padding:7px 6px;font-size:12px}
.customer-service-table .detail-button{margin-top:8px;padding:6px 8px;font-size:11px;background:#e5ebf3;color:#24334a}
.quote-preview{min-height:22px;margin:14px 0 0!important;color:#126ec4!important;font-weight:700}
.solution-device{margin:10px 0 20px!important;color:#5d6f85!important}
.solution-text{white-space:pre-wrap;line-height:1.7;color:#24334a!important}
.customer-service-table .quote-decision{display:block;margin-top:7px;font-weight:700}
.customer-service-table .quote-decision.approved{color:#16803b}
.customer-service-table .quote-decision.rejected{color:#b33a3a}
.lookup #customerHistory>h2{text-align:left;margin:24px 0 10px;font-size:21px}
.tracking-summary{display:flex;align-items:center;gap:18px;margin:16px 0 18px;padding:15px 18px;background:#f7faff;border:1px solid #dbe7f4;border-radius:12px}
.tracking-donut{width:116px;height:116px;flex:0 0 116px;border-radius:50%;display:grid;place-items:center}
.tracking-donut>div{width:78px;height:78px;background:#fff;border-radius:50%;display:grid;place-content:center;text-align:center;line-height:1.1}
.tracking-donut b{font-size:27px;color:#102f56}.tracking-donut small{color:#63748a;font-size:12px}
.tracking-summary-copy{min-width:0;flex:1}.tracking-summary-copy h3{margin:0 0 3px;font-size:16px}.tracking-summary-copy p{margin:0 0 9px!important;color:#63748a!important;font-size:13px}
.tracking-summary-copy ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:6px 14px;list-style:none;margin:0;padding:0}.tracking-summary-copy li{display:flex;align-items:center;gap:7px;font-size:13px}.tracking-summary-copy li i{width:10px;height:10px;border-radius:50%;flex:0 0 10px}.tracking-summary-copy li b{margin-left:auto;color:#163f6e}
@media(max-width:650px){.customer-tablewrap{margin-left:-10px;margin-right:-10px;border-radius:8px}.customer-service-table{min-width:980px}}

/* Takip ekranı geniş tablo için ayrı düzen kullanır; kayıt formu dar kalır. */
.lookup.tracking-layout{max-width:1600px}
main.tracking-main{max-width:1640px}
.tracking-layout .customer-service-table{min-width:1480px}
.tracking-layout .hero-logo{width:170px;max-height:105px}
.tracking-layout #customerAccessForm{max-width:610px;margin:0 auto}
.tracking-layout #customerHistory{width:100%;text-align:left}
.lookup.service-layout #customerAccessForm,.lookup.service-layout #customerHistory{display:none!important}
@media(max-width:650px){.lookup.tracking-layout{max-width:100%;padding:18px 14px}.tracking-layout #customerAccessForm{max-width:none}.tracking-summary{align-items:flex-start;gap:13px;padding:13px}.tracking-donut{width:88px;height:88px;flex-basis:88px}.tracking-donut>div{width:58px;height:58px}.tracking-donut b{font-size:21px}.tracking-summary-copy ul{grid-template-columns:1fr}.tracking-summary-copy p{font-size:12px}}