.content-wrapper{background:#f4f7fb}.card{border-radius:14px}.card-header{border-top-left-radius:14px!important;border-top-right-radius:14px!important}.tracking-badge{font-size:15px;letter-spacing:1px}.modern-hero{background:linear-gradient(135deg,#0f172a,#1d4ed8,#06b6d4);min-height:100vh}.public-card{border-radius:24px;box-shadow:0 25px 70px rgba(2,6,23,.25);overflow:hidden}.metric-card{border-radius:18px;color:#fff;padding:18px;min-height:110px}.metric-card .value{font-size:26px;font-weight:800}.metric-blue{background:linear-gradient(135deg,#2563eb,#06b6d4)}.metric-green{background:linear-gradient(135deg,#16a34a,#22c55e)}.metric-red{background:linear-gradient(135deg,#dc2626,#f97316)}.metric-dark{background:linear-gradient(135deg,#111827,#475569)}.nav-tabs .nav-link{font-weight:600}.table td,.table th{vertical-align:middle}.select-result{cursor:pointer}.select-result:hover{background:#eef6ff}.status-big{font-size:16px;padding:8px 12px}.mobile-actions .btn{margin-bottom:6px}@media(max-width:768px){.content-header h1{font-size:22px}.btn{white-space:normal}.table-responsive{font-size:13px}.public-card .card-body{padding:18px!important}.metric-card{margin-bottom:10px}}
.public-home{background:#f6f8fb;color:#111827;min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 0}.topbar a{color:#2563eb}.home-wrap{min-height:calc(100vh - 70px);padding:48px 0}.public-home h1{font-size:46px;font-weight:800;line-height:1.05}.eyebrow{display:inline-block;background:#eaf2ff;color:#1d4ed8;border-radius:999px;padding:8px 14px;font-weight:700;margin-bottom:18px}.home-features{display:flex;gap:10px;flex-wrap:wrap}.home-features span{background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:10px 14px}.clean-card{box-shadow:0 20px 55px rgba(15,23,42,.10);border:1px solid #e5e7eb}.modern-hero{background:#f6f8fb!important}@media(max-width:768px){.public-home h1{font-size:32px}.home-wrap{padding:28px 0;min-height:auto}.topbar .container{padding:0 18px}}
.public-home{background:#f6f8fb;color:#1f2937}.public-home .navbar{box-shadow:0 1px 8px rgba(0,0,0,.04)}.min-vh-75{min-height:75vh}.public-card{border-radius:18px}.metric-purple{background:linear-gradient(135deg,#6f42c1,#8e63d8);color:#fff}.metric-card{border-radius:14px;padding:16px;box-shadow:0 6px 18px rgba(0,0,0,.08);margin-bottom:12px}.metric-card .value{font-size:24px;font-weight:800}.select-result:hover{background:#eef5ff}@media(max-width:576px){.display-4{font-size:2.2rem}.content-header h1{font-size:1.5rem}.mobile-actions .btn{display:block;width:100%;margin-bottom:5px}.table-responsive{font-size:13px}}

/* Ana admin ile uyumlu sol menü */
.main-sidebar{background:#111827!important}.main-sidebar .brand-link{background:#0b1220!important;border-bottom:1px solid rgba(255,255,255,.08)}.nav-sidebar .nav-link{border-radius:10px;margin:2px 8px}.nav-sidebar .nav-link.active,.nav-sidebar .nav-link:hover{background:#dc3545!important;color:#fff!important}.nav-sidebar .nav-icon{color:#f87171}.finance-table td{vertical-align:middle}.device-gallery{display:flex;gap:10px;flex-wrap:wrap}.device-gallery a{width:96px;height:76px;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#f8fafc;display:block}.device-gallery img{width:100%;height:100%;object-fit:cover}.public-gallery{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}.public-gallery a{flex:0 0 82px;height:66px;border-radius:10px;overflow:hidden;border:1px solid #e5e7eb;background:#fff}.public-gallery img{width:100%;height:100%;object-fit:cover}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}.lightbox img{max-width:96vw;max-height:92vh;border-radius:12px}.lightbox.show{display:flex}


/* Teknik servis genel mobil uyumluluk düzeltmeleri */
.money-nowrap{white-space:nowrap;display:inline-block;max-width:100%;font-variant-numeric:tabular-nums;line-height:1.15}.small-box .inner h3 .money-nowrap,.metric-card .value .money-nowrap,.card-body h3 .money-nowrap,.card-body h4 .money-nowrap{white-space:nowrap}.small-box .inner h3{font-size:clamp(20px,4.6vw,34px);line-height:1.08;word-break:normal;overflow-wrap:normal}.metric-card .value{font-size:clamp(20px,4.8vw,26px);line-height:1.15;word-break:normal;overflow-wrap:normal}.metric-card small{display:block;line-height:1.35;word-break:normal}.table td,.table th{word-break:normal}.table td .btn,.table th .btn{margin:2px}.form-inline{gap:8px}.form-inline .form-control{margin-right:0!important}.btn{white-space:nowrap}.card-header .btn.float-right{float:none!important;margin-top:8px}.content-wrapper{overflow-x:hidden}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.finance-table td:last-child,.table td:last-child{white-space:nowrap}.finance-table td.text-right,.table td.text-right{white-space:nowrap}.mobile-filter-row{display:flex;gap:8px;flex-wrap:wrap}.mobile-filter-row .form-control,.mobile-filter-row .btn{flex:1 1 150px}

@media(max-width:768px){body{font-size:14px}.content-wrapper{padding-bottom:20px}.content-header{padding:12px 10px 6px}.content-header h1{font-size:21px;line-height:1.2;margin:0}.content{padding:0 8px}.container-fluid{padding-left:8px;padding-right:8px}.row{margin-left:-6px;margin-right:-6px}.row>[class*=col-]{padding-left:6px;padding-right:6px}.small-box{min-height:116px;border-radius:14px}.small-box .inner{padding:12px 10px}.small-box .inner h3{font-size:20px;max-width:100%;padding-right:28px}.small-box .inner p{font-size:13px;margin-bottom:0}.small-box .icon{font-size:48px;right:8px;top:14px;opacity:.35}.metric-card{padding:13px;border-radius:14px;min-height:auto}.metric-card .value{font-size:20px}.card{border-radius:12px;margin-bottom:12px}.card-header{padding:10px 12px}.card-header .card-title{float:none;display:block;font-size:16px;margin-bottom:8px}.card-header .btn,.card-header a.btn{display:inline-flex;align-items:center;justify-content:center;margin:3px 3px 3px 0}.card-body{padding:12px}.form-inline{display:flex!important;align-items:stretch!important;gap:8px;flex-wrap:wrap}.form-inline .form-control,.form-inline .custom-select,.form-inline .btn,.form-inline a.btn{width:100%!important;margin:0!important;flex:1 1 100%}.form-row{margin-left:0;margin-right:0;gap:8px}.form-row>[class*=col-],.form-row .form-control,.form-row .btn{width:100%!important;max-width:100%!important;flex:0 0 100%!important;margin:0!important}.input-group{flex-wrap:nowrap}.btn{white-space:nowrap;font-size:13px;padding:.38rem .55rem}.btn-sm,.btn-xs{font-size:12px;padding:.28rem .45rem}.mobile-actions,.finance-table td:last-child,.table td:last-child{display:flex;flex-wrap:wrap;gap:5px;white-space:normal}.finance-table td:last-child .btn,.finance-table td:last-child form,.table td:last-child .btn,.table td:last-child form{margin:0;display:inline-flex}.table{font-size:13px;margin-bottom:0}.table th,.table td{padding:.45rem;vertical-align:middle}.table-responsive{border:0}.badge{white-space:normal;line-height:1.2}.timeline{margin:0 0 20px 0}.timeline:before{left:20px}.timeline>div>.fa,.timeline>div>.fas{left:1px}.timeline>div>.timeline-item{margin-left:42px;margin-right:0}.public-gallery a{flex-basis:74px;height:60px}.device-gallery a{width:82px;height:66px}}

@media(max-width:420px){.small-box .inner h3{font-size:18px;padding-right:20px}.metric-card .value{font-size:18px}.money-nowrap{letter-spacing:-.2px}.btn{font-size:12px}.table{font-size:12px}.content{padding:0 5px}.container-fluid{padding-left:5px;padding-right:5px}.small-box .icon{display:none}.small-box .inner h3{padding-right:0}}


/* V4 mobil hizalama ve menü görsel düzeltmeleri */
.main-sidebar .brand-link{background:linear-gradient(180deg,#d4101f,#980f19)!important;border-bottom:0!important;min-height:74px;display:flex;align-items:center;padding:1rem .9rem;overflow:hidden}
.main-sidebar .brand-link .brand-text{font-weight:800!important;color:#fff!important;letter-spacing:.2px;font-size:1rem;white-space:normal;line-height:1.15}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link,.nav-sidebar .nav-link{margin:2px 14px 6px 8px!important;border-radius:14px!important;transition:.18s ease}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover,.nav-sidebar .nav-link.active,.nav-sidebar .nav-link:hover{background:rgba(212,16,31,.22)!important;color:#fff!important;box-shadow:inset 3px 0 0 rgba(255,255,255,.18)}
.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dashboard-card-header .card-title{margin:0}.dashboard-card-header .btn{margin-left:auto}.action-cell,.table td.action-cell{white-space:nowrap;text-align:center;vertical-align:middle}.action-cell .btn{display:inline-flex;align-items:center;justify-content:center}.money-nowrap{white-space:nowrap!important}.small-box .icon{display:block!important}.small-box .inner h3{white-space:nowrap!important}.small-box .inner p{line-height:1.25}.main-header .navbar-nav.ml-auto{align-items:center}.mobile-main-panel-link{display:none!important}
@media(max-width:768px){.mobile-main-panel-link{display:inline-flex!important}.main-header .navbar-nav.ml-auto{flex-direction:row;gap:4px}.main-header .navbar-nav.ml-auto .nav-link{padding:.5rem .45rem;font-size:13px}.dashboard-card-header{align-items:flex-start;gap:8px}.dashboard-card-header .card-title{width:100%;line-height:1.25}.dashboard-card-header .btn{margin-left:0;width:auto}.table td.action-cell,.action-cell{display:table-cell!important;text-align:center!important;vertical-align:middle!important;white-space:nowrap!important}.action-cell .btn{position:static!important;margin:0 auto!important;min-width:68px}.small-box{position:relative;min-height:124px;display:flex;align-items:stretch}.small-box .inner{width:100%;display:flex;flex-direction:column;justify-content:center;text-align:left}.small-box .inner h3{font-size:clamp(21px,6vw,26px)!important;line-height:1.05;margin-bottom:6px;letter-spacing:-.35px;padding-right:42px!important;text-align:left;color:#fff;font-weight:900}.small-box .inner p{font-size:14px!important;font-weight:800;text-align:left;color:rgba(255,255,255,.96)}.small-box .icon{display:block!important;right:10px!important;top:50%!important;transform:translateY(-50%);font-size:44px!important;opacity:.28!important;color:rgba(0,0,0,.22)!important}.table-responsive .table{min-width:690px}.card-body.table-responsive{padding:0!important}.card-body.table-responsive .table th,.card-body.table-responsive .table td{padding:.55rem .5rem}.form-inline .btn.ml-auto{margin-left:0!important}.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link,.main-sidebar .brand-link{min-height:70px}}
@media(max-width:420px){.small-box .inner h3{font-size:20px!important;padding-right:38px!important}.small-box .icon{display:block!important;font-size:38px!important;right:8px!important}.dashboard-card-header .btn{width:100%;justify-content:center}.table-responsive .table{min-width:650px}}

/* V5 dashboard renkli kutu ikon taşma düzeltmesi */
.small-box{position:relative!important;overflow:hidden!important}
.small-box .icon{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;width:58px!important;height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;line-height:1!important;z-index:0!important;pointer-events:none!important}
.small-box .icon>i,.small-box .icon .fas,.small-box .icon .far,.small-box .icon .fab{position:static!important;display:block!important;font-size:46px!important;line-height:1!important;transform:none!important;margin:0!important;max-width:100%!important;max-height:100%!important;color:rgba(0,0,0,.22)!important}
.small-box .inner{position:relative!important;z-index:1!important}
@media(max-width:768px){.small-box .icon{right:10px!important;width:50px!important;height:50px!important}.small-box .icon>i,.small-box .icon .fas,.small-box .icon .far,.small-box .icon .fab{font-size:40px!important}.small-box .inner h3{padding-right:48px!important}}
@media(max-width:420px){.small-box .icon{right:8px!important;width:44px!important;height:44px!important}.small-box .icon>i,.small-box .icon .fas,.small-box .icon .far,.small-box .icon .fab{font-size:34px!important}.small-box .inner h3{padding-right:42px!important}}

/* V6 servis detay cihaz bilgileri ve dashboard yazı belirginliği */
.device-summary{font-size:14px;line-height:1.45;color:#374151}
.device-summary>div{padding:4px 0;border-bottom:1px dashed rgba(148,163,184,.35)}
.device-summary>div:last-child{border-bottom:0}
.public-device-summary{margin-top:10px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px}
.small-box .inner h3,.small-box .inner p{color:#fff!important;text-shadow:0 2px 5px rgba(0,0,0,.34)!important}
.small-box.bg-warning .inner h3,.small-box.bg-warning .inner p{color:#fff!important;text-shadow:0 2px 6px rgba(0,0,0,.48)!important}
@media(max-width:768px){.device-summary{font-size:13px}.public-device-summary{padding:9px 10px}.small-box .inner h3,.small-box .inner p{text-shadow:0 2px 6px rgba(0,0,0,.42)!important}.small-box.bg-warning .inner h3,.small-box.bg-warning .inner p{text-shadow:0 2px 7px rgba(0,0,0,.55)!important}}

/* V7 müşteri takip mobil cihaz bilgi kartı ile toplam borç kartı arası boşluk */
.public-device-summary{margin-bottom:16px!important}
@media(max-width:768px){
  .public-device-summary{margin-bottom:18px!important}
  .public-card .metric-card{margin-top:8px!important;margin-bottom:14px!important}
  .public-card .row>[class*=col-]+[class*=col-]{margin-top:10px}
}
@media(max-width:420px){
  .public-device-summary{margin-bottom:20px!important}
  .public-card .metric-card{margin-top:10px!important}
}

/* V8 modal ve uzun metin düzeltmeleri */
.modal-content{border-radius:18px!important}.modal-header.bg-dark .close{color:#fff!important;opacity:1}.table td{overflow-wrap:anywhere}.form-control option{font-size:13px}


/* V9 Gelişmiş raporlar */
.report-filter-form label{font-weight:700;color:#374151}.report-filter-form .form-control{min-height:42px}.metric-purple{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.card-header .card-title{font-weight:800}.table td .money-nowrap,.table th .money-nowrap{white-space:nowrap!important}
@media(max-width:768px){.report-filter-form .form-row>[class*=col-]{margin-bottom:8px}.report-filter-form .btn{width:100%}#dailyChart{min-height:220px}}