/* ==========================================================================
   Online Hosting - Musteri Paneli 2026  |  Gece Mavisi tasarim dili (v2)
   Gece Mavisi #031326 / Elektrik Mavisi #0d8be8 / Zumrut #10b981
   header.tpl yukler. WHMCS cekirdegine dokunmaz; sayfa CSS'lerini
   .clientarea__wrap ve .pnl-* kapsamiyla ezer.
   ========================================================================== */
:root{
  --pn-ink:#031326; --pn-ink2:#0a2342; --pn-blue:#0d8be8; --pn-blue-d:#0a6fc0;
  --pn-green:#10b981; --pn-amber:#f59e0b; --pn-red:#e5484d;
  --pn-bg:#f1f5f9; --pn-card:#fff; --pn-line:#e3eaf3; --pn-soft:#f6f9fc; --pn-text:#0b1f36; --pn-muted:#5b6f86;
  --pn-r:18px; --pn-shadow:0 1px 2px rgba(3,19,38,.04),0 10px 28px -16px rgba(3,19,38,.14);
}
body:has(.pnl-hero){background:var(--pn-bg)}
.pnl-top,.clientarea__wrap,.clientarea__breadcrumbs{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}

/* ---------- HOS GELDIN KARTI ---------- */
.pnl-top{padding-top:22px}
.pnl-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:26px 30px;border-radius:var(--pn-r);color:#fff;
  background:radial-gradient(700px 240px at 85% -60%,rgba(13,139,232,.6),transparent 70%),radial-gradient(500px 200px at 0% 140%,rgba(16,185,129,.16),transparent 70%),linear-gradient(135deg,var(--pn-ink) 0%,var(--pn-ink2) 100%);
  box-shadow:0 18px 40px -22px rgba(3,19,38,.7)}
