/* SUNUCUHANE — WHMCS uyumluluk ve müşteri paneli görünümü (en son yüklenir) */

/* Bootstrap .nav ile çakışma */
.site-header .nav{flex-wrap:nowrap;padding-left:24px;padding-right:24px;margin-bottom:0}
.site-header .mainmenu{margin-bottom:0}

/* Para birimi seçimi bağlantı olarak */
.cur a{padding:3px 9px!important;border-radius:99px;font-size:12.5px;color:#fff;text-decoration:none}
.cur a[aria-pressed="true"]{background:#fff;color:var(--plum)!important}

/* Müşteri paneli alt menüsü */
.sh-subnav{background:#fff;border-bottom:1px solid #ecdce6;box-shadow:0 6px 18px rgba(60,0,40,.06);position:relative;z-index:40}
.sh-subnav .wrap{max-width:1338px}
.sh-subnav .navbar{min-height:56px}
.sh-subnav .navbar-nav .nav-link{font-weight:600;font-size:15px;color:#3d0229!important;padding:16px 14px!important}
.sh-subnav .navbar-nav .nav-link:hover,.sh-subnav .navbar-nav .active>.nav-link{color:#8a1263!important}
.sh-subnav .dropdown-menu{border:1px solid #ecdce6;border-radius:12px;box-shadow:0 16px 34px rgba(60,0,40,.14);padding:8px}
.sh-subnav .dropdown-item{border-radius:8px;padding:8px 12px;font-size:14.5px}
.sh-subnav .dropdown-item:hover,.sh-subnav .dropdown-item:focus{background:#fbeef4;color:#3d0229}
.sh-subnav .navbar-toggler{margin:8px 0;border-color:#ecdce6}

/* Müşteri paneli sayfaları: marka renkleri */
.sh-app{--sh-plum:#8a1263;--sh-or:#F47B20}
.sh-app #main-body{padding:32px 0 56px}
.sh-app #main-body .container{max-width:1290px}
.sh-app .master-breadcrumb{background:transparent;padding:14px 0 0}
.sh-app .master-breadcrumb .container{max-width:1290px}
.sh-app .master-breadcrumb .breadcrumb{background:transparent;margin:0;padding:0;font-size:14px}
.sh-app .btn-primary,.sh-app .btn-primary:not(:disabled):not(.disabled):active{background:var(--sh-plum);border-color:var(--sh-plum)}
.sh-app .btn-primary:hover,.sh-app .btn-primary:focus{background:#6e1150;border-color:#6e1150}
.sh-app .btn-success{background:var(--sh-or);border-color:var(--sh-or);color:#2b1400}
.sh-app .btn-success:hover{background:#f68a35;border-color:#f68a35;color:#2b1400}
.sh-app #main-body :where(a:not(.btn):not(.list-group-item):not(.nav-link):not(.dropdown-item)){color:var(--sh-plum)}
.sh-app .sidebar .card,.sh-app .primary-content .card{border-color:#ecdce6;border-radius:14px}
.sh-app .sidebar .list-group-item.active{background:var(--sh-plum);border-color:var(--sh-plum)}
.sh-app .card-header{background:#fbf3f7}
.sh-app .tiles .tile:hover{background:#fbf3f7}
.sh-app .tiles .tile .highlight{background:var(--sh-or)}

@media (max-width:1020px){
  .sh-subnav .navbar-nav .nav-link{padding:10px 4px!important}
}

/* ===== SUNUCUHANE: müşteri paneli sayfaları (menü, yan menü, tablolar, faturalar) ===== */

/* üst panel menüsü: yazılar alt satıra kaymaz */
.sh-subnav .navbar-nav{align-items:center}
.sh-subnav .navbar-nav .nav-link{white-space:nowrap;font-size:14.5px;padding:16px 11px!important;display:flex;align-items:center;gap:6px}
.sh-subnav .navbar-nav .nav-link .badge{font-size:11px}
.sh-subnav .sh-admin-return{margin-left:8px;padding:0 12px!important;height:34px;border-radius:9px;background:#fff4ea;border:1px solid #f8d2b0;color:#c45a0c!important;font-size:13.5px!important}
.sh-subnav .sh-admin-return:hover{background:#F47B20;border-color:#F47B20;color:#fff!important}
.sh-subnav .sh-admin-return svg{width:15px;height:15px}
@media (max-width:1199px){
 .sh-subnav .navbar-collapse{padding-bottom:10px}
 .sh-subnav .navbar-nav{align-items:stretch}
 .sh-subnav .navbar-nav .nav-link{padding:10px 4px!important}
 .sh-subnav .sh-admin-return{margin:8px 0 0;justify-content:center}
}

/* breadcrumb */
.sh-app .master-breadcrumb .breadcrumb{background:none;padding:18px 0 0;margin:0;font-size:14px}
.sh-app .master-breadcrumb .breadcrumb-item a{color:#7a0f55}
.sh-app .master-breadcrumb .breadcrumb-item.active{color:#6b7280}

/* yan menü kartları */
.sh-app .sidebar .card{border:1px solid #ecdce6;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px rgba(72,0,46,.05);margin-bottom:16px}
.sh-app .sidebar .card-header{background:#fff;border-bottom:1px solid #f3e9ef;padding:14px 16px}
.sh-app .sidebar .card-title{font-size:15.5px;font-weight:700;color:#172033;display:flex;align-items:center;gap:8px}
.sh-app .sidebar .card-title>i:first-child,.sh-app .sidebar .card-title>.fa,.sh-app .sidebar .card-title>.fas,.sh-app .sidebar .card-title>.far{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:#fbeef5;color:#7a0f55;font-size:14px;flex:0 0 auto}
.sh-app .sidebar .card-minimise{margin-left:auto;color:#7a0f55}
.sh-app .sidebar .card-body{padding:14px 16px;font-size:14.5px;color:#4a5568}
.sh-app .sidebar .card-footer{background:#fbf7fa;border-top:1px solid #f3e9ef;padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px}
.sh-app .sidebar .list-group-item{border-color:#f3e9ef;padding:11px 16px;font-size:14.5px;color:#3a4660;display:flex;align-items:center;gap:8px}
.sh-app .sidebar .list-group-item:hover{background:#fffaf6;color:#c45a0c}
.sh-app .sidebar .list-group-item.active,.sh-app .sidebar .list-group-item.active:hover{background:#7a0f55;border-color:#7a0f55;color:#fff}
.sh-app .sidebar .list-group-item .badge{margin-left:auto;background:#f3e9ef;color:#7a0f55;border-radius:99px;font-weight:700;padding:4px 8px}
.sh-app .sidebar .list-group-item.active .badge{background:rgba(255,255,255,.2);color:#fff}
.sh-app .sidebar .list-group-item input[type=radio],.sh-app .sidebar .list-group-item input[type=checkbox]{accent-color:#F47B20}
/* vadesi geçmiş fatura kutusu: kırmızı vurgu */
.sh-app .sidebar .card-accent-red,.sh-app .sidebar .card.bg-danger{border-top:3px solid #e03131}
.sh-app .sidebar .card-accent-red .card-title>i:first-child{background:#fdecec;color:#e03131}

/* butonlar */
.sh-app .btn-primary,.sh-app .btn-success{background:#F47B20;border-color:#F47B20;color:#fff;border-radius:10px;font-weight:600}
.sh-app .btn-primary:hover,.sh-app .btn-primary:focus,.sh-app .btn-success:hover,.sh-app .btn-success:focus{background:#dd6a12;border-color:#dd6a12;color:#fff}
.sh-app .btn-default,.sh-app .btn-secondary,.sh-app .btn-light{background:#fff;border:1px solid #e3d3dd;color:#3a4660;border-radius:10px;font-weight:600}
.sh-app .btn-default:hover,.sh-app .btn-secondary:hover,.sh-app .btn-light:hover{border-color:#F47B20;color:#c45a0c;background:#fffaf6}
.sh-app .btn-sm,.sh-app .btn-xs{border-radius:8px}

/* tablolar (faturalar, hizmetler, destek talepleri) */
.sh-app .table-container{background:#fff;border:1px solid #ecdce6;border-radius:18px;padding:18px;box-shadow:0 10px 26px rgba(72,0,46,.05)}
.sh-app .table-container .table,.sh-app .primary-content .table-list{border:0;margin:0}
.sh-app .table-list{border-collapse:separate!important;border-spacing:0;width:100%!important}
.sh-app .table-list thead th{background:#fbf7fa!important;border:0!important;border-bottom:1px solid #ecdce6!important;color:#6b7280;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:13px 14px!important;white-space:nowrap}
.sh-app .table-list thead th:first-child{border-top-left-radius:12px}
.sh-app .table-list thead th:last-child{border-top-right-radius:12px}
.sh-app .table-list thead th.sorting_asc,.sh-app .table-list thead th.sorting_desc{color:#7a0f55}
.sh-app .table-list tbody td{border:0!important;border-bottom:1px solid #f3e9ef!important;padding:14px!important;vertical-align:middle;font-size:14.5px;color:#3a4660;background:#fff}
.sh-app .table-list tbody tr{cursor:pointer;transition:background .12s}
.sh-app .table-list tbody tr:hover td{background:#fffaf6}
.sh-app .table-list tbody tr:last-child td{border-bottom:0!important}
.sh-app .table-list tbody td:first-child{font-weight:700;color:#172033}
/* durum etiketleri (Ödendi, Ödenmedi, Aktif...) */
.sh-app .label,.sh-app .status{display:inline-flex;align-items:center;gap:6px;padding:5px 11px!important;border-radius:99px!important;font-size:12.5px!important;font-weight:700;line-height:1.2;border:0;text-transform:none}
.sh-app .label::before,.sh-app .status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.sh-app .status-paid,.sh-app .label.status-paid,.sh-app .status-active,.sh-app .status-completed,.sh-app .status-answered,.sh-app .status-accepted{background:#eafaf1!important;color:#1d8a4c!important}
.sh-app .status-unpaid,.sh-app .label.status-unpaid,.sh-app .status-overdue,.sh-app .status-suspended,.sh-app .status-terminated,.sh-app .status-fraud,.sh-app .status-dead{background:#fdecec!important;color:#c92a2a!important}
.sh-app .status-cancelled,.sh-app .status-refunded,.sh-app .status-closed,.sh-app .status-expired,.sh-app .status-draft{background:#f1f3f5!important;color:#6b7280!important}
.sh-app .status-pending,.sh-app .status-collections,.sh-app .status-payment-pending,.sh-app .status-customer-reply,.sh-app .status-in-progress,.sh-app .status-open,.sh-app .status-on-hold,.sh-app .status-delivered{background:#fff4ea!important;color:#c45a0c!important}
/* DataTables üst ve alt kısmı */
.sh-app .dataTables_wrapper .dataTables_info{padding:4px 0 14px;font-size:14px;color:#6b7280}
.sh-app .dataTables_wrapper .dataTables_filter input,.sh-app .dataTables_wrapper .dataTables_length select{height:42px;border:1.5px solid #e3d3dd;border-radius:12px;background:#fbf7fa;padding:0 14px;font-size:14.5px;outline:0}
.sh-app .dataTables_wrapper .dataTables_filter input:focus,.sh-app .dataTables_wrapper .dataTables_length select:focus{border-color:#F47B20;background:#fff;box-shadow:0 0 0 3px rgba(244,123,32,.15)}
.sh-app .dataTables_wrapper .dataTables_length{font-size:14px;color:#6b7280;padding-top:16px}
.sh-app .dataTables_wrapper .dataTables_paginate{padding-top:16px}
.sh-app .pagination{gap:6px;flex-wrap:wrap}
.sh-app .pagination .page-link{border:1px solid #ecdce6!important;border-radius:10px!important;color:#3a4660;min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0 12px;font-weight:600;font-size:14px;background:#fff}
.sh-app .pagination .page-link:hover{border-color:#F47B20!important;color:#c45a0c;background:#fffaf6}
.sh-app .pagination .page-item.active .page-link{background:#7a0f55!important;border-color:#7a0f55!important;color:#fff!important}
.sh-app .pagination .page-item.disabled .page-link{color:#b8aab3;background:#fbf7fa}
@media (max-width:767px){
 .sh-app .table-container{padding:10px;border-radius:14px}
 .sh-app .table-list tbody td{padding:12px 10px!important;font-size:13.5px}
}

/* ===== Faturalarım: görsel başlık bandı ===== */
.shi-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 300px;align-items:center;gap:20px;margin-bottom:22px;padding:28px 30px;border-radius:22px;color:#fff;
 background:radial-gradient(480px 280px at 88% 10%,rgba(244,123,32,.5),transparent 62%),linear-gradient(135deg,#3a0025,#5d003e 55%,#7a0f55)}
.shi-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,#000,transparent 65%);mask-image:linear-gradient(90deg,#000,transparent 65%)}
.shi-hero>*{position:relative;z-index:1}
.shi-kick{display:inline-block;padding:5px 12px;border-radius:99px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffc83d}
.sh-app .shi-hero h1{margin:12px 0 6px;font-family:"Poppins",sans-serif;font-size:32px;font-weight:800;color:#fff}
.shi-hero-txt p{margin:0 0 16px;color:rgba(255,255,255,.82);font-size:15.5px}
.shi-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.shi-chip{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:99px;background:rgba(255,255,255,.12);font-size:13.5px;color:#fff}
.shi-chip b{font-weight:800}
.shi-chip i{width:8px;height:8px;border-radius:50%;background:currentColor}
.shi-chip-red{background:rgba(255,99,99,.2);color:#ffd0d0}
.shi-chip-green{background:rgba(61,220,132,.18);color:#bdf5d6}
.shi-btns{display:flex;flex-wrap:wrap;gap:10px}
.sh-app #main-body a.shi-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:12px;font-weight:700;font-size:14.5px;text-decoration:none;color:#fff;transition:background .15s,transform .15s}
.shi-btn svg{width:17px;height:17px}
.sh-app #main-body a.shi-btn-or{background:#F47B20;box-shadow:0 10px 22px rgba(244,123,32,.35)}
.sh-app #main-body a.shi-btn-or:hover{background:#dd6a12;transform:translateY(-1px)}
.sh-app #main-body a.shi-btn-gh{background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.28)}
.sh-app #main-body a.shi-btn-gh:hover{background:rgba(255,255,255,.2)}
.shi-ill{width:100%;height:auto;display:block;filter:drop-shadow(0 16px 26px rgba(0,0,0,.25));animation:shiFloat 6s ease-in-out infinite}
@keyframes shiFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.shi-ill{animation:none}}
@media (max-width:991px){.shi-hero{grid-template-columns:1fr 200px}}
@media (max-width:640px){
 .shi-hero{grid-template-columns:1fr;padding:22px 18px}
 .shi-hero-art{display:none}
 .sh-app .shi-hero h1{font-size:26px}
 .sh-app #main-body a.shi-btn{flex:1 1 100%;justify-content:center}
}

/* ===== Hizmet detay sayfası: özet kartı ===== */
.sh-pd .product-details,.sh-pd .card:has(> .card-body > .product-details),.sh-pd .card:has(> .card-body > .row > [class*="col"] > .product-status){display:none!important}
.shpd-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:210px 1fr;gap:22px 26px;align-items:center;margin-bottom:22px;padding:26px;border-radius:22px;color:#fff;
 background:radial-gradient(520px 300px at 100% 0%,rgba(244,123,32,.45),transparent 60%),linear-gradient(135deg,#3a0025,#5d003e 55%,#7a0f55)}
.shpd-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:20px 20px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 55%);mask-image:linear-gradient(90deg,#000,transparent 55%);pointer-events:none}
.shpd-hero>*{position:relative;z-index:1}
.shpd-art{position:relative;display:flex;align-items:center;justify-content:center;height:170px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.shpd-art svg{position:relative;width:86%;height:auto;filter:drop-shadow(0 14px 22px rgba(0,0,0,.35));animation:shpdFloat 6s ease-in-out infinite}
.shpd-glow{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(244,123,32,.55),transparent 70%)}
@keyframes shpdFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.shpd-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.shpd-st,.shpd-grp{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:99px;font-size:13px;font-weight:700}
.shpd-st{background:rgba(255,255,255,.14);color:#fff}
.shpd-st i{width:8px;height:8px;border-radius:50%;background:#ffc83d}
.shpd-st-active i{background:#3ddc84;box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:shpdPulse 1.8s infinite}
.shpd-st-suspended i,.shpd-st-terminated i,.shpd-st-cancelled i,.shpd-st-fraud i{background:#ff6b6b}
@keyframes shpdPulse{0%{box-shadow:0 0 0 0 rgba(61,220,132,.6)}70%{box-shadow:0 0 0 8px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
.shpd-grp{background:rgba(255,200,61,.16);color:#ffd77a;border:1px solid rgba(255,200,61,.3)}
.sh-app .shpd-hero h1{margin:0 0 6px;font-family:"Poppins",sans-serif;font-size:32px;font-weight:800;line-height:1.15;color:#fff}
.shpd-host{display:flex;align-items:center;gap:8px;margin:0 0 18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15.5px;color:rgba(255,255,255,.85)}
.shpd-host svg{width:17px;height:17px;color:#ffc83d}
.shpd-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.sh-app #main-body a.shpd-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:12px;font-weight:700;font-size:14px;text-decoration:none;color:#fff;transition:background .15s,transform .15s}
.shpd-btn svg{width:17px;height:17px}
.sh-app #main-body a.shpd-btn-or{background:#F47B20;box-shadow:0 10px 22px rgba(244,123,32,.35)}
.sh-app #main-body a.shpd-btn-or:hover{background:#dd6a12;transform:translateY(-1px)}
.sh-app #main-body a.shpd-btn-gh{background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.28)}
.sh-app #main-body a.shpd-btn-gh:hover{background:rgba(255,255,255,.2)}
.sh-app #main-body a.shpd-btn-link{padding:0 6px;color:rgba(255,255,255,.7);font-weight:600;text-decoration:underline}
.sh-app #main-body a.shpd-btn-link:hover{color:#ff9f9f}
.shpd-note{font-size:13.5px;color:#ffd0d0}
.shpd-facts{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.shpd-fact{display:flex;align-items:center;gap:11px;min-width:0;padding:13px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.shpd-fact-hl{background:rgba(244,123,32,.18);border-color:rgba(244,123,32,.4)}
.shpd-fi{flex:0 0 auto;width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.12);display:inline-flex;align-items:center;justify-content:center;color:#ffc83d}
.shpd-fi svg{width:19px;height:19px}
.shpd-fact div{min-width:0}
.shpd-fact small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.shpd-fact b{display:block;font-size:15px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* alttaki sekmeler */
.sh-pd .nav-tabs{display:flex;flex-wrap:wrap;gap:6px;border:0;margin-bottom:0;padding:8px;background:#fff;border:1px solid #ecdce6;border-bottom:0;border-radius:18px 18px 0 0}
.sh-pd .nav-tabs .nav-link{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px!important;border:0!important;border-radius:11px;color:#3a4660!important;font-weight:600;font-size:14.5px;background:none}
.sh-pd .nav-tabs .nav-link:hover{background:#fdf3ec;color:#c45a0c!important}
.sh-pd .nav-tabs .nav-link.active{background:#7a0f55;color:#fff!important}
.sh-pd .nav-tabs+.tab-content{background:#fff;border:1px solid #ecdce6;border-radius:0 0 18px 18px;padding:22px}
.sh-pd .tab-content>.tab-pane>.row{margin:0 0 6px}
.sh-pd .tab-content .text-right strong,.sh-pd .tab-content .text-sm-right strong{color:#6b7280;font-weight:600}
@media (max-width:1199px){
 .shpd-hero{grid-template-columns:170px 1fr}
 .shpd-facts{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
 .shpd-hero{grid-template-columns:1fr;padding:20px;gap:18px}
 .shpd-art{height:130px}
 .sh-app .shpd-hero h1{font-size:25px}
 .shpd-facts{grid-template-columns:1fr 1fr;gap:8px}
 .shpd-fact{padding:11px;gap:0}
 .shpd-fi{display:none}
 .shpd-fact b{font-size:14px}
 .sh-app #main-body a.shpd-btn{flex:1 1 auto;justify-content:center}
 .sh-pd .tab-content>.tab-pane>.row>[class*="col"]{text-align:left!important}
 .sh-pd .nav-tabs+.tab-content{padding:14px}
}
@media (prefers-reduced-motion:reduce){.shpd-art svg,.shpd-st i{animation:none}}