/* HELP-01: All surfaces reuse the current dark teal/Crystal design tokens.
   Sidebar toggle, logo and existing nav styles are intentionally untouched. */
#cmHelpSection.cm-help-section { color:var(--cm-ui-text,#eaf7fa); }
#cmHelpSection[hidden]{display:none!important}
#cmHelpSection .cm-help-container{width:100%;max-width:1050px;margin:0 auto;display:grid;gap:18px;padding-bottom:28px}
#cmHelpSection .cm-help-heading{display:flex;flex-direction:column;gap:10px}
#cmHelpSection .cm-help-heading h2{font-size:clamp(21px,2vw,28px);font-weight:750;color:var(--cm-ui-text,#eaf7fa);margin:0}
#cmHelpSection .cm-help-subtitle{color:var(--cm-ui-muted,#c2d8e1);font-size:14px;line-height:1.6;margin:0 0 8px}
#cmHelpSection .cm-help-card{border:1px solid var(--cm-ui-border,#426573);border-radius:var(--cm-ui-panel-radius,18px);padding:clamp(15px,2vw,24px);background:var(--cm-ui-detail-bg,rgba(20,59,75,.88));box-shadow:var(--cm-ui-record-shadow,0 8px 24px #001f3218);min-width:0}
#cmHelpSection .cm-help-card>h3{font-size:18px;color:var(--cm-ui-text,#eaf7fa);font-weight:700;margin:0 0 12px}
#cmHelpSection .cm-help-card>p{margin:10px 0;color:var(--cm-ui-muted,#c2d8e1)}
#cmHelpSection .cm-help-identity{display:flex;align-items:center;gap:14px}
#cmHelpSection .cm-help-identity svg{width:40px;height:40px;flex:0 0 40px;color:var(--cm-ui-primary,#80e4dc)}
#cmHelpSection .cm-help-identity strong{font-size:17px}
#cmHelpSection .cm-help-identity p{margin:4px 0;color:var(--cm-ui-muted,#c2d8e1);font-size:13px}
#cmHelpSection .cm-help-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--cm-ui-border,#426573);padding-top:15px;margin-top:14px}
#cmHelpSection .cm-help-stats>div{min-width:0;display:grid;gap:3px}
#cmHelpSection .cm-help-stats small{color:var(--cm-ui-muted,#c2d8e1)}
#cmHelpSection .cm-help-stats strong{font-weight:650;overflow-wrap:anywhere}
#cmHelpSection .cm-help-row{font:inherit;color:var(--cm-ui-text,#eaf7fa);background:transparent;border:0;border-top:1px solid var(--cm-ui-border,#426573);width:100%;text-align:left;padding:15px 2px;display:flex;align-items:center;gap:14px;cursor:pointer}
#cmHelpSection .cm-help-row:hover{background:var(--cm-ui-record-hover,rgba(255,255,255,.12))}
#cmHelpSection .cm-help-row>svg:first-child{width:22px;height:22px;flex:0 0 22px;color:var(--cm-ui-primary,#80e4dc)}
#cmHelpSection .cm-help-row>svg:last-child{width:17px;height:17px;flex:0 0 17px;margin-left:auto;color:var(--cm-ui-muted,#c2d8e1)}
#cmHelpSection .cm-help-row-label{display:grid;gap:4px;min-width:0}
#cmHelpSection .cm-help-row-label strong{font-size:14px}
#cmHelpSection .cm-help-row-label small{font-size:12px;color:var(--cm-ui-muted,#c2d8e1)}
#cmHelpSection .cm-help-search,#cmHelpSection .cm-help-support-form input,#cmHelpSection .cm-help-support-form select,#cmHelpSection .cm-help-support-form textarea{width:100%;color:var(--cm-ui-text,#eaf7fa)!important;background:var(--cm-ui-field,#102f40)!important;border:1px solid var(--cm-ui-border,#426573)!important;border-radius:var(--cm-ui-radius,12px);min-width:0;box-sizing:border-box}
#cmHelpSection .cm-help-search::placeholder,#cmHelpSection .cm-help-support-form textarea::placeholder{color:var(--cm-ui-muted,#c2d8e1)!important}
#cmHelpSection .cm-help-support-form option{background:var(--cm-ui-field,#102f40);color:var(--cm-ui-text,#eaf7fa);border-radius:0}
#cmHelpSection .cm-help-search{padding:12px 16px}
#cmHelpSection .cm-help-back{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--cm-ui-primary,#80e4dc);border:0;cursor:pointer;font:inherit;font-size:14px;padding:5px 0}
#cmHelpSection .cm-help-back svg{width:17px;height:17px}
#cmHelpSection .cm-help-accordion{border-top:1px solid var(--cm-ui-border,#426573);padding:13px 0}
#cmHelpSection .cm-help-accordion summary{cursor:pointer;color:var(--cm-ui-text,#eaf7fa);font-weight:650;line-height:1.5}
#cmHelpSection .cm-help-accordion p{line-height:1.65;color:var(--cm-ui-muted,#c2d8e1);margin:10px 0 2px}
#cmHelpSection .cm-help-support-form{display:grid;gap:16px;margin-top:20px}
#cmHelpSection .cm-help-field{display:grid;gap:8px;color:var(--cm-ui-text,#eaf7fa);font-size:14px;font-weight:650}
#cmHelpSection .cm-help-field input,#cmHelpSection .cm-help-field select,#cmHelpSection .cm-help-field textarea{font-weight:400}
#cmHelpSection .cm-help-status{color:var(--cm-ui-primary,#80e4dc);font-size:13px;margin:0}
#cmHelpSection .cm-help-support-form button{justify-self:start;min-height:44px}
#cmHelpSection .cm-help-release{padding:14px 0;border-top:1px solid var(--cm-ui-border,#426573)}
#cmHelpSection .cm-help-release h3{margin:6px 0;color:var(--cm-ui-text,#eaf7fa);font-size:16px}
#cmHelpSection .cm-help-release p,#cmHelpSection .cm-help-release small{color:var(--cm-ui-muted,#c2d8e1);line-height:1.5;margin:0}
#cmHelpSection .cm-help-footer{text-align:center;font-size:12px;color:var(--cm-ui-muted,#c2d8e1)}
#cmHelpSection :is(button,input,select,textarea,summary):focus-visible{outline:3px solid var(--cm-ui-focus,#9de9ed)!important;outline-offset:2px}
#app>nav #navHelp{margin-top:6px}
@media (max-width:600px){#cmHelpSection .cm-help-stats{grid-template-columns:1fr}#cmHelpSection .cm-help-container{gap:14px}#cmHelpSection .cm-help-support-form button{width:100%}#cmHelpSection .cm-help-row{gap:10px}}
