:root{
  --primary:#173d56;
  --primary-2:#0f2e44;
  --accent:#62bd4c;
  --blue:#20a8e8;
  --red:#ee4d4d;
  --dark:#50697a;
  --bg:#f5f7fa;
  --card:#ffffff;
  --text:#1e2b36;
  --muted:#758391;
  --line:#e5ebf0;
  --shadow:0 14px 40px rgba(15,46,68,.08);
  --radius:16px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.5}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
img{max-width:100%;display:block}
.center{text-align:center}.full{width:100%}.muted{color:var(--muted)}.tiny{font-size:12px;margin:0}.full-row{grid-column:1/-1}.section-title{margin:8px 0 0}.no-card{box-shadow:none;border:none;background:transparent;padding:0}

.auth-body{background:linear-gradient(135deg,#eef5f8 0%,#f7fbfd 42%,#e7f0f5 100%);display:grid;place-items:center;padding:24px}
.auth-shell{width:min(100%,430px)}
.auth-card{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);border-radius:24px;padding:34px;backdrop-filter:blur(10px)}
.auth-logo-wrap{display:flex;justify-content:center;margin-bottom:22px}.auth-logo{height:48px;object-fit:contain}.auth-card h1{margin:0 0 6px;text-align:center}.auth-subtitle{text-align:center;color:var(--muted);margin:0 0 24px}.auth-links{text-align:center;margin-top:18px}.auth-links a{color:var(--primary);font-weight:700}

.topbar{position:sticky;top:0;z-index:20;height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:0 28px;box-shadow:0 8px 24px rgba(15,46,68,.04)}
.brand img{height:36px;min-width:100px;object-fit:contain}.topnav{height:100%;display:flex;align-items:center;gap:2px;flex:1}.topnav a{height:100%;display:flex;align-items:center;padding:0 14px;color:#425466;font-weight:650;border-bottom:3px solid transparent}.topnav a:hover{color:var(--primary);border-bottom-color:var(--accent)}.top-actions{display:flex;align-items:center;gap:12px}.nav-toggle{display:none;background:transparent;border:0;font-size:28px;color:var(--primary)}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;color:var(--primary);cursor:pointer}.icon-btn:hover{border-color:var(--primary)}

.app-shell{display:grid;grid-template-columns:280px 1fr;gap:24px;max-width:1440px;margin:0 auto;padding:24px}.sidebar{display:flex;flex-direction:column;gap:16px}.content{min-width:0}.page-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 18px}.page-head h1{font-size:28px;margin:0}.breadcrumb{margin:0 0 4px;color:var(--muted);font-size:13px}.card,.side-card,.cta-card,.invoice-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:22px;margin-bottom:20px}.side-card{padding:18px}.profile-card{display:flex;align-items:center;gap:12px}.profile-avatar{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--blue));color:#fff;display:grid;place-items:center;font-weight:800}.side-card h3{margin:0 0 8px}.danger-soft{background:#fff7f7;border-color:#ffdede}.side-link{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-weight:650;color:var(--primary)}