.pnl-hero::before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(100deg,#000,transparent 70%);mask-image:linear-gradient(100deg,#000,transparent 70%);pointer-events:none}
.pnl-hero__user,.pnl-hero__side{position:relative;display:flex;align-items:center;gap:16px;min-width:0}
.pnl-avatar img{width:62px;height:62px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.28);background:#0a2342;display:block}
.pnl-hello{display:block;font-size:13px;font-weight:700;color:#52b6ff;margin-bottom:2px}
.pnl-hero h1.pnl-name{font-size:25px;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0;color:#fff}
.pnl-mail{display:block;font-size:12.5px;font-weight:500;color:#9fbddb;margin-top:4px;overflow-wrap:anywhere}
.pnl-wallet{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.pnl-wallet i{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(16,185,129,.22);color:#46e0b0;font-size:16px}
.pnl-wallet small{display:block;font-size:11.5px;font-weight:600;color:#9fbddb}
.pnl-wallet b{display:block;font-size:19px;font-weight:800;letter-spacing:-.01em;line-height:1.1}
.pnl-ibtn{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:#d8e9fa!important;font-size:16px;text-decoration:none!important;transition:background .15s,transform .15s}
.pnl-ibtn:hover{background:rgba(255,255,255,.2);transform:translateY(-2px);color:#fff!important}
.pnl-ibtn--out{background:#fff;color:var(--pn-red)!important;border-color:#fff}
.pnl-ibtn--out:hover{background:#fff1f1;color:#c5383d!important}

/* ---------- SEKME MENUSU ---------- */
.pnl-nav{position:relative;z-index:6;margin-top:14px}
.pnl-nav__in{display:flex;align-items:stretch;background:#fff;border:1px solid var(--pn-line);border-radius:var(--pn-r);box-shadow:var(--pn-shadow);padding:4px 6px}
.pnl-nav__in>a,.pnl-more>a.pnl-more__t{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:9px;padding:15px 12px;font-size:13.5px;font-weight:700;color:var(--pn-muted)!important;text-decoration:none!important;white-space:nowrap;position:relative;border-radius:12px;transition:color .15s,background .15s}
.pnl-nav__in>a+a::before,.pnl-nav__in>a+.pnl-more::before{content:"";position:absolute;left:-1px;top:30%;bottom:30%;width:1px;background:var(--pn-line)}
.pnl-nav a i{font-size:15px;color:#8aa0b8;transition:color .15s}
.pnl-nav__in>a:hover,.pnl-more>a.pnl-more__t:hover{color:var(--pn-ink)!important;background:var(--pn-soft)}
.pnl-nav a:hover i{color:var(--pn-blue)}
.pnl-nav__in>a.is-active{color:var(--pn-blue)!important;background:#eef6fd}
.pnl-nav__in>a.is-active i{color:var(--pn-blue)}
.pnl-nav__in>a.is-active::after{content:"";position:absolute;left:22%;right:22%;bottom:3px;height:3px;border-radius:3px;background:var(--pn-blue)}
.pnl-more{position:relative;flex:1 1 0;display:flex}
.pnl-more>a.pnl-more__t{flex:1 1 auto}
.pnl-more .dropdown-menu{border:1px solid var(--pn-line);border-radius:14px;box-shadow:0 18px 40px -14px rgba(3,19,38,.35);padding:6px;min-width:220px;margin-top:6px}
.pnl-more .dropdown-item{display:flex;align-items:center;gap:10px;border-radius:9px;font-size:13px;font-weight:700;color:var(--pn-text);padding:9px 12px}
.pnl-more .dropdown-item i{width:18px;color:var(--pn-blue)}
.pnl-more .dropdown-item:hover{background:#eef6fd;color:var(--pn-blue)}

/* ---------- Breadcrumb ---------- */
.clientarea__breadcrumbs{background:transparent!important;border:0!important;padding:16px 0 4px!important}
.clientarea__breadcrumbs .breadcrumb{background:transparent;padding:0;margin:0;font-size:12.5px;font-weight:600;font-family:inherit}
.clientarea__breadcrumbs a{color:var(--pn-blue)}
.clientarea__breadcrumbs .breadcrumb-item.active{color:var(--pn-muted)}
.clientarea__wrap{padding-top:10px;padding-bottom:30px;background:transparent!important}

/* ---------- ANA SAYFA BILESENLERI ---------- */
.pnl-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:6px 0 18px}
.pnl-sum__card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--pn-line);border-radius:var(--pn-r);box-shadow:var(--pn-shadow)}
.pnl-sum__ic{flex:0 0 auto;width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:21px;background:#e7f3fd;color:var(--pn-blue)}
.pnl-sum__card--dom .pnl-sum__ic{background:#e5f8f1;color:#0b9f6e}
.pnl-sum__card--tkt .pnl-sum__ic{background:#fff4e0;color:#c27803}
.pnl-sum__t{flex:1;min-width:0}
.pnl-sum__t b{display:block;font-size:15px;font-weight:800;color:var(--pn-ink)}
.pnl-sum__t span{display:block;font-size:12.5px;font-weight:600;color:var(--pn-muted);margin-top:2px}
.pnl-soft{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;background:var(--pn-soft);border:1px solid var(--pn-line);color:var(--pn-ink)!important;font-size:12.5px;font-weight:700;text-decoration:none!important;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.pnl-soft:hover{background:#eef6fd;border-color:#b9dcf7;color:var(--pn-blue)!important}
.pnl-grid{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:18px;align-items:start}
.pnl-col{display:flex;flex-direction:column;gap:18px;min-width:0}
.pnl-card{background:#fff;border:1px solid var(--pn-line);border-radius:var(--pn-r);box-shadow:var(--pn-shadow);padding:18px}
.pnl-card__head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.pnl-card__ic{flex:0 0 auto;width:38px;height:38px;border-radius:11px;background:var(--pn-soft);border:1px solid var(--pn-line);display:flex;align-items:center;justify-content:center;color:var(--pn-ink2);font-size:15px}
.pnl-card__head h2{flex:1;margin:0;font-size:15px;font-weight:800;color:var(--pn-ink);letter-spacing:-.01em}
.pnl-list{display:flex;flex-direction:column;gap:10px}
.pnl-row{display:flex;align-items:center;gap:18px;padding:13px 16px;background:var(--pn-soft);border:1px solid #edf2f8;border-radius:14px;transition:border-color .15s,background .15s}
.pnl-row:hover{background:#f0f7fd;border-color:#cfe6f9}
.pnl-row__main{flex:1 1 220px;min-width:0}
.pnl-row__main b,.pnl-row__main a.pnl-row__title{display:block;font-size:14px;font-weight:800;color:var(--pn-ink);overflow-wrap:anywhere;text-decoration:none}
.pnl-row__main small{display:block;font-size:12px;font-weight:600;color:var(--pn-muted);margin-top:2px}
.pnl-meta{flex:0 0 auto;min-width:92px;padding-left:16px;border-left:1px solid var(--pn-line)}
.pnl-meta small{display:block;font-size:11px;font-weight:700;color:var(--pn-muted);text-transform:uppercase;letter-spacing:.04em}
.pnl-meta span{display:block;font-size:13px;font-weight:700;color:var(--pn-text);margin-top:2px;white-space:nowrap}
.pnl-meta span.badge,.pnl-meta span.pnl-due{display:inline-flex;margin-top:2px}
.pnl-meta--end{margin-left:auto;text-align:right;border-left:0;padding-left:0}
.pnl-act{flex:0 0 auto;display:flex;align-items:center;gap:8px}
.pnl-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:11px;border:0;background:linear-gradient(135deg,#0a7bd6,#0a5fae);color:#fff!important;font-size:12.5px;font-weight:700;text-decoration:none!important;white-space:nowrap;box-shadow:0 10px 18px -12px rgba(13,139,232,.95);transition:transform .15s,box-shadow .15s}
.pnl-btn:hover{transform:translateY(-1px);box-shadow:0 14px 22px -12px rgba(13,139,232,1)}
.pnl-btn--ghost{background:#fff;color:var(--pn-ink)!important;border:1px solid var(--pn-line);box-shadow:none}
.pnl-btn--ghost:hover{background:#eef6fd;color:var(--pn-blue)!important;box-shadow:none}
.pnl-btn--ok{background:linear-gradient(135deg,#12c08a,#0b9f6e);box-shadow:0 10px 18px -12px rgba(16,185,129,.95)}
.pnl-iconbtn{width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:var(--pn-ink2);color:#fff!important;text-decoration:none!important;font-size:14px;transition:background .15s}
.pnl-iconbtn:hover{background:var(--pn-blue)}
.pnl-empty{padding:22px;border:1px dashed #cfdbe9;border-radius:14px;text-align:center;font-size:13px;font-weight:600;color:var(--pn-muted);background:var(--pn-soft)}
.pnl-empty a{color:var(--pn-blue);font-weight:700}
.pnl-ip{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:3px 10px;border-radius:999px;background:#eef6fd;border:1px solid #cfe6f9;color:var(--pn-blue-d);font-size:12px;font-weight:700}
.pnl-ip button{background:none;border:0;padding:0;color:#7a95b3;cursor:pointer;font-size:12px}
.pnl-ip button:hover{color:var(--pn-blue)}
.pnl-quick a{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--pn-line);border-radius:13px;font-size:13.5px;font-weight:700;color:var(--pn-ink)!important;text-decoration:none!important;transition:background .15s,border-color .15s}
.pnl-quick a+a{margin-top:8px}
.pnl-quick a i:first-child{width:18px;text-align:center;color:var(--pn-blue)}
.pnl-quick a i:last-child{margin-left:auto;color:#a3b5c9;font-size:12px}
.pnl-quick a:hover{background:#eef6fd;border-color:#b9dcf7}
.pnl-promo{position:relative;overflow:hidden;border-radius:var(--pn-r);padding:22px;color:#fff;background:radial-gradient(260px 160px at 100% 0%,rgba(13,139,232,.5),transparent 70%),linear-gradient(150deg,var(--pn-ink),var(--pn-ink2))}
.pnl-promo small{display:block;font-size:12.5px;font-weight:700;color:#52b6ff}
.pnl-promo h3{margin:4px 0 8px;font-size:21px;line-height:1.2;font-weight:800;letter-spacing:-.02em;color:#fff}
.pnl-promo p{margin:0 0 16px;font-size:13px;line-height:1.55;color:#b9d0e8}
.clientarea__wrap .pnl-promo h3,.pnl-promo h3{color:#fff!important}
.pnl-promo--green{background:radial-gradient(260px 160px at 100% 0%,rgba(16,185,129,.4),transparent 70%),linear-gradient(150deg,#031326,#06303a)}
.pnl-promo--green small{color:#46e0b0}

/* ---------- Ic sayfalar: kartlar ---------- */
.clientarea__wrap .clientarea__panel,.clientarea__wrap .panel-top-summary,.clientarea__wrap .invoice-summary-bar,.clientarea__wrap .card,.clientarea__wrap .panel,.clientarea__wrap .modern-panel{background:#fff;border:1px solid var(--pn-line);border-radius:var(--pn-r);box-shadow:var(--pn-shadow)}
.clientarea__wrap .clientarea__panel,.clientarea__wrap .card,.clientarea__wrap .panel{overflow:hidden;margin-bottom:18px}
.clientarea__wrap .clientarea__panel_title,.clientarea__wrap .card-header,.clientarea__wrap .panel-heading,.clientarea__wrap .modern-panel-header{background:#fff;border-bottom:1px solid #eef2f7;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.clientarea__wrap .clientarea__panel_title b,.clientarea__wrap .card-header,.clientarea__wrap .panel-title,.clientarea__wrap .modern-panel-title{color:var(--pn-ink);font-weight:800;font-size:15px;letter-spacing:-.01em}
.clientarea__wrap .clientarea__panel_body,.clientarea__wrap .card-body,.clientarea__wrap .panel-body{padding:20px 22px}
.clientarea__wrap h1,.clientarea__wrap h2,.clientarea__wrap h3,.clientarea__wrap h4,.clientarea__wrap h5{color:var(--pn-ink);font-weight:800;letter-spacing:-.01em}
.clientarea__wrap .text-primary{color:var(--pn-blue)!important}
.clientarea__wrap .invoice-summary-bar,.clientarea__wrap .panel-top-summary{padding:16px 20px;margin-bottom:18px}

.clientarea__wrap .clientarea__panel_title{position:relative;line-height:1.3;text-align:left;overflow:visible;height:auto}
.clientarea__wrap .clientarea__panel_title b{display:inline-flex;align-items:center;margin:0}
.clientarea__wrap .clientarea__panel_title .action,.clientarea__wrap .clientarea__panel_title .action1{position:static;top:auto;right:auto;display:flex;align-items:center;gap:8px;margin-left:auto}
.clientarea__wrap .clientarea__panel_title .action1 .btn{height:auto;min-height:0;margin:0;line-height:1.2}
.clientarea__wrap .clientarea__panel_title>.btn-primary{margin-left:auto}
.clientarea__wrap .clientarea__panel_title>.btn-primary+.action1{margin-left:0}

/* ---------- Formlar ---------- */
.clientarea__wrap .form-control,.clientarea__wrap .custom-select,.clientarea__wrap select.form-control{border:1px solid #d5e0ec;border-radius:11px;min-height:44px;font-size:14px;color:var(--pn-text);background-color:#fff;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.clientarea__wrap textarea.form-control{min-height:110px}
.clientarea__wrap .form-control:focus,.clientarea__wrap .custom-select:focus{border-color:var(--pn-blue);box-shadow:0 0 0 4px rgba(13,139,232,.14);outline:0}
.clientarea__wrap label,.clientarea__wrap .control-label,.clientarea__wrap .form-group label{font-size:12.5px!important;font-weight:700!important;color:var(--pn-muted)!important;margin-bottom:6px}
.clientarea__wrap .btn-group-toggle label,.clientarea__wrap .custom-control-label,.clientarea__wrap .form-check-label{font-size:inherit!important;margin-bottom:0}
.clientarea__wrap .form-group{margin-bottom:16px}
.clientarea__wrap .input-group-text{border-radius:11px;border-color:#d5e0ec;background:var(--pn-soft);color:var(--pn-muted)}
.clientarea__wrap .nav-tabs{border-bottom:1px solid var(--pn-line);gap:4px}
.clientarea__wrap .nav-tabs .nav-link{border:0;border-radius:10px 10px 0 0;font-weight:700;color:var(--pn-muted);padding:11px 16px}
.clientarea__wrap .nav-tabs .nav-link.active{color:var(--pn-blue);background:#eef6fd;box-shadow:inset 0 -3px 0 var(--pn-blue)}
.clientarea__wrap .nav-pills .nav-link{border-radius:10px;font-weight:700;color:var(--pn-muted)}
.clientarea__wrap .nav-pills .nav-link.active{background:var(--pn-ink);color:#fff}
.clientarea__wrap .list-group-item{border-color:#eef2f7;font-size:13.5px}
.clientarea__wrap .list-group-item.active{background:var(--pn-ink);border-color:var(--pn-ink)}
.clientarea__wrap .modal-content{border:0;border-radius:var(--pn-r);box-shadow:0 30px 70px -20px rgba(3,19,38,.5)}
.clientarea__wrap hr{border-top-color:var(--pn-line)}

/* ---------- Butonlar ---------- */
.clientarea__wrap .btn{border-radius:11px;font-weight:700}
.clientarea__wrap .btn-primary{background:linear-gradient(135deg,#0a7bd6,#0a5fae);border-color:#0a5fae;box-shadow:0 10px 18px -12px rgba(13,139,232,.95)}
.clientarea__wrap .btn-primary:hover,.clientarea__wrap .btn-primary:focus{background:linear-gradient(135deg,#1597f4,var(--pn-blue));border-color:var(--pn-blue)}
.clientarea__wrap .btn-success{background:linear-gradient(135deg,#12c08a,#0b9f6e);border-color:#0b9f6e}
.clientarea__wrap .btn-outline-primary{color:var(--pn-blue);border-color:#b9dcf7;background:#fff}
.clientarea__wrap .btn-outline-primary:hover{background:var(--pn-blue);border-color:var(--pn-blue);color:#fff}
.clientarea__wrap .btn-default,.clientarea__wrap .btn-outline-secondary,.clientarea__wrap .btn-outline-dark{background:#fff;border:1px solid var(--pn-line);color:var(--pn-ink)}
.clientarea__wrap .btn-default:hover,.clientarea__wrap .btn-outline-secondary:hover,.clientarea__wrap .btn-outline-dark:hover{background:#eef6fd;border-color:#b9dcf7;color:var(--pn-blue)}
.clientarea__wrap .btn-secondary{background:#fff;border:1px solid var(--pn-line);color:var(--pn-muted)}
.clientarea__wrap .btn-group-toggle{background:var(--pn-soft);border:1px solid var(--pn-line);border-radius:12px;padding:3px}
.clientarea__wrap .btn-group-toggle .btn{border:0;border-radius:9px;background:transparent;font-size:12px;padding:6px 13px;color:var(--pn-muted)}
.clientarea__wrap .btn-group-toggle .btn:hover{color:var(--pn-ink)}
.clientarea__wrap .btn-group-toggle .btn.active{background:var(--pn-blue);color:#fff;box-shadow:0 8px 14px -10px rgba(13,139,232,.95)}

/* ---------- Tablolar ---------- */
.clientarea__wrap .table{margin-bottom:0;color:var(--pn-text)}
.clientarea__wrap .table thead th{background:var(--pn-soft);border-top:0;border-bottom:1px solid var(--pn-line);color:var(--pn-muted);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:12px 16px;white-space:nowrap}
.clientarea__wrap .table td{border-top:1px solid #eef2f7;padding:15px 16px;font-size:13px;vertical-align:middle}
.clientarea__wrap .table tbody tr:hover{background:#f8fbff}
.clientarea__wrap .table td b,.clientarea__wrap .table td .font-weight-bold{color:var(--pn-ink)}
.clientarea__wrap .table .text-muted{color:var(--pn-muted)!important}
.clientarea__wrap .ip-badge-wrap{background:#eef6fd;border-color:#cfe6f9;color:var(--pn-blue-d);border-radius:999px}
.clientarea__wrap .dataTables_wrapper{padding:0}
.clientarea__wrap .dataTables_wrapper .row:first-child,.clientarea__wrap .dataTables_wrapper .row:last-child{margin:0;padding:12px 18px}
.clientarea__wrap .dataTables_filter input{border:1px solid var(--pn-line);border-radius:10px;padding:6px 12px;margin-left:6px;outline:0;font-size:13px}
.clientarea__wrap .dataTables_filter input:focus{border-color:var(--pn-blue);box-shadow:0 0 0 3px rgba(13,139,232,.15)}
.clientarea__wrap .page-item.active .page-link{background:var(--pn-ink);border-color:var(--pn-ink)}
.clientarea__wrap .page-link{color:var(--pn-blue);border-radius:8px;margin:0 2px}

/* ---------- Rozetler ---------- */
.clientarea__wrap .badge,.pnl-card .badge,.pnl-row .badge{font-weight:700;border-radius:999px;padding:5px 11px!important;font-size:11.5px;letter-spacing:.01em;line-height:1.2}
.clientarea__wrap .table td span.badge{font-weight:700;font-size:11.5px;line-height:1.2;padding:5px 11px!important}
.clientarea__wrap .badge-success{background:#e5f8f1;color:#0a8a60!important}
.clientarea__wrap .badge-warning{background:#fff4e0;color:#a86400!important}
.clientarea__wrap .badge-danger{background:#fdeaea;color:#c5383d!important}
.clientarea__wrap .badge-secondary{background:#eaeff5;color:#4a5f78!important}
.clientarea__wrap .badge-info{background:#e7f3fd;color:var(--pn-blue-d)!important}
.clientarea__wrap .badge-primary{background:var(--pn-blue);color:#fff!important}
.clientarea__wrap .badge-dark{background:var(--pn-ink);color:#fff!important}

/* ---------- Kalan gun hapi ---------- */
.pnl-due{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;border-radius:999px;padding:5px 11px;white-space:nowrap;background:#eaeff5;color:#4a5f78}
.pnl-due::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.85}
.pnl-due--ok{background:#e5f8f1;color:#0a8a60}
.pnl-due--soon{background:#fff4e0;color:#a86400}
.pnl-due--late{background:#fdeaea;color:#c5383d}
.pnl-due--none{background:transparent;color:var(--pn-muted);padding:0}
.pnl-due--none::before{display:none}

/* ---------- Uyarilar ---------- */
.clientarea__wrap .alert{border-radius:14px;border:1px solid var(--pn-line);font-size:13.5px}
.clientarea__wrap .alert-warning{background:#fffaf0;border-color:#fde2b3;color:#7a4b00}
.clientarea__wrap .alert-info{background:#eef6fd;border-color:#cfe6f9;color:#0b4f85}
.clientarea__wrap .alert-success{background:#e9f9f2;border-color:#bdebd8;color:#0a6b4a}
.clientarea__wrap .alert-danger{background:#fff0f0;border-color:#f6c7c9;color:#9b2226}

/* ---------- Mobil ---------- */
@media (max-width:991px){
  .pnl-hero{padding:20px}
  .pnl-hero__side{width:100%}
  .pnl-wallet{flex:1}
  .pnl-sum{grid-template-columns:1fr}
  .pnl-grid{grid-template-columns:1fr}
  .pnl-nav__in{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:2px}
  .pnl-nav__in::-webkit-scrollbar{display:none}
  .pnl-nav__in>a,.pnl-more>a.pnl-more__t{flex:0 0 auto;padding:13px 14px}
  .pnl-nav__in>a+a::before,.pnl-nav__in>a+.pnl-more::before{display:none}
  .pnl-more{display:contents}
  .pnl-more>a.pnl-more__t{display:none}
  .pnl-more .dropdown-menu{display:contents!important;position:static;float:none;border:0;box-shadow:none;padding:0;margin:0}
  .pnl-more .dropdown-item{flex:0 0 auto;padding:13px 14px;border-radius:12px;font-size:13.5px;color:var(--pn-muted);white-space:nowrap}
  .pnl-more .dropdown-item i{color:#8aa0b8}
}
@media (max-width:767px){
  .pnl-row{flex-wrap:wrap;gap:10px 14px}
  .pnl-row__main{flex:1 1 100%}
  .pnl-meta{padding-left:0;border-left:0;min-width:0;flex:1 1 40%}
  .pnl-meta span.badge,.pnl-meta span.pnl-due{display:inline-flex;margin-top:2px}
.pnl-meta--end{margin-left:0;text-align:left}
  .pnl-act{flex:1 1 100%}
  .pnl-act .pnl-btn{flex:1;justify-content:center}
}
@media (max-width:575px){
  .pnl-top{padding-top:14px}
  .pnl-hero h1.pnl-name{font-size:20px}
  .pnl-avatar img{width:50px;height:50px}
  .clientarea__wrap .table td,.clientarea__wrap .table thead th{padding:11px 12px}
  .clientarea__wrap .clientarea__panel_title,.clientarea__wrap .clientarea__panel_body{padding-left:16px;padding-right:16px}
}

/* ---------- v3: kontrast duzeltmeleri (mavi zemin = beyaz yazi) ---------- */
.clientarea__wrap .btn-primary,.clientarea__wrap a.btn-primary,.clientarea__wrap .btn-success,.clientarea__wrap a.btn-success,.clientarea__wrap .btn-danger,.clientarea__wrap a.btn-danger,.clientarea__wrap .btn-info,.clientarea__wrap a.btn-info,.clientarea__wrap .btn-dark,.clientarea__wrap a.btn-dark{color:#fff!important;text-decoration:none!important}
.clientarea__wrap .btn-warning,.clientarea__wrap a.btn-warning{color:#3b2a00!important;text-decoration:none!important}
.clientarea__wrap .btn-group-toggle label.btn{color:var(--pn-muted)!important;cursor:pointer;margin:0}
.clientarea__wrap .btn-group-toggle label.btn:hover{color:var(--pn-ink)!important}
.clientarea__wrap .btn-group-toggle label.btn.active,.clientarea__wrap .btn-group-toggle label.btn.active:hover{color:#fff!important}
.clientarea__wrap .btn-group-toggle input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.clientarea__wrap .badge-secondary{background:#e8edf4;color:#3d5169!important}
.clientarea__wrap .badge.badge-secondary[style]{background:#e8edf4!important;color:#3d5169!important}