/* V9.6.8 — Admin detail polish: compact checks, KB dual editor, email template layout, collapsible sidebar. */

/* Native form CSS gives every input a full width/min-height. Normalize checks. */
body.app-body input[type="checkbox"],
body.app-body input[type="radio"]{
  width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;
  max-width:16px!important;padding:0!important;margin:0!important;box-sizing:border-box!important;
  flex:0 0 16px!important;accent-color:var(--blue-600,#1967e8);vertical-align:middle;
}
body.app-body input[type="checkbox"]{border-radius:4px!important}
body.app-body input[type="radio"]{border-radius:50%!important}
body.app-body .table-wrap td:first-child input[type="checkbox"],
body.app-body .table-wrap th:first-child input[type="checkbox"]{display:block;margin:auto!important}
body.app-body .v2-check{display:flex!important;align-items:center!important;gap:8px!important;min-height:28px!important}

/* KB editor: normal visual editor + explicit HTML source mode. */
.v968-kb-modebar{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #e4e9f0;border-bottom:0;border-radius:12px 12px 0 0;background:#f8fafc}
.v968-kb-modebar button{min-height:31px;padding:0 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#667085;font-size:10px;font-weight:800;cursor:pointer}
.v968-kb-modebar button.active{background:#101828;color:#fff;box-shadow:0 2px 7px rgba(16,24,40,.12)}
.v25-editor-shell.v968-kb-editor{border-radius:0 0 12px 12px!important}
.v968-kb-html{display:none;width:100%!important;min-height:430px!important;border:0!important;border-radius:0!important;padding:16px!important;background:#101828!important;color:#e6edf7!important;font:500 12px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;resize:vertical!important;outline:0!important}
.v968-kb-editor.is-html .v25-editor-toolbar,.v968-kb-editor.is-html [data-rich-editor]{display:none!important}
.v968-kb-editor.is-html .v968-kb-html{display:block!important}
.v968-tag-wrap{display:grid;gap:6px}.v968-tag-hint{display:flex;align-items:center;gap:7px;color:#7b8798;font-size:10px}.v968-tag-hint i{color:#5271ff}

/* Email template page — remove legacy 2-column shell collision. */
.v968-email-page{display:block!important;width:100%;max-width:1480px;margin:0 auto}
.v968-email-page .page-heading{margin-bottom:16px!important}
.v968-email-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,420px);gap:18px;align-items:start;width:100%}
.v968-email-form{margin:0!important;min-width:0;overflow:hidden}
.v968-email-form .card-head{align-items:center}.v968-email-form .card-head h2{display:flex;gap:8px;align-items:center;margin:0}.v968-email-form .card-head h2 i{color:#5271ff}
.v968-email-body{padding:18px;display:grid;gap:15px}.v968-email-body>label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#344054}
.v968-email-body input[type="text"]{width:100%}
.v968-token-box{padding:12px;border:1px dashed #d7dee8;border-radius:12px;background:#fbfcfe}.v968-token-box>span{display:block;margin-bottom:8px;color:#7b8798;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.v968-token-list{display:flex;gap:6px;flex-wrap:wrap}.v968-token-list button{border:1px solid #dfe5ed;border-radius:999px;background:#fff;color:#344054;padding:6px 9px;font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.v968-token-list button:hover{background:#eef4ff;border-color:#b8d0ff;color:#175cd3}
.v968-email-compose{border:1px solid #dfe5ed;border-radius:14px;overflow:hidden;background:#fff}.v968-email-tabs{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border-bottom:1px solid #edf0f4;background:#fafbfc}.v968-email-tabs>div{display:flex;gap:5px}.v968-email-tabs button{min-height:30px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#667085;font-size:9px;font-weight:850;cursor:pointer}.v968-email-tabs button.active{background:#101828;color:#fff}
.v968-email-toolbar{display:flex;gap:4px;flex-wrap:wrap;padding:7px 9px;border-bottom:1px solid #edf0f4}.v968-email-toolbar button{width:30px;height:29px;border:1px solid #e4e7ec;border-radius:7px;background:#fff;color:#475467;cursor:pointer}.v968-email-toolbar button:hover{background:#f2f4f7}
.v968-email-visual{min-height:420px;padding:18px;outline:0;color:#344054;font-size:13px;line-height:1.65;overflow:auto}.v968-email-source{display:none!important;min-height:420px!important;border:0!important;border-radius:0!important;background:#101828!important;color:#e8eef6!important;font:500 11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace!important;padding:16px!important;resize:vertical!important}.v968-email-compose.is-html .v968-email-visual,.v968-email-compose.is-html .v968-email-toolbar{display:none!important}.v968-email-compose.is-html .v968-email-source{display:block!important}
.v968-email-text-fallback{border:1px solid #e7ebf0;border-radius:12px;background:#fbfcfd;overflow:hidden}.v968-email-text-fallback summary{cursor:pointer;padding:11px 13px;font-size:10px;font-weight:800;color:#475467}.v968-email-text-fallback textarea{border:0!important;border-top:1px solid #edf0f4!important;border-radius:0!important;min-height:130px!important}
.v968-email-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-top:1px solid #edf0f4}.v968-email-actions>div{display:flex;gap:8px;align-items:center}
.v968-email-preview{position:sticky;top:86px;border:1px solid #e2e7ee;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(16,24,40,.06)}.v968-email-preview>header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #edf0f4}.v968-email-preview>header strong{font-size:12px}.v968-email-preview>header small{display:block;margin-top:2px;color:#98a2b3;font-size:9px}.v968-preview-subject{padding:12px 14px;border-bottom:1px solid #edf0f4}.v968-preview-subject span{display:block;color:#98a2b3;font-size:8px;font-weight:900;text-transform:uppercase}.v968-preview-subject strong{display:block;margin-top:4px;color:#101828;font-size:11px}.v968-preview-canvas{padding:14px;background:#f2f4f7}.v968-preview-frame{display:block;width:100%;height:510px;border:0;border-radius:10px;background:#fff;box-shadow:0 4px 18px rgba(16,24,40,.07)}.v968-preview-note{display:flex;gap:8px;padding:11px 14px;border-top:1px solid #edf0f4;color:#667085;font-size:9px}.v968-preview-note i{color:#12b76a}

/* Desktop sidebar: expanded by default, compact icons-only on demand. */
.app-sidebar{transition:width .2s ease,padding .2s ease!important}
.app-shell{transition:margin-left .2s ease!important}
.v968-sidebar-collapse{position:absolute;z-index:95;top:96px;right:-13px;width:27px;height:27px;display:grid;place-items:center;border:1px solid #d9e1ec;border-radius:50%;background:#fff;color:#52657d;box-shadow:0 4px 13px rgba(15,23,42,.12);cursor:pointer;font-size:10px}
.v968-sidebar-collapse:hover{background:#f5f8fc;color:#172033}.v968-sidebar-collapse i{transition:transform .2s ease}
@media(min-width:721px){
  body.v968-sidebar-collapsed .app-sidebar{width:76px!important;padding-left:10px!important;padding-right:10px!important;overflow:visible!important}
  body.v968-sidebar-collapsed .app-shell{margin-left:76px!important}
  body.v968-sidebar-collapsed .app-brand{padding-left:7px!important;padding-right:7px!important;justify-content:center!important}
  body.v968-sidebar-collapsed .app-brand>span:last-child{display:none!important}
  body.v968-sidebar-collapsed .app-brand .brand-mark{margin:0!important}
  body.v968-sidebar-collapsed .app-nav{padding-left:0!important;padding-right:0!important}
  body.v968-sidebar-collapsed .app-nav>a,
  body.v968-sidebar-collapsed .app-nav .v281-support-main>a{justify-content:center!important;gap:0!important;padding-left:0!important;padding-right:0!important;min-width:44px!important}
  body.v968-sidebar-collapsed .app-nav>a>span,
  body.v968-sidebar-collapsed .app-nav .v281-support-main>a>span,
  body.v968-sidebar-collapsed .v281-submenu-label,
  body.v968-sidebar-collapsed .sidebar-license{display:none!important}
  body.v968-sidebar-collapsed .app-nav>a>i,
  body.v968-sidebar-collapsed .app-nav .v281-support-main>a>i{width:auto!important;margin:0!important;font-size:15px!important}
  body.v968-sidebar-collapsed .v281-support-main{grid-template-columns:1fr!important}
  body.v968-sidebar-collapsed .v281-support-toggle{display:none!important}
  body.v968-sidebar-collapsed .v281-support-submenu{display:none!important}
  body.v968-sidebar-collapsed .v968-sidebar-collapse i{transform:rotate(180deg)}
}
@media(max-width:1100px){.v968-email-grid{grid-template-columns:1fr}.v968-email-preview{position:static}.v968-preview-frame{height:420px}}
@media(max-width:720px){.v968-sidebar-collapse{display:none!important}.v968-email-actions{align-items:stretch;flex-direction:column}.v968-email-actions>div{width:100%}.v968-email-actions .btn{width:100%}.v968-email-visual,.v968-email-source{min-height:330px!important}}