.alert{border-radius:12px;padding:12px 14px;margin-bottom:16px;font-weight:650}.alert-success{background:#eef9ed;color:#1f7f34;border:1px solid #cdeec8}.alert-danger{background:#fff1f1;color:#bd2d2d;border:1px solid #ffd4d4}.pill,.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;text-transform:capitalize}.pill{background:#eef3f6;color:var(--primary)}.badge{background:#edf2f7;color:#445}.badge.active,.badge.paid,.badge.answered{background:#e9f8ed;color:#257d38}.badge.pending,.badge.payment_waiting,.badge.customer_reply{background:#fff4da;color:#9a6412}.badge.open{background:#eaf6ff;color:#1672a7}.badge.closed,.badge.cancelled{background:#f0f2f4;color:#657}.badge.passive,.badge.failed{background:#fff1f1;color:#b42a2a}.badge.neutral{background:#eef2f6;color:#54606b}

.btn{border:0;border-radius:12px;padding:10px 16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 20px rgba(98,189,76,.22)}.btn-primary:hover{filter:brightness(.96);transform:translateY(-1px)}.btn-light{background:#eef4f7;color:var(--primary)}.btn-outline{background:#fff;border:1px solid var(--line);color:var(--primary)}.btn-small{padding:7px 12px;border-radius:10px;background:#eef4f7;color:var(--primary);font-size:13px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}

.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px}.stat-card{border-radius:18px;color:#fff;padding:22px;min-height:128px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow)}.stat-card span{font-weight:700;opacity:.92}.stat-card strong{font-size:38px;line-height:1}.stat-card small{opacity:.9}.stat-card.green{background:linear-gradient(135deg,#81ca44,#4db846)}.stat-card.blue{background:linear-gradient(135deg,#1fb6f2,#168bd1)}.stat-card.red{background:linear-gradient(135deg,#ff6868,#e14545)}.stat-card.dark{background:linear-gradient(135deg,#698293,#425d70)}
.cta-card{padding:24px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#fff,#f9fbfd)}.cta-card h2{margin:0 0 6px}.cta-card p{margin:0;color:var(--muted)}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.card-head h2{margin:0;font-size:20px}.card-head p{margin:3px 0 0}

.table-wrap{overflow:auto;position:relative}.table-search{float:right;margin:0 0 12px;width:min(100%,240px);border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}.data-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}.data-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#62717f;text-align:left;background:#f7fafc;padding:13px;border-bottom:1px solid var(--line)}.data-table td{padding:14px 13px;border-bottom:1px solid var(--line);vertical-align:middle}.data-table tr:hover td{background:#fbfdff}

.form-stack,.form-grid{display:grid;gap:15px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-stack label,.form-grid label{font-weight:700;color:#344454;display:grid;gap:7px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#fff;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:#9bcfe6;box-shadow:0 0 0 4px rgba(32,168,232,.11)}textarea{resize:vertical}.check-row{grid-template-columns:auto 1fr!important;align-items:center;font-weight:600!important;color:var(--muted)!important}.check-row input{width:auto}.form-actions{display:flex;justify-content:flex-end}.narrow-card{max-width:920px}

.detail-grid,.account-tabs,.invoice-layout,.ticket-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:20px}.info-list{display:grid;gap:12px;margin-top:12px}.info-list div{display:grid;gap:2px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfdff}.info-list span{font-size:12px;color:var(--muted);font-weight:800;text-transform:uppercase}.info-list strong{font-weight:750}.info-list.compact div{padding:10px}.service-image{width:100%;max-height:240px;object-fit:cover;border-radius:14px;margin:14px 0}

.conversation{display:flex;flex-direction:column;gap:12px;margin:10px 0 20px}.message-bubble{padding:14px;border-radius:16px;max-width:86%;border:1px solid var(--line)}.admin-message{align-self:flex-start;background:#eef7ff}.customer-message{align-self:flex-end;background:#f2faee}.message-meta{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--muted);margin-bottom:7px}.reply-box{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:18px}

.invoice-card{padding:28px}.invoice-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.invoice-logo{height:38px}.invoice-no{text-align:right}.invoice-no span{display:block;color:var(--muted);font-size:12px;font-weight:800}.invoice-no strong{font-size:26px;color:var(--primary)}.invoice-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.invoice-meta div{background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:14px}.invoice-meta span{font-size:12px;font-weight:800;color:var(--muted)}.invoice-meta strong{display:block;margin-top:3px}.invoice-meta p{margin:3px 0 0;color:var(--muted)}.invoice-totals{margin-left:auto;margin-top:18px;max-width:320px;display:grid;gap:8px}.invoice-totals div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.invoice-totals .grand{font-size:20px;color:var(--primary);border-bottom:0}.bank-box{display:grid;gap:6px;background:#f8fafc;border:1px dashed #b8c7d2;border-radius:14px;padding:14px;margin:12px 0}.bank-box span{font-size:12px;font-weight:800;color:var(--muted)}.notice{background:#fff9e8;border:1px solid #f5e4b7;border-radius:12px;padding:12px}.timeline{display:grid;gap:12px}.timeline div{border-left:3px solid var(--accent);padding-left:12px}.timeline span{font-size:12px;color:var(--muted)}.timeline strong{display:block}.timeline p{margin:3px 0 0;color:#506070}

.mobile-backdrop{display:none}
@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topnav a{padding:0 9px}.app-shell{grid-template-columns:240px 1fr}}
@media (max-width:860px){
  .topbar{height:64px;padding:0 16px;gap:12px}.nav-toggle{display:block}.brand img{height:30px}.topnav{display:none}.top-actions{margin-left:auto}.top-actions .pill{display:none}.app-shell{display:block;padding:16px}.sidebar{position:fixed;z-index:30;top:0;left:0;bottom:0;width:min(86vw,320px);background:#fff;padding:16px;overflow:auto;transform:translateX(-105%);transition:.22s ease;box-shadow:22px 0 60px rgba(0,0,0,.16)}.menu-open .sidebar{transform:translateX(0)}.menu-open .mobile-backdrop{display:block;position:fixed;inset:0;z-index:25;background:rgba(15,46,68,.42)}.page-head h1{font-size:24px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:18px;min-height:112px}.stat-card strong{font-size:31px}.cta-card{display:grid}.detail-grid,.account-tabs,.invoice-layout,.ticket-layout{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-actions{justify-content:stretch}.form-actions .btn{width:100%}.message-bubble{max-width:100%}
}
@media (max-width:640px){
  body{font-size:14px}.auth-card{padding:24px;border-radius:20px}.stats-grid{grid-template-columns:1fr}.card,.side-card,.cta-card,.invoice-card{border-radius:14px}.card{padding:16px}.card-head{align-items:stretch;flex-direction:column}.btn{width:100%}.table-search{float:none;width:100%}.data-table{min-width:0;border:0}.data-table thead{display:none}.data-table tr{display:block;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden;background:#fff}.data-table td{display:grid;grid-template-columns:118px 1fr;gap:8px;border-bottom:1px solid var(--line);padding:11px}.data-table td:before{content:attr(data-label);font-weight:800;color:var(--muted);font-size:12px;text-transform:uppercase}.data-table td:last-child{border-bottom:0}.invoice-head,.invoice-meta{display:grid;grid-template-columns:1fr;text-align:left}.invoice-no{text-align:left}.invoice-totals{max-width:none}.top-actions form .icon-btn{padding:8px 10px}.brand img{min-width:82px}.app-shell{padding:12px}
}

/* PANELX v0.2 mobile/header polish */
.topbar{height:auto;min-height:74px;max-width:1440px;margin:0 auto;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;padding:0 18px;background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
.topnav{background:#183f59;border-radius:12px;height:46px;padding:0 6px;gap:3px;box-shadow:0 10px 24px rgba(15,46,68,.08)}
.topnav a{height:46px;color:#e9f3f8;border-bottom:0;border-radius:10px;padding:0 13px;font-size:14px}
.topnav a:hover{background:rgba(255,255,255,.12);color:#fff;border-bottom-color:transparent}.brand{display:flex;align-items:center}.brand img{height:34px}.top-actions{margin-left:auto}.soft-sep{border:0;border-top:1px solid var(--line);margin:20px 0}.mini-form{margin-top:10px}.ticket-card{overflow:hidden}.reply-template{background:#f7fafc;border:1px dashed #c9d5df;border-radius:14px;padding:12px;color:#344454}.reply-template span{display:block;color:var(--muted);margin-top:4px}.reply-template.bottom{margin-top:-4px}.attachments{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.attachment-thumb,.attachment-file{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px;display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--primary)}.attachment-thumb img{width:72px;height:58px;object-fit:cover;border-radius:8px}.attachment-thumb span{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox{position:fixed;inset:0;background:rgba(7,20,31,.82);z-index:200;display:none;align-items:center;justify-content:center;padding:24px}.lightbox.open{display:flex}.lightbox img{max-width:min(100%,1100px);max-height:88vh;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.lightbox button{position:absolute;top:18px;right:20px;border:0;background:#fff;color:#173d56;border-radius:999px;width:42px;height:42px;font-size:28px;line-height:1;cursor:pointer}
@media (max-width:1100px){.topbar{max-width:none;border-radius:0}.topnav a{padding:0 9px;font-size:13px}}
@media (max-width:860px){
  .topbar{position:sticky;top:0;min-height:64px;border-radius:0;justify-content:space-between}.nav-toggle{display:flex!important;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#eef4f7}.brand img{height:32px}.top-actions .pill{display:none}.top-actions .icon-btn{font-size:13px;padding:8px 10px}
  .topnav{position:fixed;left:12px;right:12px;top:76px;height:auto;display:none;flex-direction:column;align-items:stretch;padding:10px;border-radius:18px;background:#173d56;z-index:80;box-shadow:0 24px 70px rgba(15,46,68,.28)}
  .topnav a{height:48px;width:100%;justify-content:flex-start;border-radius:12px;font-size:15px;color:#fff;padding:0 16px}.menu-open .topnav{display:flex}.mobile-backdrop{display:none}.menu-open .mobile-backdrop{display:block;position:fixed;inset:0;background:rgba(10,24,34,.36);z-index:70}.menu-open .topbar{z-index:90}
  .app-shell{grid-template-columns:1fr!important;padding:14px}.sidebar{display:none}.content{width:100%}.page-head h1{font-size:23px}.stats-grid{grid-template-columns:1fr!important}.cta-card{display:grid}.card,.invoice-card{padding:16px}.detail-grid,.account-tabs,.invoice-layout,.ticket-layout{grid-template-columns:1fr!important}.form-grid{grid-template-columns:1fr!important}.message-bubble{max-width:100%}.admin-message,.customer-message{align-self:stretch}.attachments{display:grid;grid-template-columns:1fr}.attachment-thumb{width:100%}.attachment-thumb img{width:88px;height:68px}.button-row,.form-actions{justify-content:stretch}.btn{width:100%}
}

/* PANELX v0.3 customer edit + full mobile drawer */
.menu-lock{overflow:hidden}
.drawer-nav{display:none}
.sidebar-mobile-head{display:none}
.customer-edit-card{margin-top:20px}

@media (max-width:860px){
  .topnav{display:none!important}
  .topbar{max-width:none!important;width:100%;padding:12px 14px;gap:10px;box-shadow:0 8px 30px rgba(15,46,68,.07)}
  .nav-toggle{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:#eef4f7;color:#173d56;border:1px solid #dce7ee;font-size:24px}
  .mobile-backdrop{display:none}
  .menu-open .mobile-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,32,.34);z-index:80}

  .sidebar{display:flex!important;position:fixed!important;top:0;left:0;right:auto;bottom:0;width:100vw;max-width:100vw;height:100vh;background:#fff;z-index:90;padding:0 0 28px;transform:translateX(-102%);transition:transform .24s ease;overflow-y:auto;box-shadow:none;border-radius:0}
  .menu-open .sidebar{transform:translateX(0)}
  .sidebar-mobile-head{display:flex;position:sticky;top:0;z-index:2;align-items:center;justify-content:space-between;padding:18px 16px;background:#fff;border-bottom:1px solid var(--line)}
  .sidebar-mobile-head strong{font-size:22px;color:#173d56}
  .sidebar-close{width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#173d56;font-size:28px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}
  .drawer-nav{display:grid;gap:8px;padding:16px}
  .drawer-link{display:flex;align-items:center;min-height:52px;padding:0 16px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#173d56;font-weight:800}
  .drawer-link:hover{background:#f7fafc}
  .sidebar .side-card{margin:0 16px 14px}
  .sidebar .profile-card{margin-top:2px}
}

/* PANELX v0.4 polish */
.topbar{width:calc(100% - 48px)!important;max-width:1440px!important;margin:14px auto 0!important;border-radius:20px!important;border:1px solid var(--line)!important;min-height:72px!important;padding:0 18px!important;background:#fff!important}.topnav{background:#f6fafc!important;border:1px solid #dfe9ef!important;box-shadow:none!important}.topnav a{color:#24465b!important}.topnav a:hover{background:#eaf3f8!important;color:#173d56!important}.user-chip{display:inline-flex;align-items:center;border:1px solid var(--line);background:#f7fafc;border-radius:999px;padding:8px 12px;font-weight:800;color:#173d56}.sidebar-logout{margin-top:auto;padding:0}.phone-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.phone-field .flag{padding:0 10px;font-size:20px}.phone-field .code{padding:0 10px;border-left:1px solid var(--line);border-right:1px solid var(--line);font-weight:800;color:#173d56;background:#f7fafc}.phone-field input{border:0!important;box-shadow:none!important;border-radius:0!important}.success-notice{background:#effaf0;border-color:#c8edcc}.modal{position:fixed;inset:0;background:rgba(10,24,34,.48);z-index:220;display:none;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modal-card{width:min(100%,540px);background:#fff;border-radius:22px;border:1px solid var(--line);box-shadow:0 24px 80px rgba(0,0,0,.22);padding:24px;position:relative}.modal-close{position:absolute;right:16px;top:14px;border:1px solid var(--line);background:#fff;color:#173d56;width:38px;height:38px;border-radius:999px;font-size:26px;line-height:1;cursor:pointer}.badge.processing{background:#eaf6ff;color:#1672a7}.badge.customer_reply,.badge.open{background:#fff4da;color:#9a6412}.badge.answered{background:#e9f8ed;color:#257d38}.badge.closed{background:#eef2f6;color:#56616c}.badge.payment_waiting{background:#fff4da;color:#9a6412}.badge.paid{background:#e9f8ed;color:#257d38}.badge.pending{background:#fff4da;color:#9a6412}
@media (max-width:860px){.topbar{width:100%!important;margin:0!important;border-radius:0!important}.desktop-logout{display:none}.top-actions{max-width:48%;overflow:hidden}.user-chip{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar{display:flex!important}.sidebar-logout{padding:0 16px}.sidebar .side-card{margin-bottom:14px}}
.sidebar{min-height:calc(100vh - 118px)}
@media (max-width:860px){.sidebar{min-height:100vh}}


/* PANELX v0.5 refinements */
.topbar{width:calc(100% - 48px)!important;max-width:1440px!important;margin:14px auto 0!important}.sidebar-logout.inline-logout{margin-top:0!important;padding:0}.service-actions{display:grid;gap:14px;margin-top:16px}.compact-row{gap:6px;margin-top:0}.danger-btn{background:#fff1f1!important;color:#b42a2a!important}.inline-action-form{min-width:220px;margin-bottom:8px}.account-main-card{max-width:1100px}.password-card{max-width:1100px}.form-grid [data-corporate-field],.form-grid [data-individual-field]{transition:.15s ease}.topnav{overflow-x:auto}.topnav a{white-space:nowrap}.sidebar{min-height:auto!important}.invoice-layout .success-notice{line-height:1.55}
@media (max-width:860px){.topbar{width:100%!important;margin:0!important}.inline-action-form{min-width:0}.topnav{display:none!important}}


/* PANELX v0.6 */
.auth-card{max-width:460px;margin:auto}.otp-boxes{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:10px 0 4px}.otp-boxes input{height:58px;text-align:center;font-size:26px;font-weight:900;border-radius:16px}.auth-phone-field{height:52px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:10px}.tab-btn{border:1px solid var(--line);background:#fff;color:#173d56;border-radius:999px;padding:10px 15px;font-weight:800;cursor:pointer}.tab-btn.active{background:#173d56;color:#fff;border-color:#173d56}.tab-panel{display:none}.tab-panel.active{display:block}.ticket-status{border-radius:10px!important;padding:7px 10px!important;min-width:108px;justify-content:center;font-size:12px;line-height:1.2}.ticket-status.open,.ticket-status.customer_reply{background:#fff3d8;color:#8a5c00}.ticket-status.answered{background:#eaf7ee;color:#247a3a}.ticket-status.closed{background:#eef2f5;color:#51606c}.ticket-status.processing{background:#eaf4ff;color:#1b6ba8}.paid-box{text-align:center;padding:22px 10px}.paid-icon{width:74px;height:74px;border-radius:999px;background:#e9f8ed;color:#257d38;display:grid;place-items:center;font-size:42px;font-weight:900;margin:0 auto 14px}.paid-box h2{color:#257d38;margin:0 0 8px;font-size:28px}.paid-box strong{display:block;font-size:22px;margin-top:8px}.select-filter{margin-bottom:8px}.account-type-row select{max-width:260px}.account-main-card .form-grid{align-items:start}
@media(max-width:640px){.otp-boxes{gap:6px}.otp-boxes input{height:50px;font-size:22px}.ticket-status{min-width:0}.tabs{display:grid;grid-template-columns:1fr 1fr}.tab-btn{width:100%}}


/* PANELX v0.7 refinements */
.invoice-layout{align-items:start!important}.invoice-layout>article{align-self:start!important}.invoice-card{height:auto!important;min-height:0!important}.paid-box{padding:22px 12px!important;min-height:0!important}.paid-box p{margin:6px 0 0}.paid-box strong{margin-top:14px}.sidebar-logout.inline-logout{margin:0 16px 14px!important}.auth-phone-field input{letter-spacing:.02em}.select-filter{width:100%;margin:0 0 8px 0!important}.dashboard-card .table-search{display:none!important}.ticket-status{white-space:normal;text-align:center}.badge.ticket-status{border:1px solid rgba(0,0,0,.04)}
@media (max-width:640px){
  .data-table tr{border:1px solid #d9e5ed!important;border-left:4px solid #173d56!important;box-shadow:0 8px 22px rgba(15,46,68,.06);margin-bottom:14px!important}
  .data-table td{grid-template-columns:104px 1fr!important;align-items:center}
  .data-table td[data-label="Durum"] .badge{justify-self:start;min-width:auto!important}
  .tickets-mobile .data-table tr{background:linear-gradient(180deg,#fff,#fbfdff)}
}

/* PANELX v0.8 refinements */
.clickable-stats .stat-card{display:block;transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease}
.clickable-stats .stat-card:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(15,46,68,.13);border-color:#cbd9e2}
.detail-grid,.ticket-layout{align-items:start!important}
.detail-grid>article,.ticket-layout>article,.ticket-layout>aside{align-self:start!important;height:auto!important;min-height:0!important}
.ticket-layout>aside.card,.detail-grid>article.card{position:relative}
.verify-modal-card{max-width:430px;text-align:center}
.account-main-card input[name="email"]{background:#fff!important;color:var(--text)!important}
.account-type-row select{height:46px!important;max-width:260px!important;width:100%!important}
.phone-field input{letter-spacing:.01em}
@media(max-width:860px){.stats-grid.clickable-stats{grid-template-columns:1fr 1fr}.ticket-layout>aside.card{margin-top:0}}
@media(max-width:520px){.stats-grid.clickable-stats{grid-template-columns:1fr}}

/* PANELX v0.9 fixes */
.customer-picker-card{margin-top:10px;border:1px solid var(--line);background:#f8fbfd;border-radius:14px;padding:12px 14px;display:grid;gap:3px}
.customer-picker-card strong{color:#12344a;font-size:15px}
.customer-picker-card span{color:#6c7b87;font-size:13px}
.field-error{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.12)!important}
.verify-modal-card{position:relative}
.modal-close-form{position:absolute;right:14px;top:12px;margin:0}
.modal-x{width:34px;height:34px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#1d3b53;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.modal-x:hover{background:#f4f7f9}
.pending-phone{background:#f7fafc;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:12px 0;color:#1c3f58}
.cancel-verify-form{margin-top:10px}


/* PANELX v0.10 visual fixes */
.topbar{
  height:auto;
  padding:12px 24px;
  background:rgba(245,247,250,.88);
  border-bottom:0;
  box-shadow:none;
  backdrop-filter:blur(10px);
}
.topbar-inner{
  width:100%;
  max-width:1440px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:16px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:10px 14px;
  box-shadow:0 12px 34px rgba(15,46,68,.06);
}
.brand{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:120px;
  padding:8px 10px;
  border-radius:16px;
  background:#f7fafc;
}
.topnav{
  gap:6px;
  height:auto;
  flex-wrap:wrap;
}
.topnav a{
  height:auto;
  min-height:38px;
  border-bottom:0;
  border-radius:999px;
  padding:8px 12px;
  background:transparent;
  color:#405263;
}
.topnav a:hover{
  background:#eef7ec;
  border-bottom-color:transparent;
  color:#173d56;
}
.top-actions{margin-left:auto}
.user-chip{
  max-width:190px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  background:#f1f6f8;
  border:1px solid var(--line);
  border-radius:999px;
  padding:8px 12px;
  font-weight:800;
  color:var(--primary);
}

.stats-grid{align-items:stretch}
.stat-card{
  min-height:128px;
  display:grid!important;
  grid-template-columns:auto 1fr;
  grid-template-areas:"label label" "number desc";
  align-content:center;
  justify-content:start;
  gap:4px 8px;
  padding:24px!important;
}
.stat-card span{grid-area:label;font-size:15px}
.stat-card strong{
  grid-area:number;
  font-size:42px!important;
  line-height:1!important;
  letter-spacing:-.04em;
  white-space:nowrap;
}
.stat-card small{
  grid-area:desc;
  align-self:center;
  font-size:13px;
}
.stat-card.revenue-card{
  grid-column:1 / -1;
  min-height:118px;
  grid-template-columns:auto 1fr;
  background:linear-gradient(135deg,#62bd4c,#46a93f);
}
.stat-card.revenue-card strong{
  font-size:44px!important;
  letter-spacing:-.03em;
}
.stat-card.revenue-card small{font-size:14px}

.customer-search-label{position:relative}
.customer-search-box{position:relative}
.customer-search-results{
  position:absolute;
  z-index:30;
  left:0;
  right:0;
  top:calc(100% + 8px);
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 18px 42px rgba(15,46,68,.14);
  overflow:hidden;
}
.customer-search-item{
  width:100%;
  border:0;
  background:#fff;
  display:grid;
  gap:2px;
  text-align:left;
  padding:13px 14px;
  cursor:pointer;
  border-bottom:1px solid var(--line);
}
.customer-search-item:last-child{border-bottom:0}
.customer-search-item:hover{background:#f7fbfd}
.customer-search-item strong{color:#173d56}
.customer-search-item span,.customer-search-empty{color:var(--muted);font-size:13px}
.customer-search-empty{padding:14px}
.customer-selected-card{
  margin-top:10px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:2px 12px;
  align-items:center;
  border:1px solid #cfe9ce;
  background:#f3fbf1;
  border-radius:14px;
  padding:12px 14px;
}
.customer-selected-card strong{color:#173d56}
.customer-selected-card span{color:#607282;font-size:13px}
.customer-selected-card button{
  grid-row:1 / span 2;
  grid-column:2;
  border:1px solid var(--line);
  background:#fff;
  color:#173d56;
  border-radius:999px;
  padding:7px 10px;
  font-weight:800;
  cursor:pointer;
}
.field-error{border-color:#e14545!important;box-shadow:0 0 0 4px rgba(225,69,69,.12)!important}

@media (max-width:860px){
  .topbar{padding:8px 10px}
  .topbar-inner{border-radius:18px;padding:8px 10px}
  .topnav{display:none!important}
  .brand{min-width:auto;background:transparent;padding:4px}
  .brand img{height:34px}
  .top-actions{margin-left:auto}
  .user-chip{display:none}
  .stat-card,.stat-card.revenue-card{grid-column:auto;min-height:112px;padding:18px!important}
  .stat-card strong,.stat-card.revenue-card strong{font-size:32px!important}
}


/* PANELX v0.11 */
.user-chip{text-decoration:none;cursor:pointer}
.user-chip:hover{background:#eef6fb;color:#173d56}
.soft-head{margin-bottom:14px;align-items:center}
.customer-selected-card.always-visible{display:flex;align-items:center;gap:12px;justify-content:space-between;background:#f7fbfd;border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.customer-selected-card.always-visible strong{color:#173d56;font-size:17px}
.customer-selected-card.always-visible span{color:var(--muted);font-size:14px;flex:1}
@media (max-width:860px){.customer-selected-card.always-visible{display:grid;gap:8px}.soft-head{display:grid;gap:10px}.soft-head .btn{width:100%}}

/* PANELX v0.12 */
@media (max-width:860px){
  .top-actions{display:flex!important;align-items:center;margin-left:auto;max-width:58%!important;gap:8px}
  .user-chip{display:inline-flex!important;max-width:100%;font-size:13px;padding:7px 10px;background:#f1f6f8;color:#173d56;text-decoration:none}
  .desktop-logout{display:none!important}
}
.service-detail-grid{align-items:start}
.service-photo-card{align-self:start;height:auto!important;min-height:0!important}
.service-photo-card .card-head{margin-bottom:12px}
.service-photo-link{display:block}
.service-photo-card .service-image{width:100%;max-height:330px;object-fit:cover;border-radius:16px;margin:0;border:1px solid var(--line)}
.empty-photo-box{border:1px dashed #cfdde6;background:#f8fbfd;border-radius:16px;padding:28px 16px;text-align:center;color:var(--muted);font-weight:700}
.service-photo-form{margin-top:16px;border-top:1px solid var(--line);padding-top:16px}
.service-actions-separated{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;align-items:center}
.service-actions-separated .btn{width:auto}
@media (max-width:640px){.service-actions-separated{display:grid}.service-actions-separated .btn{width:100%}}
.service-edit-form{margin-top:14px}
.service-initial-payment{margin-top:14px;border:1px solid #dfe8ee;background:linear-gradient(135deg,#f8fbfd,#fff);border-radius:16px;padding:14px;display:grid;gap:5px;box-shadow:0 10px 24px rgba(15,46,68,.05)}
.service-initial-payment span{font-size:12px;text-transform:uppercase;color:#758391;font-weight:800}
.service-initial-payment strong{color:#173d56;font-size:16px}
.service-initial-payment b{font-size:22px;color:#1f7f34}
.service-initial-payment a{font-weight:800;color:#173d56;text-decoration:underline;text-underline-offset:3px}
.auth-otp-form input[data-login-identity]{font-size:17px;font-weight:750;letter-spacing:.01em}

/* PANELX v0.13 service management */
.service-preview-box{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#f8fbfd}
.service-preview-box img{max-width:260px;max-height:170px;border-radius:14px;object-fit:cover;border:1px solid var(--line)}
.btn-sm{padding:8px 12px;font-size:13px;border-radius:12px}
.service-actions-separated{gap:14px;align-items:flex-start;flex-wrap:wrap}

/* PANELX v0.14 filter rows and menu logout */
.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px;align-items:center}
.filter-pill{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#24465d;font-weight:800;font-size:13px;text-decoration:none;transition:.18s ease}
.filter-pill:hover{background:#f6fafc;transform:translateY(-1px)}
.filter-pill.active{background:#123d59;color:#fff;border-color:#123d59;box-shadow:0 10px 24px rgba(18,61,89,.18)}
.topnav-logout-form{display:inline-flex;margin:0}
.topnav-logout-form button{border:0;background:#fff1f1;color:#b91c1c;border-radius:999px;padding:9px 13px;font-weight:900;cursor:pointer}
.topnav-logout-form button:hover{background:#fee2e2}
.drawer-logout-form{margin:0}.drawer-logout-button{width:100%;cursor:pointer;text-align:left;color:#b91c1c!important;background:#fff7f7!important}
.service-image{width:100%;max-height:360px;object-fit:contain;background:#f8fbfd;border-radius:18px;border:1px solid var(--line)}
@media(max-width:860px){.filter-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.filter-pill{white-space:nowrap}.topnav-logout-form{display:none}}


/* PANELX v0.15 polish */
.topnav form{display:inline-flex;margin:0}
.topnav form button{height:38px;border:0;border-radius:999px;background:transparent;color:#24465b;font-weight:800;padding:0 12px;cursor:pointer;font:inherit}
.topnav form button:hover{background:#eaf3f8;color:#173d56}
.auth-phone-field input[data-login-identity]{font-size:17px;font-weight:800;letter-spacing:.01em}
.service-photo-card{padding-top:18px!important}
.ticket-file-note{display:block;margin-top:6px}

/* PANELX v0.16 logo + desktop font weight fixes */
.brand img,.auth-logo{content:normal;height:42px;object-fit:contain;max-width:180px}
body,
input,
select,
textarea,
table,
.data-table,
.info-list,
.card p,
.card span,
.side-card p,
.topnav a,
.drawer-link,
.side-link{
  font-weight:400;
}
input::placeholder,textarea::placeholder{font-weight:400;color:#8a98a6}
label{font-weight:500}
strong,b,.btn,button,.page-head h1,.card h2,.side-card h3,.stat-card strong,.profile-avatar,.user-chip,.badge,.pill{font-weight:700}
select,option{font-weight:400!important}
@media (max-width:860px){
  .topnav a,.drawer-link,.side-link{font-weight:700}
}


/* PANELX v0.17 invoice, department and cron refinements */
.invoice-layout-paid{grid-template-columns:1fr!important}
.invoice-layout-paid .invoice-card{max-width:none;width:100%}
.invoice-company-block{display:grid;gap:10px;max-width:620px}
.invoice-company-info{display:grid;gap:3px;color:#4f6170;font-size:12.5px;line-height:1.35;margin-top:4px}
.invoice-company-info strong{color:#173d56;font-size:14px;font-weight:700}
.invoice-company-info span{font-weight:400}
.invoice-paid-badge{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:6px 12px;border-radius:999px;background:#e9f8ed;color:#257d38;border:1px solid #c9edd2;font-style:normal;font-size:13px;font-weight:700}
@media(max-width:860px){.invoice-head{gap:16px}.invoice-company-block{max-width:100%}.invoice-company-info{font-size:12px}.invoice-no{text-align:left}}

/* PANELX v0.18 admin sidebar + invoice paid polish + mail hotfix companion */
.admin-header-spacer{flex:1}
body:has(.admin-menu-card) .topnav{display:none!important}
.admin-menu-card .side-link{display:flex;align-items:center;min-height:42px;padding:10px 0;border-bottom:1px solid var(--line);font-weight:600;color:var(--primary)}
.side-cache-form{margin:0;padding:0}.side-button-link{width:100%;border:0;background:transparent;text-align:left;font:inherit;cursor:pointer}.side-button-link:hover,.side-link:hover{color:#0f2e44;background:#f7fafc;border-radius:10px;padding-left:10px}
.invoice-head{gap:24px}.invoice-logo{height:58px!important;max-width:240px;object-fit:contain}.invoice-no{text-align:right;min-width:210px}.invoice-no strong{display:block;font-size:28px}.invoice-paid-badge{display:flex!important;width:max-content;margin:12px 0 0 auto!important;padding:10px 18px!important;border-radius:16px!important;background:#e9f8ed!important;color:#14752b!important;border:1px solid #bee9c8!important;font-style:normal!important;font-size:22px!important;line-height:1.1!important;font-weight:800!important;letter-spacing:.03em}.invoice-company-block{max-width:760px!important}.invoice-company-info{font-size:13.5px!important}.invoice-company-info strong{font-size:15.5px!important}.invoice-layout-paid{grid-template-columns:1fr!important}.invoice-layout-paid .invoice-card{width:100%;max-width:none}.invoice-layout-paid .payment-card{display:none!important}
@media(max-width:860px){.invoice-head{display:grid!important}.invoice-no{text-align:left;min-width:0}.invoice-paid-badge{margin-left:0!important}.invoice-logo{height:50px!important}.admin-header-spacer{display:block;flex:1}.topbar .brand img{height:38px}}

/* PANELX v0.19 official invoice PDF */
.official-invoice-box{
  margin-top:22px;
  display:grid;
  gap:14px;
  padding:16px;
  border:1px solid var(--line, #e2e8f0);
  border-radius:18px;
  background:#f8fafc;
}
.official-invoice-download{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px;
  border:1px solid #e5eef6;
  border-radius:16px;
  background:#fff;
  color:#123047;
  text-decoration:none;
  transition:.18s ease;
}
.official-invoice-download:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,46,68,.08)}
.pdf-icon{
  width:52px;
  height:52px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e53935;
  color:#fff;
  font-weight:800;
  letter-spacing:.5px;
  flex:0 0 auto;
}
.official-invoice-download strong{display:block;font-size:16px;margin-bottom:3px}
.official-invoice-download small{display:block;color:#64748b;font-size:13px}
.official-invoice-upload{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:12px;
}
.official-invoice-upload label{margin:0;font-weight:600;color:#234154}
.official-invoice-upload input[type=file]{margin-top:7px;width:100%}
@media (max-width:700px){
  .official-invoice-upload{grid-template-columns:1fr}
  .official-invoice-upload .btn{width:100%}
}


/* PANELX v0.20 admin desktop header removal */
body.admin-area .topbar{
  display:none!important;
}
body.admin-area .app-shell{
  padding-top:24px!important;
}
body.admin-area .sidebar{
  min-height:calc(100vh - 48px)!important;
}
body.admin-area .admin-sidebar-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px 14px;
  margin-bottom:4px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:var(--shadow);
}
body.admin-area .admin-sidebar-logo img{
  height:58px;
  width:auto;
  max-width:210px;
  object-fit:contain;
}
body.admin-area .admin-menu-card{
  padding:14px 16px;
}
body.admin-area .admin-menu-card h3{
  display:none!important;
}
body.admin-area .drawer-nav{
  display:none;
}
@media (max-width:860px){
  body.admin-area .topbar{
    display:flex!important;
  }
  body.admin-area .topbar-inner{
    display:flex!important;
  }
  body.admin-area .app-shell{
    padding-top:14px!important;
  }
  body.admin-area .sidebar{
    min-height:100vh!important;
  }
  body.admin-area .admin-sidebar-logo{
    margin-top:6px;
  }
  body.admin-area .admin-sidebar-logo img{
    height:46px;
  }
  body.admin-area .drawer-nav{
    display:grid;
  }
}


/* PANELX v0.21 sidebar cleanup + sticky sidebars + birthday text companion */
@media (min-width:861px){
  body.admin-area .sidebar,
  body.customer-area .sidebar{
    position:sticky!important;
    align-self:start!important;
    overflow-y:auto!important;
  }
  body.admin-area .sidebar{
    top:24px!important;
    max-height:calc(100vh - 48px)!important;
  }
  body.customer-area .sidebar{
    top:96px!important;
    max-height:calc(100vh - 120px)!important;
  }
}
@media (max-width:860px){
  body.admin-area .admin-menu-card{
    display:none!important;
  }
  body.admin-area .drawer-nav{
    display:grid!important;
  }
}


/* PANELX v0.22 admin logo clean + focus polish + customer desktop header refresh */

body.admin-area .admin-sidebar-logo{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:8px 4px 14px!important;
  margin-bottom:8px!important;
}
body.admin-area .admin-sidebar-logo img{
  height:64px;
  max-width:220px;
}
@media (max-width:860px){
  body.admin-area .topbar{
    padding:12px 14px!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
  }
  body.admin-area .topbar-inner{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    padding:0!important;
  }
  body.admin-area .brand{
    background:transparent!important;
    border:0!important;
    padding:0!important;
    min-width:auto!important;
  }
  body.admin-area .brand img{
    height:40px!important;
  }
}

/* Taps and focus visuals */
a,
button,
.btn,
.filter-pill,
.drawer-link,
.side-link,
.icon-btn,
.nav-toggle,
.user-chip,
.topnav a,
.topnav form button{
  -webkit-tap-highlight-color:transparent;
}
a:focus,
button:focus,
.btn:focus,
.filter-pill:focus,
.drawer-link:focus,
.side-link:focus,
.icon-btn:focus,
.nav-toggle:focus,
.user-chip:focus,
.topnav a:focus,
.topnav form button:focus{
  outline:none!important;
}
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
.filter-pill:focus-visible,
.drawer-link:focus-visible,
.side-link:focus-visible,
.icon-btn:focus-visible,
.nav-toggle:focus-visible,
.user-chip:focus-visible,
.topnav a:focus-visible,
.topnav form button:focus-visible{
  box-shadow:0 0 0 3px rgba(32,168,232,.16)!important;
}

/* Customer desktop header refresh */
body.customer-area .topbar{
  padding:18px 24px 10px!important;
  background:
    radial-gradient(circle at top left, rgba(98,189,76,.10), transparent 28%),
    linear-gradient(180deg, #f4f8fb 0%, #f5f7fa 100%)!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body.customer-area .topbar-inner{
  border-radius:26px!important;
  padding:14px 16px!important;
  border:1px solid #e1ebf2!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 18px 42px rgba(15,46,68,.08)!important;
  gap:14px!important;
}
body.customer-area .brand{
  min-width:140px!important;
  padding:10px 14px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f5fafc 100%)!important;
  border:1px solid #e5eef4!important;
}
body.customer-area .brand img{
  height:40px!important;
  max-width:190px!important;
}
body.customer-area .topnav-customer{
  flex:1;
  display:flex!important;
  align-items:center;
  flex-wrap:nowrap!important;
  overflow-x:auto;
  gap:8px!important;
  padding:6px!important;
  background:#f4f8fb!important;
  border:1px solid #e2edf5!important;
  border-radius:22px!important;
  box-shadow:none!important;
}
body.customer-area .topnav-customer::-webkit-scrollbar{height:6px}
body.customer-area .topnav-customer::-webkit-scrollbar-thumb{background:#d6e3eb;border-radius:999px}
body.customer-area .topnav-customer .topnav-link,
body.customer-area .topnav-customer .topnav-logout-form button{
  height:auto!important;
  min-height:46px;
  padding:8px 14px!important;
  border:0!important;
  border-radius:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:10px;
  color:#365164!important;
  background:transparent!important;
  font-weight:700!important;
  white-space:nowrap;
  transition:.18s ease;
}
body.customer-area .topnav-customer .topnav-link:hover,
body.customer-area .topnav-customer .topnav-logout-form button:hover{
  background:#ffffff!important;
  color:#173d56!important;
  box-shadow:0 12px 28px rgba(15,46,68,.08)!important;
  transform:translateY(-1px);
}
body.customer-area .topnav-customer .topnav-logout-form{
  display:inline-flex!important;
  margin:0!important;
}
body.customer-area .topnav-customer .topnav-logout-form button{
  color:#a53a3a!important;
}
body.customer-area .nav-link-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#ffffff 0%,#ecf5fb 100%);
  border:1px solid #dbe7ef;
  color:#173d56;
  font-size:15px;
  line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
body.customer-area .nav-link-icon-home::before{content:"⌂";}
body.customer-area .nav-link-icon-services::before{content:"▣";}
body.customer-area .nav-link-icon-tickets::before{content:"✉";}
body.customer-area .nav-link-icon-account::before{content:"◉";}
body.customer-area .nav-link-icon-invoices::before{content:"¤";}
body.customer-area .nav-link-icon-logout::before{content:"↗";}
body.customer-area .top-actions{
  gap:10px!important;
}
body.customer-area .user-chip{
  background:linear-gradient(180deg,#f8fbfd 0%,#eef5f8 100%)!important;
  border:1px solid #dde8ef!important;
  border-radius:18px!important;
  padding:10px 14px!important;
  font-weight:700!important;
  box-shadow:none!important;
}
body.customer-area .desktop-logout .icon-btn{
  min-height:44px;
  border-radius:16px!important;
  border:1px solid #e1eaf0!important;
  background:#fff7f7!important;
  color:#a53a3a!important;
  font-weight:700!important;
}
@media (max-width:860px){
  body.customer-area .topbar{
    padding:10px 10px 0!important;
    background:transparent!important;
  }
  body.customer-area .topbar-inner{
    padding:8px 10px!important;
    border-radius:20px!important;
  }
  body.customer-area .brand{
    min-width:auto!important;
    padding:4px!important;
    border:0!important;
    background:transparent!important;
  }
  body.customer-area .topnav-customer{
    display:none!important;
  }
}


/* PANELX v0.23 logs + customer header cleanup */

/* Müşteri header arkasındaki ekstra katmanı sadeleştir */
body.customer-area .topbar{
  background:transparent!important;
  padding:14px 24px 8px!important;
  backdrop-filter:none!important;
}
body.customer-area .topbar-inner{
  background:#fff!important;
  box-shadow:0 10px 28px rgba(15,46,68,.06)!important;
}
body.customer-area .topnav-customer{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  gap:4px!important;
}
body.customer-area .topnav-customer .topnav-link{
  min-height:42px!important;
  padding:8px 10px!important;
  border-radius:14px!important;
}
body.customer-area .nav-link-icon{
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  font-size:18px!important;
  color:#173d56!important;
}
body.customer-area .topnav-customer .topnav-link:hover{
  background:#f4f8fb!important;
  box-shadow:none!important;
  transform:none!important;
}
body.customer-area .topnav-logout-form{display:none!important}
.logs-head{align-items:flex-start;gap:16px}
.logs-tabs{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.logs-table-wrap{overflow:auto}
.logs-table td small{display:block;color:var(--muted);margin-top:2px;font-size:12px}
.log-message{white-space:pre-wrap;word-break:break-word;max-width:360px;margin:0;font:inherit;font-size:13px;line-height:1.45;color:#344454;background:#f8fbfd;border:1px solid var(--line);border-radius:12px;padding:10px;max-height:160px;overflow:auto}
.error-text{color:#b42318;background:#fff7f7;border-color:#ffd6d6}
.badge.danger{background:#fff1f1;color:#b42318;border:1px solid #ffd6d6}
@media(max-width:860px){
  body.customer-area .topbar{padding:10px 10px 0!important}
  .logs-head{display:grid}.logs-tabs{justify-content:start}.log-message{max-width:none}
}


/* PANELX v0.24 logs fix + account phone polish + customer header cleanup */

/* Telefon alanı: bayrak + regular ülke kodu */
.phone-field .flag{
  font-size:20px!important;
  font-weight:400!important;
  line-height:1;
}
.phone-field .code{
  font-weight:400!important;
  background:#fff!important;
  color:#30485a!important;
}
.account-main-card .phone-field .flag::before,
.auth-phone-field .flag::before{
  content:"";
}

/* Loglar alt menüsü */
.side-submenu,
.drawer-submenu{
  margin:0;
  padding:0;
}
.side-submenu summary,
.drawer-submenu summary{
  list-style:none;
  cursor:pointer;
}
.side-submenu summary::-webkit-details-marker,
.drawer-submenu summary::-webkit-details-marker{display:none}
.side-summary::after,
.drawer-summary::after{
  content:"⌄";
  margin-left:auto;
  font-weight:400;
  opacity:.7;
}
.side-submenu[open] .side-summary::after,
.drawer-submenu[open] .drawer-summary::after{content:"⌃"}
.side-sublink{
  display:block;
  margin:4px 0 4px 14px;
  padding:9px 12px;
  border-radius:12px;
  color:#41596a;
  font-size:14px;
  font-weight:400;
  text-decoration:none;
}
.side-sublink:hover{background:#f5f9fb;color:#173d56}
.drawer-sublink{
  display:flex;
  align-items:center;
  min-height:44px;
  margin:0 16px 8px 30px;
  padding:0 14px;
  border-radius:13px;
  border:1px solid #e5edf3;
  color:#41596a;
  background:#fff;
  font-weight:400;
}
.drawer-sublink:hover{background:#f7fafc;color:#173d56}

/* Müşteri header katmanlarını tamamen sadeleştir */
body.customer-area .topbar{
  padding:10px 24px 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body.customer-area .topbar-inner{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  gap:18px!important;
}
body.customer-area .brand{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  min-width:128px!important;
  justify-content:flex-start!important;
}
body.customer-area .brand img{
  height:42px!important;
}
body.customer-area .topnav-customer{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  gap:16px!important;
}
body.customer-area .topnav-customer .topnav-link{
  min-height:42px!important;
  padding:6px 0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#30485a!important;
  font-weight:400!important;
  gap:8px!important;
}
body.customer-area .topnav-customer .topnav-link:hover{
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  color:#173d56!important;
}
body.customer-area .nav-link-icon{
  width:auto!important;
  height:auto!important;
  flex:0 0 auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#173d56!important;
  font-size:22px!important;
  font-weight:400!important;
  line-height:1!important;
}
body.customer-area .topnav-customer .topnav-link span:last-child{
  font-weight:400!important;
}
body.customer-area .user-chip{
  background:transparent!important;
  border:1px solid #dfe8ee!important;
  box-shadow:none!important;
  font-weight:400!important;
}
body.customer-area .desktop-logout .icon-btn{
  background:transparent!important;
  color:#a53a3a!important;
  font-weight:400!important;
}
@media (max-width:860px){
  body.customer-area .topbar{padding:10px 10px 0!important}
  body.customer-area .topbar-inner{background:#fff!important;border:1px solid var(--line)!important;border-radius:20px!important;padding:8px 10px!important;box-shadow:0 10px 28px rgba(15,46,68,.06)!important}
}


/* PANELX v0.25 footer + sticky ticket sidebar + admin/menu/header/log fixes */

/* Basit footer */
.site-footer{
  width:100%;
  margin:18px 0 0;
  padding:18px 24px;
  background:#eef2f5;
  color:#607282;
  text-align:center;
  font-size:14px;
  font-weight:400;
  border-top:1px solid #e1e8ee;
}

/* Destek talebi detay sağ kart sabit kalsın */
@media (min-width:861px){
  .ticket-layout{align-items:start!important}
  .ticket-layout > aside.card{
    position:sticky!important;
    top:24px!important;
    align-self:start!important;
    max-height:calc(100vh - 48px);
    overflow:auto;
  }
  body.customer-area .ticket-layout > aside.card{top:104px!important}
}

/* Yönetim logosu biraz küçülsün */
body.admin-area .admin-sidebar-logo img{
  height:46px!important;
  max-width:170px!important;
}
@media (max-width:860px){
  body.admin-area .admin-sidebar-logo img{height:40px!important;max-width:150px!important}
}

/* Loglar alt menüsü kapalı gelsin, basınca açılsın */
.side-submenu:not([open]) .side-sublink,
.drawer-submenu:not([open]) .drawer-sublink{display:none!important}
.side-summary,
.drawer-summary{display:flex!important;align-items:center!important;justify-content:space-between!important}
.side-summary::after,
.drawer-summary::after{content:"▾"!important;font-size:12px!important;margin-left:auto!important;opacity:.65!important}
.side-submenu[open] .side-summary::after,
.drawer-submenu[open] .drawer-summary::after{content:"▴"!important}

/* Hesap telefonu: gerçek bayrak hissi + regular +90 */
.phone-field{min-height:46px}
.phone-field .flag{
  width:46px!important;
  min-width:46px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:22px!important;
  line-height:1!important;
  background:#fff!important;
  border-right:1px solid var(--line)!important;
}
.phone-field .flag::before{content:none!important}
.phone-field .code{
  min-width:52px!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-weight:400!important;
  background:#fff!important;
  color:#30485a!important;
  border-left:0!important;
}
.phone-field input{font-weight:400!important}

/* Müşteri header: full width beyaz zemin, daha ferah menü */
body.customer-area .topbar{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  border-bottom:1px solid #e5ebf0!important;
  box-shadow:0 8px 28px rgba(15,46,68,.04)!important;
  border-radius:0!important;
}
body.customer-area .topbar-inner{
  max-width:1440px!important;
  margin:0 auto!important;
  padding:14px 24px!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  gap:26px!important;
}
body.customer-area .brand{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  min-width:150px!important;
}
body.customer-area .brand img{height:42px!important;max-width:190px!important}
body.customer-area .topnav-customer{
  display:flex!important;
  gap:26px!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
  overflow:visible!important;
}
body.customer-area .topnav-customer .topnav-link{
  min-height:48px!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#30485a!important;
  gap:9px!important;
  font-size:15.5px!important;
  font-weight:400!important;
  letter-spacing:.01em;
}
body.customer-area .topnav-customer .topnav-link span:last-child{font-weight:400!important}
body.customer-area .topnav-customer .topnav-link:hover{
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  color:#173d56!important;
}
body.customer-area .nav-link-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  font-size:21px!important;
  font-weight:400!important;
  color:#173d56!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.customer-area .user-chip{
  background:#f7fafc!important;
  border:1px solid #e1e8ee!important;
  border-radius:999px!important;
  font-weight:400!important;
  padding:9px 13px!important;
}
body.customer-area .desktop-logout .icon-btn{
  background:#fff!important;
  border:1px solid #e1e8ee!important;
  border-radius:999px!important;
  font-weight:400!important;
  color:#a53a3a!important;
}
@media (max-width:860px){
  body.customer-area .topbar{padding:0!important;background:#fff!important;border-bottom:1px solid #e5ebf0!important}
  body.customer-area .topbar-inner{padding:10px 12px!important;border-radius:0!important;background:#fff!important;border:0!important;box-shadow:none!important;gap:12px!important}
  body.customer-area .topnav-customer{display:none!important}
  body.customer-area .brand{min-width:auto!important}
  body.customer-area .brand img{height:36px!important}
}

/* Log ekranı daha okunur ve kartlı */
.logs-card{overflow:hidden!important}
.logs-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;border-bottom:1px solid var(--line)!important;padding-bottom:16px!important;margin-bottom:16px!important}
.logs-tabs{display:flex!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.logs-table-wrap{border:1px solid var(--line)!important;border-radius:16px!important;background:#fff!important;overflow:auto!important;box-shadow:0 12px 30px rgba(15,46,68,.04)!important}
.logs-table{min-width:1120px!important;margin:0!important}
.logs-table th{background:#f6fafc!important;color:#173d56!important;font-weight:700!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.03em!important;white-space:nowrap!important}
.logs-table td{vertical-align:top!important;background:#fff!important}
.logs-table td small{display:block!important;color:var(--muted)!important;margin-top:3px!important;font-size:12px!important}
.log-message{white-space:pre-wrap!important;word-break:break-word!important;max-width:380px!important;margin:0!important;font:inherit!important;font-size:13px!important;line-height:1.45!important;color:#344454!important;background:#f8fbfd!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:10px!important;max-height:160px!important;overflow:auto!important}
.error-text{color:#b42318!important;background:#fff7f7!important;border-color:#ffd6d6!important}
.badge.danger{background:#fff1f1!important;color:#b42318!important;border:1px solid #ffd6d6!important}
@media(max-width:860px){
  .logs-head{display:grid!important;gap:12px!important}.logs-tabs{justify-content:start!important}.logs-table{min-width:0!important}.log-message{max-width:none!important}
}


/* PANELX v0.26 layout/log/header/footer refinements */

/* Admin left box and content card visual alignment */
@media (min-width:861px){
  body.admin-area .app-shell{align-items:start!important}
  body.admin-area .sidebar{padding-top:0!important}
  body.admin-area .admin-sidebar-logo{
    padding:4px 0 10px!important;
    margin:0 0 6px!important;
  }
  body.admin-area .admin-sidebar-logo img{
    height:40px!important;
    max-width:150px!important;
  }
  body.admin-area .admin-menu-card{
    margin-top:0!important;
    min-height:0!important;
  }
}

/* Copyright footer */
.site-footer{
  margin-top:22px!important;
  padding:18px 24px!important;
  background:#edf1f4!important;
  border-top:1px solid #dfe7ed!important;
  color:#5d6f7e!important;
  text-align:center!important;
  font-size:14px!important;
  font-weight:400!important;
}

/* Logs page: always use app cards/tables, even if table is wide */
.logs-card{
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  box-shadow:var(--shadow)!important;
  padding:22px!important;
  overflow:hidden!important;
}
.logs-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 18px!important;
  padding:0 0 16px!important;
  border-bottom:1px solid var(--line)!important;
}
.logs-head h2{margin:0 0 4px!important;font-size:22px!important;color:#0f2e44!important}
.logs-tabs{display:flex!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.logs-table-wrap{
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  background:#fff!important;
  overflow:auto!important;
  box-shadow:none!important;
}
.logs-table{min-width:1120px!important;width:100%!important;border-collapse:collapse!important;margin:0!important;background:#fff!important}
.logs-table thead{display:table-header-group!important}
.logs-table th{
  background:#f6fafc!important;
  color:#4a5f70!important;
  font-weight:700!important;
  font-size:12px!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
  padding:13px 14px!important;
  border-bottom:1px solid var(--line)!important;
  white-space:nowrap!important;
  text-align:left!important;
}
.logs-table td{
  padding:14px!important;
  border-bottom:1px solid var(--line)!important;
  vertical-align:top!important;
  background:#fff!important;
  font-size:14px!important;
}
.logs-table td small{display:block!important;color:var(--muted)!important;margin-top:3px!important;font-size:12px!important}
.log-message{
  white-space:pre-wrap!important;
  word-break:break-word!important;
  max-width:380px!important;
  margin:0!important;
  font-family:inherit!important;
  font-size:13px!important;
  line-height:1.45!important;
  color:#344454!important;
  background:#f8fbfd!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  padding:10px!important;
  max-height:160px!important;
  overflow:auto!important;
}
.error-text{color:#b42318!important;background:#fff7f7!important;border-color:#ffd6d6!important}
.badge.danger{background:#fff1f1!important;color:#b42318!important;border:1px solid #ffd6d6!important}
@media(max-width:860px){
  .logs-head{display:grid!important;gap:12px!important}
  .logs-tabs{justify-content:start!important}
  .logs-table{min-width:0!important}
  .log-message{max-width:none!important}
}

/* Menude loglar sayfa yuklenince kapali kalsin; tiklayinca acilsin */
.side-submenu:not([open]) .side-sublink,
.drawer-submenu:not([open]) .drawer-sublink{display:none!important}
.side-summary,
.drawer-summary{cursor:pointer!important;list-style:none!important}
.side-summary::-webkit-details-marker,
.drawer-summary::-webkit-details-marker{display:none!important}

/* Phone country selector: real flag icon feel */
.phone-field .flag{
  font-size:0!important;
  position:relative!important;
}
.phone-field .flag::after{
  content:"🇹🇷"!important;
  font-size:23px!important;
  line-height:1!important;
  display:block!important;
}
.phone-field .code{
  font-weight:400!important;
  letter-spacing:0!important;
}

/* Customer header: full white bar, stronger readable type, consistent icons */
body.customer-area .topbar{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  border-bottom:1px solid #e5ebf0!important;
  box-shadow:0 8px 24px rgba(15,46,68,.045)!important;
  border-radius:0!important;
}
body.customer-area .topbar-inner{
  max-width:1440px!important;
  margin:0 auto!important;
  padding:15px 28px!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  gap:30px!important;
}
body.customer-area .topnav-customer{
  gap:30px!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
}
body.customer-area .topnav-customer .topnav-link{
  min-height:50px!important;
  padding:0!important;
  gap:10px!important;
  color:#243f52!important;
  font-size:16px!important;
  font-weight:600!important;
  letter-spacing:0!important;
}
body.customer-area .topnav-customer .topnav-link span:last-child{font-weight:600!important}
body.customer-area .topnav-customer .topnav-link:hover{color:#0f2e44!important}
body.customer-area .nav-link-icon{
  width:26px!important;
  height:26px!important;
  flex:0 0 26px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  font-size:0!important;
  font-weight:400!important;
  color:#173d56!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.customer-area .nav-link-icon::before{
  display:block!important;
  width:26px!important;
  text-align:center!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:400!important;
}
body.customer-area .nav-link-icon-home::before{content:"⌂"!important;font-size:25px!important;transform:translateY(-1px)}
body.customer-area .nav-link-icon-services::before{content:"▣"!important;font-size:22px!important}
body.customer-area .nav-link-icon-tickets::before{content:"✉"!important;font-size:22px!important}
body.customer-area .nav-link-icon-account::before{content:"○"!important;font-size:25px!important}
body.customer-area .nav-link-icon-invoices::before{content:"₺"!important;font-size:23px!important;font-family:Arial,sans-serif!important}
body.customer-area .user-chip{font-weight:600!important}
body.customer-area .desktop-logout .icon-btn{font-weight:600!important}
@media(max-width:860px){
  body.customer-area .topbar-inner{padding:10px 12px!important;gap:12px!important}
  body.customer-area .topnav-customer{display:none!important}
}


/* PANELX v0.27 footer removal + log pagination + category/sidebar polish */
.site-footer{display:none!important}
@media (min-width:861px){
  body.admin-area .app-shell{padding-top:22px!important;align-items:start!important}
  body.admin-area .sidebar{padding-top:0!important;top:22px!important}
  body.admin-area .admin-menu-card{margin-top:10px!important}
}
.logs-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.logs-actions form{margin:0!important}.logs-actions .btn{width:auto!important}
.logs-foot{display:flex!important;justify-content:flex-end!important;color:var(--muted)!important;font-size:13px!important;margin:12px 0 0!important}
.pagination,.logs-pagination{display:flex!important;gap:8px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;margin-top:14px!important}
.page-link{min-width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#173d56;display:inline-flex;align-items:center;justify-content:center;padding:0 11px;font-weight:700;text-decoration:none}
.page-link.active{background:#0f4d68;color:#fff;border-color:#0f4d68;box-shadow:0 10px 20px rgba(15,77,104,.14)}
.page-ellipsis{height:36px;display:inline-flex;align-items:center;color:var(--muted);padding:0 2px}
.logs-card .danger-btn{color:#b42318!important;border-color:#ffd6d6!important;background:#fff7f7!important}
.logs-card .danger-btn:hover{background:#fff0f0!important}
@media(max-width:860px){
  .logs-actions{justify-content:flex-start!important}.logs-foot,.logs-pagination{justify-content:flex-start!important}
}


/* PANELX v0.30 login SEO/background, admin logo, log/query fixes */
body.admin-area .admin-sidebar-logo img{height:58px!important;max-width:205px!important;}
@media (max-width:860px){body.admin-area .admin-sidebar-logo img{height:48px!important;max-width:180px!important;}}
.auth-body{
  background:
    linear-gradient(135deg, rgba(8,32,45,.72), rgba(10,77,104,.38)),
    url('/6/assets/img/background.png') center center / cover no-repeat fixed!important;
  min-height:100vh!important;
}
.auth-shell{background:transparent!important;}
.auth-card{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(8px)!important;
}
@media(max-width:860px){.auth-body{background-position:center top!important;background-attachment:scroll!important}}


/* PANELX v0.31 hotfix */
.auth-body{
  background:url("../img/background.png") center center / cover no-repeat fixed!important;
}
.auth-body::before,
.auth-body::after,
.auth-shell::before,
.auth-shell::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:transparent!important;
}
.auth-card{
  background:rgba(255,255,255,.94);
}
.ticket-resolve-note{
  display:block;
  margin:8px 0 14px!important;
}
.ticket-resolve-form{
  margin-top:14px!important;
}
.ticket-resolve-form .btn{
  margin-top:4px!important;
}

/* v32 projects */
.badge.project-status.processing,
.badge.processing { background: rgba(251, 191, 36, .16); color: #92400e; }
.badge.project-status.completed,
.badge.completed { background: rgba(34, 197, 94, .16); color: #166534; }
.message-text a,
.info-list a,
.data-table a:not(.btn) { color: var(--primary, #2563eb); text-decoration: underline; text-underline-offset: 2px; }


/* PANELX v0.33 projects menu + ticket staff assignment */
body.customer-area .nav-link-icon-projects::before{content:"▱"!important;font-size:22px!important;line-height:1!important}
.assigned-staff-box{border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f7fbfd);border-radius:16px;padding:14px;margin:8px 0 12px;display:flex;flex-direction:column;gap:4px}
.assigned-staff-box strong{font-size:16px;color:#173d56}.assigned-staff-box span{font-size:13px;color:#6b7d8b}.ticket-assign-form{margin-top:10px}.ticket-staff-warning{margin:14px 0!important}.btn[disabled]{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}.admin-staff-page{align-items:start}.admin-staff-page .data-table td{vertical-align:middle}

/* PANELX v0.34 admin grouped sidebar redesign */
body.admin-area .admin-menu-card.admin-nav-card{
  padding:14px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbfd 100%)!important;
  border:1px solid #dfeaf1!important;
  box-shadow:0 18px 44px rgba(15,46,68,.08)!important;
}
body.admin-area .admin-menu-kicker{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:34px;
  padding:0 6px 8px;
  color:#7b8d99;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:700;
}
body.admin-area .admin-home-link,
body.admin-area .admin-nav-item,
body.admin-area .admin-nav-button{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:15px;
  color:#35566b;
  text-decoration:none;
  border:0;
  background:transparent;
  font:inherit;
  font-weight:600;
  cursor:pointer;
  text-align:left;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
body.admin-area .admin-home-link{
  margin-bottom:8px;
  background:#eef7fb;
  color:#173d56;
}
body.admin-area .admin-home-link:hover,
body.admin-area .admin-nav-item:hover,
body.admin-area .admin-nav-button:hover{
  background:#eef7fb;
  color:#12364d;
  transform:translateX(2px);
}
body.admin-area .admin-home-link.active,
body.admin-area .admin-nav-item.active{
  background:#0f4d68!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(15,77,104,.16);
}
body.admin-area .admin-nav-groups{
  display:grid;
  gap:8px;
}
body.admin-area .admin-nav-group{
  border:1px solid #e2edf3;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
}
body.admin-area .admin-nav-group summary{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 14px;
  cursor:pointer;
  list-style:none;
  color:#173d56;
  font-weight:700;
  user-select:none;
}
body.admin-area .admin-nav-group summary::-webkit-details-marker{display:none}
body.admin-area .admin-nav-group summary::after{
  content:"⌄";
  width:28px;
  height:28px;
  border-radius:10px;
  background:#f2f7fa;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#6d8290;
  font-size:15px;
  line-height:1;
  transition:transform .16s ease,background .16s ease;
}
body.admin-area .admin-nav-group[open] summary::after{
  content:"⌃";
  background:#e8f3f8;
}
body.admin-area .admin-nav-group[open] summary{
  border-bottom:1px solid #edf3f6;
}
body.admin-area .admin-nav-items{
  display:grid;
  gap:3px;
  padding:8px;
  background:#fbfdfe;
}
body.admin-area .admin-nav-form{margin:0;padding:0}
body.admin-area .admin-nav-button{font-size:14px}

/* Admin mobile drawer groups */
@media (max-width:860px){
  body.admin-area .drawer-nav{
    display:grid!important;
    gap:10px!important;
    padding:14px 16px!important;
  }
  body.admin-area .admin-drawer-group{
    border:1px solid #e2edf3;
    border-radius:18px;
    background:#fff;
    overflow:hidden;
  }
  body.admin-area .admin-drawer-group .drawer-summary{
    border:0!important;
    border-radius:0!important;
    min-height:54px!important;
    background:#fff!important;
  }
  body.admin-area .admin-drawer-group[open] .drawer-summary{
    border-bottom:1px solid #edf3f6!important;
    background:#f8fbfd!important;
  }
  body.admin-area .admin-drawer-group .drawer-sublink{
    display:flex!important;
    min-height:44px;
    align-items:center;
    margin:7px 8px!important;
    padding:0 12px!important;
    border-radius:14px!important;
    color:#35566b!important;
    background:#fbfdfe!important;
    text-decoration:none!important;
    font-weight:600!important;
  }
  body.admin-area .admin-drawer-group:not([open]) .drawer-sublink{display:none!important}
  body.admin-area .admin-drawer-group .drawer-sublink.active{
    background:#0f4d68!important;
    color:#fff!important;
  }
  body.admin-area .admin-mobile-link.active{
    background:#0f4d68!important;
    border-color:#0f4d68!important;
    color:#fff!important;
  }
}


/* PANELX v0.36 admin sidebar accordion polish */
body.admin-area .admin-nav-single{
  min-height:48px;
  display:flex;
  align-items:center;
  padding:0 14px;
  border:1px solid #e2edf3;
  background:#fff;
  border-radius:18px;
  color:#173d56;
  text-decoration:none;
  font-weight:700;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
body.admin-area .admin-nav-single:hover{
  background:#eef7fb;
  color:#12364d;
  transform:translateX(2px);
}
body.admin-area .admin-nav-single.active{
  background:#0f4d68!important;
  border-color:#0f4d68!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(15,77,104,.16);
}
@media (min-width:861px){
  body.admin-area .sidebar{
    max-height:calc(100vh - 44px);
    overflow:hidden;
  }
  body.admin-area .admin-menu-card.admin-nav-card{
    max-height:calc(100vh - 175px);
    overflow-y:auto;
    scrollbar-width:thin;
    padding-right:10px!important;
  }
  body.admin-area .admin-menu-card.admin-nav-card::-webkit-scrollbar{width:6px}
  body.admin-area .admin-menu-card.admin-nav-card::-webkit-scrollbar-thumb{background:#d7e5ec;border-radius:99px}
  body.admin-area .sidebar-logout.inline-logout{
    margin:10px 16px 0!important;
    flex:0 0 auto!important;
  }
}
@media (max-width:860px){
  body.admin-area .drawer-nav{
    padding-bottom:110px!important;
  }
}


/* PANELX v0.37 delete actions + admin menu arrow alignment + ticket filter fix polish */
.row-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.row-actions form{margin:0!important;display:inline-flex!important}
.btn.danger-btn,.danger-btn{background:#fff1f1!important;color:#b42318!important;border:1px solid #ffd6d6!important}
.btn.danger-btn:hover,.danger-btn:hover{background:#ffecec!important;color:#9b1c1c!important}
.ticket-delete-form,.project-delete-form,.service-delete-form,.invoice-delete-form,.customer-delete-form{margin:0 0 14px!important}
body.admin-area .admin-nav-group summary::after,
body.admin-area .admin-drawer-group .drawer-summary::after,
.drawer-summary::after{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  font-family:Arial,sans-serif!important;
  padding:0!important;
  transform:none!important;
}
body.admin-area .admin-nav-group summary{line-height:1!important}
body.admin-area .admin-nav-group[open] summary::after{content:"⌃"!important;line-height:1!important;padding-bottom:2px!important}
body.admin-area .admin-nav-group:not([open]) summary::after{content:"⌄"!important;padding-bottom:3px!important}
@media(max-width:860px){.row-actions{justify-content:flex-start!important}}


/* PANELX v0.38 admin mobile menu + login flag fixes */
/* Yönetimde ikinci/alttaki çıkış butonunu kaldır; menü içindeki çıkış kalsın */
body.admin-area > .app-shell .sidebar > .sidebar-logout.inline-logout,
body.admin-area .sidebar > .sidebar-logout.inline-logout{
  display:none!important;
}

/* Yönetim mobil dropdownları daha okunaklı ve hizalı */
@media (max-width:860px){
  body.admin-area .drawer-nav{
    gap:12px!important;
    padding:16px!important;
    padding-bottom:28px!important;
  }
  body.admin-area .drawer-link,
  body.admin-area .drawer-summary{
    min-height:58px!important;
    padding:0 18px!important;
    border-radius:18px!important;
    font-size:16px!important;
    font-weight:750!important;
    line-height:1.2!important;
    display:flex!important;
    align-items:center!important;
  }
  body.admin-area .admin-drawer-group{
    border-radius:20px!important;
    box-shadow:0 8px 24px rgba(15,46,68,.05)!important;
  }
  body.admin-area .admin-drawer-group .drawer-summary{
    min-height:58px!important;
    justify-content:space-between!important;
  }
  body.admin-area .admin-drawer-group .drawer-summary::after,
  body.admin-area .drawer-summary::after{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    border-radius:999px!important;
    background:#eef6fa!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    font-size:13px!important;
    margin-left:auto!important;
    padding:0!important;
    transform:none!important;
  }
  body.admin-area .admin-drawer-group[open] .drawer-summary::after,
  body.admin-area .drawer-submenu[open] .drawer-summary::after{
    background:#e4f1f7!important;
  }
  body.admin-area .admin-drawer-group .drawer-sublink{
    min-height:50px!important;
    margin:8px 10px!important;
    padding:0 16px!important;
    border-radius:16px!important;
    font-size:15px!important;
    font-weight:650!important;
  }
  body.admin-area .drawer-logout-form{
    margin:0!important;
  }
  body.admin-area .drawer-logout-button{
    color:#b42318!important;
    background:#fff7f7!important;
    border-color:#ffd6d6!important;
  }
}

/* Login ve telefon alanlarında TR yazısı yerine net Türk bayrağı */
.phone-field .flag,
.auth-phone-field .flag{
  font-size:0!important;
  width:48px!important;
  min-width:48px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  border-right:1px solid var(--line)!important;
  overflow:hidden!important;
}
.phone-field .flag::before,
.auth-phone-field .flag::before{
  content:""!important;
  display:block!important;
  width:26px!important;
  height:18px!important;
  border-radius:4px!important;
  background:
    radial-gradient(circle at 12px 9px, transparent 0 5px, #fff 5.2px 6.2px, transparent 6.4px),
    radial-gradient(circle at 15px 9px, #e30a17 0 4.2px, transparent 4.4px),
    linear-gradient(#e30a17,#e30a17)!important;
  box-shadow:0 1px 4px rgba(0,0,0,.14)!important;
}
.phone-field .flag::after,
.auth-phone-field .flag::after{
  content:""!important;
  display:none!important;
}
.auth-phone-field .code,
.phone-field .code{
  font-weight:400!important;
}

/* PANELX v0.39 ticket delete spacing + real TR flag */
.ticket-delete-form{
  margin-top:16px!important;
  margin-bottom:14px!important;
}
.ticket-delete-form + .ticket-assign-form{
  margin-top:14px!important;
}

/* Use the real Turkish flag emoji instead of a drawn red block */
.phone-field .flag,
.auth-phone-field .flag{
  font-size:0!important;
  width:50px!important;
  min-width:50px!important;
  height:100%!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  border-right:1px solid var(--line)!important;
  overflow:hidden!important;
  position:relative!important;
}
.phone-field .flag::before,
.auth-phone-field .flag::before{
  content:"🇹🇷"!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  background:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  font-size:24px!important;
  line-height:1!important;
}
.phone-field .flag::after,
.auth-phone-field .flag::after{
  content:""!important;
  display:none!important;
}
.auth-phone-field .code,
.phone-field .code{
  font-weight:400!important;
}


/* PANELX v41 customer service assignment */
.customer-service-assign-form{
  margin:14px 0 18px;
  padding:16px;
  border:1px solid #e3edf4;
  background:#fbfdff;
  border-radius:20px;
}
.customer-service-assign-form .form-actions{
  justify-content:flex-start;
}
@media (max-width: 860px){
  .customer-service-assign-form{
    padding:14px;
    border-radius:18px;
  }
}


/* v42 admin top navigation and SMS page */
.admin-topnav{display:flex;align-items:center;gap:8px;flex:1;min-width:0;justify-content:center}
.admin-topnav .topnav-link,.admin-topnav-group>summary{height:42px;display:flex;align-items:center;padding:0 14px;border-radius:16px;color:#143246;font-weight:700;text-decoration:none;cursor:pointer;list-style:none;white-space:nowrap}
.admin-topnav .topnav-link:hover,.admin-topnav-group[open]>summary,.admin-topnav-group>summary:hover{background:#eef8fb;color:#074b6b}
.admin-topnav-group{position:relative}
.admin-topnav-group>summary::-webkit-details-marker{display:none}
.admin-topnav-group>summary:after{content:'⌄';font-size:13px;margin-left:8px;line-height:1;opacity:.7}
.admin-topnav-group[open]>summary:after{content:'⌃'}
.admin-topnav-group>div{position:absolute;top:48px;left:0;background:#fff;border:1px solid #dbe7ef;border-radius:18px;box-shadow:0 20px 50px rgba(7,31,48,.14);min-width:220px;padding:10px;z-index:50;display:grid;gap:4px}
.admin-topnav-group a,.admin-topnav-group button{display:block;width:100%;border:0;background:transparent;text-align:left;text-decoration:none;color:#143246;font-weight:650;padding:11px 12px;border-radius:12px;font:inherit;cursor:pointer}
.admin-topnav-group a:hover,.admin-topnav-group button:hover{background:#f0f7fb}
body:has(.admin-topnav) .content{max-width:1280px}
@media (min-width: 981px){body:has(.admin-topnav) .sidebar{display:none}body:has(.admin-topnav) .app-shell{grid-template-columns:1fr}.admin-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.admin-stats-grid .stat-card{min-height:128px}}
@media (max-width: 1200px){.admin-topnav{gap:4px}.admin-topnav .topnav-link,.admin-topnav-group>summary{padding:0 9px;font-size:13px}}
@media (max-width: 980px){.admin-topnav{display:none}.admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.stat-card.orange{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}
.bulk-sms-form textarea{min-height:150px}.sms-recipient-mode{display:flex;gap:14px;flex-wrap:wrap}.check-row{display:flex;align-items:center;gap:8px;font-weight:700}.customer-select-box{padding:16px}.card-head.slim{margin-bottom:12px}.customer-filter-input{width:100%;margin-bottom:12px}.customer-check-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;max-height:420px;overflow:auto;padding-right:4px}.customer-check-item{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #e1edf3;border-radius:14px;background:#fff}.customer-check-item strong{display:block}.customer-check-item small{display:block;color:#758899;margin-top:2px}.modal-wide{max-width:820px}
/* v42 override older admin sidebar rule */
body:has(.admin-menu-card) .admin-topnav{display:flex!important}
@media(max-width:980px){body:has(.admin-menu-card) .admin-topnav{display:none!important}}

/* PANELX v43 admin header visibility fix */
body.admin-area .topbar{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:sticky!important;
  top:0!important;
  z-index:120!important;
  width:calc(100% - 48px)!important;
  max-width:1440px!important;
  min-height:74px!important;
  height:auto!important;
  margin:14px auto 0!important;
  padding:0 18px!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:20px!important;
  box-shadow:0 10px 30px rgba(15,46,68,.06)!important;
}
body.admin-area .topbar-inner{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
}
body.admin-area .brand{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 0 auto!important;
  min-width:120px!important;
}
body.admin-area .brand img{
  height:42px!important;
  max-width:170px!important;
  object-fit:contain!important;
}
body.admin-area .admin-topnav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:1 1 auto!important;
  min-width:0!important;
  gap:8px!important;
  overflow:visible!important;
}
body.admin-area .admin-topnav .topnav-link,
body.admin-area .admin-topnav-group>summary{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
}
body.admin-area .top-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-left:auto!important;
  flex:0 0 auto!important;
}
body.admin-area .app-shell{
  max-width:1440px!important;
  margin:0 auto!important;
}
@media (min-width:981px){
  body.admin-area .sidebar{display:none!important;}
  body.admin-area .app-shell{grid-template-columns:1fr!important;}
}
@media (max-width:1200px){
  body.admin-area .admin-topnav{gap:4px!important;}
  body.admin-area .admin-topnav .topnav-link,
  body.admin-area .admin-topnav-group>summary{padding:0 8px!important;font-size:13px!important;}
  body.admin-area .brand img{height:38px!important;max-width:145px!important;}
}
@media (max-width:980px){
  body.admin-area .topbar{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border-radius:0!important;
    min-height:64px!important;
    padding:10px 12px!important;
  }
  body.admin-area .admin-topnav{display:none!important;}
  body.admin-area .nav-toggle{display:flex!important;}
  body.admin-area .brand img{height:36px!important;max-width:140px!important;}
}

/* PANELX v44 admin header: customer-style clean top navigation */
body.admin-area .topbar{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:sticky!important;
  top:0!important;
  z-index:120!important;
  width:100%!important;
  max-width:none!important;
  min-height:74px!important;
  height:auto!important;
  margin:0!important;
  padding:10px 24px 0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body.admin-area .topbar-inner{
  width:100%!important;
  max-width:1440px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  min-width:0!important;
}
body.admin-area .brand{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:128px!important;
  flex:0 0 auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.admin-area .brand img{
  height:42px!important;
  max-width:170px!important;
  width:auto!important;
  object-fit:contain!important;
}
body.admin-area .admin-topnav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:1 1 auto!important;
  min-width:0!important;
  gap:16px!important;
  height:auto!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.admin-area .admin-topnav .topnav-link,
body.admin-area .admin-topnav-group>summary{
  min-height:42px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:6px 0!important;
  border:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#30485a!important;
  font-size:15px!important;
  font-weight:600!important;
  line-height:1.2!important;
  gap:8px!important;
  text-decoration:none!important;
}
body.admin-area .admin-topnav .topnav-link:hover,
body.admin-area .admin-topnav-group>summary:hover,
body.admin-area .admin-topnav-group[open]>summary{
  background:transparent!important;
  color:#173d56!important;
  transform:none!important;
}
body.admin-area .admin-topnav-group{position:relative!important;flex:0 0 auto!important;}
body.admin-area .admin-topnav-group>summary::-webkit-details-marker{display:none!important;}
body.admin-area .admin-topnav-group>summary:after{
  content:'⌄'!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:16px!important;
  height:16px!important;
  margin-left:2px!important;
  font-size:13px!important;
  line-height:1!important;
  opacity:.75!important;
}
body.admin-area .admin-topnav-group[open]>summary:after{content:'⌃'!important;}
body.admin-area .admin-topnav-group>div{
  position:absolute!important;
  top:44px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  min-width:230px!important;
  display:grid!important;
  gap:5px!important;
  padding:10px!important;
  background:#fff!important;
  border:1px solid #dfe8ee!important;
  border-radius:18px!important;
  box-shadow:0 18px 48px rgba(15,46,68,.13)!important;
  z-index:160!important;
}
body.admin-area .admin-topnav-group a,
body.admin-area .admin-topnav-group button{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:38px!important;
  padding:9px 12px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#30485a!important;
  font:inherit!important;
  font-weight:600!important;
  text-align:left!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
body.admin-area .admin-topnav-group a:hover,
body.admin-area .admin-topnav-group button:hover{background:#f4f8fb!important;color:#173d56!important;}
body.admin-area .top-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-left:auto!important;
  flex:0 0 auto!important;
}
body.admin-area .user-chip{
  background:transparent!important;
  border:1px solid #dfe8ee!important;
  box-shadow:none!important;
  font-weight:500!important;
  color:#30485a!important;
}
body.admin-area .desktop-logout .icon-btn{
  background:transparent!important;
  border:1px solid #f1caca!important;
  color:#a53a3a!important;
  font-weight:500!important;
}
body.admin-area .app-shell{
  max-width:1440px!important;
  margin:0 auto!important;
  padding-top:24px!important;
}
@media (min-width:981px){
  body.admin-area .sidebar{display:none!important;}
  body.admin-area .app-shell{grid-template-columns:1fr!important;}
}
@media (max-width:1280px){
  body.admin-area .admin-topnav{gap:10px!important;}
  body.admin-area .admin-topnav .topnav-link,
  body.admin-area .admin-topnav-group>summary{font-size:14px!important;}
}
@media (max-width:1100px){
  body.admin-area .admin-topnav{gap:7px!important;}
  body.admin-area .admin-topnav .topnav-link,
  body.admin-area .admin-topnav-group>summary{font-size:13px!important;}
  body.admin-area .brand img{height:38px!important;max-width:145px!important;}
}
@media (max-width:980px){
  body.admin-area .topbar{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border-radius:0!important;
    min-height:64px!important;
    padding:10px 10px 0!important;
  }
  body.admin-area .topbar-inner{
    background:#fff!important;
    border:1px solid var(--line)!important;
    border-radius:20px!important;
    padding:8px 10px!important;
    box-shadow:0 10px 28px rgba(15,46,68,.06)!important;
  }
  body.admin-area .admin-topnav{display:none!important;}
  body.admin-area .nav-toggle{display:flex!important;}
  body.admin-area .brand img{height:36px!important;max-width:140px!important;}
}

/* PANELX v47 admin layout alignment fix
   Keep the controlled header/content width, but make inner pages fill that area. */
body.admin-area .content,
body:has(.admin-topnav) .content{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
body.admin-area .app-shell{
  width:100%!important;
  max-width:1440px!important;
  margin:0 auto!important;
  padding-left:24px!important;
  padding-right:24px!important;
  box-sizing:border-box!important;
}
body.admin-area .topbar-inner{
  max-width:1440px!important;
}
body.admin-area .card,
body.admin-area .invoice-card,
body.admin-area .logs-card{
  width:100%!important;
  box-sizing:border-box!important;
}
body.admin-area .table-wrap,
body.admin-area .logs-table-wrap{
  width:100%!important;
}
@media (max-width:980px){
  body.admin-area .app-shell{
    max-width:none!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
}

/* PANELX v48 admin add/edit page width fix
   Only admin add/edit forms should fill the same content column as list pages. */
body.admin-area .narrow-card,
body:has(.admin-topnav) .narrow-card{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
body.admin-area .narrow-card .form-grid,
body:has(.admin-topnav) .narrow-card .form-grid{
  width:100%!important;
}

/* PANELX v49 admin header and dashboard card layout */
body.admin-area .topbar{
  background:#fff!important;
  border-bottom:1px solid var(--line)!important;
  box-shadow:0 8px 28px rgba(15,46,68,.05)!important;
}
body.admin-area .topbar-inner{
  background:#fff!important;
}
@media (min-width:981px){
  body.admin-area .admin-stats-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  body.admin-area .admin-stats-grid .stat-card.revenue-card,
  body.admin-area .admin-stats-grid .stat-card.orange{
    grid-column:span 2!important;
    min-height:128px!important;
  }
}
@media (max-width:980px){
  body.admin-area .admin-stats-grid .stat-card.revenue-card,
  body.admin-area .admin-stats-grid .stat-card.orange{
    grid-column:auto!important;
  }
}

/* PANELX v50 admin header: align with customer header without touching customer UI */
body.admin-area .topbar{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid #e5ebf0!important;
  border-radius:0!important;
  box-shadow:0 8px 24px rgba(15,46,68,.045)!important;
  backdrop-filter:none!important;
}
body.admin-area .topbar-inner{
  width:100%!important;
  max-width:1440px!important;
  margin:0 auto!important;
  padding:14px 24px!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  gap:26px!important;
}
body.admin-area .brand{
  min-width:150px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.admin-area .brand img{
  height:43px!important;
  max-width:168px!important;
}
body.admin-area .admin-topnav{
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:24px!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  overflow:visible!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.admin-area .admin-topnav .topnav-link,
body.admin-area .admin-topnav-group>summary{
  min-height:52px!important;
  height:auto!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#243f52!important;
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
body.admin-area .admin-topnav .topnav-link:hover,
body.admin-area .admin-topnav-group>summary:hover,
body.admin-area .admin-topnav-group[open]>summary{
  background:transparent!important;
  color:#0f2e44!important;
}
body.admin-area .admin-topnav .nav-link-icon,
body.admin-area .admin-topnav-group .nav-link-icon{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#173d56!important;
  font-family:Arial,sans-serif!important;
  font-size:0!important;
  line-height:1!important;
}
body.admin-area .admin-topnav .nav-link-icon::before,
body.admin-area .admin-topnav-group .nav-link-icon::before{
  display:block!important;
  width:24px!important;
  text-align:center!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:400!important;
}
body.admin-area .admin-nav-icon-home::before{content:"⌂"!important;font-size:24px!important;transform:translateY(-1px)}
body.admin-area .admin-nav-icon-customers::before{content:"▣"!important;font-size:20px!important}
body.admin-area .admin-nav-icon-services::before{content:"◫"!important;font-size:22px!important}
body.admin-area .admin-nav-icon-projects::before{content:"▱"!important;font-size:22px!important}
body.admin-area .admin-nav-icon-invoices::before{content:"₺"!important;font-size:22px!important}
body.admin-area .admin-nav-icon-support::before{content:"✉"!important;font-size:21px!important}
body.admin-area .admin-nav-icon-contact::before{content:"○"!important;font-size:24px!important}
body.admin-area .admin-nav-icon-settings::before{content:"⚙"!important;font-size:21px!important}
body.admin-area .admin-topnav-group>summary:after{
  content:"⌄"!important;
  width:14px!important;
  height:14px!important;
  margin-left:2px!important;
  font-size:13px!important;
  line-height:1!important;
  color:#466174!important;
  opacity:.8!important;
}
body.admin-area .admin-topnav-group[open]>summary:after{content:"⌃"!important}
body.admin-area .admin-topnav-group>div{
  top:58px!important;
  min-width:230px!important;
  padding:10px!important;
  background:#fff!important;
  border:1px solid #dfe8ee!important;
  border-radius:16px!important;
  box-shadow:0 18px 48px rgba(15,46,68,.13)!important;
}
body.admin-area .top-actions{
  flex:0 0 auto!important;
  gap:10px!important;
  margin-left:auto!important;
}
body.admin-area .user-chip{
  background:#f8fbfd!important;
  border:1px solid #dfe8ee!important;
  color:#173d56!important;
  font-weight:600!important;
  box-shadow:none!important;
}
body.admin-area .desktop-logout .icon-btn{
  background:#fff!important;
  border:1px solid #f1caca!important;
  color:#a53a3a!important;
  font-weight:600!important;
}
@media (max-width:1280px){
  body.admin-area .topbar-inner{gap:18px!important;padding:14px 24px!important}
  body.admin-area .admin-topnav{gap:17px!important}
  body.admin-area .admin-topnav .topnav-link,
  body.admin-area .admin-topnav-group>summary{font-size:14px!important}
  body.admin-area .brand{min-width:126px!important}
  body.admin-area .brand img{height:38px!important;max-width:148px!important}
}
@media (max-width:1120px){
  body.admin-area .admin-topnav{gap:12px!important}
  body.admin-area .admin-topnav .topnav-link,
  body.admin-area .admin-topnav-group>summary{font-size:13px!important;gap:7px!important}
  body.admin-area .admin-topnav .nav-link-icon,
  body.admin-area .admin-topnav-group .nav-link-icon{width:20px!important;flex-basis:20px!important}
  body.admin-area .admin-topnav .nav-link-icon::before,
  body.admin-area .admin-topnav-group .nav-link-icon::before{width:20px!important;font-size:19px!important}
}
@media (max-width:980px){
  body.admin-area .topbar{
    padding:10px 10px 0!important;
    border-bottom:0!important;
  }
  body.admin-area .topbar-inner{
    padding:8px 10px!important;
    border:1px solid var(--line)!important;
    border-radius:20px!important;
    box-shadow:0 10px 28px rgba(15,46,68,.06)!important;
  }
}

/* PANELX v52 admin header fit and dropdown arrows */
body.admin-area .topbar-inner{
  gap:18px!important;
}
body.admin-area .brand{
  min-width:128px!important;
}
body.admin-area .brand img{
  height:39px!important;
  max-width:148px!important;
}
body.admin-area .admin-topnav{
  gap:16px!important;
  flex-wrap:nowrap!important;
}
body.admin-area .admin-topnav .topnav-link,
body.admin-area .admin-topnav-group>summary{
  min-height:50px!important;
  gap:7px!important;
  font-size:14px!important;
}
body.admin-area .admin-topnav .nav-link-icon,
body.admin-area .admin-topnav-group .nav-link-icon{
  width:20px!important;
  height:20px!important;
  flex-basis:20px!important;
}
body.admin-area .admin-topnav .nav-link-icon::before,
body.admin-area .admin-topnav-group .nav-link-icon::before{
  width:20px!important;
  font-size:19px!important;
}
body.admin-area .admin-topnav-group>summary:after{
  content:"⌄"!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  margin-left:0!important;
  border-radius:999px!important;
  background:#f1f6f9!important;
  color:#173d56!important;
  font-size:15px!important;
  line-height:1!important;
  opacity:1!important;
  transform:translateY(1px)!important;
}
body.admin-area .admin-topnav-group[open]>summary:after{
  content:"⌃"!important;
  background:#e7f1f6!important;
}
@media (max-width:1280px){
  body.admin-area .topbar-inner{gap:14px!important}
  body.admin-area .admin-topnav{gap:12px!important}
  body.admin-area .admin-topnav .topnav-link,
  body.admin-area .admin-topnav-group>summary{font-size:13px!important;gap:6px!important}
  body.admin-area .brand{min-width:116px!important}
  body.admin-area .brand img{height:36px!important;max-width:132px!important}
}

/* PANELX v53 table pagination */
.table-pagination{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  margin:14px 0 4px;
}
.table-pagination-summary{
  margin-right:auto;
  color:#6f7f8d;
  font-size:13px;
  font-weight:700;
}
.table-pagination button{
  min-width:38px;
  min-height:36px;
  border:1px solid #dfe8ee;
  border-radius:10px;
  background:#fff;
  color:#173d56;
  font-weight:750;
  cursor:pointer;
  padding:7px 11px;
}
.table-pagination button:hover:not(:disabled),
.table-pagination button.active{
  background:#173d56;
  border-color:#173d56;
  color:#fff;
}
.table-pagination button:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.table-pagination-dots{
  color:#8b9aa7;
  font-weight:800;
  padding:0 2px;
}
@media (max-width:640px){
  .table-pagination{
    justify-content:flex-start;
  }
  .table-pagination-summary{
    width:100%;
    margin-right:0;
  }
}

/* PANELX v54 admin header typography and dropdown polish */
body.admin-area .admin-topnav .topnav-link,
body.admin-area .admin-topnav-group>summary{
  font-weight:400!important;
  color:#163449!important;
  gap:8px!important;
}
body.admin-area .admin-topnav .topnav-link span:last-child,
body.admin-area .admin-topnav-group>summary span:not(.nav-link-icon){
  font-weight:400!important;
}
body.admin-area .admin-topnav .nav-link-icon,
body.admin-area .admin-topnav-group .nav-link-icon{
  color:#0f3b59!important;
  opacity:1!important;
}
body.admin-area .admin-topnav-group>summary:after{
  content:""!important;
  width:7px!important;
  height:7px!important;
  min-width:7px!important;
  margin-left:-2px!important;
  border-radius:0!important;
  border:solid #547086!important;
  border-width:0 1.7px 1.7px 0!important;
  background:transparent!important;
  transform:rotate(45deg) translateY(-2px)!important;
  opacity:1!important;
  box-shadow:none!important;
}
body.admin-area .admin-topnav-group[open]>summary:after{
  content:""!important;
  background:transparent!important;
  transform:rotate(-135deg) translateY(-1px)!important;
  border-color:#173d56!important;
}

/* PANELX v60 admin header spacing after icon removal */
body.admin-area .admin-topnav-group>summary:after{
  margin-left:0!important;
}
body.admin-area .admin-topnav-group>summary:hover:after,
body.admin-area .admin-topnav-group[open]>summary:hover:after{
  border-color:#0f2e44!important;
}
body.admin-area .admin-topnav-group>div{
  top:54px!important;
  border-radius:14px!important;
  border:1px solid #d7e4ec!important;
  box-shadow:0 18px 45px rgba(15,46,68,.16)!important;
}

/* PANELX v55 sticky admin header */
body.admin-area .topbar{
  position:sticky!important;
  top:0!important;
  z-index:500!important;
}
body.admin-area .admin-topnav-group>div{
  z-index:520!important;
}

/* PANELX v56 admin header type scale */
body.admin-area .admin-topnav .topnav-link,
body.admin-area .admin-topnav-group>summary{
  font-size:15px!important;
}
@media (max-width:1280px){
  body.admin-area .admin-topnav .topnav-link,
  body.admin-area .admin-topnav-group>summary{
    font-size:14px!important;
  }
}

/* PANELX v57 admin header weight */
body.admin-area .admin-topnav .topnav-link,
body.admin-area .admin-topnav-group>summary,
body.admin-area .admin-topnav .topnav-link span:last-child,
body.admin-area .admin-topnav-group>summary span:not(.nav-link-icon){
  font-weight:600!important;
}

/* PANELX v61 admin header breathing room */
body.admin-area .admin-topnav{
  gap:24px!important;
}
body.admin-area .admin-topnav .topnav-link,
body.admin-area .admin-topnav-group>summary{
  padding-left:0!important;
  padding-right:0!important;
}
body.admin-area .admin-topnav-group>summary:after{
  margin-left:7px!important;
}
@media (max-width:1320px){
  body.admin-area .admin-topnav{
    gap:17px!important;
  }
}
@media (max-width:1180px){
  body.admin-area .admin-topnav{
    gap:12px!important;
  }
}

/* PANELX v62 fixed centered mobile login */
html:has(body.auth-body),
body.auth-body{
  width:100%!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.auth-body{
  height:100vh!important;
  min-height:100vh!important;
  height:100svh!important;
  min-height:100svh!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  background:url("../img/background.png") center center / cover no-repeat fixed!important;
}
body.auth-body .auth-shell{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100vh!important;
  min-height:100vh!important;
  height:100svh!important;
  min-height:100svh!important;
  margin:0!important;
  padding:24px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
body.auth-body .auth-card{
  width:min(100%,460px)!important;
  max-height:calc(100svh - 48px)!important;
  margin:0!important;
  overflow:visible!important;
  transform:none!important;
}
body.auth-body .auth-logo-wrap,
body.auth-body .auth-logo{
  flex:0 0 auto!important;
}
@media (max-width:640px){
  body.auth-body{
    background-position:center center!important;
    background-attachment:fixed!important;
  }
  body.auth-body .auth-shell{
    padding:16px!important;
  }
  body.auth-body .auth-card{
    max-height:calc(100svh - 32px)!important;
    padding:24px!important;
  }
}

/* PANELX v63 customer mobile logo size */
@media (max-width:860px){
  body.customer-area .brand img{
    max-width:180px!important;
  }
}

/* PANELX v64 bulk SMS recipient count */
.sms-recipient-mode{
  align-items:center;
}
.sms-count-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:8px;
  padding:3px 9px;
  border-radius:999px;
  background:#eef7ec;
  color:#1f7f34;
  font-size:12px;
  font-weight:800;
}
.sms-recipient-summary{
  width:max-content;
  max-width:100%;
  padding:10px 14px;
  border:1px solid #dbe7ef;
  border-radius:14px;
  background:#f7fafc;
  color:#173d56;
  font-weight:800;
}
.customer-check-item.is-disabled{
  opacity:.55;
  background:#f8fafc;
}

/* PANELX v65 sade panel temasi */
:root{
  --primary:#2563eb;
  --primary-2:#1d4ed8;
  --accent:#16a34a;
  --blue:#0ea5e9;
  --red:#ef4444;
  --dark:#111827;
  --bg:#f7f8fa;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#667085;
  --line:#e5e7eb;
  --shadow:0 1px 2px rgba(15,23,42,.05),0 8px 24px rgba(15,23,42,.04);
  --radius:8px;
}
body.customer-area,body.admin-area{background:var(--bg)!important;color:var(--text)!important;letter-spacing:0}
.customer-area .topbar{display:none!important}
.customer-area .app-shell{display:grid!important;grid-template-columns:288px minmax(0,1fr)!important;gap:0!important;width:100%!important;max-width:none!important;min-height:100svh!important;margin:0!important;padding:0!important}
.customer-area .sidebar{position:sticky!important;top:0!important;display:flex!important;height:100svh!important;gap:0!important;overflow:auto!important;padding:20px 12px!important;background:#fff!important;border-right:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important}
.customer-area .sidebar-mobile-head,.customer-area .admin-sidebar-logo{display:none!important}
.customer-area .drawer-nav{display:grid!important;order:1!important;gap:4px!important;padding:10px 0!important}
.customer-area .profile-card{order:0!important;display:flex!important;gap:12px!important;align-items:center!important;padding:0 4px 18px!important;margin:0 0 12px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.customer-area .profile-avatar{width:40px!important;height:40px!important;border-radius:999px!important;background:#d1d5db!important;color:#fff!important;font-size:0!important;box-shadow:inset 0 -10px 0 rgba(255,255,255,.45)!important}
.customer-area .profile-avatar::before{content:"";width:14px;height:14px;border-radius:999px;background:#fff;display:block;margin:7px auto 0;box-shadow:0 17px 0 7px #fff}
.customer-area .profile-card .tiny:first-child{display:none!important}
.customer-area .profile-card strong{display:block!important;color:#0f172a!important;font-size:15px!important;line-height:1.2!important}
.customer-area .profile-card .muted{max-width:210px!important;margin-top:3px!important;overflow:hidden!important;color:#667085!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.customer-area .drawer-link,.customer-area .drawer-logout-button{display:flex!important;align-items:center!important;gap:12px!important;min-height:40px!important;padding:0 12px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#586174!important;font-weight:600!important;font-size:14px!important;line-height:1!important;box-shadow:none!important}
.customer-area .drawer-link:hover,.customer-area .drawer-logout-button:hover{background:#eef4ff!important;color:var(--primary)!important}
.customer-area .drawer-link.active{background:#eaf2ff!important;color:var(--primary)!important}
.customer-area .drawer-link::before,.customer-area .drawer-logout-button::before{content:"";width:16px;height:16px;flex:0 0 16px;border:1.7px solid currentColor;border-radius:4px;opacity:.82}
.customer-area .drawer-link-services::before{border-radius:5px;transform:rotate(45deg) scale(.86)}
.customer-area .drawer-link-projects::before{border-radius:999px}
.customer-area .drawer-link-tickets::before{border-radius:3px;border-style:dashed}
.customer-area .drawer-link-account::before{border-radius:999px;border-bottom-color:transparent}
.customer-area .drawer-link-invoices::before{border-radius:2px}
.customer-area .drawer-logout-form{order:5!important;margin-top:auto!important}
.customer-area .sidebar>.side-card:not(.profile-card):not(.danger-soft),.customer-area .sidebar-logout{display:none!important}
.customer-area .danger-soft{order:4!important;margin-top:auto!important;padding:14px!important;border-radius:8px!important;background:#fff7ed!important;border:1px solid #fed7aa!important;box-shadow:none!important}
.customer-area .content{width:100%!important;max-width:none!important;min-width:0!important;padding:34px 24px 64px 32px!important}
.customer-area .page-head,.admin-area .page-head{align-items:flex-start!important;margin:0 0 24px!important}
.customer-area .page-head h1,.admin-area .page-head h1{margin:0!important;color:#020617!important;font-size:24px!important;line-height:1.22!important;font-weight:800!important;letter-spacing:0!important}
.customer-area .breadcrumb,.admin-area .breadcrumb{margin:4px 0 0!important;color:#667085!important;font-size:16px!important;font-weight:400!important}
.customer-area .cta-card{display:none!important}
.card,.side-card,.invoice-card,.modal-card{border:1px solid var(--line)!important;border-radius:8px!important;background:#fff!important;box-shadow:var(--shadow)!important}
.card{padding:24px!important;margin-bottom:24px!important}
.card-head{align-items:center!important;margin-bottom:18px!important}
.card-head h2{margin:0!important;color:#0f172a!important;font-size:18px!important;line-height:1.25!important;font-weight:800!important}
.card-head p{margin:4px 0 0!important;color:#667085!important;font-size:14px!important}
.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin-bottom:32px!important}
.stat-card,.stat-card.green,.stat-card.blue,.stat-card.red,.stat-card.dark,.stat-card.orange{position:relative!important;min-height:108px!important;padding:24px 64px 22px 24px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:#fff!important;color:#0f172a!important;box-shadow:var(--shadow)!important}
.stat-card::after{content:"";position:absolute;top:28px;right:24px;width:48px;height:48px;border-radius:12px;background:#eaf2ff;box-shadow:inset 0 0 0 14px rgba(37,99,235,.12)}
.stat-card.green::after{background:#dcfce7;box-shadow:inset 0 0 0 14px rgba(22,163,74,.13)}
.stat-card.blue::after{background:#e0f2fe;box-shadow:inset 0 0 0 14px rgba(14,165,233,.13)}
.stat-card.red::after{background:#fee2e2;box-shadow:inset 0 0 0 14px rgba(239,68,68,.12)}
.stat-card.dark::after{background:#f3f4f6;box-shadow:inset 0 0 0 14px rgba(100,116,139,.12)}
.stat-card.orange::after{background:#fff7ed;box-shadow:inset 0 0 0 14px rgba(249,115,22,.13)}
.stat-card span{color:#667085!important;font-size:14px!important;font-weight:500!important;opacity:1!important}
.stat-card strong{margin-top:2px!important;color:#111827!important;font-size:30px!important;line-height:1.15!important;font-weight:800!important}
.stat-card small{display:none!important}
.table-wrap{overflow:auto!important}
.table-search{float:none!important;width:min(100%,385px)!important;height:38px!important;margin:0 0 18px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:#fff!important;color:#0f172a!important}
.data-table{min-width:760px!important;border-collapse:collapse!important;background:#fff!important}
.data-table th{padding:12px 8px!important;border-bottom:1px solid var(--line)!important;background:#fff!important;color:#6b7280!important;font-size:13px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important}
.data-table td{padding:8px!important;border-bottom:1px solid var(--line)!important;color:#111827!important;font-size:14px!important;vertical-align:middle!important}
.data-table tr:hover td{background:#fafafa!important}
.btn,.filter-pill,.table-pagination button{border-radius:8px!important;font-weight:700!important;box-shadow:none!important}
.btn{min-height:36px!important;padding:8px 14px!important;border:1px solid transparent!important;font-size:14px!important}
.btn-primary{background:var(--primary)!important;color:#fff!important}
.btn-primary:hover{background:var(--primary-2)!important;transform:none!important;filter:none!important}
.btn-light,.btn-small{background:#fff!important;border-color:var(--line)!important;color:#111827!important}
.btn-outline{background:#fff!important;border-color:var(--line)!important;color:#111827!important}
.danger-btn{color:#dc2626!important;border-color:#fecaca!important;background:#fff!important}
.row-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}
.badge,.pill{min-height:22px!important;padding:3px 10px!important;border-radius:999px!important;border:1px solid transparent!important;font-size:12px!important;font-weight:800!important;line-height:1!important;text-transform:none!important}
.badge.active,.badge.paid,.badge.answered{background:#dcfce7!important;border-color:#86efac!important;color:#16a34a!important}
.badge.pending,.badge.payment_waiting,.badge.customer_reply{background:#dbeafe!important;border-color:#93c5fd!important;color:#2563eb!important}
.badge.open{background:#e0f2fe!important;border-color:#7dd3fc!important;color:#0284c7!important}
.badge.closed,.badge.cancelled,.badge.passive,.badge.failed,.badge.neutral{background:#f3f4f6!important;border-color:#e5e7eb!important;color:#667085!important}
.filter-row{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin:0 0 18px!important}
.filter-pill{display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:0 12px!important;border:1px solid var(--line)!important;background:#fff!important;color:#475467!important;font-size:13px!important}
.filter-pill.active{border-color:#93c5fd!important;background:#eaf2ff!important;color:var(--primary)!important}
input,select,textarea{border:1px solid var(--line)!important;border-radius:8px!important;background:#fff!important;color:#0f172a!important}
input:focus,select:focus,textarea:focus{border-color:#93c5fd!important;box-shadow:0 0 0 4px rgba(37,99,235,.10)!important}
.info-list div,.invoice-meta div,.bank-box,.reply-template{border:1px solid var(--line)!important;border-radius:8px!important;background:#fafafa!important}
.detail-grid,.account-tabs,.invoice-layout,.ticket-layout{gap:24px!important}
.message-bubble{border-radius:8px!important}
.admin-message{background:#eff6ff!important}
.customer-message{background:#f0fdf4!important}
.table-pagination{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin-top:-8px!important;margin-bottom:24px!important;flex-wrap:wrap!important}
.table-pagination-summary{margin-right:auto!important;color:#667085!important;font-size:13px!important}
.table-pagination button{min-height:32px!important;padding:0 10px!important;border:1px solid var(--line)!important;background:#fff!important;color:#111827!important}
.table-pagination button.active{border-color:#93c5fd!important;background:#eaf2ff!important;color:var(--primary)!important}
body.admin-area .topbar{background:#fff!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important}
body.admin-area .topbar-inner{max-width:none!important}
body.admin-area .admin-topnav .topnav-link,body.admin-area .admin-topnav-group>summary{border-radius:8px!important}
body.admin-area .app-shell{max-width:none!important;padding:28px 24px 64px!important}
@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:860px){
  .customer-area .topbar{display:flex!important;min-height:64px!important;padding:10px 14px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important}
  .customer-area .app-shell{display:block!important}
  .customer-area .content{padding:18px 14px 44px!important}
  .customer-area .sidebar{position:fixed!important;height:100vh!important;width:min(88vw,320px)!important;max-width:320px!important;padding:0 12px 20px!important;transform:translateX(-105%)!important;z-index:90!important;box-shadow:20px 0 60px rgba(15,23,42,.18)!important}
  .customer-area.menu-open .sidebar{transform:translateX(0)!important}
  .customer-area .sidebar-mobile-head{display:flex!important;margin:0 -12px 12px!important;padding:16px!important;border-bottom:1px solid var(--line)!important}
  .customer-area .profile-card{padding-top:4px!important}
  .card{padding:16px!important}
  .card-head{align-items:stretch!important;flex-direction:column!important}
}
@media (max-width:640px){
  .stats-grid{grid-template-columns:1fr!important}
  .customer-area .page-head h1,.admin-area .page-head h1{font-size:22px!important}
  .customer-area .breadcrumb,.admin-area .breadcrumb{font-size:14px!important}
  .data-table{min-width:0!important}
  .data-table td{grid-template-columns:116px 1fr!important}
  .row-actions{justify-content:flex-start!important}
}

/* PANELX v66 sidebar alignment + admin same shell */
body.customer-area .app-shell,
body.admin-area .app-shell{
  display:grid!important;
  grid-template-columns:288px minmax(0,1fr)!important;
  gap:0!important;
  width:100%!important;
  max-width:none!important;
  min-height:100svh!important;
  margin:0!important;
  padding:0!important;
}

body.customer-area .sidebar,
body.admin-area .sidebar{
  display:flex!important;
  position:sticky!important;
  top:0!important;
  align-self:start!important;
  width:288px!important;
  height:100svh!important;
  min-height:100svh!important;
  max-height:none!important;
  margin:0!important;
  padding:24px 12px 18px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:#fff!important;
  border-right:1px solid var(--line)!important;
  border-radius:0!important;
  box-shadow:none!important;
}

body.customer-area .content,
body.admin-area .content{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:34px 24px 64px 32px!important;
}

body.customer-area .page-head,
body.admin-area .page-head{
  min-height:57px!important;
  margin-bottom:24px!important;
}

body.customer-area .profile-card{
  margin-top:0!important;
}

body.customer-area .drawer-nav{
  margin-top:2px!important;
}

body.admin-area .topbar{
  display:none!important;
}

body.admin-area .admin-topnav{
  display:none!important;
}

body.admin-area .admin-sidebar-logo{
  order:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:48px!important;
  margin:0 4px 16px!important;
  padding:0 0 16px!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.admin-area .admin-sidebar-logo img{
  height:34px!important;
  max-width:170px!important;
  object-fit:contain!important;
}

body.admin-area .drawer-nav{
  display:none!important;
}

body.admin-area .admin-menu-card.admin-nav-card{
  order:1!important;
  display:block!important;
  width:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.admin-area .admin-menu-kicker{
  margin:0 12px 8px!important;
  color:#98a2b3!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

body.admin-area .admin-home-link,
body.admin-area .admin-nav-single,
body.admin-area .admin-nav-group summary,
body.admin-area .admin-nav-item,
body.admin-area .admin-nav-button{
  border-radius:8px!important;
  color:#475467!important;
  font-size:14px!important;
  font-weight:650!important;
  box-shadow:none!important;
}

body.admin-area .admin-home-link,
body.admin-area .admin-nav-single,
body.admin-area .admin-nav-group summary{
  min-height:40px!important;
  padding:0 12px!important;
  border:0!important;
  background:transparent!important;
}

body.admin-area .admin-home-link:hover,
body.admin-area .admin-nav-single:hover,
body.admin-area .admin-nav-group summary:hover,
body.admin-area .admin-nav-item:hover,
body.admin-area .admin-nav-button:hover{
  background:#eef4ff!important;
  color:var(--primary)!important;
}

body.admin-area .admin-home-link.active,
body.admin-area .admin-nav-single.active,
body.admin-area .admin-nav-item.active{
  background:#eaf2ff!important;
  color:var(--primary)!important;
  border-color:transparent!important;
}

body.admin-area .admin-nav-groups{
  display:grid!important;
  gap:4px!important;
}

body.admin-area .admin-nav-group{
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.admin-area .admin-nav-group[open]{
  background:#f8fafc!important;
}

body.admin-area .admin-nav-group[open] summary{
  border-bottom:0!important;
}

body.admin-area .admin-nav-items{
  display:grid!important;
  gap:2px!important;
  padding:2px 0 8px 24px!important;
}

body.admin-area .admin-nav-item,
body.admin-area .admin-nav-button{
  min-height:34px!important;
  padding:0 12px!important;
  border:0!important;
  background:transparent!important;
  text-align:left!important;
}

body.admin-area .admin-nav-form{
  margin:0!important;
}

body.admin-area .admin-nav-group summary::after{
  width:20px!important;
  height:20px!important;
  border-radius:6px!important;
  background:#f2f4f7!important;
  color:#667085!important;
  font-size:12px!important;
}

body.admin-area .stats-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

body.admin-area .admin-stats-grid .stat-card,
body.admin-area .admin-stats-grid .stat-card.revenue-card,
body.admin-area .admin-stats-grid .stat-card.orange{
  grid-column:auto!important;
  min-height:108px!important;
}

.card,
.invoice-card,
.logs-card{
  border-color:#dfe3ea!important;
}

.stat-card{
  border-color:#dfe3ea!important;
}

.data-table th:first-child,
.data-table td:first-child{
  padding-left:8px!important;
}

.data-table th:last-child,
.data-table td:last-child{
  padding-right:8px!important;
}

@media (max-width:1100px){
  body.admin-area .stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:860px){
  body.customer-area .topbar,
  body.admin-area .topbar{
    display:flex!important;
    min-height:64px!important;
    padding:10px 14px!important;
    border:0!important;
    border-bottom:1px solid var(--line)!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  body.customer-area .app-shell,
  body.admin-area .app-shell{
    display:block!important;
    min-height:0!important;
  }

  body.customer-area .content,
  body.admin-area .content{
    padding:18px 14px 44px!important;
  }

  body.customer-area .sidebar,
  body.admin-area .sidebar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    height:100vh!important;
    width:min(88vw,320px)!important;
    max-width:320px!important;
    min-height:100vh!important;
    padding:0 12px 20px!important;
    transform:translateX(-105%)!important;
    z-index:90!important;
    box-shadow:20px 0 60px rgba(15,23,42,.18)!important;
  }

  body.customer-area.menu-open .sidebar,
  body.admin-area.menu-open .sidebar{
    transform:translateX(0)!important;
  }

  body.customer-area .sidebar-mobile-head,
  body.admin-area .sidebar-mobile-head{
    display:flex!important;
    margin:0 -12px 12px!important;
    padding:16px!important;
    border-bottom:1px solid var(--line)!important;
  }

  body.admin-area .admin-sidebar-logo,
  body.admin-area .admin-menu-card.admin-nav-card{
    display:none!important;
  }

  body.admin-area .drawer-nav{
    display:grid!important;
    gap:4px!important;
    padding:0!important;
  }
}

/* PANELX v67 Font Awesome menu icons */
.drawer-link:has(.fa)::before,
.drawer-logout-button:has(.fa)::before{
  display:none!important;
  content:none!important;
}

.drawer-link .fa,
.drawer-sublink .fa,
.admin-home-link .fa,
.admin-nav-single .fa,
.admin-nav-group summary .fa,
.admin-nav-item .fa,
.admin-nav-button .fa{
  width:18px!important;
  min-width:18px!important;
  flex:0 0 18px!important;
  text-align:center!important;
  font-size:15px!important;
  line-height:1!important;
  color:currentColor!important;
  opacity:.82!important;
}

.drawer-link,
.drawer-sublink,
.admin-home-link,
.admin-nav-single,
.admin-nav-group summary,
.admin-nav-item,
.admin-nav-button{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}

.drawer-link span,
.drawer-sublink span,
.admin-home-link span,
.admin-nav-single span,
.admin-nav-group summary span,
.admin-nav-item span,
.admin-nav-button span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.drawer-sublink{
  min-height:34px!important;
  padding:0 12px 0 38px!important;
  border-radius:8px!important;
  color:#667085!important;
  font-size:13px!important;
  font-weight:650!important;
}

.drawer-sublink:hover,
.drawer-sublink.active{
  background:#eef4ff!important;
  color:var(--primary)!important;
}

body.admin-area .admin-nav-group summary{
  justify-content:flex-start!important;
}

body.admin-area .admin-nav-group summary::after{
  margin-left:auto!important;
}

body.admin-area .admin-nav-items{
  padding-left:30px!important;
}

body.admin-area .admin-nav-item,
body.admin-area .admin-nav-button{
  gap:10px!important;
}

body.admin-area .admin-nav-item .fa,
body.admin-area .admin-nav-button .fa,
.drawer-sublink .fa{
  font-size:13px!important;
  opacity:.72!important;
}

/* PANELX v68 clean mobile list cards */
@media (max-width:640px){
  body.customer-area .card,
  body.admin-area .card{
    border:0!important;
    box-shadow:0 8px 22px rgba(15,23,42,.05)!important;
  }

  .table-wrap{
    overflow:visible!important;
  }

  .table-search{
    height:38px!important;
    margin:0 0 16px!important;
    border:1px solid #e6eaf0!important;
    border-radius:8px!important;
    background:#fff!important;
    box-shadow:0 1px 2px rgba(15,23,42,.03)!important;
  }

  .data-table{
    display:block!important;
    min-width:0!important;
    width:100%!important;
    border:0!important;
    border-collapse:separate!important;
    background:transparent!important;
  }

  .data-table thead{
    display:none!important;
  }

  .data-table tbody{
    display:grid!important;
    gap:14px!important;
    width:100%!important;
  }

  .data-table tr{
    display:grid!important;
    gap:8px!important;
    margin:0!important;
    padding:14px!important;
    border:0!important;
    border-left:0!important;
    border-radius:12px!important;
    overflow:visible!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(15,23,42,.08),0 1px 2px rgba(15,23,42,.05)!important;
  }

  .data-table tr:hover td{
    background:transparent!important;
  }

  .data-table td{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#0f172a!important;
    font-size:13px!important;
  }

  .data-table td::before{
    content:attr(data-label)!important;
    flex:0 0 92px!important;
    width:92px!important;
    min-width:92px!important;
    color:#667085!important;
    font-size:10.5px!important;
    line-height:1.25!important;
    font-weight:800!important;
    letter-spacing:.02em!important;
    text-transform:uppercase!important;
  }

  .data-table td:first-child{
    color:#667085!important;
    font-size:12px!important;
  }

  .data-table td:first-child::before{
    display:none!important;
    content:none!important;
  }

  .data-table td[data-label="Başlık"],
  .data-table td[data-label="Konu"],
  .data-table td[data-label="Hizmet"],
  .data-table td[data-label="Fatura"]{
    justify-content:flex-start!important;
    color:#0f172a!important;
    font-size:14px!important;
    font-weight:750!important;
  }

  .data-table td[data-label="Başlık"]::before,
  .data-table td[data-label="Konu"]::before,
  .data-table td[data-label="Hizmet"]::before,
  .data-table td[data-label="Fatura"]::before{
    display:none!important;
    content:none!important;
  }

  .data-table td[data-label="Durum"],
  .data-table td[data-label="Öncelik"]{
    justify-content:flex-start!important;
  }

  .data-table td[data-label="Durum"] .badge,
  .data-table td[data-label="Öncelik"] .badge{
    margin-left:0!important;
  }

  .data-table td[data-label="İşlem"]{
    margin-top:6px!important;
  }

  .data-table td[data-label="İşlem"]::before{
    display:none!important;
    content:none!important;
  }

  .data-table .row-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .data-table td[data-label="İşlem"] .btn,
  .data-table .row-actions .btn{
    width:100%!important;
    min-height:36px!important;
    border:1px solid #e2e8f0!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#0f172a!important;
    box-shadow:none!important;
  }

  .data-table .row-actions form{
    width:100%!important;
  }

  .data-table td[colspan],
  .data-table td.muted.center{
    display:block!important;
    padding:6px 0!important;
    text-align:center!important;
    color:#667085!important;
  }

  .data-table td[colspan]::before,
  .data-table td.muted.center::before{
    display:none!important;
    content:none!important;
  }

  .invoice-table td[data-label="Açıklama"]{
    display:block!important;
  }

  .invoice-table td[data-label="Açıklama"]::before{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    margin-bottom:4px!important;
  }

  .data-table td:first-child:not([data-label="ID"]){
    color:#0f172a!important;
    font-size:14px!important;
    font-weight:750!important;
  }

  .data-table:not(.invoice-table) td:last-child{
    margin-top:6px!important;
  }

  .data-table:not(.invoice-table) td:last-child::before{
    display:none!important;
    content:none!important;
  }

  .data-table:not(.invoice-table) td:last-child .btn{
    width:100%!important;
  }
}

/* PANELX v69 dashboard Font Awesome stat icons */
.stat-card::after{
  display:none!important;
  content:none!important;
}

.stat-card .stat-icon{
  position:absolute!important;
  top:28px!important;
  right:24px!important;
  width:48px!important;
  height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  font-size:21px!important;
  line-height:1!important;
  color:currentColor!important;
  opacity:1!important;
}

.stat-card.green .stat-icon{
  background:#dcfce7!important;
  color:#16a34a!important;
}

.stat-card.blue .stat-icon{
  background:#e0f2fe!important;
  color:#0284c7!important;
}

.stat-card.red .stat-icon{
  background:#fee2e2!important;
  color:#ef4444!important;
}

.stat-card.dark .stat-icon{
  background:#f1f5f9!important;
  color:#64748b!important;
}

.stat-card.orange .stat-icon{
  background:#fff7ed!important;
  color:#f97316!important;
}

@media (max-width:640px){
  .stat-card .stat-icon{
    top:18px!important;
    right:18px!important;
    width:44px!important;
    height:44px!important;
    font-size:19px!important;
  }
}

/* PANELX v70 show service detail images without cropping */
.service-photo-link{
  display:block!important;
  width:100%!important;
}

.service-photo-card .service-image,
.service-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
  background:#fff!important;
}

.service-photo-card{
  overflow:visible!important;
}

/* PANELX v71 ticket create helper panel */
.ticket-create-layout{
  display:grid!important;
  grid-template-columns:minmax(0,920px) minmax(300px,360px)!important;
  gap:24px!important;
  align-items:start!important;
}

.ticket-create-card{
  width:100%!important;
  max-width:none!important;
}

.ticket-helper-stack{
  display:grid!important;
  gap:16px!important;
  align-self:start!important;
}

.ticket-side-card{
  padding:22px!important;
}

.ticket-side-head{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  margin-bottom:16px!important;
}

.ticket-side-head.compact{
  align-items:center!important;
}

.ticket-side-head h2{
  margin:0!important;
  color:#0f172a!important;
  font-size:17px!important;
  line-height:1.25!important;
}

.ticket-side-head p{
  margin:4px 0 0!important;
  font-size:13px!important;
}

.ticket-side-icon{
  width:42px!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 42px!important;
  border-radius:12px!important;
  background:#eaf2ff!important;
  color:#2563eb!important;
  font-size:18px!important;
}

.ticket-side-icon.blue{
  background:#e0f2fe!important;
  color:#0284c7!important;
}

.ticket-tip-list{
  display:grid!important;
  gap:12px!important;
}

.ticket-tip-list div{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  color:#475467!important;
  font-size:13px!important;
  line-height:1.45!important;
}

.ticket-tip-list .fa{
  width:20px!important;
  height:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 20px!important;
  border-radius:999px!important;
  background:#dcfce7!important;
  color:#16a34a!important;
  font-size:11px!important;
  margin-top:1px!important;
}

.recent-ticket-list{
  display:grid!important;
  gap:10px!important;
}

.recent-ticket-item{
  position:relative!important;
  display:grid!important;
  gap:4px!important;
  min-height:82px!important;
  padding:12px 96px 12px 12px!important;
  border:1px solid #eef2f6!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 6px 16px rgba(15,23,42,.04)!important;
}

.recent-ticket-item:hover{
  border-color:#dbeafe!important;
  background:#fbfdff!important;
}

.recent-ticket-item span{
  color:#667085!important;
  font-size:12px!important;
}

.recent-ticket-item strong{
  color:#0f172a!important;
  font-size:14px!important;
  line-height:1.25!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.recent-ticket-item small{
  color:#667085!important;
  font-size:12px!important;
}

.recent-ticket-item .badge{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
}

.ticket-empty-state{
  display:grid!important;
  justify-items:center!important;
  gap:8px!important;
  padding:22px 12px!important;
  text-align:center!important;
  border:1px dashed #d7dee8!important;
  border-radius:12px!important;
  background:#fbfcfe!important;
}

.ticket-empty-state .fa{
  width:44px!important;
  height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:14px!important;
  background:#eef4ff!important;
  color:#2563eb!important;
  font-size:18px!important;
}

.ticket-empty-state strong{
  color:#0f172a!important;
  font-size:14px!important;
}

.ticket-empty-state p{
  max-width:230px!important;
  margin:0!important;
  font-size:13px!important;
}

.ticket-history-btn{
  margin-top:14px!important;
}

@media (max-width:1180px){
  .ticket-create-layout{
    grid-template-columns:1fr!important;
  }

  .ticket-helper-stack{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:760px){
  .ticket-helper-stack{
    grid-template-columns:1fr!important;
  }
}

/* PANELX v72 compact service detail status pill */
.service-detail-grid > article.card > .card-head{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:16px!important;
}

.service-detail-grid > article.card > .card-head h2{
  min-width:0!important;
  margin:0!important;
  font-size:18px!important;
  line-height:1.25!important;
}

.service-detail-grid > article.card > .card-head .badge{
  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;
  flex:0 0 auto!important;
  align-self:center!important;
  justify-content:center!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

@media (max-width:420px){
  .service-detail-grid > article.card > .card-head{
    align-items:flex-start!important;
  }

  .service-detail-grid > article.card > .card-head h2{
    font-size:17px!important;
  }
}

/* PANELX v73 enhanced searchable selects */
.enhanced-native-select{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.enhanced-select{
  position:relative!important;
  width:100%!important;
}

.enhanced-select-button{
  width:100%!important;
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 14px!important;
  border:1px solid #dfe5ee!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#0f172a!important;
  font-weight:500!important;
  text-align:left!important;
  box-shadow:0 1px 2px rgba(15,23,42,.03)!important;
  cursor:pointer!important;
}

.enhanced-select-button:hover{
  border-color:#cbd5e1!important;
}

.enhanced-select.open .enhanced-select-button{
  border-color:#93c5fd!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;
}

.enhanced-select-button span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.enhanced-select-button .fa{
  color:#475467!important;
  font-size:17px!important;
}

.enhanced-select-panel{
  position:absolute!important;
  z-index:120!important;
  top:calc(100% + 8px)!important;
  left:0!important;
  right:0!important;
  padding:10px!important;
  border:1px solid #dfe5ee!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 18px 42px rgba(15,23,42,.14),0 2px 6px rgba(15,23,42,.06)!important;
}

.enhanced-select-search{
  width:100%!important;
  height:38px!important;
  margin:0 0 8px!important;
  padding:0 12px!important;
  border:1px solid #e5eaf1!important;
  border-radius:8px!important;
  background:#f8fafc!important;
  color:#0f172a!important;
  font-size:14px!important;
}

.enhanced-select-search:focus{
  border-color:#93c5fd!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.10)!important;
}

.enhanced-select-options{
  display:grid!important;
  gap:4px!important;
  max-height:270px!important;
  overflow:auto!important;
  padding-right:2px!important;
}

.enhanced-select-options::-webkit-scrollbar{
  width:8px!important;
}

.enhanced-select-options::-webkit-scrollbar-thumb{
  border-radius:999px!important;
  background:#cbd5e1!important;
}

.enhanced-select-option{
  width:100%!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:8px 10px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#1f2937!important;
  font-size:14px!important;
  font-weight:500!important;
  text-align:left!important;
  cursor:pointer!important;
}

.enhanced-select-option[hidden],
.enhanced-select-empty[hidden]{
  display:none!important;
}

.enhanced-select-option:hover{
  background:#f1f5f9!important;
}

/* PANELX v113 dashboard payment notifications */
.payment-alert-card{
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr) auto!important;
  gap:18px!important;
  align-items:center!important;
  margin:0 0 20px!important;
  padding:22px 24px!important;
  border:1px solid #bfe8d2!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#f0fbf5 0%,#ffffff 62%)!important;
  box-shadow:0 14px 34px rgba(22,101,52,.08)!important;
}
.payment-alert-main{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
}
.payment-alert-icon{
  width:54px!important;
  height:54px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 54px!important;
  border-radius:16px!important;
  background:#d9fbe8!important;
  color:#14934b!important;
  font-size:28px!important;
}
.payment-alert-kicker{
  display:block!important;
  margin:0 0 5px!important;
  color:#15803d!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.payment-alert-card h2{
  margin:0!important;
  color:#102033!important;
  font-size:22px!important;
  line-height:1.2!important;
}
.payment-alert-card p{
  margin:7px 0 0!important;
  color:#52637a!important;
}
.payment-alert-list{
  display:grid!important;
  gap:8px!important;
}
.payment-alert-list a{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:10px 12px!important;
  border:1px solid #d6f3e2!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.78)!important;
  color:#0f172a!important;
}
.payment-alert-list strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:13px!important;
}
.payment-alert-list span{
  flex:0 0 auto!important;
  color:#52637a!important;
  font-size:13px!important;
  font-weight:650!important;
}
.payment-alert-action{
  white-space:nowrap!important;
}
@media(max-width:980px){
  .payment-alert-card{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  .payment-alert-action{
    width:100%!important;
  }
}

/* PANELX v114 zero VAT invoice note */
.invoice-tax-note{
  margin:18px 0 0 auto!important;
  max-width:520px!important;
  padding:12px 14px!important;
  border:1px solid #d8e4ec!important;
  border-radius:10px!important;
  background:#f8fafc!important;
  color:#334155!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.45!important;
  text-align:left!important;
}

/* PANELX v115 invoice list column fit */
.invoices-list-table th:last-child,
.invoices-list-table td:last-child{
  width:170px!important;
  max-width:170px!important;
}
.invoices-list-table td:last-child .row-actions{
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
}
.invoices-list-table th:nth-last-child(2),
.invoices-list-table td:nth-last-child(2){
  width:78px!important;
  text-align:center!important;
}
.invoices-list-table th:nth-last-child(3),
.invoices-list-table td:nth-last-child(3){
  width:150px!important;
}
.invoices-list-table th:nth-last-child(4),
.invoices-list-table td:nth-last-child(4){
  width:70px!important;
}
.invoices-list-table th:nth-child(3),
.invoices-list-table td:nth-child(3){
  min-width:180px!important;
  max-width:260px!important;
}

.invoice-table-pdf-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none!important;
}

.invoice-table-pdf-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border-radius:9px;
  background:#fff1f1;
  border:1px solid #ffbcbc;
  color:#e53935;
  font-size:11px;
  font-weight:900;
  letter-spacing:.3px;
}

/* PANELX v117 services list column fit */
.services-list-table th:last-child,
.services-list-table td:last-child{
  width:150px!important;
  max-width:150px!important;
}
.services-list-table td:last-child .row-actions{
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
}
.services-list-table th:nth-last-child(2),
.services-list-table td:nth-last-child(2){
  width:120px!important;
}
.admin-services-table th:last-child,
.admin-services-table td:last-child{
  width:150px!important;
  max-width:150px!important;
}
.admin-services-table td:last-child .row-actions{
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
}
.admin-services-table th:nth-last-child(2),
.admin-services-table td:nth-last-child(2){
  width:120px!important;
}
.admin-services-table th:nth-last-child(3),
.admin-services-table td:nth-last-child(3){
  width:90px!important;
}

/* PANELX v120 quick service assign modal */
#quickAssignServiceModal,
#assignServiceModal{
  padding:22px!important;
  align-items:center!important;
}
#quickAssignServiceModal .quick-service-modal-card,
#assignServiceModal .quick-service-modal-card{
  width:min(96vw,1040px)!important;
  max-width:1040px!important;
  max-height:calc(100vh - 44px)!important;
  overflow:auto!important;
  padding:22px 24px!important;
}
#quickAssignServiceModal .quick-service-modal-card h2,
#assignServiceModal .quick-service-modal-card h2{
  margin:0 48px 8px 0!important;
  font-size:22px!important;
}
#quickAssignServiceModal .quick-service-modal-card>p,
#assignServiceModal .quick-service-modal-card>p{
  margin:0 48px 14px 0!important;
  max-width:760px!important;
}
.quick-service-assign-form{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px 14px!important;
  margin:0!important;
  padding:14px!important;
  border-radius:16px!important;
}
.quick-service-assign-form label{
  gap:6px!important;
}
.quick-service-assign-form input,
.quick-service-assign-form select,
.quick-service-assign-form textarea{
  min-height:44px!important;
  padding:10px 12px!important;
}
.quick-service-assign-form .quick-field-wide{
  grid-column:1/-1!important;
}
.quick-service-assign-form .quick-check{
  align-self:end!important;
  min-height:44px!important;
  padding:9px 0 3px!important;
}
.quick-service-assign-form .quick-note{
  grid-column:1/3!important;
}
.quick-service-assign-form .quick-note textarea{
  min-height:72px!important;
}
.quick-service-assign-form .quick-actions{
  grid-column:3/4!important;
  align-self:end!important;
  justify-content:flex-end!important;
}
.quick-service-assign-form .quick-actions .btn{
  min-height:44px!important;
}
@media(max-width:980px){
  #quickAssignServiceModal .quick-service-modal-card,
  #assignServiceModal .quick-service-modal-card{
    width:min(96vw,760px)!important;
  }
  .quick-service-assign-form{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .quick-service-assign-form .quick-actions{
    grid-column:1/-1!important;
    justify-content:flex-start!important;
  }
  .quick-service-assign-form .quick-note{
    grid-column:1/-1!important;
  }
}
@media(max-width:640px){
  #quickAssignServiceModal,
  #assignServiceModal{
    padding:10px!important;
  }
  #quickAssignServiceModal .quick-service-modal-card,
  #assignServiceModal .quick-service-modal-card{
    width:100%!important;
    max-height:calc(100vh - 20px)!important;
    padding:18px!important;
  }
  .quick-service-assign-form{
    grid-template-columns:1fr!important;
    padding:12px!important;
  }
  .quick-service-assign-form .quick-actions{
    grid-column:1/-1!important;
  }
}

/* PANELX v121 sidebar text size */
@media (min-width:861px){
  body.admin-area .admin-menu-kicker{
    font-size:11.5px!important;
  }
  body.admin-area .admin-home-link,
  body.admin-area .admin-nav-single,
  body.admin-area .admin-nav-group summary{
    font-size:15px!important;
  }
  body.admin-area .admin-nav-item,
  body.admin-area .admin-nav-button{
    font-size:13.8px!important;
  }
}
@media (max-width:860px){
  body.admin-area .drawer-link,
  body.admin-area .drawer-summary,
  body.admin-area .drawer-logout-button{
    font-size:15px!important;
  }
  body.admin-area .drawer-sublink{
    font-size:14px!important;
  }
}

/* PANELX v122 mobile modal layering */
#quickAssignServiceModal,
#assignServiceModal{
  z-index:1200!important;
}
@media(max-width:640px){
  #quickAssignServiceModal,
  #assignServiceModal{
    align-items:flex-start!important;
    padding:12px!important;
    overflow:auto!important;
  }
  #quickAssignServiceModal .quick-service-modal-card,
  #assignServiceModal .quick-service-modal-card{
    margin:0 auto!important;
    max-height:none!important;
    min-height:0!important;
  }
}

/* PANELX v124 staff page split */
.admin-staff-page{
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr)!important;
  align-items:start!important;
}
.admin-staff-page .staff-form-card{
  position:sticky!important;
  top:24px!important;
}
@media(max-width:980px){
  .admin-staff-page{
    grid-template-columns:1fr!important;
  }
  .admin-staff-page .staff-form-card{
    position:static!important;
  }
}

/* PANELX v125 services mobile actions */
@media(max-width:640px){
  .services-list-table td[data-label="İşlem"]{
    width:100%!important;
  }
  .services-list-table td[data-label="İşlem"] .row-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
  }
  .services-list-table td[data-label="İşlem"] .row-actions form{
    width:100%!important;
  }
  .services-list-table td[data-label="İşlem"] .row-actions .btn{
    width:100%!important;
  }
}

/* PANELX v126 customer assign modal mobile layer */
#assignServiceModal{
  z-index:1400!important;
}
@media(max-width:640px){
  #assignServiceModal{
    position:fixed!important;
    inset:0!important;
    padding:12px!important;
    align-items:flex-start!important;
    justify-content:center!important;
    overflow:auto!important;
  }
  #assignServiceModal .quick-service-modal-card{
    width:100%!important;
    margin:0 auto!important;
    max-height:none!important;
    min-height:0!important;
  }
}

/* PANELX v127 customer status badge */
.customer-tabs-card .customer-status-badge{
  width:auto!important;
  max-width:max-content!important;
  align-self:flex-start!important;
  justify-content:center!important;
  padding:4px 12px!important;
}
.customer-tabs-card .card-head{
  gap:10px!important;
}
@media(min-width:861px){
  .customer-tabs-card .customer-status-badge{
    align-self:center!important;
  }
}

/* PANELX v128 customer detail refresh */
.customer-detail-card{
  overflow:hidden!important;
}
.customer-detail-hero{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:18px!important;
  margin:-4px -4px 18px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
}
.customer-detail-title{
  min-width:0!important;
}
.customer-detail-title h2{
  margin:0 0 8px!important;
  font-size:24px!important;
  line-height:1.2!important;
}
.customer-detail-meta{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  color:#64748b!important;
  font-size:13px!important;
}
.customer-detail-meta span:not(.badge){
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  padding:3px 9px!important;
  border:1px solid #e2e8f0!important;
  border-radius:999px!important;
  background:#fff!important;
}
.customer-detail-meta strong{
  color:#334155!important;
  margin-left:4px!important;
}
.customer-detail-delete{
  margin:0!important;
  flex:0 0 auto!important;
}
.customer-detail-tabs{
  display:flex!important;
  gap:6px!important;
  align-items:center!important;
  margin:0 0 22px!important;
  padding:6px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  overflow-x:auto!important;
}
.customer-detail-tabs .tab-btn{
  width:auto!important;
  min-height:40px!important;
  flex:0 0 auto!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#334155!important;
  font-size:14px!important;
  font-weight:800!important;
}
.customer-detail-tabs .tab-btn span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:22px!important;
  height:22px!important;
  margin-left:6px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:#e2e8f0!important;
  color:#334155!important;
  font-size:12px!important;
}
.customer-detail-tabs .tab-btn.active{
  background:#173d56!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(15,46,68,.14)!important;
}
.customer-detail-tabs .tab-btn.active span{
  background:rgba(255,255,255,.2)!important;
  color:#fff!important;
}
@media(max-width:860px){
  .customer-detail-hero{
    display:grid!important;
    padding:16px!important;
    margin:0 0 16px!important;
  }
  .customer-detail-title h2{
    font-size:20px!important;
  }
  .customer-detail-delete,
  .customer-detail-delete .btn{
    width:100%!important;
  }
  .customer-detail-tabs{
    margin-bottom:18px!important;
  }
}

/* PANELX v108 split login */
html:has(body.auth-body),
body.auth-body{
  min-height:100%!important;
  height:auto!important;
  overflow:auto!important;
}
body.auth-body{
  display:block!important;
  margin:0!important;
  padding:0!important;
  background:#eef3f6!important;
  color:#0f172a!important;
}
body.auth-body .auth-shell{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  min-height:100svh!important;
  max-width:none!important;
  padding:24px!important;
  display:grid!important;
  place-items:center!important;
  background:
    radial-gradient(circle at 82% 16%, rgba(255,255,255,.9), rgba(255,255,255,0) 28%),
    linear-gradient(135deg, #e9f0f3 0%, #f8fbfc 44%, #dfe9ee 100%)!important;
}
.auth-split-card{
  width:min(1120px, 100%)!important;
  min-height:680px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)!important;
  overflow:hidden!important;
  border:1px solid rgba(213,224,231,.9)!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 28px 80px rgba(15,23,42,.14)!important;
}
.auth-visual-panel{
  position:relative!important;
  min-height:680px!important;
  background:
    linear-gradient(180deg, rgba(8,28,42,.16), rgba(8,28,42,.66)),
    url("../img/background.png") center center / cover no-repeat!important;
}
.auth-visual-panel::after{
  content:""!important;
  position:absolute!important;
  inset:18px!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:22px!important;
  pointer-events:none!important;
}
.auth-visual-content{
  position:absolute!important;
  left:42px!important;
  right:42px!important;
  bottom:42px!important;
  z-index:1!important;
  color:#fff!important;
}
.auth-visual-logo{
  height:54px!important;
  max-width:210px!important;
  object-fit:contain!important;
  padding:12px 16px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
}
.auth-visual-content p{
  width:min(440px,100%)!important;
  margin:24px 0 0!important;
  color:rgba(255,255,255,.92)!important;
  font-size:26px!important;
  line-height:1.25!important;
  font-weight:750!important;
  letter-spacing:0!important;
}
body.auth-body .auth-card{
  width:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:72px 58px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  overflow:visible!important;
}
body.auth-body .auth-logo-wrap{
  justify-content:flex-start!important;
  margin:0 0 34px!important;
}
body.auth-body .auth-logo{
  height:54px!important;
  max-width:226px!important;
}
.auth-eyebrow{
  display:inline-flex!important;
  width:max-content!important;
  margin:0 0 14px!important;
  padding:7px 11px!important;
  border:1px solid #dbe7ee!important;
  border-radius:999px!important;
  background:#f4f8fb!important;
  color:#326177!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.auth-body .auth-card h1{
  margin:0 0 10px!important;
  text-align:left!important;
  color:#0f172a!important;
  font-size:34px!important;
  line-height:1.08!important;
  letter-spacing:0!important;
}
body.auth-body .auth-subtitle{
  max-width:420px!important;
  margin:0 0 30px!important;
  text-align:left!important;
  color:#64748b!important;
  font-size:16px!important;
  line-height:1.6!important;
}
body.auth-body .auth-otp-form{
  gap:18px!important;
}
body.auth-body .auth-otp-form label{
  gap:8px!important;
  color:#334155!important;
  font-size:13px!important;
  font-weight:800!important;
}
body.auth-body .auth-phone-field{
  height:58px!important;
  border-color:#dbe7ee!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(15,23,42,.06)!important;
}
body.auth-body .auth-phone-field input[data-login-identity]{
  height:100%!important;
  font-size:18px!important;
  color:#0f172a!important;
}
body.auth-body .auth-card .btn-primary{
  min-height:56px!important;
  border-radius:16px!important;
  background:#0f3d56!important;
  border-color:#0f3d56!important;
  box-shadow:0 14px 28px rgba(15,61,86,.22)!important;
  font-size:15px!important;
}
body.auth-body .auth-card .btn-primary:hover{
  background:#0b3145!important;
  border-color:#0b3145!important;
}
body.auth-body .otp-boxes{
  gap:9px!important;
  margin:4px 0 8px!important;
}
body.auth-body .otp-boxes input{
  height:58px!important;
  border-radius:16px!important;
  border-color:#dbe7ee!important;
  box-shadow:0 10px 24px rgba(15,23,42,.05)!important;
}
body.auth-body .auth-links{
  margin-top:20px!important;
  text-align:left!important;
}
@media (max-width:900px){
  body.auth-body .auth-shell{
    padding:16px!important;
  }
  .auth-split-card{
    min-height:0!important;
    grid-template-columns:1fr!important;
    border-radius:22px!important;
  }
  .auth-visual-panel{
    min-height:220px!important;
  }
  .auth-visual-panel::after{
    inset:12px!important;
    border-radius:18px!important;
  }
  .auth-visual-content{
    left:26px!important;
    right:26px!important;
    bottom:24px!important;
  }
  .auth-visual-logo{
    height:44px!important;
    max-width:180px!important;
  }
  .auth-visual-content p{
    margin-top:16px!important;
    font-size:20px!important;
  }
  body.auth-body .auth-card{
    padding:34px 26px 30px!important;
  }
  body.auth-body .auth-logo-wrap{
    display:flex!important;
    justify-content:flex-start!important;
    margin:0 0 24px!important;
  }
  body.auth-body .auth-logo{
    height:48px!important;
    max-width:204px!important;
  }
  body.auth-body .auth-card h1{
    font-size:28px!important;
  }
}
@media (max-width:480px){
  body.auth-body .auth-shell{
    padding:18px!important;
    place-items:center!important;
  }
  .auth-split-card{
    min-height:auto!important;
    border:0!important;
    border-radius:22px!important;
    box-shadow:0 22px 60px rgba(15,23,42,.12)!important;
  }
  .auth-visual-panel{
    display:none!important;
  }
  .auth-visual-content p{
    font-size:17px!important;
  }
  body.auth-body .auth-card{
    min-height:auto!important;
    padding:34px 18px!important;
    justify-content:center!important;
  }
  body.auth-body .auth-logo-wrap{
    display:flex!important;
    margin:0 0 22px!important;
  }
  body.auth-body .auth-logo{
    height:46px!important;
    max-width:198px!important;
  }
  body.auth-body .auth-card h1{
    font-size:26px!important;
  }
  body.auth-body .otp-boxes{
    gap:6px!important;
  }
  body.auth-body .otp-boxes input{
    height:50px!important;
    font-size:21px!important;
  }
}

.enhanced-select-option.active{
  background:#eaf2ff!important;
  color:#2563eb!important;
  font-weight:750!important;
}

.enhanced-select-empty{
  padding:12px!important;
  color:#667085!important;
  font-size:13px!important;
  text-align:center!important;
}

@media (max-width:640px){
  .enhanced-select-panel{
    position:fixed!important;
    left:14px!important;
    right:14px!important;
    top:auto!important;
    bottom:18px!important;
    max-height:70vh!important;
  }

  .enhanced-select-options{
    max-height:48vh!important;
  }
}

/* PANELX v74 account phone flag and helper text */
.phone-field{
  height:48px!important;
}

.phone-field .flag{
  width:52px!important;
  min-width:52px!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border-right:1px solid #e5e7eb!important;
  background:#fff!important;
  font-size:0!important;
  position:relative!important;
}

.phone-field .flag::before,
.phone-field .flag::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
}

.phone-field .flag::before{
  width:30px!important;
  height:20px!important;
  border-radius:3px!important;
  background:
    radial-gradient(circle at 45% 50%, #fff 0 5.6px, transparent 5.8px),
    radial-gradient(circle at 52% 50%, #e30a17 0 4.8px, transparent 5px),
    #e30a17!important;
  box-shadow:0 1px 2px rgba(15,23,42,.10)!important;
}

.phone-field .flag::after{
  width:6px!important;
  height:6px!important;
  left:31px!important;
  top:20px!important;
  background:#fff!important;
  clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,2% 35%,39% 35%)!important;
}

.phone-field .code{
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  padding:0 12px!important;
  background:#fff!important;
  color:#475467!important;
  font-weight:400!important;
  letter-spacing:0!important;
}

.phone-field input[data-phone-local]{
  font-variant-numeric:tabular-nums!important;
  letter-spacing:.01em!important;
}

.account-main-card label small.muted{
  display:block!important;
  margin-top:7px!important;
  color:#667085!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:400!important;
}

/* PANELX v75 account summary side panel */
.account-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1100px) minmax(300px,360px)!important;
  gap:24px!important;
  align-items:start!important;
}

.account-layout .account-main-card{
  width:100%!important;
  max-width:none!important;
}

.account-main-card .account-type-row,
.account-main-card .account-type-row select{
  width:100%!important;
  max-width:none!important;
}

.account-main-card .account-type-row select{
  height:48px!important;
}

.account-side-stack{
  display:grid!important;
  gap:16px!important;
  align-self:start!important;
}

.account-side-card{
  padding:22px!important;
}

.account-side-head{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  margin-bottom:16px!important;
}

.account-side-head.compact{
  align-items:center!important;
}

.account-side-head h2{
  margin:0!important;
  color:#0f172a!important;
  font-size:17px!important;
  line-height:1.25!important;
}

.account-side-head p{
  margin:4px 0 0!important;
  font-size:13px!important;
}

.account-side-icon{
  width:42px!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 42px!important;
  border-radius:12px!important;
  background:#eaf2ff!important;
  color:#2563eb!important;
  font-size:18px!important;
}

.account-side-icon.green{
  background:#dcfce7!important;
  color:#16a34a!important;
}

.account-status-list{
  display:grid!important;
  gap:10px!important;
}

.account-status-list div{
  display:grid!important;
  grid-template-columns:26px 1fr!important;
  gap:2px 10px!important;
  align-items:center!important;
  padding:12px!important;
  border:1px solid #eef2f6!important;
  border-radius:10px!important;
  background:#fff!important;
}

.account-status-list .fa{
  grid-row:1 / span 2!important;
  width:26px!important;
  height:26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:8px!important;
  background:#f1f5f9!important;
  color:#64748b!important;
}

.account-status-list span{
  color:#667085!important;
  font-size:12px!important;
  line-height:1.2!important;
}

.account-status-list strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#0f172a!important;
  font-size:13px!important;
  line-height:1.25!important;
}

.account-tip-list{
  display:grid!important;
  gap:12px!important;
}

.account-tip-list div{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  color:#475467!important;
  font-size:13px!important;
  line-height:1.45!important;
}

.account-tip-list .fa{
  width:20px!important;
  height:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 20px!important;
  border-radius:999px!important;
  background:#dcfce7!important;
  color:#16a34a!important;
  font-size:11px!important;
  margin-top:1px!important;
}

@media (max-width:1180px){
  .account-layout{
    grid-template-columns:1fr!important;
  }

  .account-side-stack{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:760px){
  .account-side-stack{
    grid-template-columns:1fr!important;
  }
}

/* PANELX v76 wider ticket create right column */
.ticket-create-layout{
  grid-template-columns:minmax(0,920px) minmax(360px,1fr)!important;
  width:100%!important;
}

.ticket-helper-stack,
.ticket-side-card{
  width:100%!important;
}

@media (max-width:1180px){
  .ticket-create-layout{
    grid-template-columns:1fr!important;
  }
}

/* PANELX v77 hide service detail image on mobile */
@media (max-width:860px){
  .service-photo-card .service-photo-link{
    display:none!important;
  }

  .service-photo-only-card{
    display:none!important;
  }
}

/* PANELX v79 real Turkey flag image in phone fields */
.phone-field .flag,
.auth-phone-field .flag{
  width:52px!important;
  min-width:52px!important;
  height:100%!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  background:#fff!important;
  font-size:0!important;
}

.phone-field .flag::before,
.phone-field .flag::after,
.auth-phone-field .flag::before,
.auth-phone-field .flag::after{
  content:none!important;
  display:none!important;
}

.phone-field .flag img,
.auth-phone-field .flag img{
  display:block!important;
  width:30px!important;
  height:22px!important;
  object-fit:cover!important;
  border-radius:3px!important;
  border:0!important;
  box-shadow:none!important;
}

/* PANELX v80 table pagination spacing */
.table-wrap + .table-pagination,
.table-pagination{
  margin:18px 0 0!important;
  padding:14px 0 0!important;
  border-top:1px solid #eef2f6!important;
  align-items:center!important;
  gap:8px!important;
}

.card > .table-pagination:last-child{
  margin-bottom:0!important;
}

.table-pagination button{
  min-height:34px!important;
}

@media (max-width:640px){
  .table-pagination{
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    padding-bottom:2px!important;
  }

  .table-pagination-summary{
    flex:0 0 100%!important;
  }
}

/* PANELX v81 sidebar Turkish glyph spacing */
.customer-area .drawer-link,
.customer-area .drawer-logout-button,
body.admin-area .admin-home-link,
body.admin-area .admin-nav-single,
body.admin-area .admin-nav-group summary,
body.admin-area .admin-nav-item,
body.admin-area .admin-nav-button{
  min-height:42px!important;
  line-height:1.35!important;
  padding-top:3px!important;
  padding-bottom:3px!important;
  overflow:visible!important;
}

.customer-area .drawer-link span,
.customer-area .drawer-logout-button span,
body.admin-area .admin-home-link span,
body.admin-area .admin-nav-single span,
body.admin-area .admin-nav-group summary span,
body.admin-area .admin-nav-item span,
body.admin-area .admin-nav-button span{
  line-height:1.35!important;
  padding-bottom:1px!important;
}

/* PANELX v82 service detail back action */
.service-detail-toolbar{
  display:flex!important;
  justify-content:flex-start!important;
  margin:-4px 0 14px!important;
}

.service-back-link{
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:0 13px!important;
  border:1px solid #dbe3ec!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#0f172a!important;
  font-size:14px!important;
  font-weight:700!important;
  box-shadow:0 6px 16px rgba(15,23,42,.04)!important;
  transition:.16s ease!important;
}

.service-back-link:hover{
  border-color:#bfdbfe!important;
  background:#f8fbff!important;
  color:#2563eb!important;
}

.service-back-link .fa{
  color:#2563eb!important;
  font-size:13px!important;
}

@media (max-width:640px){
  .service-detail-toolbar{
    margin:0 0 12px!important;
  }

  .service-back-link{
    width:100%!important;
    justify-content:center!important;
  }
}

/* PANELX v83 customer sidebar logo */
.customer-area .customer-sidebar-logo{
  order:-1!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0 4px 18px!important;
  margin:0 0 14px!important;
  border-bottom:1px solid var(--line)!important;
}

.customer-area .customer-sidebar-logo img{
  display:block!important;
  height:40px!important;
  width:auto!important;
  max-width:190px!important;
  object-fit:contain!important;
}

@media (max-width:860px){
  .customer-area .sidebar-mobile-head{
    order:-2!important;
  }

  .customer-area .customer-sidebar-logo{
    order:-1!important;
    min-height:58px!important;
    padding:12px 4px 16px!important;
    margin:0 0 10px!important;
  }

.customer-area .customer-sidebar-logo img{
    height:36px!important;
    max-width:170px!important;
  }
}

/* PANELX v84 dashboard stat icons larger */
.stat-card,
.stat-card.green,
.stat-card.blue,
.stat-card.red,
.stat-card.dark,
.stat-card.orange{
  padding-right:84px!important;
}

.stat-card .stat-icon{
  width:58px!important;
  height:58px!important;
  border-radius:14px!important;
  font-size:25px!important;
  top:24px!important;
  right:24px!important;
}

@media (max-width:640px){
  .stat-card,
  .stat-card.green,
  .stat-card.blue,
  .stat-card.red,
  .stat-card.dark,
  .stat-card.orange{
    padding-right:78px!important;
  }

  .stat-card .stat-icon{
    width:52px!important;
    height:52px!important;
    border-radius:13px!important;
    font-size:23px!important;
    top:18px!important;
    right:18px!important;
  }
}

/* PANELX v85 mobile drawer logo header */
.sidebar-mobile-logo{
  display:none!important;
}

@media (max-width:860px){
  .customer-area .sidebar-mobile-head strong{
    display:none!important;
  }

  .customer-area .sidebar-mobile-logo{
    display:block!important;
    height:34px!important;
    width:auto!important;
    max-width:180px!important;
    object-fit:contain!important;
  }

  .customer-area .sidebar-mobile-head{
    min-height:70px!important;
    align-items:center!important;
  }

  .customer-area .sidebar-mobile-head + .customer-sidebar-logo{
    display:none!important;
  }
}

/* PANELX v86 stable mobile header fit */
@media (max-width:860px){
  body.customer-area .topbar{
    padding:10px 12px!important;
  }

  body.customer-area .topbar-inner{
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:8px 10px!important;
    overflow:hidden!important;
  }

  body.customer-area .nav-toggle{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
  }

  body.customer-area .brand{
    min-width:0!important;
    flex:1 1 auto!important;
    justify-content:flex-start!important;
    padding:0!important;
    background:transparent!important;
    overflow:hidden!important;
  }

  body.customer-area .brand img{
    height:27px!important;
    width:auto!important;
    max-width:142px!important;
    min-width:0!important;
    object-fit:contain!important;
  }

  body.customer-area .top-actions{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:124px!important;
    margin-left:0!important;
  }

  body.customer-area .user-chip{
    display:block!important;
    max-width:124px!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    padding:8px 12px!important;
    font-size:13px!important;
    line-height:1.2!important;
  }
}

@media (max-width:380px){
  body.customer-area .brand img{
    max-width:140px!important;
  }

  body.customer-area .top-actions,
  body.customer-area .user-chip{
    max-width:116px!important;
  }
}

/* PANELX v87 mobile drawer payment reminder fit */
@media (max-width:860px){
  .customer-area .sidebar{
    height:100dvh!important;
    max-height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-bottom:max(22px, env(safe-area-inset-bottom))!important;
  }

  .customer-area .danger-soft{
    order:4!important;
    align-self:stretch!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:12px 0 10px!important;
    padding:14px!important;
  }

  .customer-area .danger-soft h3{
    margin:0 0 8px!important;
    font-size:16px!important;
    line-height:1.25!important;
  }

  .customer-area .danger-soft p{
    margin:0 0 12px!important;
    font-size:14px!important;
    line-height:1.45!important;
  }

  .customer-area .danger-soft .btn{
    width:100%!important;
    min-height:40px!important;
  }

  .customer-area .drawer-logout-form{
    order:6!important;
    margin-top:8px!important;
    margin-bottom:0!important;
  }
}

@media (max-width:860px) and (max-height:720px){
  .customer-area .danger-soft{
    margin-top:8px!important;
    padding:12px!important;
  }

  .customer-area .danger-soft h3{
    font-size:15px!important;
  }

  .customer-area .danger-soft p{
    margin-bottom:10px!important;
    font-size:13px!important;
  }
}

/* PANELX v88 mobile dashboard stats two columns */
@media (max-width:640px){
  body.customer-area .stats-grid.clickable-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin-bottom:22px!important;
  }

  body.customer-area .stats-grid.clickable-stats .stat-card{
    min-height:110px!important;
    padding:16px 54px 15px 14px!important;
  }

  body.customer-area .stats-grid.clickable-stats .stat-card span{
    font-size:13px!important;
    line-height:1.25!important;
  }

  body.customer-area .stats-grid.clickable-stats .stat-card strong{
    font-size:28px!important;
    line-height:1.1!important;
    margin-top:8px!important;
  }

  body.customer-area .stats-grid.clickable-stats .stat-card .stat-icon{
    width:42px!important;
    height:42px!important;
    border-radius:12px!important;
    top:18px!important;
    right:12px!important;
    font-size:20px!important;
  }
}

@media (max-width:380px){
  body.customer-area .stats-grid.clickable-stats{
    gap:8px!important;
  }

  body.customer-area .stats-grid.clickable-stats .stat-card{
    min-height:104px!important;
    padding:14px 48px 14px 12px!important;
  }

  body.customer-area .stats-grid.clickable-stats .stat-card span{
    font-size:12px!important;
  }

  body.customer-area .stats-grid.clickable-stats .stat-card strong{
    font-size:26px!important;
  }

  body.customer-area .stats-grid.clickable-stats .stat-card .stat-icon{
    width:38px!important;
    height:38px!important;
    right:10px!important;
    font-size:18px!important;
  }
}

/* PANELX v90 clean thin mobile hamburger */
@media (max-width:860px){
  body.customer-area .nav-toggle,
  body.admin-area .nav-toggle{
    background:#fff!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    color:transparent!important;
    font-size:0!important;
    padding:0!important;
  }

  body.customer-area .nav-toggle::before,
  body.admin-area .nav-toggle::before{
    content:""!important;
    display:block!important;
    width:22px!important;
    height:14px!important;
    background:
      linear-gradient(#0f3a52,#0f3a52) 0 0 / 22px 1.5px no-repeat,
      linear-gradient(#0f3a52,#0f3a52) 0 6px / 22px 1.5px no-repeat,
      linear-gradient(#0f3a52,#0f3a52) 0 12px / 22px 1.5px no-repeat!important;
    border-radius:0!important;
  }
}

/* PANELX v91 mobile ticket detail status badge */
@media (max-width:640px){
  .ticket-card > .card-head{
    gap:12px!important;
  }

  .ticket-card > .card-head > .badge{
    width:auto!important;
    min-width:0!important;
    min-height:32px!important;
    align-self:flex-start!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    padding:7px 12px!important;
    border-radius:999px!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:800!important;
    box-shadow:0 8px 18px rgba(15,23,42,.08)!important;
  }

  .ticket-card > .card-head > .badge::before{
    font-family:FontAwesome!important;
    font-weight:normal!important;
    font-size:12px!important;
    line-height:1!important;
  }

  .ticket-card > .card-head > .badge.open,
  .ticket-card > .card-head > .badge.customer_reply{
    background:#eff6ff!important;
    color:#2563eb!important;
    border-color:#bfdbfe!important;
  }

  .ticket-card > .card-head > .badge.open::before,
  .ticket-card > .card-head > .badge.customer_reply::before{
    content:"\f017"!important;
  }

  .ticket-card > .card-head > .badge.answered{
    background:#ecfdf3!important;
    color:#16a34a!important;
    border-color:#bbf7d0!important;
  }

  .ticket-card > .card-head > .badge.answered::before{
    content:"\f00c"!important;
  }

  .ticket-card > .card-head > .badge.processing{
    background:#fff7ed!important;
    color:#ea580c!important;
    border-color:#fed7aa!important;
  }

  .ticket-card > .card-head > .badge.processing::before{
    content:"\f013"!important;
  }

  .ticket-card > .card-head > .badge.closed{
    background:#f1f5f9!important;
    color:#475569!important;
    border-color:#e2e8f0!important;
  }

  .ticket-card > .card-head > .badge.closed::before{
    content:"\f00c"!important;
  }
}

/* PANELX v93 smaller regular mobile ticket status */
@media (max-width:640px){
  .ticket-card > .card-head > .badge{
    min-height:26px!important;
    gap:5px!important;
    padding:5px 10px!important;
    font-size:11px!important;
    font-weight:500!important;
    box-shadow:0 5px 12px rgba(15,23,42,.06)!important;
  }

  .ticket-card > .card-head > .badge::before{
    font-size:10px!important;
  }
}

/* PANELX v94 admin dashboard stat grid */
body.admin-area .admin-stats-grid{
  align-items:stretch!important;
}

body.admin-area .admin-stats-grid .stat-card,
body.admin-area .admin-stats-grid .stat-card.green,
body.admin-area .admin-stats-grid .stat-card.blue,
body.admin-area .admin-stats-grid .stat-card.red,
body.admin-area .admin-stats-grid .stat-card.dark,
body.admin-area .admin-stats-grid .stat-card.orange,
body.admin-area .admin-stats-grid .stat-card.revenue-card{
  grid-column:auto!important;
  min-width:0!important;
  min-height:104px!important;
  padding:18px 64px 18px 18px!important;
}

body.admin-area .admin-stats-grid .stat-card span{
  min-width:0!important;
  font-size:13px!important;
  line-height:1.25!important;
}

body.admin-area .admin-stats-grid .stat-card strong,
body.admin-area .admin-stats-grid .stat-card.revenue-card strong{
  min-width:0!important;
  max-width:100%!important;
  margin-top:8px!important;
  color:#111827!important;
  font-size:28px!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.admin-area .admin-stats-grid .stat-card.revenue-card strong{
  font-size:22px!important;
}

body.admin-area .admin-stats-grid .stat-card .stat-icon{
  width:48px!important;
  height:48px!important;
  border-radius:13px!important;
  top:22px!important;
  right:18px!important;
  font-size:22px!important;
}

@media (min-width:1280px){
  body.admin-area .admin-stats-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:14px!important;
    margin-bottom:30px!important;
  }
}

@media (min-width:981px) and (max-width:1279px){
  body.admin-area .admin-stats-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
  }
}

@media (max-width:980px){
  body.admin-area .admin-stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    margin-bottom:22px!important;
  }
}

@media (max-width:640px){
  body.admin-area .admin-stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  body.admin-area .admin-stats-grid .stat-card,
  body.admin-area .admin-stats-grid .stat-card.green,
  body.admin-area .admin-stats-grid .stat-card.blue,
  body.admin-area .admin-stats-grid .stat-card.red,
  body.admin-area .admin-stats-grid .stat-card.dark,
  body.admin-area .admin-stats-grid .stat-card.orange,
  body.admin-area .admin-stats-grid .stat-card.revenue-card{
    min-height:104px!important;
    padding:15px 54px 15px 14px!important;
  }

  body.admin-area .admin-stats-grid .stat-card.revenue-card,
  body.admin-area .admin-stats-grid .stat-card.orange{
    grid-column:1 / -1!important;
  }

  body.admin-area .admin-stats-grid .stat-card span{
    font-size:12px!important;
  }

  body.admin-area .admin-stats-grid .stat-card strong,
  body.admin-area .admin-stats-grid .stat-card.revenue-card strong{
    font-size:25px!important;
    white-space:nowrap!important;
  }

  body.admin-area .admin-stats-grid .stat-card.revenue-card strong{
    font-size:24px!important;
  }

  body.admin-area .admin-stats-grid .stat-card .stat-icon{
    width:40px!important;
    height:40px!important;
    top:16px!important;
    right:12px!important;
    font-size:19px!important;
  }
}

@media (max-width:380px){
  body.admin-area .admin-stats-grid .stat-card strong,
  body.admin-area .admin-stats-grid .stat-card.revenue-card strong{
    font-size:23px!important;
  }
}

/* PANELX v97 admin desktop stats 4 + 2 layout */
@media (min-width:1280px){
  body.admin-area .admin-stats-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
  }

  body.admin-area .admin-stats-grid .stat-card,
  body.admin-area .admin-stats-grid .stat-card.green,
  body.admin-area .admin-stats-grid .stat-card.blue,
  body.admin-area .admin-stats-grid .stat-card.red,
  body.admin-area .admin-stats-grid .stat-card.dark{
    grid-column:auto!important;
    min-height:104px!important;
  }

  body.admin-area .admin-stats-grid .stat-card.revenue-card,
  body.admin-area .admin-stats-grid .stat-card.orange{
    grid-column:span 2!important;
    min-height:124px!important;
    padding:22px 84px 22px 24px!important;
  }

  body.admin-area .admin-stats-grid .stat-card.revenue-card strong{
    font-size:34px!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  body.admin-area .admin-stats-grid .stat-card.orange strong{
    font-size:34px!important;
  }

  body.admin-area .admin-stats-grid .stat-card.revenue-card .stat-icon,
  body.admin-area .admin-stats-grid .stat-card.orange .stat-icon{
    width:58px!important;
    height:58px!important;
    top:28px!important;
    right:24px!important;
    font-size:25px!important;
  }
}

/* PANELX v95 admin mobile drawer polish */
@media (max-width:860px){
  body.admin-area .drawer-nav{
    display:grid!important;
    gap:4px!important;
    padding:6px 0 22px!important;
  }

  body.admin-area .drawer-link,
  body.admin-area .drawer-summary,
  body.admin-area .drawer-sublink,
  body.admin-area .drawer-logout-button{
    border:0!important;
    box-shadow:none!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#334155!important;
    font-size:14px!important;
    font-weight:700!important;
  }

  body.admin-area .drawer-link,
  body.admin-area .drawer-summary,
  body.admin-area .drawer-logout-button{
    min-height:42px!important;
    padding:0 12px!important;
  }

  body.admin-area .admin-drawer-group{
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  body.admin-area .admin-drawer-group[open]{
    background:#f8fafc!important;
    padding-bottom:4px!important;
  }

  body.admin-area .admin-drawer-group[open] .drawer-summary{
    border-bottom:0!important;
    background:transparent!important;
  }

  body.admin-area .drawer-sublink,
  body.admin-area .admin-drawer-group .drawer-sublink{
    min-height:36px!important;
    margin:2px 0 2px 26px!important;
    padding:0 10px!important;
    font-size:13px!important;
    font-weight:650!important;
  }

  body.admin-area .admin-mobile-link.active,
  body.admin-area .drawer-sublink.active,
  body.admin-area .admin-drawer-group .drawer-sublink.active{
    background:#eaf2ff!important;
    border-color:transparent!important;
    color:var(--primary)!important;
  }

  body.admin-area .drawer-link:hover,
  body.admin-area .drawer-summary:hover,
  body.admin-area .drawer-sublink:hover,
  body.admin-area .drawer-logout-button:hover{
    background:#f1f5f9!important;
    color:var(--primary)!important;
  }

  body.admin-area .drawer-summary::after,
  body.admin-area .admin-drawer-group .drawer-summary::after{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    border-radius:999px!important;
    background:#f1f5f9!important;
    color:#64748b!important;
    font-size:10px!important;
  }

  body.admin-area .admin-drawer-group[open] .drawer-summary::after{
    background:#e2e8f0!important;
  }

  body.admin-area .drawer-logout-form{
    margin-top:6px!important;
  }

  body.admin-area .drawer-logout-button{
    background:#fff7f7!important;
    color:#b42318!important;
    border:1px solid #fecaca!important;
  }
}

/* PANELX v96 admin desktop sidebar like customer */
@media (min-width:861px){
  body.admin-area .admin-menu-card.admin-nav-card{
    padding:8px 0!important;
    margin-top:4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.admin-area .admin-menu-kicker{
    margin:0 0 18px!important;
    padding:0 16px!important;
    height:auto!important;
    color:#98a2b3!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:600!important;
    letter-spacing:.08em!important;
  }

  body.admin-area .admin-nav-groups{
    gap:4px!important;
  }

  body.admin-area .admin-home-link,
  body.admin-area .admin-nav-single,
  body.admin-area .admin-nav-group summary,
  body.admin-area .admin-nav-item,
  body.admin-area .admin-nav-button{
    min-height:42px!important;
    padding:0 12px!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#334155!important;
    font-size:14px!important;
    font-weight:500!important;
    line-height:1.35!important;
    transform:none!important;
  }

  body.admin-area .admin-home-link span,
  body.admin-area .admin-nav-single span,
  body.admin-area .admin-nav-group summary span,
  body.admin-area .admin-nav-item span,
  body.admin-area .admin-nav-button span{
    font-weight:500!important;
  }

  body.admin-area .admin-home-link .fa,
  body.admin-area .admin-nav-single .fa,
  body.admin-area .admin-nav-group summary .fa,
  body.admin-area .admin-nav-item .fa,
  body.admin-area .admin-nav-button .fa{
    color:#667085!important;
    opacity:1!important;
  }

  body.admin-area .admin-nav-group{
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  body.admin-area .admin-nav-group[open]{
    background:#f8fafc!important;
  }

  body.admin-area .admin-nav-group[open] summary{
    border-bottom:0!important;
    background:transparent!important;
  }

  body.admin-area .admin-nav-items{
    padding:2px 0 6px 28px!important;
    gap:2px!important;
    background:transparent!important;
  }

  body.admin-area .admin-nav-item,
  body.admin-area .admin-nav-button{
    min-height:36px!important;
    padding:0 10px!important;
    font-size:13px!important;
  }

  body.admin-area .admin-home-link:hover,
  body.admin-area .admin-nav-single:hover,
  body.admin-area .admin-nav-group summary:hover,
  body.admin-area .admin-nav-item:hover,
  body.admin-area .admin-nav-button:hover{
    background:#f1f5f9!important;
    color:var(--primary)!important;
  }

  body.admin-area .admin-home-link.active,
  body.admin-area .admin-nav-single.active,
  body.admin-area .admin-nav-item.active{
    background:#eaf2ff!important;
    color:var(--primary)!important;
    border-color:transparent!important;
    box-shadow:none!important;
    font-weight:600!important;
  }

  body.admin-area .admin-home-link.active span,
  body.admin-area .admin-nav-single.active span,
  body.admin-area .admin-nav-item.active span{
    font-weight:600!important;
  }

  body.admin-area .admin-home-link.active .fa,
  body.admin-area .admin-nav-single.active .fa,
  body.admin-area .admin-nav-item.active .fa{
    color:var(--primary)!important;
  }

  body.admin-area .admin-nav-group summary::after{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    border-radius:7px!important;
    background:#f1f5f9!important;
    color:#64748b!important;
    font-size:10px!important;
  }
}

/* PANELX v98 admin mobile header and drawer rhythm */
@media (max-width:860px){
  body.admin-area .topbar{
    display:flex!important;
    min-height:auto!important;
    padding:10px 14px!important;
    border:0!important;
    border-bottom:1px solid var(--line)!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  body.admin-area .topbar-inner{
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:8px 10px!important;
    border:1px solid var(--line)!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(15,46,68,.06)!important;
    overflow:hidden!important;
  }

  body.admin-area .nav-toggle{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
  }

  body.admin-area .brand{
    min-width:0!important;
    flex:1 1 auto!important;
    padding:0!important;
    background:transparent!important;
    overflow:hidden!important;
  }

  body.admin-area .brand img{
    width:auto!important;
    height:27px!important;
    max-width:140px!important;
    object-fit:contain!important;
  }

  body.admin-area .top-actions{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:126px!important;
    margin-left:0!important;
  }

  body.admin-area .user-chip{
    display:block!important;
    max-width:126px!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    padding:8px 12px!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#0f172a!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:1.2!important;
  }

  body.admin-area .drawer-nav{
    gap:2px!important;
    padding:2px 0 18px!important;
  }

  body.admin-area .drawer-link,
  body.admin-area .drawer-summary,
  body.admin-area .drawer-logout-button{
    min-height:42px!important;
    padding:0 12px!important;
  }

  body.admin-area .admin-drawer-group{
    margin:0!important;
  }

  body.admin-area .admin-drawer-group[open]{
    padding:0 0 4px!important;
  }

  body.admin-area .admin-drawer-group .drawer-sublink{
    min-height:34px!important;
    margin:2px 0 2px 28px!important;
    padding:0 10px!important;
  }

  body.admin-area .drawer-summary::after,
  body.admin-area .admin-drawer-group .drawer-summary::after{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
  }

  body.admin-area .drawer-logout-form{
    margin-top:10px!important;
  }
}

@media (max-width:380px){
  body.admin-area .brand img{
    max-width:132px!important;
  }

  body.admin-area .top-actions,
  body.admin-area .user-chip{
    max-width:116px!important;
  }
}

/* PANELX v99 admin mobile exactly like customer */
@media (max-width:860px){
  body.admin-area .topbar{
    display:flex!important;
    min-height:64px!important;
    padding:10px 12px!important;
    border:0!important;
    border-bottom:1px solid var(--line)!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  body.admin-area .topbar-inner{
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:8px 10px!important;
    border:1px solid var(--line)!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(15,46,68,.06)!important;
    overflow:hidden!important;
  }

  body.admin-area .nav-toggle{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
  }

  body.admin-area .brand{
    min-width:0!important;
    flex:1 1 auto!important;
    justify-content:flex-start!important;
    padding:0!important;
    background:transparent!important;
    overflow:hidden!important;
  }

  body.admin-area .brand img{
    width:auto!important;
    height:27px!important;
    max-width:142px!important;
    min-width:0!important;
    object-fit:contain!important;
  }

  body.admin-area .top-actions{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:124px!important;
    margin-left:0!important;
  }

  body.admin-area .user-chip{
    display:block!important;
    max-width:124px!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    padding:8px 12px!important;
    border:1px solid #e1e8ee!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#0f172a!important;
    font-size:13px!important;
    font-weight:400!important;
    line-height:1.2!important;
    box-shadow:none!important;
  }

  body.admin-area .sidebar{
    width:min(88vw,320px)!important;
    max-width:320px!important;
    padding:0 12px 20px!important;
    gap:0!important;
    background:#fff!important;
  }

  body.admin-area .drawer-nav{
    display:grid!important;
    gap:4px!important;
    padding:10px 0 18px!important;
  }

  body.admin-area .drawer-link,
  body.admin-area .drawer-summary,
  body.admin-area .drawer-sublink,
  body.admin-area .drawer-logout-button{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-height:40px!important;
    padding:0 12px!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#586174!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:1!important;
    box-shadow:none!important;
  }

  body.admin-area .drawer-link .fa,
  body.admin-area .drawer-summary .fa,
  body.admin-area .drawer-sublink .fa,
  body.admin-area .drawer-logout-button .fa{
    width:16px!important;
    min-width:16px!important;
    flex:0 0 16px!important;
    color:currentColor!important;
    font-size:14px!important;
    opacity:.82!important;
  }

  body.admin-area .drawer-link span,
  body.admin-area .drawer-summary span,
  body.admin-area .drawer-sublink span,
  body.admin-area .drawer-logout-button span{
    font-weight:600!important;
    line-height:1.25!important;
  }

  body.admin-area .admin-drawer-group{
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  body.admin-area .admin-drawer-group[open]{
    background:#f8fafc!important;
    padding-bottom:4px!important;
  }

  body.admin-area .admin-drawer-group[open] .drawer-summary{
    background:transparent!important;
    border-bottom:0!important;
  }

  body.admin-area .admin-drawer-group:not([open]) .drawer-sublink{
    display:none!important;
  }

  body.admin-area .drawer-sublink,
  body.admin-area .admin-drawer-group .drawer-sublink{
    min-height:36px!important;
    margin:2px 0 2px 28px!important;
    padding:0 10px!important;
    color:#667085!important;
    font-size:13px!important;
  }

  body.admin-area .drawer-link:hover,
  body.admin-area .drawer-summary:hover,
  body.admin-area .drawer-sublink:hover,
  body.admin-area .drawer-logout-button:hover{
    background:#eef4ff!important;
    color:var(--primary)!important;
  }

  body.admin-area .admin-mobile-link.active,
  body.admin-area .drawer-link.active,
  body.admin-area .drawer-sublink.active,
  body.admin-area .admin-drawer-group .drawer-sublink.active{
    background:#eaf2ff!important;
    color:var(--primary)!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }

  body.admin-area .admin-mobile-link.active .fa,
  body.admin-area .drawer-link.active .fa,
  body.admin-area .drawer-sublink.active .fa{
    color:var(--primary)!important;
    opacity:1!important;
  }

  body.admin-area .drawer-summary::after,
  body.admin-area .admin-drawer-group .drawer-summary::after{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    margin-left:auto!important;
    border-radius:999px!important;
    background:#f1f5f9!important;
    color:#64748b!important;
    font-size:10px!important;
  }

  body.admin-area .drawer-logout-form{
    margin-top:10px!important;
  }

  body.admin-area .drawer-logout-button{
    color:#b42318!important;
    background:#fff7f7!important;
    border:1px solid #fecaca!important;
  }
}

@media (max-width:380px){
  body.admin-area .brand img{
    max-width:140px!important;
  }

  body.admin-area .top-actions,
  body.admin-area .user-chip{
    max-width:116px!important;
  }
}

/* PANELX v100 admin mobile menu equal rhythm */
@media (max-width:860px){
  body.admin-area .drawer-nav{
    align-content:start!important;
    grid-auto-rows:max-content!important;
    gap:4px!important;
  }

  body.admin-area .drawer-nav > .drawer-link,
  body.admin-area .drawer-nav > .admin-drawer-group,
  body.admin-area .drawer-nav > .drawer-logout-form{
    margin:0!important;
  }

  body.admin-area .admin-drawer-group:not([open]){
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    overflow:hidden!important;
  }

  body.admin-area .drawer-link,
  body.admin-area .drawer-summary,
  body.admin-area .drawer-logout-button{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    box-sizing:border-box!important;
  }

  body.admin-area .drawer-summary{
    margin:0!important;
    width:100%!important;
  }

  body.admin-area .admin-drawer-group[open]{
    height:auto!important;
    max-height:none!important;
  }

  body.admin-area .drawer-logout-form{
    height:40px!important;
    min-height:40px!important;
    margin-top:18px!important;
  }
}

/* PANELX v102 admin desktop logout */
body.admin-area .admin-desktop-logout{
  display:none;
  margin:12px 0 0!important;
  padding:0!important;
}

body.admin-area .admin-desktop-logout-button{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 12px;
  border:1px solid #fecaca;
  border-radius:8px;
  background:#fff7f7;
  color:#b42318;
  font:inherit;
  font-size:14px;
  font-weight:500;
  line-height:1.25;
  cursor:pointer;
}

body.admin-area .admin-desktop-logout-button .fa{
  width:18px;
  min-width:18px;
  text-align:center;
  font-size:14px;
}

body.admin-area .admin-desktop-logout-button:hover{
  background:#fff1f1;
  color:#991b1b;
}

@media (min-width:861px){
  body.admin-area .admin-desktop-logout{
    display:block!important;
  }
}

@media (max-width:860px){
  body.admin-area .admin-desktop-logout{
    display:none!important;
  }
}

/* PANELX v103 admin mobile logout spacing */
@media (max-width:860px){
  body.admin-area .drawer-nav > .drawer-logout-form{
    margin-top:26px!important;
  }
}

/* PANELX v104 admin stat typography soften */
body.admin-area .admin-stats-grid .stat-card span{
  font-weight:400!important;
}

body.admin-area .admin-stats-grid .stat-card strong,
body.admin-area .admin-stats-grid .stat-card.revenue-card strong,
body.admin-area .admin-stats-grid .stat-card.orange strong{
  font-weight:600!important;
  letter-spacing:0!important;
}

/* PANELX v105 admin logout placement fix */
body.admin-area .sidebar > .admin-desktop-logout{
  display:none!important;
}

body.admin-area .admin-menu-card .admin-desktop-logout{
  margin:14px 0 0!important;
}

@media (min-width:861px){
  body.admin-area .admin-menu-card .admin-desktop-logout{
    display:block!important;
  }
}

@media (max-width:860px){
  body.admin-area .admin-menu-card .admin-desktop-logout{
    display:none!important;
  }
}

/* PANELX v106 admin mobile menu standard flow */
@media (max-width:860px){
  body.admin-area .drawer-nav{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:4px!important;
  }

  body.admin-area .drawer-nav > .drawer-link,
  body.admin-area .drawer-nav > .admin-drawer-group{
    flex:0 0 auto!important;
    margin:0!important;
  }

  body.admin-area .drawer-nav > .drawer-link,
  body.admin-area .drawer-nav > .admin-drawer-group:not([open]){
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
  }

  body.admin-area .drawer-nav > .admin-drawer-group{
    display:block!important;
    overflow:hidden!important;
  }

  body.admin-area .drawer-nav > .admin-drawer-group[open]{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }

  body.admin-area .drawer-nav > .admin-drawer-group > .drawer-summary{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
  }
}

/* PANELX v129 announcements */
.announcements-panel{
  margin:0 0 24px!important;
  padding:0!important;
}

.announcements-head{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 14px!important;
}

.announcements-icon{
  width:40px!important;
  height:40px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:#eaf2ff!important;
  color:#2563eb!important;
  font-size:19px!important;
}

.announcements-head h2{
  margin:0!important;
  font-size:22px!important;
  line-height:1.2!important;
  color:#0f172a!important;
}

.announcements-head p{
  margin:3px 0 0!important;
  color:#64748b!important;
  font-size:14px!important;
}

.admin-announcements-panel{
  display:grid!important;
  grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr)!important;
  gap:16px!important;
  align-items:start!important;
}

.admin-announcements-panel .announcements-head{
  grid-column:1 / -1!important;
}

.announcement-form{
  display:grid!important;
  gap:12px!important;
  padding:16px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:var(--shadow)!important;
}

.announcement-form label{
  display:grid!important;
  gap:7px!important;
  font-weight:800!important;
  color:#334155!important;
}

.announcement-form input,
.announcement-form textarea{
  width:100%!important;
}

.announcement-form textarea{
  min-height:118px!important;
  resize:vertical!important;
}

.announcement-list{
  display:grid!important;
  gap:10px!important;
}

.announcement-item{
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(15, 23, 42, .05)!important;
  overflow:hidden!important;
}

.announcement-item summary{
  list-style:none!important;
  cursor:pointer!important;
  padding:18px 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}

.announcement-item summary::-webkit-details-marker{
  display:none!important;
}

.announcement-item summary strong{
  display:block!important;
  margin:0 0 8px!important;
  color:#0f172a!important;
  font-size:17px!important;
  line-height:1.25!important;
}

.announcement-item summary small{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#64748b!important;
  font-size:14px!important;
}

.announcement-item summary > .fa{
  color:#64748b!important;
  transition:transform .18s ease!important;
}

.announcement-item[open] summary > .fa{
  transform:rotate(180deg)!important;
}

.announcement-body{
  padding:0 20px 20px!important;
  color:#0f172a!important;
  font-size:16px!important;
  line-height:1.55!important;
}

.announcement-body p{
  margin:0 0 14px!important;
}

.announcement-empty{
  padding:18px 20px!important;
  border:1px dashed #cbd5e1!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  color:#64748b!important;
}

@media (max-width:860px){
  .admin-announcements-panel{
    grid-template-columns:1fr!important;
  }

  .announcements-head h2{
    font-size:20px!important;
  }

  .announcement-item summary{
    padding:16px!important;
  }

  .announcement-body{
    padding:0 16px 16px!important;
    font-size:15px!important;
  }
}

/* PANELX v130 staff page true split */
body.admin-area .admin-staff-page{
  display:grid!important;
  grid-template-columns:minmax(0, 1.35fr) minmax(340px, .65fr)!important;
  gap:20px!important;
  align-items:start!important;
  width:100%!important;
}

body.admin-area .admin-staff-page > .card{
  min-width:0!important;
  margin-bottom:0!important;
}

body.admin-area .admin-staff-page .staff-form-card{
  position:sticky!important;
  top:24px!important;
}

body.admin-area .admin-staff-page .staff-form-card .btn{
  width:max-content!important;
}

@media (max-width:1100px){
  body.admin-area .admin-staff-page{
    grid-template-columns:minmax(0, 1fr) minmax(320px, 380px)!important;
  }
}

@media (max-width:900px){
  body.admin-area .admin-staff-page{
    grid-template-columns:1fr!important;
  }

  body.admin-area .admin-staff-page .staff-form-card{
    position:static!important;
  }

  body.admin-area .admin-staff-page .staff-form-card .btn{
    width:100%!important;
  }
}

/* PANELX v131 announcements menu page */
.announcements-page{
  margin-top:0!important;
}

.announcements-page .announcement-edit-form{
  display:grid!important;
  gap:12px!important;
  margin-top:16px!important;
  padding:14px!important;
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  background:#f8fafc!important;
}

.announcements-page .announcement-edit-form label{
  display:grid!important;
  gap:7px!important;
  color:#334155!important;
  font-weight:800!important;
}

.announcements-page .announcement-delete-form{
  margin-top:10px!important;
}

.announcements-page .announcement-delete-form .btn,
.announcements-page .announcement-edit-form .btn{
  width:max-content!important;
}

@media (max-width:640px){
  .announcements-page .announcement-delete-form .btn,
  .announcements-page .announcement-edit-form .btn{
    width:100%!important;
  }
}

/* PANELX v132 staff delete action */
body.admin-area .staff-row-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}

body.admin-area .staff-row-actions form{
  margin:0!important;
}

body.admin-area .staff-row-actions .btn{
  width:auto!important;
  white-space:nowrap!important;
}

@media (max-width:640px){
  body.admin-area .staff-row-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }

  body.admin-area .staff-row-actions .btn{
    width:100%!important;
  }
}

/* PANELX v133 login visual image */
.auth-visual-panel{
  background:
    linear-gradient(180deg, rgba(8,28,42,.10), rgba(8,28,42,.50)),
    url("../img/login.jpg") center center / cover no-repeat!important;
}

/* PANELX v134 dashboard support alert */
body.admin-area .admin-stats-grid .stat-card.support-alert{
  border-color:#fecaca!important;
  background:linear-gradient(135deg,#fff5f5 0%,#fff 72%)!important;
  box-shadow:0 14px 34px rgba(239,68,68,.12)!important;
}

body.admin-area .admin-stats-grid .stat-card.support-alert span{
  color:#991b1b!important;
}

body.admin-area .admin-stats-grid .stat-card.support-alert strong{
  color:#b91c1c!important;
}

body.admin-area .admin-stats-grid .stat-card.support-alert .stat-icon{
  background:#fee2e2!important;
  color:#dc2626!important;
}

/* PANELX v135 dashboard stat number emphasis */
body.admin-area .admin-stats-grid .stat-card strong,
body.admin-area .admin-stats-grid .stat-card.revenue-card strong,
body.admin-area .admin-stats-grid .stat-card.orange strong{
  font-size:34px!important;
  font-weight:700!important;
}

@media (max-width:640px){
  body.admin-area .admin-stats-grid .stat-card strong,
  body.admin-area .admin-stats-grid .stat-card.revenue-card strong,
  body.admin-area .admin-stats-grid .stat-card.orange strong{
    font-size:28px!important;
  }
}

/* PANELX v136 sidebar font size */
body.admin-area .admin-home-link span,
body.admin-area .admin-nav-single span,
body.admin-area .admin-nav-group summary span,
body.admin-area .admin-nav-item span,
body.admin-area .drawer-link span,
body.admin-area .drawer-sublink span,
body.customer-area .drawer-link span{
  font-size:15px!important;
  font-weight:600!important;
}

body.admin-area .admin-menu-kicker{
  font-size:12px!important;
}

/* PANELX v138 sidebar text color */
body.admin-area .admin-home-link,
body.admin-area .admin-home-link .fa,
body.admin-area .admin-nav-single,
body.admin-area .admin-nav-single .fa,
body.admin-area .admin-nav-group summary,
body.admin-area .admin-nav-group summary .fa,
body.admin-area .admin-nav-item,
body.admin-area .admin-nav-item .fa,
body.admin-area .drawer-link,
body.admin-area .drawer-link .fa,
body.admin-area .drawer-sublink,
body.admin-area .drawer-sublink .fa,
body.customer-area .drawer-link,
body.customer-area .drawer-link .fa{
  color:#23435e!important;
}

body.admin-area .admin-home-link.active,
body.admin-area .admin-home-link.active .fa,
body.admin-area .admin-nav-single.active,
body.admin-area .admin-nav-single.active .fa,
body.admin-area .admin-nav-item.active,
body.admin-area .admin-nav-item.active .fa,
body.admin-area .admin-mobile-link.active,
body.admin-area .admin-mobile-link.active .fa,
body.admin-area .drawer-link.active,
body.admin-area .drawer-link.active .fa,
body.admin-area .drawer-sublink.active,
body.admin-area .drawer-sublink.active .fa,
body.customer-area .drawer-link.active,
body.customer-area .drawer-link.active .fa,
body.customer-area .drawer-link:hover,
body.customer-area .drawer-link:hover .fa{
  color:#23435e!important;
}

/* PANELX v140 primary buttons brand color */
.btn-primary{
  background:#23435e!important;
  border-color:#23435e!important;
  color:#fff!important;
}

.btn-primary:hover{
  background:#1b3449!important;
  border-color:#1b3449!important;
}

/* PANELX v141 ticket message edit */
.message-edit-panel{
  margin-top:10px;
  border-top:1px solid rgba(80,105,122,.16);
  padding-top:8px;
}
.message-edit-panel summary{
  cursor:pointer;
  color:#23435e;
  font-weight:700;
  font-size:13px;
}
.message-edit-form{
  display:grid;
  gap:8px;
  margin-top:8px;
}
.message-edit-form textarea{
  min-height:110px;
  font-size:14px;
}
.message-edit-form .btn{
  justify-self:start;
}

/* PANELX v142 ticket admin tools desktop */
.ticket-admin-tools{
  display:grid;
  gap:14px;
}
.ticket-admin-tool{
  min-width:0;
}
.ticket-admin-tool h2{
  margin:0 0 12px;
  font-size:19px;
}

@media (min-width:1180px){
  .ticket-layout{
    grid-template-columns:minmax(0,1.3fr) minmax(520px,.85fr)!important;
  }
  .ticket-admin-tools{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:start;
  }
  .ticket-admin-tool .btn{
    width:100%;
  }
.ticket-admin-tool .assigned-staff-box{
    min-height:76px;
  }
}

/* PANELX v143 ticket info pair */
.ticket-info-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.ticket-info-box{
  display:grid;
  gap:2px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fbfdff;
}
.ticket-info-box span{
  font-size:12px;
  color:var(--muted);
  font-weight:800;
  text-transform:uppercase;
}
.ticket-info-box strong{
  font-weight:750;
}

@media (max-width:520px){
  .ticket-info-pair{
    grid-template-columns:1fr;
  }
}

/* PANELX v144 ticket delete card */
.ticket-delete-card{
  margin-top:16px;
  padding:14px;
  border:1px solid #fecaca;
  border-radius:12px;
  background:#fff7f7;
}

.ticket-delete-card .ticket-delete-form{
  margin:0!important;
}

.ticket-delete-card .btn{
  width:100%;
}

/* PANELX v145 tickets list actions inline */
.tickets-list-table td:last-child .row-actions{
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
}

.tickets-list-table td:last-child .row-actions form{
  width:auto!important;
  flex:0 0 auto!important;
}

.tickets-list-table td:last-child .row-actions .btn{
  width:auto!important;
}

@media (max-width:640px){
  .tickets-list-table td[data-label="İşlem"] .row-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
  }

  .tickets-list-table td[data-label="İşlem"] .row-actions form{
    width:100%!important;
  }

  .tickets-list-table td[data-label="İşlem"] .row-actions .btn{
    width:100%!important;
  }
}

@media (max-width:640px){
  body.admin-area .drawer-link span,
  body.admin-area .drawer-sublink span,
  body.customer-area .drawer-link span{
    font-size:15px!important;
  }
}

/* PANELX v146 mobile enhanced select anchor fix */
@media (max-width:640px){
  .enhanced-select{
    position:relative!important;
    z-index:1!important;
  }

  .enhanced-select.open{
    z-index:1500!important;
  }

  .enhanced-select-panel{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:calc(100% + 8px)!important;
    bottom:auto!important;
    max-height:min(360px, 52vh)!important;
    z-index:1501!important;
  }

  .enhanced-select-options{
    max-height:calc(min(360px, 52vh) - 58px)!important;
  }
}

/* PANELX v147 service catalog users list */
.service-users-card{
  margin-top:18px!important;
}

.service-users-table .table-strong-link{
  color:#23435e!important;
  font-weight:800!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}

.service-users-table td:last-child .row-actions{
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
}

.service-users-table td:last-child .row-actions .btn{
  width:auto!important;
}

@media (max-width:640px){
  .service-users-table td[data-label="İşlem"] .row-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
  }

  .service-users-table td[data-label="İşlem"] .row-actions .btn{
    width:100%!important;
  }
}

/* PANELX v148 admin services drag sorting */
.admin-services-table tr[data-service-id]{
  cursor:grab!important;
}

.admin-services-table tr[data-service-id]:active{
  cursor:grabbing!important;
}

.admin-services-table tr.service-row-dragging{
  opacity:.58!important;
  outline:2px dashed #93c5fd!important;
  outline-offset:-2px!important;
}

.service-drag-handle{
  color:#64748b!important;
  margin-right:8px!important;
  cursor:grab!important;
}

.service-reorder-saved .admin-services-table{
  box-shadow:0 0 0 2px rgba(34,197,94,.18)!important;
}

/* PANELX v149 service detail invoices */
.service-invoices-card{
  margin-top:20px!important;
}

.service-invoices-table th:nth-last-child(2),
.service-invoices-table td:nth-last-child(2){
  width:76px!important;
  text-align:center!important;
}

.service-invoice-pdf{
  width:38px!important;
  height:38px!important;
  display:inline-grid!important;
  place-items:center!important;
  border:1px solid #fecaca!important;
  border-radius:10px!important;
  color:#dc2626!important;
  background:#fff5f5!important;
  font-size:17px!important;
  text-decoration:none!important;
}

.service-invoice-pdf:hover{
  background:#fee2e2!important;
  border-color:#fca5a5!important;
}

@media (max-width:640px){
  .service-invoices-table td[data-label="PDF"]{
    align-items:center!important;
  }
}

/* PANELX v150 mobile service invoices polish */
@media (max-width:640px){
  .service-invoices-card{
    padding:12px!important;
  }

  .service-invoices-card .card-head{
    margin-bottom:12px!important;
  }

  .service-invoices-card .card-head h2{
    font-size:18px!important;
  }

  .service-invoices-card .card-head p{
    font-size:13px!important;
    line-height:1.45!important;
  }

  .service-invoices-table tr{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0 10px!important;
    padding:14px!important;
    border-left:0!important;
    border-radius:12px!important;
  }

  .service-invoices-table td{
    grid-column:1 / -1!important;
    border-bottom:0!important;
    padding:6px 0!important;
    min-width:0!important;
  }

  .service-invoices-table td::before{
    flex:0 0 92px!important;
    width:92px!important;
    min-width:92px!important;
  }

  .service-invoices-table td[data-label="Fatura"]{
    padding:0 0 10px!important;
    font-size:16px!important;
    font-weight:850!important;
  }

  .service-invoices-table td[data-label="Açıklama"]{
    display:block!important;
    line-height:1.45!important;
    text-align:left!important;
    overflow-wrap:anywhere!important;
    padding:8px 0!important;
  }

  .service-invoices-table td[data-label="Açıklama"]::before{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    margin-bottom:4px!important;
  }

  .service-invoices-table td[data-label="Tutar"],
  .service-invoices-table td[data-label="Son Ödeme"],
  .service-invoices-table td[data-label="Oluşturma"]{
    align-items:flex-start!important;
  }

  .service-invoices-table td[data-label="PDF"],
  .service-invoices-table td[data-label="İşlem"]{
    grid-column:auto!important;
    margin-top:10px!important;
    padding:0!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:stretch!important;
  }

  .service-invoices-table td[data-label="PDF"]::before,
  .service-invoices-table td[data-label="İşlem"]::before{
    display:none!important;
    content:none!important;
  }

  .service-invoice-pdf{
    width:100%!important;
    height:38px!important;
    border-radius:8px!important;
  }

  .service-invoices-table td[data-label="İşlem"] .btn{
    width:100%!important;
    min-height:38px!important;
  }
}

/* PANELX v152 service detail refined layout */
.service-detail-grid{
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.7fr)!important;
}

.service-main-card{
  padding:0!important;
  overflow:hidden!important;
}

.service-detail-hero{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  padding:24px!important;
  border-bottom:1px solid #e2e8f0!important;
  background:linear-gradient(135deg,#f8fbfd,#edf7f4)!important;
}

.service-detail-icon,
.service-summary-icon{
  width:52px!important;
  height:52px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:#eaf3f8!important;
  color:#23435e!important;
  font-size:22px!important;
  flex:0 0 auto!important;
}

.service-detail-hero h2{
  margin:2px 0 4px!important;
  font-size:25px!important;
  line-height:1.15!important;
  color:#0f172a!important;
}

.service-detail-hero p,
.service-detail-kicker{
  margin:0!important;
  color:#64748b!important;
  font-size:13px!important;
  font-weight:750!important;
}

.service-detail-kicker{
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}

.service-detail-hero .badge{
  margin-left:auto!important;
  flex:0 0 auto!important;
}

.service-info-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0!important;
  padding:22px!important;
}

.service-info-grid div{
  min-height:84px!important;
  padding:15px!important;
  border-radius:12px!important;
  border:1px solid #e2e8f0!important;
  background:#fff!important;
}

.service-info-grid div:first-child:nth-last-child(n+2){
  grid-column:auto!important;
}

.service-info-grid span{
  color:#64748b!important;
  font-size:11px!important;
  letter-spacing:.04em!important;
}

.service-info-grid strong{
  color:#0f172a!important;
  font-size:15px!important;
  line-height:1.35!important;
}

.service-main-card > .service-side-actions{
  display:none!important;
}

.service-main-card > .service-actions-separated{
  display:none!important;
}

.service-summary-card{
  padding:22px!important;
  align-self:start!important;
  background:linear-gradient(180deg,#fff,#f8fbfd)!important;
}

.service-summary-card .service-photo-form{
  display:none!important;
}

.service-summary-top{
  display:flex!important;
  gap:14px!important;
  align-items:flex-start!important;
  margin-bottom:18px!important;
}

.service-summary-top span{
  color:#64748b!important;
  font-size:12px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
}

.service-summary-top h3{
  margin:3px 0!important;
  font-size:21px!important;
  color:#0f172a!important;
}

.service-summary-top p{
  margin:0!important;
  color:#64748b!important;
  font-weight:700!important;
  overflow-wrap:anywhere!important;
}

.service-summary-metrics{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}

.service-summary-metrics div{
  border:1px solid #e2e8f0!important;
  background:#fff!important;
  border-radius:12px!important;
  padding:13px!important;
  min-height:72px!important;
}

.service-summary-metrics span{
  display:block!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  margin-bottom:5px!important;
}

.service-summary-metrics strong{
  color:#0f172a!important;
  font-size:14px!important;
}

.service-summary-actions,
.service-side-delete{
  margin-top:14px!important;
}

@media (max-width:860px){
  .service-detail-grid{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:640px){
  .service-detail-hero{
    align-items:flex-start!important;
    padding:18px!important;
  }

  .service-detail-icon{
    width:44px!important;
    height:44px!important;
    font-size:19px!important;
  }

  .service-detail-hero h2{
    font-size:21px!important;
  }

  .service-detail-hero .badge{
    margin-left:0!important;
  }

  .service-info-grid,
  .service-summary-metrics{
    grid-template-columns:1fr!important;
  }

  .service-info-grid{
    padding:14px!important;
  }

  .service-info-grid div{
    min-height:0!important;
  }
}

/* PANELX v155 service admin edit form spacing */
.service-main-card > .soft-sep{
  margin:0 22px!important;
}

.service-main-card > h3{
  padding:22px 22px 0!important;
  margin:0!important;
}

.service-main-card > .service-edit-form{
  padding:0 22px 22px!important;
  margin-top:14px!important;
}

.service-main-card > .service-edit-form .form-actions{
  margin-top:2px!important;
}

@media (max-width:640px){
  .service-main-card > .soft-sep{
    margin:0 14px!important;
  }

  .service-main-card > h3{
    padding:18px 14px 0!important;
  }

  .service-main-card > .service-edit-form{
    padding:0 14px 18px!important;
  }
}

/* PANELX v156 separate service view and edit cards */
.service-main-card > .soft-sep,
.service-main-card > h3,
.service-main-card > .service-edit-form{
  display:none!important;
}

.service-edit-card{
  margin-top:20px!important;
}

.service-edit-card .card-head{
  margin-bottom:18px!important;
}

.service-edit-card .service-edit-form{
  margin-top:0!important;
}

/* PANELX v161 invoice paid date */
.invoice-paid-date{
  display:block;
  margin-top:8px;
  color:var(--muted);
  font-size:13px;
  font-weight:500;
}

@media(max-width:860px){
  .invoice-paid-date{
    text-align:left;
  }
}

/* PANELX v157 admin notes */
.admin-notes-card .admin-note-form{
  max-width:920px;
}

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

.admin-note-item{
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  overflow:hidden;
}

.admin-note-item summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 16px;
  cursor:pointer;
  list-style:none;
}

.admin-note-item summary::-webkit-details-marker{
  display:none;
}

.admin-note-preview{
  display:block;
  color:#142033;
  font-weight:750;
  line-height:1.45;
}

.admin-note-item summary small{
  color:var(--muted);
  white-space:nowrap;
}

.admin-note-body{
  border-top:1px solid var(--line);
  padding:14px 16px;
  display:grid;
  gap:10px;
}

.admin-note-body p{
  margin:0;
  line-height:1.65;
}

.admin-note-item[open] > summary{
  display:none;
}

.admin-note-edit-form{
  gap:10px!important;
}

.admin-note-edit-form label{
  gap:7px!important;
}

.admin-note-edit-form textarea{
  min-height:92px;
}

.admin-note-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
}

.admin-note-actions form{
  margin:0;
}

.admin-note-actions .btn{
  width:auto!important;
  min-width:86px;
}

@media (max-width:640px){
  .admin-note-actions{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .admin-note-actions .btn{
    width:100%!important;
    min-width:0;
  }
}

@media (max-width:640px){
  .admin-note-item summary{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }

  .admin-note-item summary small{
    white-space:normal;
  }
}

/* PANELX v164 admin sidebar logo spacing */
@media (min-width:861px){
  body.admin-area .admin-sidebar-logo{
    min-height:38px!important;
    margin:0 4px 6px!important;
    padding:0!important;
    border-bottom:0!important;
  }

  body.admin-area .admin-sidebar-logo img{
    height:32px!important;
    max-width:165px!important;
  }

  body.admin-area .admin-menu-card.admin-nav-card{
    margin-top:0!important;
    padding-top:4px!important;
  }

  body.admin-area .admin-menu-kicker{
    margin:0 0 10px!important;
  }
}