/* ENVIA Portal/Admin Light UI v0.4.8 */
:root{
  --envia-navy:#0A1F44;
  --envia-blue:#1E5AA8;
  --envia-accent:#009688;
  --envia-cyan:#22B5F7;
  --envia-bg:#F7FAFC;
  --envia-bg-2:#EEF7FA;
  --envia-card:#FFFFFF;
  --envia-text:#102033;
  --envia-muted:#64748B;
  --envia-line:#E2E8F0;
  --envia-soft:#F1F5F9;
  --envia-success:#059669;
  --envia-danger:#DC2626;
  --envia-warning:#D97706;
  --envia-shadow:0 18px 42px rgba(10,31,68,.08);
  --envia-soft-shadow:0 10px 24px rgba(10,31,68,.06);
}
*{box-sizing:border-box!important;}
html,body{width:100%;min-height:100%;}
body.envia-dashboard-page{margin:0!important;background:linear-gradient(135deg,#F7FAFC 0%,#F1F8FE 52%,#FFFFFF 100%)!important;color:var(--envia-text)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;overflow-x:hidden!important;}
.hidden{display:none!important;}
/* Auth */
.auth-screen{min-height:100svh!important;display:grid!important;place-items:center!important;padding:34px!important;position:relative!important;overflow:hidden!important;background:linear-gradient(135deg,#FFFFFF 0%,#F1F8FE 55%,#ECFDF9 100%)!important;}
.auth-screen:before{content:"";position:absolute;inset:22px;border:1px solid rgba(226,232,240,.8);border-radius:34px;pointer-events:none;}
.auth-bg-orb{position:absolute!important;border-radius:999px!important;filter:blur(12px)!important;opacity:.7!important;pointer-events:none!important;}
.orb-one{width:330px;height:330px;left:-100px;bottom:5%;background:rgba(34,181,247,.18)!important;}
.orb-two{width:440px;height:440px;right:-160px;top:-140px;background:rgba(0,150,136,.14)!important;}
.auth-card{width:min(500px,calc(100vw - 40px))!important;max-width:500px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:30px!important;padding:34px!important;box-shadow:var(--envia-shadow)!important;backdrop-filter:blur(14px)!important;position:relative!important;z-index:2!important;}
.auth-brand{display:flex!important;align-items:center!important;justify-content:center!important;margin:0 0 22px!important;text-decoration:none!important;}
.auth-brand img{display:block!important;width:250px!important;max-width:76%!important;height:auto!important;object-fit:contain!important;}
.auth-kicker{display:inline-flex!important;align-items:center!important;gap:8px!important;margin-bottom:13px!important;padding:8px 13px!important;border-radius:999px!important;background:#ECFDF5!important;color:#047857!important;font-size:12px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
.premium-auth-card h1{margin:0 0 10px!important;color:var(--envia-navy)!important;font-size:34px!important;line-height:1.08!important;letter-spacing:-.04em!important;font-weight:950!important;}
.premium-auth-card p{margin:0 0 22px!important;color:#526174!important;font-size:15px!important;line-height:1.65!important;}
.field-label{display:block!important;margin:14px 0 7px!important;color:#334155!important;font-size:13px!important;font-weight:850!important;}
.input,select,textarea{width:100%!important;min-height:44px!important;border:1px solid var(--envia-line)!important;border-radius:14px!important;background:#fff!important;color:#102033!important;padding:12px 14px!important;font:inherit!important;outline:none!important;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;}
.input-lg{min-height:50px!important;border-radius:16px!important;font-size:15px!important;}
.input:focus,select:focus,textarea:focus{border-color:rgba(0,150,136,.6)!important;box-shadow:0 0 0 4px rgba(0,150,136,.10)!important;}
.btn{border:0!important;border-radius:999px!important;padding:11px 17px!important;font-weight:900!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-decoration:none!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border .15s ease!important;min-height:42px!important;white-space:nowrap!important;}
.btn:hover{transform:translateY(-1px)!important;box-shadow:0 12px 26px rgba(10,31,68,.10)!important;}
.btn-wide{width:100%!important;margin-top:18px!important;}
.btn-primary{background:linear-gradient(135deg,#009688,#1E5AA8)!important;color:#fff!important;}
.btn-dark{background:var(--envia-navy)!important;color:#fff!important;}
.btn-ghost{background:#fff!important;color:var(--envia-navy)!important;border:1px solid var(--envia-line)!important;}
.btn-soft{background:#F1F8FE!important;color:var(--envia-blue)!important;border:1px solid #D7ECFF!important;}
.auth-note{margin-top:16px!important;padding:13px 14px!important;border-radius:16px!important;background:#F8FAFC!important;border:1px solid #E2E8F0!important;color:#64748B!important;font-size:13px!important;line-height:1.55!important;}
.alert{width:100%!important;margin:13px 0!important;padding:12px 14px!important;border-radius:16px!important;border:1px solid #BAE6FD!important;background:#F0F9FF!important;color:#075985!important;font-size:13px!important;font-weight:750!important;line-height:1.45!important;}
.alert.err{border-color:#FECACA!important;background:#FEF2F2!important;color:#991B1B!important;}
/* Shell */
.dash-shell{min-height:100svh!important;display:grid!important;grid-template-columns:292px minmax(0,1fr)!important;background:transparent!important;}
.dash-sidebar{position:sticky!important;top:0!important;height:100svh!important;background:rgba(255,255,255,.96)!important;color:var(--envia-text)!important;padding:20px!important;border-right:1px solid #E5EAF2!important;box-shadow:12px 0 34px rgba(10,31,68,.045)!important;display:flex!important;flex-direction:column!important;gap:16px!important;z-index:3!important;}
.dash-brand{display:flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important;color:var(--envia-navy)!important;padding:10px 8px!important;}
.dash-brand img{width:42px!important;height:42px!important;object-fit:contain!important;border-radius:14px!important;box-shadow:0 10px 20px rgba(0,150,136,.10)!important;}
.dash-brand span{display:flex!important;flex-direction:column!important;line-height:1.1!important;}
.dash-brand b{font-size:18px!important;letter-spacing:-.02em!important;}
.dash-brand small{color:var(--envia-muted)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.12em!important;margin-top:3px!important;}
.dash-user-card{display:flex!important;align-items:center!important;gap:12px!important;border:1px solid #E2E8F0!important;background:linear-gradient(135deg,#F8FAFC,#FFFFFF)!important;border-radius:22px!important;padding:14px!important;box-shadow:var(--envia-soft-shadow)!important;}
.avatar{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:16px!important;background:linear-gradient(135deg,#E0F7F4,#EAF3FF)!important;color:var(--envia-navy)!important;font-weight:950!important;}
.dash-user-card b{display:block!important;color:var(--envia-navy)!important;}
.dash-user-card small{display:block!important;color:var(--envia-muted)!important;margin-top:3px!important;}
.dash-nav{display:flex!important;flex-direction:column!important;gap:6px!important;margin-top:4px!important;}
.dash-nav button{width:100%!important;display:flex!important;align-items:center!important;gap:10px!important;padding:12px 12px!important;border-radius:16px!important;border:1px solid transparent!important;background:transparent!important;color:#475569!important;font-weight:850!important;cursor:pointer!important;text-align:left!important;transition:all .15s ease!important;}
.dash-nav button:hover{background:#F1F8FE!important;color:var(--envia-blue)!important;border-color:#D7ECFF!important;}
.dash-nav button.active{background:linear-gradient(135deg,#E0F7F4,#EAF3FF)!important;color:var(--envia-navy)!important;border-color:#CDE8F1!important;box-shadow:0 10px 22px rgba(0,150,136,.10)!important;}
.sidebar-footer{margin-top:auto!important;border:1px solid #E2E8F0!important;background:#F8FAFC!important;border-radius:18px!important;padding:12px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;color:var(--envia-muted)!important;}
.sidebar-footer strong{color:var(--envia-accent)!important;}
.dash-main{min-width:0!important;padding:28px!important;}
.dash-topbar{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:20px!important;margin-bottom:22px!important;border:1px solid #E2E8F0!important;background:rgba(255,255,255,.82)!important;border-radius:28px!important;padding:22px 24px!important;box-shadow:var(--envia-soft-shadow)!important;backdrop-filter:blur(12px)!important;}
.page-eyebrow{display:block!important;color:var(--envia-accent)!important;font-weight:950!important;font-size:12px!important;letter-spacing:.10em!important;text-transform:uppercase!important;margin-bottom:7px!important;}
.dash-topbar h1{margin:0!important;color:var(--envia-navy)!important;font-size:30px!important;letter-spacing:-.04em!important;}
.dash-topbar p{margin:6px 0 0!important;color:var(--envia-muted)!important;}
.topbar-actions,.quick-links,.form-actions{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important;}
.kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin-bottom:18px!important;}
.kpi-card,.dash-card,.support-card{background:var(--envia-card)!important;border:1px solid #E2E8F0!important;border-radius:24px!important;padding:20px!important;box-shadow:var(--envia-soft-shadow)!important;}
.kpi-card{position:relative!important;overflow:hidden!important;}
.kpi-card:after{content:"";position:absolute;right:-25px;top:-35px;width:100px;height:100px;border-radius:999px;background:rgba(0,150,136,.08)!important;}
.kpi-label{display:block!important;color:var(--envia-muted)!important;font-size:12px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
.kpi-value{display:block!important;color:var(--envia-navy)!important;font-size:30px!important;line-height:1.15!important;margin:8px 0 4px!important;letter-spacing:-.04em!important;}
.kpi-meta{display:block!important;color:#64748B!important;font-size:13px!important;}
.dash-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin-bottom:18px!important;}
.split-card{display:grid!important;grid-template-columns:minmax(320px,.45fr) minmax(0,1fr)!important;gap:18px!important;}
.dash-card h2,.support-card b{margin:0 0 8px!important;color:var(--envia-navy)!important;font-size:20px!important;letter-spacing:-.03em!important;}
.dash-card p,.muted{color:var(--envia-muted)!important;line-height:1.55!important;}
.dash-card-head,.toolbar{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin-bottom:16px!important;}
.form-section{display:flex!important;flex-direction:column!important;gap:12px!important;}
.form-grid-2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
.module-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:12px!important;}
.module-tile{border:1px solid #E2E8F0!important;background:#F8FAFC!important;color:var(--envia-navy)!important;border-radius:18px!important;padding:14px!important;text-align:left!important;font-weight:950!important;min-height:78px!important;}
.module-tile small{display:block!important;margin-top:6px!important;color:var(--envia-muted)!important;font-weight:650!important;}
.modern-table-wrap{overflow-x:auto!important;border:1px solid #E2E8F0!important;border-radius:18px!important;background:#fff!important;}
.modern-table{width:100%!important;border-collapse:collapse!important;font-size:14px!important;}
.modern-table th{background:#F8FAFC!important;color:#475569!important;text-align:left!important;padding:13px 14px!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.07em!important;white-space:nowrap!important;}
.modern-table td{padding:13px 14px!important;border-top:1px solid #EEF2F7!important;color:#1E293B!important;vertical-align:middle!important;}
.modern-table tr:hover td{background:#FAFCFF!important;}
.badge-pill{display:inline-flex!important;align-items:center!important;gap:6px!important;border-radius:999px!important;padding:6px 10px!important;font-size:12px!important;font-weight:900!important;border:1px solid transparent!important;white-space:nowrap!important;}
.badge-pill.ok{background:#ECFDF5!important;color:#047857!important;border-color:#A7F3D0!important;}
.badge-pill.bad{background:#FEF2F2!important;color:#B91C1C!important;border-color:#FECACA!important;}
.badge-pill.warn{background:#FFFBEB!important;color:#92400E!important;border-color:#FDE68A!important;}
.badge-pill.info{background:#EFF6FF!important;color:#1D4ED8!important;border-color:#BFDBFE!important;}
.license-hero{background:linear-gradient(135deg,#FFFFFF 0%,#F1F8FE 60%,#ECFDF9 100%)!important;}
.license-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;background:#0A1F44!important;color:#fff!important;border-radius:16px!important;padding:14px!important;margin:12px 0!important;word-break:break-all!important;font-weight:850!important;letter-spacing:.04em!important;}
.timeline{display:flex!important;flex-direction:column!important;gap:12px!important;}
.timeline-item{display:flex!important;gap:12px!important;align-items:flex-start!important;padding:12px!important;background:#F8FAFC!important;border:1px solid #E2E8F0!important;border-radius:16px!important;}
.timeline-dot{width:12px!important;height:12px!important;border-radius:999px!important;background:var(--envia-accent)!important;margin-top:4px!important;box-shadow:0 0 0 5px rgba(0,150,136,.10)!important;}
.timeline-item b{display:block!important;color:var(--envia-navy)!important;}
.timeline-item small{display:block!important;color:var(--envia-muted)!important;margin-top:3px!important;}
.support-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin-bottom:18px!important;}
.status-dot{display:inline-block!important;width:10px!important;height:10px!important;border-radius:999px!important;margin-right:7px!important;background:var(--envia-success)!important;}
.status-dot.warn{background:var(--envia-warning)!important;}.status-dot.bad{background:var(--envia-danger)!important;}
code{background:#F1F5F9!important;border:1px solid #E2E8F0!important;border-radius:8px!important;padding:2px 6px!important;color:#0F172A!important;}
@media (max-width:1100px){.dash-shell{grid-template-columns:1fr!important}.dash-sidebar{position:relative!important;height:auto!important;border-right:0!important;border-bottom:1px solid #E5EAF2!important}.dash-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dash-grid,.split-card,.support-grid{grid-template-columns:1fr!important}.dash-topbar{flex-direction:column!important}}
@media (max-width:640px){.auth-card{padding:24px!important}.dash-main{padding:16px!important}.kpi-grid,.form-grid-2,.module-grid{grid-template-columns:1fr!important}.dash-nav{grid-template-columns:1fr!important}.topbar-actions{width:100%!important}.topbar-actions .btn{flex:1!important}.dash-topbar h1{font-size:24px!important}}


/* v0.4.8 critical layout fixes and refined admin UI */
.auth-screen.hidden,
.dash-shell.hidden,
.admin-view.hidden,
.alert.hidden,
.modal.hidden{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
body:not(.is-authenticated) .dash-shell{display:none!important;}
body.is-authenticated .auth-screen{display:none!important;}
body.is-authenticated .dash-shell{display:grid!important;}
.admin-v046 .auth-screen{padding:48px 24px!important;background:radial-gradient(circle at 20% 20%,rgba(34,181,247,.14),transparent 30%),radial-gradient(circle at 85% 10%,rgba(0,150,136,.12),transparent 28%),linear-gradient(135deg,#F8FBFF 0%,#FFFFFF 45%,#F1FAFB 100%)!important;}
.admin-v046 .auth-card{width:min(560px,calc(100vw - 48px))!important;border-radius:32px!important;padding:42px!important;}
.admin-v046 .auth-brand img{width:230px!important;max-width:72%!important;}
.admin-v046 .premium-auth-card h1{font-size:36px!important;}
.admin-v046 .dash-shell{grid-template-columns:286px minmax(0,1fr)!important;background:#F6FAFD!important;}
.admin-v046 .dash-sidebar{background:#FFFFFF!important;border-right:1px solid #E6EEF7!important;box-shadow:10px 0 35px rgba(15,40,78,.05)!important;}
.admin-v046 .dash-main{padding:30px 34px!important;}
.admin-v046 .dash-topbar{background:linear-gradient(135deg,#FFFFFF 0%,#F7FCFF 100%)!important;border-radius:30px!important;}
.admin-v046 .dash-card,.admin-v046 .kpi-card{border-color:#E4ECF5!important;box-shadow:0 12px 30px rgba(11,44,75,.055)!important;}
.admin-v046 .kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
.admin-v046 .kpi-card{min-height:128px!important;}
.admin-v046 .toolbar .input{max-width:360px!important;}
.admin-v046 .actions-menu{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;}
.btn-mini{min-height:34px!important;padding:8px 12px!important;font-size:12px!important;}
.btn-danger{background:#FEF2F2!important;color:#B91C1C!important;border:1px solid #FECACA!important;}
.btn-success{background:#ECFDF5!important;color:#047857!important;border:1px solid #A7F3D0!important;}
.page-modal{position:fixed!important;inset:0!important;z-index:999!important;display:grid!important;place-items:center!important;background:rgba(10,31,68,.42)!important;backdrop-filter:blur(10px)!important;padding:22px!important;}
.modal-card{width:min(820px,calc(100vw - 34px))!important;max-height:90vh!important;overflow:auto!important;background:#fff!important;border:1px solid #E2E8F0!important;border-radius:28px!important;box-shadow:0 25px 70px rgba(10,31,68,.20)!important;}
.modal-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;padding:22px 24px!important;border-bottom:1px solid #E2E8F0!important;background:linear-gradient(135deg,#FFFFFF,#F7FCFF)!important;position:sticky!important;top:0!important;z-index:2!important;}
.modal-head h2{margin:0!important;color:var(--envia-navy)!important;font-size:22px!important;letter-spacing:-.03em!important;}
.modal-head p{margin:6px 0 0!important;color:var(--envia-muted)!important;}
.modal-close{width:38px!important;height:38px!important;border-radius:14px!important;border:1px solid #E2E8F0!important;background:#fff!important;cursor:pointer!important;font-size:22px!important;color:#334155!important;}
.modal-body{padding:24px!important;}
.detail-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:16px 0!important;}
.detail-box{border:1px solid #E2E8F0!important;border-radius:18px!important;background:#F8FAFC!important;padding:14px!important;}
.detail-box small{display:block!important;color:var(--envia-muted)!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-size:11px!important;margin-bottom:6px!important;}
.detail-box b{display:block!important;color:var(--envia-navy)!important;word-break:break-word!important;}
.package-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;}
.package-card{background:#fff!important;border:1px solid #E2E8F0!important;border-radius:26px!important;padding:22px!important;box-shadow:var(--envia-soft-shadow)!important;}
.package-card.highlight{border-color:#A7F3D0!important;background:linear-gradient(135deg,#FFFFFF,#F0FDF9)!important;}
.package-card h3{margin:0 0 8px!important;color:var(--envia-navy)!important;font-size:24px!important;letter-spacing:-.04em!important;}
.package-card p{color:var(--envia-muted)!important;line-height:1.55!important;}
.package-list{margin:16px 0 0!important;padding:0!important;list-style:none!important;display:flex!important;flex-direction:column!important;gap:10px!important;}
.package-list li{display:flex!important;gap:9px!important;color:#334155!important;font-weight:750!important;}
.package-list li:before{content:"✓";color:var(--envia-accent)!important;font-weight:950!important;}
@media(max-width:1320px){.admin-v046 .kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.package-cards{grid-template-columns:1fr!important}}
@media(max-width:1100px){.admin-v046 .dash-shell{grid-template-columns:1fr!important}.admin-v046 .dash-main{padding:18px!important}.detail-grid{grid-template-columns:1fr!important}}

/* ENVIA v0.4.8 panel responsive hardening */
@media(max-width:1100px){
  .dash-shell,.admin-v046 .dash-shell{display:block!important;grid-template-columns:1fr!important;min-height:100vh!important;}
  .dash-sidebar,.admin-v046 .dash-sidebar{position:relative!important;height:auto!important;min-height:auto!important;display:block!important;padding:14px!important;border-right:0!important;border-bottom:1px solid #E6EEF7!important;}
  .dash-brand{margin-bottom:10px!important}.dash-user-card{margin:10px 0!important}.dash-nav{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:4px 0 8px!important;scrollbar-width:thin!important}.dash-nav button{white-space:nowrap!important;min-width:max-content!important;width:auto!important}.dash-main,.admin-v046 .dash-main{padding:16px!important}.dash-topbar{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;border-radius:22px!important}.topbar-actions{display:flex!important;flex-wrap:wrap!important}.kpi-grid,.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dash-grid,.detail-grid,.package-cards,.module-grid{grid-template-columns:1fr!important}.modern-table-wrap,.table-wrap{overflow-x:auto!important}.modern-table,.table{min-width:760px!important}.auth-card,.premium-auth-card{width:min(520px,calc(100vw - 32px))!important;padding:26px!important}.auth-brand img{width:min(230px,78%)!important}}
@media(max-width:560px){
  .auth-screen{padding:14px!important;align-items:flex-start!important;padding-top:24px!important}.auth-card,.premium-auth-card{width:100%!important;border-radius:22px!important;padding:20px!important}.premium-auth-card h1{font-size:26px!important}.auth-brand img{width:min(205px,82%)!important}.dash-main,.admin-v046 .dash-main{padding:12px!important}.dash-topbar h1{font-size:25px!important}.topbar-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.topbar-actions .btn{width:100%!important}.kpi-grid,.cards{grid-template-columns:1fr!important}.toolbar{display:grid!important;grid-template-columns:1fr!important}.toolbar .btn,.toolbar button,.toolbar .input{width:100%!important;max-width:none!important}.form-grid{grid-template-columns:1fr!important}.modal-card{width:calc(100vw - 22px)!important;max-height:88vh!important;overflow:auto!important}.dash-nav button{font-size:13px!important}.page-eyebrow{font-size:11px!important}}

/* ENVIA v0.5.1 müşteri paneli — eklenti ekranları web karşılığı */
.panel-control-hero{background:linear-gradient(135deg,#FFFFFF 0%,#F7FCFF 52%,#ECFDF9 100%)!important;border-color:#D8ECF7!important;}
.screen-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:16px!important;}
.panel-screen-tile{border:1px solid #DDE8F3!important;background:#FFFFFF!important;border-radius:20px!important;padding:16px!important;text-align:left!important;cursor:pointer!important;box-shadow:0 10px 22px rgba(15,44,78,.045)!important;transition:.18s ease!important;}
.panel-screen-tile:hover{transform:translateY(-2px)!important;border-color:#9EDDF2!important;box-shadow:0 16px 35px rgba(15,44,78,.08)!important;}
.panel-screen-tile b{display:block!important;color:#0A1F44!important;font-size:15px!important;margin-bottom:5px!important;}
.panel-screen-tile small{display:block!important;color:#64748B!important;font-weight:700!important;line-height:1.35!important;}
.screen-intro{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;background:linear-gradient(135deg,#FFFFFF 0%,#F9FDFF 100%)!important;margin-bottom:18px!important;}
.screen-intro h2{font-size:25px!important;margin:5px 0 5px!important;color:#0A1F44!important;}
.screen-intro p{margin:0!important;color:#64748B!important;line-height:1.55!important;max-width:820px!important;}
.code-block{white-space:pre-wrap!important;background:#0A1F44!important;color:#EAF8FF!important;border-radius:18px!important;padding:18px!important;overflow:auto!important;max-height:440px!important;font-size:12px!important;line-height:1.55!important;}
.form-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:16px!important;align-items:center!important;}
.customer-page .dash-nav button span{min-width:18px!important;text-align:center!important;}
@media(max-width:1100px){.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.screen-intro{display:grid!important;}}
@media(max-width:560px){.screen-grid{grid-template-columns:1fr!important}.screen-intro h2{font-size:22px!important}.form-actions{display:grid!important;grid-template-columns:1fr!important}.form-actions .btn{width:100%!important}.customer-page .dash-nav{grid-template-columns:none!important}}