:root{--accent:#48d597;--accent2:#60a5fa;--danger:#fb7185;--warn:#fbbf24}
body.theme-dark,body.theme-system{--bg:#0b1020;--bg2:#070a12;--panel:#11182c;--panel2:#172036;--input:#090e1b;--table:#0d1324;--text:#eaf0ff;--muted:#9aa8c7;--line:#283553;--th:#18223a;--shadow:rgba(0,0,0,.22)}
body.theme-light{--bg:#f5f7fb;--bg2:#e9eef7;--panel:#ffffff;--panel2:#eef3fb;--input:#ffffff;--table:#ffffff;--text:#111827;--muted:#5b677a;--line:#cfd8e8;--th:#e8eef8;--shadow:rgba(15,23,42,.10)}
@media (prefers-color-scheme: light){body.theme-system{--bg:#f5f7fb;--bg2:#e9eef7;--panel:#ffffff;--panel2:#eef3fb;--input:#ffffff;--table:#ffffff;--text:#111827;--muted:#5b677a;--line:#cfd8e8;--th:#e8eef8;--shadow:rgba(15,23,42,.10)}}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,var(--panel2),var(--bg2) 55%);color:var(--text);display:flex;min-height:100vh}.sidebar{width:260px;background:color-mix(in srgb,var(--panel) 92%,transparent);border-right:1px solid var(--line);padding:22px;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.brand img{width:54px;height:54px}.brand strong{display:block;font-size:20px}.brand span{color:var(--accent);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.sidebar nav a,.userbox a{display:block;color:var(--text);text-decoration:none;padding:11px 13px;border-radius:14px;margin:4px 0}.sidebar nav a:hover{background:var(--panel2);color:var(--accent)}.userbox{position:absolute;bottom:22px;left:22px;right:22px;color:var(--muted);font-size:13px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px}.main{margin-left:260px;width:calc(100% - 260px);padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.topbar h1{margin:0;font-size:30px}.theme-picker{display:flex;align-items:center;gap:8px}.theme-picker label{color:var(--muted);font-size:13px}.theme-picker select{width:auto;min-width:110px;margin:0}.card{background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid var(--line);border-radius:22px;padding:20px;margin-bottom:18px;box-shadow:0 20px 50px var(--shadow)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.grid.two-col{grid-template-columns:minmax(360px,2fr) minmax(280px,1fr)}.stat{font-size:34px;font-weight:800;color:var(--accent)}.muted{color:var(--muted)}a{color:#60a5fa}.btn,button,input[type=submit]{background:linear-gradient(135deg,var(--accent),#22c55e);border:0;color:#04130c;font-weight:800;border-radius:14px;padding:10px 14px;cursor:pointer;text-decoration:none;display:inline-block}.btn.secondary{background:#24304d;color:var(--text);border:1px solid var(--line)}.btn.danger{background:var(--danger);color:white}input,select,textarea{width:100%;background:var(--input);border:1px solid var(--line);color:var(--text);border-radius:14px;padding:11px;margin:6px 0 14px}textarea{min-height:190px;font-family:Consolas,monospace}.table-wrap{overflow:auto;border-radius:16px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;background:var(--table)}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{background:var(--th);color:var(--text)}.pill{display:inline-block;padding:4px 9px;border-radius:999px;background:var(--panel2);color:var(--text);font-size:12px}.alert{padding:12px 14px;border-radius:14px;margin-bottom:16px}.alert.ok{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.4)}.alert.err{background:rgba(251,113,133,.12);border:1px solid rgba(251,113,133,.4)}.login{display:grid;place-items:center;width:100vw}.login .card{width:min(430px,92vw)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;align-items:end}.form-actions{padding-bottom:14px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.actions form{margin:0}.secondary-btn{background:#24304d!important;color:var(--text)!important;border:1px solid var(--line)!important}.danger-btn,button.danger-btn{background:var(--danger)!important;color:white!important}.pill.ok{background:rgba(34,197,94,.15);color:#22c55e}.pill.warn{background:rgba(251,191,36,.15);color:#b45309}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin:8px 0 16px}.check-grid label{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:9px}.check-grid input[type=checkbox], details input[type=checkbox]{width:auto;margin-right:8px}.inline-details{display:inline-block;vertical-align:top;margin-left:8px}.inline-details summary{list-style:none}.inline-details[open]{display:block;background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:12px;margin:10px 0;max-width:420px}.inline-details summary::-webkit-details-marker{display:none}.save-query-box{margin-top:14px}.save-query-box summary{display:inline-block;cursor:pointer}.save-form{margin-top:14px}.side-panel h2,.card h2{margin-top:0}.query-item{border:1px solid var(--line);border-radius:16px;padding:12px;margin:10px 0;background:var(--panel2)}@media(max-width:980px){.grid.two-col{grid-template-columns:1fr}}@media(max-width:820px){body{display:block}.sidebar{position:relative;width:100%;height:auto}.userbox{position:static;margin-top:16px}.main{margin-left:0;width:100%;padding:16px}.topbar{align-items:flex-start;flex-direction:column}.topbar h1{font-size:24px}}
.small{font-size:13px}.inline-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:10px;align-items:end}.inline-form input,.inline-form select{margin:0}.import-strip{border:1px dashed var(--line);background:var(--panel2);border-radius:18px;padding:14px;margin-bottom:18px}.query-card textarea{min-height:240px}.query-item pre,.history-item pre{white-space:pre-wrap;word-break:break-word;background:var(--input);border:1px solid var(--line);border-radius:12px;padding:10px;color:var(--text);max-height:130px;overflow:auto}.history-list{display:grid;gap:12px}.history-item{background:var(--panel2);border:1px solid var(--line);border-radius:18px;padding:14px}.history-item .pill{margin-left:8px}.safety-warning{box-shadow:0 0 0 2px rgba(251,113,133,.15)}body.theme-light .btn.secondary,body.theme-light .secondary-btn{background:#e8eef8!important;color:#111827!important;border:1px solid #cfd8e8!important}body.theme-light .sidebar nav a:hover{color:#047857}@media(max-width:900px){.inline-form{grid-template-columns:1fr}.inline-form button{width:100%}}
/* v1.3 theme/button polish */
button,.btn,input[type=submit]{color:#04130c}
body.theme-light button,body.theme-light .btn,body.theme-light input[type=submit]{color:#04130c}
body.theme-light .btn.secondary,body.theme-light .secondary-btn,body.theme-light details.save-query-box summary.btn.secondary{background:#e8eef8!important;color:#111827!important;border:1px solid #cfd8e8!important}
body.theme-light .save-query-box button,body.theme-light .inline-details button:not(.danger-btn),body.theme-light .actions button:not(.danger-btn){color:#04130c!important}
body.theme-light .danger-btn,body.theme-light button.danger-btn,body.theme-light .btn.danger{color:#fff!important}
.code-box{background:var(--input);border:1px solid var(--line);border-radius:16px;padding:12px;margin-top:12px;overflow:auto}.code-box pre{margin:8px 0 0;white-space:pre-wrap;color:var(--text)}
.form-grid label input[type=checkbox]{width:auto;margin-right:8px}.form-actions{display:flex;align-items:end}.form-actions button{width:100%}
/* v1.4 table data + structure editors */
.row-editor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:14px}.cell-input{min-width:160px;margin:0;padding:8px;border-radius:10px}.table-wrap td form{margin:0}.table-wrap td .actions{min-width:220px}.table-wrap button[disabled]{opacity:.45;cursor:not-allowed}.structure-note{font-size:13px;color:var(--muted)}
body.theme-light .cell-input{background:#fff;color:#111827;border-color:#cfd8e8}
/* v1.5 saved connections + password hash helper */
.topbar-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.connection-picker{display:flex;align-items:center;gap:8px}.connection-picker label{color:var(--muted);font-size:13px}.connection-picker select{width:auto;min-width:230px;margin:0}.mini-check{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;margin:6px 0}.mini-check input[type=checkbox]{width:auto;margin:0}.compact-form{min-width:min(760px,90vw)}.userbox .small{display:block;margin:8px 0}.row-editor-grid .mini-check{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:7px 9px}.cell-input + .mini-check{min-width:120px}.table-wrap td .mini-check input{width:auto}@media(max-width:980px){.topbar-tools{justify-content:flex-start}.connection-picker{width:100%;align-items:flex-start;flex-direction:column}.connection-picker select{width:100%}}
/* v1.5.1 connection diagnostics + modal polish */
.split-actions{gap:10px}.split-actions button{width:auto;min-width:150px}.diag-card td{white-space:normal;vertical-align:top}.diag-card th:nth-child(3),.diag-card th:nth-child(4){min-width:260px}.remote-help code{background:var(--input);border:1px solid var(--line);border-radius:6px;padding:2px 5px;color:var(--text)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.62);display:grid;place-items:center;padding:20px;z-index:1000}.modal-backdrop[hidden]{display:none}.modal-card{width:min(920px,96vw);max-height:90vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.45);padding:20px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.modal-head h2{margin:0}@media(max-width:700px){.split-actions{display:grid}.split-actions button{width:100%}.modal-head{align-items:flex-start;flex-direction:column}}

/* v1.7 product polish */
body{font-size:15px;line-height:1.45}.sidebar nav a{display:flex;align-items:center;gap:10px;transition:background .16s ease,color .16s ease,transform .16s ease}.sidebar nav a:hover{transform:translateX(2px)}.sidebar nav a.active{background:linear-gradient(135deg,rgba(72,213,151,.18),rgba(96,165,250,.12));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line))}.nav-icon{width:22px;text-align:center;filter:saturate(1.15)}.topbar{background:color-mix(in srgb,var(--panel) 76%,transparent);border:1px solid var(--line);border-radius:22px;padding:14px 16px;box-shadow:0 12px 40px var(--shadow)}.card{transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.card:hover{border-color:color-mix(in srgb,var(--accent2) 32%,var(--line))}.hero-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 92%,transparent),color-mix(in srgb,var(--panel2) 88%,transparent))}.hero-card h2{font-size:30px;margin:4px 0 6px}.eyebrow{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.stat-card{position:relative;overflow:hidden}.stat-card .card-icon{position:absolute;right:18px;top:16px;font-size:32px;opacity:.28}.stats-grid .stat{font-size:28px}.info-list{display:grid;gap:12px}.info-list div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.info-list span{color:var(--muted)}.info-list b{text-align:right}.page-intro{background:linear-gradient(135deg,color-mix(in srgb,var(--panel2) 80%,transparent),color-mix(in srgb,var(--panel) 94%,transparent))}button,.btn,input[type=submit]{transition:transform .12s ease,filter .12s ease,opacity .12s ease}button:hover,.btn:hover,input[type=submit]:hover{filter:brightness(1.05);transform:translateY(-1px)}button:disabled,.btn[aria-disabled="true"]{opacity:.62;cursor:wait;transform:none}.loading-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:999px;animation:pda-spin .8s linear infinite;margin-right:7px;vertical-align:-2px}@keyframes pda-spin{to{transform:rotate(360deg)}}
#toast-stack{position:fixed;right:22px;bottom:22px;display:grid;gap:10px;z-index:2500;width:min(420px,calc(100vw - 32px))}.toast{padding:13px 14px;border-radius:16px;border:1px solid var(--line);background:var(--panel);box-shadow:0 18px 50px rgba(0,0,0,.28);display:flex;gap:10px;align-items:flex-start;animation:pda-toast-in .22s ease}.toast.success{border-color:rgba(34,197,94,.5)}.toast.error{border-color:rgba(251,113,133,.55)}.toast.warning{border-color:rgba(251,191,36,.55)}.toast .toast-title{font-weight:800}.toast .toast-msg{color:var(--muted);font-size:13px}.toast-close{margin-left:auto;background:transparent!important;color:var(--muted)!important;border:0!important;padding:0 4px!important}@keyframes pda-toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.modal-backdrop{backdrop-filter:blur(5px)}.modal-card{animation:pda-modal-in .16s ease}.modal-card .form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}@keyframes pda-modal-in{from{opacity:0;transform:scale(.98) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}
body.theme-light .topbar,body.theme-light .card{box-shadow:0 14px 42px rgba(15,23,42,.08)}body.theme-light .toast{box-shadow:0 18px 50px rgba(15,23,42,.16)}
@media(max-width:700px){.hero-card{align-items:flex-start;flex-direction:column}.hero-card .actions{width:100%}.hero-card .actions .btn{width:100%;text-align:center}#toast-stack{right:16px;bottom:16px}.topbar{border-radius:18px}}
.pill.err{background:rgba(251,113,133,.15);color:#ef4444}.pill.info{background:rgba(96,165,250,.15);color:#2563eb}.topbar-tools{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.connection-picker{display:flex;align-items:center;gap:8px}.connection-picker label{color:var(--muted);font-size:13px}.connection-picker select{min-width:240px;margin:0}.small{font-size:12px;color:var(--muted)}code{background:var(--panel2);border:1px solid var(--line);padding:2px 6px;border-radius:8px}

/* v1.8 secure connections */
.ssh-fields[hidden]{display:none!important}.ssh-fields.full{grid-column:1/-1}.ssh-fields h3{margin:0;color:var(--accent)}.wide-modal{width:min(1100px,96vw)}.connection-form textarea[name="ssh_private_key"]{min-height:150px;font-size:12px}.connection-form small{display:block;margin-top:-8px;margin-bottom:12px}.diag-card .pill.warn{color:#92400e}.remote-help .grid>div{background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:14px}.connection-form .ssh-fields{border-top:1px dashed var(--line);padding-top:8px}body.theme-light .connection-form textarea[name="ssh_private_key"]{background:#fff;color:#111827}

/* v1.9 updater polish */
.update-success-card{border-color:rgba(34,197,94,.45);background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 92%,transparent),color-mix(in srgb,var(--accent) 12%,var(--panel)))}
.update-steps{display:grid;gap:10px;margin:14px 0}.update-steps div{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}

/* v2.0 Phase 1: SQL workspace + monitoring polish */
.sql-workspace-grid{align-items:start}.workspace-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.workspace-head h2{margin:.15rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:12px;color:var(--accent);font-weight:800}.analysis-strip{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.sql-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px;border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;background:var(--panel2)}.sql-editor{border-radius:0 0 16px 16px;margin-top:0;min-height:320px;font-size:14px;line-height:1.5;tab-size:2;background:linear-gradient(90deg,color-mix(in srgb,var(--input) 95%,#000 5%),var(--input));font-family:Consolas,Menlo,Monaco,'Courier New',monospace}.editor-status{display:flex;gap:16px;justify-content:flex-end;color:var(--muted);font-size:12px;margin-top:-8px;margin-bottom:12px}.query-stats .stat{font-size:26px}.pill.ok{background:rgba(34,197,94,.15);color:#16a34a;border:1px solid rgba(34,197,94,.25)}.pill.err{background:rgba(251,113,133,.15);color:#ef4444;border:1px solid rgba(251,113,133,.25)}.pill.info{background:rgba(96,165,250,.15);color:#2563eb;border:1px solid rgba(96,165,250,.25)}.stat-card .pill{margin-top:10px}.sql-workspace .import-strip{background:var(--panel2);border:1px dashed var(--line);border-radius:18px;padding:14px;margin-bottom:16px}body.theme-light .sql-toolbar{background:#eef3fb}body.theme-light .sql-editor{background:#fff;color:#111827}.security-note{border-left:4px solid var(--accent);padding-left:12px;color:var(--muted)}
@media(max-width:760px){.sql-toolbar button{width:100%}.editor-status{justify-content:flex-start;flex-wrap:wrap}.inline-form{grid-template-columns:1fr}}


/* v2.1.2 centered manual backup progress overlay */
.backup-overlay{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:24px;background:rgba(2,6,23,.68);backdrop-filter:blur(6px)}
.backup-overlay[hidden]{display:none!important}.backup-progress-card{width:min(460px,94vw);text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 100px rgba(0,0,0,.48);padding:28px 24px}.backup-progress-card h2{margin:12px 0 8px;font-size:24px}.backup-progress-card p{color:var(--muted);margin:8px 0}.backup-progress-spinner{width:58px;height:58px;border:5px solid color-mix(in srgb,var(--accent) 18%,transparent);border-top-color:var(--accent);border-radius:999px;margin:0 auto;animation:pda-spin .8s linear infinite}.backup-progress-steps{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px 0 8px}.backup-progress-steps span{font-size:12px;font-weight:800;color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent);border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));border-radius:999px;padding:6px 9px}.backup-progress-time{font-weight:800;color:var(--text)!important}.backup-progress-note{font-size:12px}.backup-overlay-active{cursor:progress}body.theme-light .backup-overlay{background:rgba(15,23,42,.38)}body.theme-light .backup-progress-card{box-shadow:0 30px 100px rgba(15,23,42,.22)}

/* v2.2 Commercial readiness */
.full{grid-column:1/-1}.edition-badge{display:inline-flex;align-items:center;gap:6px}.comparison-table td,.comparison-table th{white-space:normal}.commercial-card code{word-break:break-all}.card ul{padding-left:20px}.card li{margin:6px 0}.check-grid label{cursor:pointer}.hero-card .stat-card{min-width:180px;text-align:center}.license-key{font-family:Consolas,monospace}

/* v2.2.5 Accordion Sidebar / Release Polish */
.pda-sidebar-final,
.sidebar.pda-sidebar-final{
  height:100vh;
  display:flex;
  flex-direction:column;
  padding:20px 14px 14px;
  overflow:hidden;
}
.pda-sidebar-final .brand{
  flex:0 0 auto;
  margin:0 8px 20px;
}
.sidebar-scroll{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding:0 6px 12px 4px;
  margin-right:-6px;
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--accent) 55%,var(--line)) transparent;
}
.sidebar-scroll::-webkit-scrollbar{width:7px}
.sidebar-scroll::-webkit-scrollbar-track{background:transparent}
.sidebar-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:999px}
.nav-group{margin:0 0 14px}
.nav-group-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 10px;
  margin:0 0 6px;
  border:0;
  background:transparent;
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  border-radius:12px;
  cursor:pointer;
}
.nav-group-toggle:hover{background:var(--panel2);color:var(--accent);transform:none;filter:none}
.nav-chevron{font-size:14px;line-height:1;transition:transform .16s ease;color:var(--muted)}
.nav-group:not([open]) .nav-chevron{transform:rotate(-90deg)}
.nav-group:not([open]) .nav-group-links{display:none}
.nav-group-links{display:grid;gap:3px}
.pda-sidebar-final .nav-link,
.pda-sidebar-final nav a{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:10px 12px;
  border-radius:13px;
  margin:0;
  color:var(--text);
  text-decoration:none;
  border:1px solid transparent;
}
.pda-sidebar-final .nav-link:hover{background:var(--panel2);color:var(--accent);transform:translateX(2px)}
.pda-sidebar-final .nav-link.active{
  background:linear-gradient(135deg,rgba(72,213,151,.18),rgba(96,165,250,.12));
  color:var(--accent);
  border-color:color-mix(in srgb,var(--accent) 34%,var(--line));
}
.nav-icon{width:22px;min-width:22px;text-align:center;filter:saturate(1.15)}
.compact-userbox,
.userbox.compact-userbox{
  position:static;
  flex:0 0 auto;
  margin:12px 0 0;
  padding:11px 12px;
  border-radius:17px;
  font-size:12px;
  max-height:238px;
  overflow:hidden;
}
.compact-userbox .userbox-line{display:grid;grid-template-columns:72px 1fr;gap:8px;align-items:start;margin:0 0 7px}
.compact-userbox .userbox-line span{color:var(--muted)}
.compact-userbox .userbox-line b{color:var(--text);font-size:12px;line-height:1.25;word-break:break-word}
.compact-userbox .userbox-line.server{display:block}
.compact-userbox .userbox-line.server b{display:block;margin-top:3px;max-height:44px;overflow:hidden}
.compact-userbox .logout-btn,
.userbox.compact-userbox a.logout-btn{
  display:block;
  text-align:center;
  margin:9px 0 0;
  padding:9px 10px;
  border-radius:13px;
  background:var(--panel2);
  border:1px solid var(--line);
  color:var(--text);
}
.compact-userbox .logout-btn:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
@media(max-height:760px){
  .pda-sidebar-final .brand img{width:44px;height:44px}
  .pda-sidebar-final .brand strong{font-size:18px}
  .pda-sidebar-final .nav-link{min-height:36px;padding:8px 10px}
  .nav-group{margin-bottom:8px}
  .nav-group-toggle{padding:6px 9px;margin-bottom:4px}
  .compact-userbox,.userbox.compact-userbox{font-size:11px;padding:9px 10px;max-height:190px}
  .compact-userbox .userbox-line{margin-bottom:5px}
  .compact-userbox .userbox-line.server b{max-height:32px}
}
@media(max-width:820px){
  .pda-sidebar-final,.sidebar.pda-sidebar-final{position:relative;width:100%;height:auto;max-height:none;overflow:visible;padding:16px}
  .sidebar-scroll{overflow:visible;max-height:none;margin-right:0;padding-right:0}
  .compact-userbox,.userbox.compact-userbox{max-height:none;margin-top:14px}
}

/* v2.2.5 accordion sidebar polish */
.nav-group-toggle{cursor:pointer}
.nav-group:not([open]) .nav-group-links{display:none}
.nav-group[open] .nav-chevron{transform:rotate(180deg)}
.nav-chevron{transition:transform .16s ease}


/* PremiumDB Admin v2.2.7 - accordion sidebar restore */
.sidebar-group .sidebar-group-items,
.nav-group .nav-group-items,
.menu-group .menu-group-items,
[data-sidebar-group] [data-sidebar-group-items] {
  display: none;
}

.sidebar-group.is-open .sidebar-group-items,
.sidebar-group.open .sidebar-group-items,
.nav-group.is-open .nav-group-items,
.nav-group.open .nav-group-items,
.menu-group.is-open .menu-group-items,
.menu-group.open .menu-group-items,
[data-sidebar-group].is-open [data-sidebar-group-items],
[data-sidebar-group].open [data-sidebar-group-items] {
  display: block;
}

.sidebar-group-toggle,
.nav-group-toggle,
.menu-group-toggle,
[data-sidebar-toggle],
[data-menu-group-toggle] {
  cursor: pointer;
  user-select: none;
}

.sidebar-menu,
.sidebar-nav,
.pda-sidebar-menu {
  min-height: 0;
  overflow-y: auto;
}



/* PremiumDB Admin v2.2.9 FINAL accordion display rules */
section.nav-group[data-nav-group]:not([open]) > .nav-group-links {
  display: none !important;
}
section.nav-group[data-nav-group][open] > .nav-group-links {
  display: grid !important;
}
section.nav-group[data-nav-group] > .nav-group-toggle {
  cursor: pointer !important;
  user-select: none;
}
section.nav-group[data-nav-group]:not([open]) .nav-chevron {
  transform: rotate(-90deg);
}
section.nav-group[data-nav-group][open] .nav-chevron {
  transform: rotate(0deg);
}



/* PremiumDB Admin v2.2.10 - responsive form/button polish */
* {{
  box-sizing: border-box;
}}

html, body {{
  max-width: 100%;
  overflow-x: hidden;
}}

.card,
.panel,
.content-card,
.pda-card,
.main-content,
.page-content {{
  max-width: 100%;
}}

form,
.form-grid,
.connection-form,
.add-connection-form,
.pda-form-grid {{
  max-width: 100%;
}}

.form-grid,
.connection-form,
.add-connection-form,
.pda-form-grid {{
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  align-items: end;
}}

.form-actions,
.connection-actions,
.actions-row,
.button-row,
.form-buttons,
.pda-form-actions {{
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  max-width: 100%;
}}

.form-actions .btn,
.connection-actions .btn,
.actions-row .btn,
.button-row .btn,
.form-buttons .btn,
.pda-form-actions .btn,
.form-actions button,
.connection-actions button,
.actions-row button,
.button-row button,
.form-buttons button,
.pda-form-actions button {{
  white-space: nowrap;
  max-width: 100%;
}}

/* Specific protection for Saved Connections / Add Connection screen */
body .card form button,
body .card form .btn {{
  min-width: 0;
}}

@media (max-width: 1200px) {{
  .form-actions,
  .connection-actions,
  .actions-row,
  .button-row,
  .form-buttons,
  .pda-form-actions {{
    width: 100%;
  }}

  .form-actions .btn,
  .connection-actions .btn,
  .actions-row .btn,
  .button-row .btn,
  .form-buttons .btn,
  .pda-form-actions .btn,
  .form-actions button,
  .connection-actions button,
  .actions-row button,
  .button-row button,
  .form-buttons button,
  .pda-form-actions button {{
    flex: 1 1 180px;
  }}
}}

@media (max-width: 760px) {{
  .form-grid,
  .connection-form,
  .add-connection-form,
  .pda-form-grid {{
    grid-template-columns: 1fr !important;
  }}

  .form-actions,
  .connection-actions,
  .actions-row,
  .button-row,
  .form-buttons,
  .pda-form-actions {{
    flex-direction: column;
    align-items: stretch;
  }}

  .form-actions .btn,
  .connection-actions .btn,
  .actions-row .btn,
  .button-row .btn,
  .form-buttons .btn,
  .pda-form-actions .btn,
  .form-actions button,
  .connection-actions button,
  .actions-row button,
  .button-row button,
  .form-buttons button,
  .pda-form-actions button {{
    width: 100%;
    flex-basis: auto;
  }}
}}

select,
input,
textarea,
button,
.btn {{
  max-width: 100%;
}}



/* PremiumDB Admin v2.3.0 Backup & Restore Management */
.inline-details {
  display: inline-block;
  margin-left: .35rem;
  vertical-align: top;
}
.inline-details summary {
  list-style: none;
}
.inline-details summary::-webkit-details-marker {
  display: none;
}
.inline-details form,
.inline-details pre,
.inline-details p {
  margin-top: .65rem;
  min-width: min(420px, 90vw);
}
.table-wrap table td {
  vertical-align: top;
}
.small {
  font-size: .85rem;
}



/* PremiumDB Admin v2.3.1 privilege UI polish */
.select-all-privileges {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin: .4rem 0 .75rem;
  padding: .65rem .85rem;
  border: 1px solid var(--border, rgba(148,163,184,.25));
  border-radius: 12px;
  background: rgba(34, 211, 238, .06);
  font-weight: 700;
}
.select-all-privileges input {
  width: 1rem;
  height: 1rem;
}


/* PremiumDB Admin v2.3.1b - privilege UI safe repair */
.privilege-card .privilege-form-grid {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(220px, 1fr) minmax(260px, 1fr);
  gap: 14px;
  align-items: start;
  margin-bottom: 14px;
}
.privilege-heading-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin: 6px 0 10px;
}
.privilege-section-title {
  margin: 0;
  font-weight: 800;
}
.select-all-privileges {
  width: auto;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  padding: 8px 12px;
  border: 1px solid var(--line, rgba(148,163,184,.28));
  border-radius: 12px;
  background: rgba(59,130,246,.12);
  color: var(--text);
  font-weight: 800;
  cursor: pointer;
}
.select-all-privileges input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  flex: 0 0 auto;
}
.privilege-check-grid label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: 52px;
}
.privilege-check-grid input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  margin: 2px 0 0 0 !important;
  flex: 0 0 auto;
}
@media (max-width: 980px) {
  .privilege-card .privilege-form-grid { grid-template-columns: 1fr; }
}