/* ==========================================================================
   SPEED Unified Design System — speed-theme.css
   스피드TC학원 · leveltest / speedvoca / speedtc-admin 공통 스킨
   --------------------------------------------------------------------------
   Injected as the LAST element in <head> of every page (after inline <style>).
   Rules here override each page's :root tokens and component skins by source
   order. SAFETY CONTRACT: this file only touches color / background / border /
   shadow / radius / typography. It NEVER sets display, position, width, height,
   grid, flex, margin, padding, float or overflow. !important is used only on a
   handful of brand-critical elements that pages commonly hardcode inline.
   ========================================================================== */

:root{--speed-theme:1}

/* --------------------------------------------------------------------------
   0. Canonical tokens (namespace --sp-*) — single source of truth
   -------------------------------------------------------------------------- */
:root{
  --sp-bg:#FBF9F4;
  --sp-bg-sunken:#F4F0E6;
  --sp-surface:#FFFFFF;
  --sp-surface-alt:#FAF7EF;
  --sp-gold-tint:#FBF4DF;

  --sp-gold:#C9A227;
  --sp-gold-dark:#A5831A;
  --sp-gold-deep:#7E6412;
  --sp-gold-light:#E6D48A;
  --sp-gold-ring:rgba(201,162,39,.28);
  --sp-gold-grad:linear-gradient(135deg,#D3AD30,#C9A227 55%,#BD9620);

  --sp-ink:#1F1B14;
  --sp-ink-2:#4B4536;
  --sp-ink-3:#7B7466;
  --sp-ink-4:#A9A294;
  --sp-ink-5:#CFC8B9;
  --sp-line:#E9E3D5;
  --sp-line-strong:#D8D0BD;

  --sp-success:#2E7D5B;
  --sp-warn:#D08A1F;
  --sp-danger:#C7443A;
  --sp-info:#3A6DB0;
  --sp-kakao:#FEE500;

  --sp-success-bg:#E8F3EE;
  --sp-warn-bg:#FBF0DE;
  --sp-danger-bg:#F9E7E5;
  --sp-info-bg:#E9F0F9;

  --sp-shadow-sm:0 2px 8px rgba(31,27,20,.05);
  --sp-shadow-md:0 8px 24px rgba(31,27,20,.07);
  --sp-shadow-lg:0 16px 40px rgba(31,27,20,.10);

  --sp-r-6:6px;--sp-r-10:10px;--sp-r-14:14px;--sp-r-20:20px;--sp-r-28:28px;--sp-r-pill:999px;

  --sp-sans:'Pretendard Variable','Pretendard',-apple-system,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;
  --sp-serif:'Noto Serif KR','Nanum Myeongjo',Georgia,serif;
}

/* --------------------------------------------------------------------------
   1. Variable remaps — App 1: leveltest
   (NOT remapped: --high-* --pink-* --orange-1/2 --green-1/2 --gold-1/2/3
    --ease --w --bg-dark --text-dim)
   -------------------------------------------------------------------------- */
:root{
  --bg:var(--sp-bg);
  --bg-soft:var(--sp-bg-sunken);
  --paper:var(--sp-surface);
  --card:var(--sp-surface);
  --soft:var(--sp-surface-alt);

  --beige-50:var(--sp-surface-alt);
  --beige-100:var(--sp-bg-sunken);
  --beige-200:var(--sp-line);
  --beige-300:var(--sp-line-strong);
  --beige-400:var(--sp-ink-5);

  --line:var(--sp-line);
  --line-soft:var(--sp-surface-alt);

  --ink:var(--sp-ink);
  --ink-2:var(--sp-ink-2);
  --ink-3:var(--sp-ink-3);
  --ink-4:var(--sp-ink-4);
  --text:var(--sp-ink);
  --text-soft:var(--sp-ink-3);
  --text-mute:var(--sp-ink-4);

  --gold:var(--sp-gold);
  --gold-dark:var(--sp-gold-dark);
  --gold-deep:var(--sp-gold-deep);
  --gold-soft:var(--sp-gold-tint);
  --accent:var(--sp-gold);

  --shadow-sm:var(--sp-shadow-sm);
  --shadow:var(--sp-shadow-md);
  --shadow-lg:var(--sp-shadow-lg);

  --red:var(--sp-danger);
  --green:var(--sp-success);
  --orange:var(--sp-warn);
  --blue:var(--sp-info);
  --info:var(--sp-info);

  --serif:var(--sp-serif);
  --sans:var(--sp-sans);
  --font:var(--sp-sans);
  --font-body:var(--sp-sans);
  --font-display:var(--sp-sans);
}

/* --------------------------------------------------------------------------
   2. Variable remaps — App 2: speedvoca
   (NOT remapped: --error* --err --fail* --pass* --success --ok --warning
    --warn* --voca-1/2 --warm-purple/pink/orange/blue --color-text-tertiary
    --color-border-tertiary)
   -------------------------------------------------------------------------- */
:root{
  --white:var(--sp-surface);
  --cream:var(--sp-bg);
  --soft-cream:var(--sp-surface-alt);
  --warm-bg:var(--sp-bg);

  --gray-50:var(--sp-surface-alt);
  --gray-100:var(--sp-bg-sunken);
  --gray-200:var(--sp-line);
  --gray-300:var(--sp-line-strong);
  --gray-400:var(--sp-ink-4);
  --gray-500:var(--sp-ink-3);
  --gray-700:var(--sp-ink-2);
  --gray-900:var(--sp-ink);
  --g200:var(--sp-line);
  --g300:var(--sp-line-strong);
  --g500:var(--sp-ink-3);
  --g700:var(--sp-ink-2);

  --ink-1:var(--sp-ink);
  --ink-5:var(--sp-ink-5);
  --ink-6:var(--sp-line);

  --gold-pale:var(--sp-gold-tint);
  --gold-light:var(--sp-gold-light);
  --gold-bright:var(--sp-gold);
  --gold-d:var(--sp-gold-dark);

  --tc-gold:var(--sp-gold);
  --tc-gold-2:var(--sp-gold-dark);
  --tc-gold-deep:var(--sp-gold-deep);
  --tc-gold-bright:var(--sp-gold);
  --tc-gold-soft:var(--sp-gold-tint);
  --tc-tan:var(--sp-gold-light);
  --tc-tan-2:var(--sp-line-strong);
  --tc-tan-dark:var(--sp-gold-dark);
  --tc-tan-soft:var(--sp-gold-tint);
  --tc-cream:var(--sp-bg);
  --tc-cream-2:var(--sp-surface-alt);
  --tc-beige-1:var(--sp-bg-sunken);
  --tc-beige-2:var(--sp-surface-alt);
  --tc-line:var(--sp-line);
  --tc-line-2:var(--sp-line-strong);
  --tc-black:var(--sp-ink);
  --tc-black-2:var(--sp-ink-2);
  --tc-charcoal:var(--sp-ink-2);
  --tc-deep:var(--sp-ink);

  --shadow-md:var(--sp-shadow-md);
  --shadow-gold:0 8px 24px rgba(201,162,39,.22);
}

/* --------------------------------------------------------------------------
   3. Variable remaps — App 3: speedtc-admin
   (NOT remapped: --navy --navy2 --nv --nv-2 --nv-line --nv-deep --indigo
    --c-purple --c-green --c-pink --c-orange --c-blue --c-yellow --c-red)
   -------------------------------------------------------------------------- */
:root{
  --c-bg:var(--sp-bg);
  --c-card:var(--sp-surface);
  --c-border:var(--sp-line);
  --c-text:var(--sp-ink);
  --c-muted:var(--sp-ink-3);
  --c-accent:var(--sp-gold);
  --c-accent-light:var(--sp-gold-tint);
  --c-accent-soft:var(--sp-gold-light);

  /* 사이드바는 원래 색 유지 (흰 배경 · 연한 크림 소메뉴 · 골드 활성) */
  --c-sidebar-bg:#ffffff;
  --c-sidebar-section:#faf6ee;
  --c-sidebar-text:#4a443e;
  --c-sidebar-hover:#faf6ee;
  --c-sidebar-active:var(--sp-gold);
  --c-table-header:var(--sp-surface-alt);
  --c-table-header-text:var(--sp-ink-2);

  --muted:var(--sp-ink-3);
  --faint:var(--sp-ink-4);
  --gray:var(--sp-ink-3);
  --gray2:var(--sp-ink-4);

  --gold2:var(--sp-gold-dark);
  --gold-tint:var(--sp-gold-tint);
  --g:var(--sp-gold);
  --g-b:var(--sp-gold-dark);
  --g-l:var(--sp-gold-light);
  --grad:var(--sp-gold-grad);
  --gold-grad:var(--sp-gold-grad);

  --ok:var(--sp-success);
  --danger:var(--sp-danger);
}

/* --------------------------------------------------------------------------
   4. Generic element skins (soft) — no sizing
   -------------------------------------------------------------------------- */
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{
  background-color:var(--sp-bg);
  color:var(--sp-ink);
  font-family:var(--sp-sans);
}
h1,h2,h3,h4,h5,h6{color:var(--sp-ink);letter-spacing:-.02em}
h1,h2{font-weight:800}
h3,h4,h5,h6{font-weight:700}
a{color:var(--sp-gold-deep)}
a:hover{color:var(--sp-gold-dark)}
hr{border-color:var(--sp-line)}
button,input,select,textarea{font-family:inherit}
button{color:inherit}
::selection{background:var(--sp-gold-light);color:var(--sp-ink)}
::placeholder{color:var(--sp-ink-4)}

table thead th,
.grade-table thead th,.skill-table thead th{
  background:var(--sp-surface-alt);
  color:var(--sp-ink-2);
  font-weight:600;
  border-color:var(--sp-line);
}
table tbody td{border-color:var(--sp-line)}
.grade-table,.skill-table,.table-wrap{border-color:var(--sp-line)}
.table-wrap{background:var(--sp-surface);border-radius:var(--sp-r-14);box-shadow:var(--sp-shadow-sm)}

input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),
select,textarea,.input{
  border-color:var(--sp-line-strong);
  border-radius:var(--sp-r-10);
  background-color:var(--sp-surface);
  color:var(--sp-ink);
}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):focus,
select:focus,textarea:focus,.input:focus{
  outline:none;
  border-color:var(--sp-gold);
  box-shadow:0 0 0 3px var(--sp-gold-ring);
}
input:disabled,select:disabled,textarea:disabled{background-color:var(--sp-bg-sunken);color:var(--sp-ink-4)}
input[type=checkbox],input[type=radio]{accent-color:var(--sp-gold)}
progress{accent-color:var(--sp-gold)}

/* --------------------------------------------------------------------------
   5. Shared button language (all three apps)
   -------------------------------------------------------------------------- */
.btn,.btn-secondary,.btn-mini,.icon-btn,.modal-btn,
.back-btn,.btn-nav,.mem-btn,.wb-grp-btn,.tc-btn-outline,
.btn-light,.btn-cancel,.btn-sm,.small-btn,.btn-print,.print-btn{
  background:var(--sp-surface);
  color:var(--sp-ink-2);
  border-color:var(--sp-line-strong);
  border-radius:var(--sp-r-10);
  font-family:inherit;
  font-weight:600;
  letter-spacing:-.01em;
  box-shadow:var(--sp-shadow-sm);
}
.btn:hover,.btn-secondary:hover,.btn-mini:hover,.icon-btn:hover,.modal-btn:hover,
.back-btn:hover,.btn-nav:hover,.mem-btn:hover,.wb-grp-btn:hover,.tc-btn-outline:hover,
.btn-light:hover,.btn-cancel:hover,.btn-sm:hover,.small-btn:hover,.btn-print:hover,.print-btn:hover{
  background:var(--sp-gold-tint);
  color:var(--sp-ink);
  border-color:var(--sp-gold-light);
}
.btn:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--sp-gold-ring)}
.btn:disabled,.btn[disabled],button:disabled{opacity:.55;box-shadow:none}

/* outline variants keep a gold rim */
.tc-btn-outline,.btn-nav.active,.wb-grp-btn.active,.mem-btn.active{
  color:var(--sp-gold-deep);
  border-color:var(--sp-gold);
  background:var(--sp-gold-tint);
}

/* Primary — gold gradient */
.btn-primary,.btn.primary,.btn.btn-primary,.submit-btn,.tc-btn-primary,
.btn-primary:not(:disabled):hover,.btn.primary:hover,.submit-btn:hover,.tc-btn-primary:hover{
  background:var(--sp-gold-grad) !important;
  color:#fff !important;
  border-color:transparent !important;
  border-radius:var(--sp-r-10);
  font-weight:700;
  box-shadow:0 6px 18px rgba(201,162,39,.28);
  text-shadow:0 1px 0 rgba(0,0,0,.08);
}
.btn-primary:not(:disabled):hover,.btn.primary:hover,.submit-btn:hover,.tc-btn-primary:hover{
  background:linear-gradient(135deg,#C9A227,#BD9620 55%,#A5831A) !important;
  box-shadow:0 8px 22px rgba(165,131,26,.32);
}
.btn-primary:disabled,.submit-btn:disabled,.tc-btn-primary:disabled{
  background:var(--sp-ink-5) !important;color:#fff !important;box-shadow:none;text-shadow:none;
}

/* Dark / neutral emphasis */
.btn-dark{background:var(--sp-ink);color:#fff;border-color:var(--sp-ink);border-radius:var(--sp-r-10);font-weight:600}
.btn-dark:hover{background:var(--sp-ink-2);border-color:var(--sp-ink-2)}

/* Danger */
.btn-red,.btn.danger,.btn-danger{
  background:var(--sp-danger-bg);color:#9E3128;border-color:#EBC2BD;border-radius:var(--sp-r-10);font-weight:600;
}
.btn-red:hover,.btn.danger:hover,.btn-danger:hover{background:var(--sp-danger);color:#fff;border-color:var(--sp-danger)}

/* Admin colored buttons — warm-toned tints, distinguishable, not saturated web colors */
.btn-blue  {background:var(--sp-info-bg);   color:#2B5590;border-color:#C6D6EC;border-radius:var(--sp-r-10);font-weight:600}
.btn-green {background:var(--sp-success-bg);color:#236348;border-color:#BFDCCD;border-radius:var(--sp-r-10);font-weight:600}
.btn-orange{background:var(--sp-warn-bg);   color:#9A6414;border-color:#EDD5AE;border-radius:var(--sp-r-10);font-weight:600}
.btn-purple{background:#EFEAF6;             color:#5B4488;border-color:#D6CBE8;border-radius:var(--sp-r-10);font-weight:600}
.btn-pink  {background:#F9E9EE;             color:#973B5A;border-color:#EBC4D1;border-radius:var(--sp-r-10);font-weight:600}
.btn-blue:hover  {background:#DCE8F5;border-color:#A9C2E2}
.btn-green:hover {background:#D8ECE1;border-color:#A3CBB8}
.btn-orange:hover{background:#F6E5C8;border-color:#E0BF8E}
.btn-purple:hover{background:#E4DCF0;border-color:#C3B3DD}
.btn-pink:hover  {background:#F3DBE4;border-color:#DFA9BC}

/* Kakao */
[class*="kakao"],.b-kakao,.btn-kakao,.kakao-btn,.btn.kakao{
  background:var(--sp-kakao) !important;
  color:#3A1D1D !important;
  border-color:#E6CF00 !important;
  font-weight:700;
  text-shadow:none;
}
[class*="kakao"]:hover,.b-kakao:hover,.btn-kakao:hover{background:#F5DD00 !important;box-shadow:0 6px 18px rgba(230,207,0,.35)}

/* leveltest emphasized "view" row button — solid info blue */
.btn-row.b-view{background:var(--sp-info) !important;color:#fff !important;border-color:var(--sp-info) !important;font-weight:700}
.btn-row.b-view:hover{background:#2F5C98 !important;border-color:#2F5C98 !important}

/* --------------------------------------------------------------------------
   6. Surfaces — cards / panels / boxes
   -------------------------------------------------------------------------- */
.card,.result-card,.feat-card,.test-card,.grade-card,.skill-card,
.tc-card,.stat-box,.stat-card,.kpi-card,.feature-card,.mode-card,.cat-card,.step-card,.process-card,
.panel,.info-card,.box,.filter-box,.tab-content,.tab-section{
  background:var(--sp-surface);
  border-color:var(--sp-line);
  border-radius:var(--sp-r-14);
  box-shadow:var(--sp-shadow-sm);
  color:var(--sp-ink);
}
.feat-card,.feature-card,.mode-card,.cat-card,.process-card,.result-card,.grade-card{border-radius:var(--sp-r-20)}
.card:hover,.feat-card:hover,.test-card:hover,.tc-card:hover,.feature-card:hover,.mode-card:hover,.cat-card:hover,.step-card:hover,.process-card:hover{
  border-color:var(--sp-gold-light);
  box-shadow:var(--sp-shadow-md);
}
.test-card.active,.mode-card.active,.cat-card.active,.card.selected,.tc-card.selected{
  border-color:var(--sp-gold);
  box-shadow:0 0 0 3px var(--sp-gold-ring),var(--sp-shadow-sm);
}
.filter-box,.box{background:var(--sp-surface-alt);box-shadow:none}
.panel-title,.tab-section-title,.sec-title,.section-title,.modal-title,.ft-title,.title,.level-title,.ap-pgtitle{
  color:var(--sp-ink);font-weight:800;letter-spacing:-.02em;
}
.panel-note,.section-sub,.subtitle{color:var(--sp-ink-3);font-weight:400}
.section-tag{color:var(--sp-gold-deep);background:var(--sp-gold-tint);border-color:var(--sp-gold-light);border-radius:var(--sp-r-pill);font-weight:700;letter-spacing:.02em}
.section,.section-inner,.tc-section{background-color:transparent}
.section-header{border-color:var(--sp-line)}

/* info / warn / url boxes */
.info-box{background:var(--sp-info-bg);border-color:#C6D6EC;color:#2B5590;border-radius:var(--sp-r-10)}
.warn-box,.warning-box{background:var(--sp-warn-bg);border-color:#EDD5AE;color:#8A5A10;border-radius:var(--sp-r-10)}
.url-box{background:var(--sp-surface-alt);border-color:var(--sp-line-strong);color:var(--sp-ink-2);border-radius:var(--sp-r-10);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

/* --------------------------------------------------------------------------
   7. Chips / badges / pills
   -------------------------------------------------------------------------- */
.chip,.q-chip,.badge,.grade-pill,.progress-pill,.hero-badge,.step-badge,.chart-stat-pill,.word-pill{
  border-radius:var(--sp-r-pill);
  font-weight:600;
  letter-spacing:-.01em;
}
.chip,.q-chip,.word-pill,.chart-stat-pill{
  background:var(--sp-surface-alt);color:var(--sp-ink-2);border-color:var(--sp-line-strong);
}
.chip.active,.q-chip.active,.chip.selected,.q-chip.selected{
  background:var(--sp-gold-tint);color:var(--sp-gold-deep);border-color:var(--sp-gold);
}
.badge{background:var(--sp-gold-tint);color:var(--sp-gold-deep);border-color:var(--sp-gold-light)}
.badge-enrolled{background:var(--sp-success-bg);color:var(--sp-success);border-color:#BFDCCD}
.badge-left{background:var(--sp-bg-sunken);color:var(--sp-ink-3);border-color:var(--sp-line-strong)}
.grade-pill,.hero-badge,.step-badge{background:var(--sp-gold-grad);color:#fff;border-color:transparent;box-shadow:0 3px 10px rgba(201,162,39,.25)}
.progress-pill{background:var(--sp-bg-sunken);color:var(--sp-ink-2);border-color:var(--sp-line)}

/* --------------------------------------------------------------------------
   8. Navigation / headers / tabs / modals
   -------------------------------------------------------------------------- */
.topbar,.nav-bar,.nav-inner,.header-right,.nav,.navbar,.header,.page-header{
  background-color:rgba(251,249,244,.94);
  border-color:var(--sp-line);
  color:var(--sp-ink);
}
.topbar,.nav-bar,.navbar,.nav{box-shadow:0 1px 0 var(--sp-line)}
.topbar a,.nav-bar a,.navbar a,.nav a{color:var(--sp-ink-2)}
.topbar a:hover,.nav-bar a:hover,.navbar a:hover,.nav a:hover,
.topbar a.active,.nav-bar a.active,.navbar a.active,.nav a.active{color:var(--sp-gold-deep)}

.tabs{border-color:var(--sp-line)}
.tab,.tab-btn,.staff-tab{
  color:var(--sp-ink-3);
  font-weight:600;
  border-color:transparent;
  background:transparent;
  border-radius:var(--sp-r-10);
}
.tab:hover,.tab-btn:hover,.staff-tab:hover{color:var(--sp-ink);background:var(--sp-gold-tint)}
.tab.active,.tab-btn.active,.staff-tab.active,.tab.on,.tab-btn.on,.tab[aria-selected=true],.tab-btn[aria-selected=true]{
  color:var(--sp-gold-deep);
  background:var(--sp-gold-tint);
  border-color:var(--sp-gold);
  font-weight:700;
}

.modal-header{background:var(--sp-surface);border-color:var(--sp-line);color:var(--sp-ink)}
.modal-footer{background:var(--sp-surface-alt);border-color:var(--sp-line)}

/* Hero — colors only, layout untouched */
.hero,.doc-hero{
  background-color:var(--sp-bg-sunken);
  background-image:radial-gradient(900px 400px at 85% -10%,rgba(201,162,39,.16),transparent 60%),
                   linear-gradient(180deg,var(--sp-bg-sunken),var(--sp-bg));
  color:var(--sp-ink);
  border-color:var(--sp-line);
}
.hero h1,.hero h2,.doc-hero h1,.doc-hero h2{color:var(--sp-ink)}

/* Footers */
.foot,.tc-footer{background:var(--sp-bg-sunken);color:var(--sp-ink-3);border-color:var(--sp-line)}
.foot a,.tc-footer a{color:var(--sp-ink-2)}

/* --------------------------------------------------------------------------
   9. 분석지 report pages — serif headings allowed via remapped --serif
   (layouts untouched; only font stacks come from section 1)
   -------------------------------------------------------------------------- */
.report h1,.report h2,.report .sec-title,
[class*="report"] .sec-title{letter-spacing:-.01em}

/* --------------------------------------------------------------------------
   10. Print — keep cream off paper
   -------------------------------------------------------------------------- */
@media print{
  body{background:#fff;color:#000}
  :root{--bg:#fff;--c-bg:#fff;--cream:#fff;--sp-bg:#fff}
  .card,.panel,.tc-card,.table-wrap{box-shadow:none}
}

/* --------------------------------------------------------------------------
   11. Variable remaps — App 4: gyojae (교재관리 · 수학진도표)
   brand green → gold; semantic chart colors harmonized, kept distinguishable
   -------------------------------------------------------------------------- */
:root{
  --bg:var(--sp-bg);
  --card:var(--sp-surface);
  --line:var(--sp-line);
  --ink:var(--sp-ink);
  --muted:var(--sp-ink-3);

  --brand:var(--sp-gold);
  --brand2:#D3AD30;
  --brand-soft:var(--sp-gold-tint);
  --brandink:var(--sp-gold-deep);

  --side:var(--sp-bg-sunken);
  --sideink:var(--sp-ink-2);
  --sidehover:var(--sp-gold-tint);

  --green:var(--sp-success);
  --amber:var(--sp-warn);
  --red:var(--sp-danger);
  --teal:var(--sp-info);
  --purple:#7A5FA8;
  --pink:#C94F86;
}

/* --------------------------------------------------------------------------
   12. SPEED 브랜드 로고 — S 동그라미 (모든 시스템 좌측 상단 공통)
   -------------------------------------------------------------------------- */
.speed-logo{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;
  border:2.5px solid #C9A227;color:#7E6412;background:#fff;font-weight:900;font-size:17px;line-height:1;
  font-family:Georgia,'Times New Roman',serif;box-shadow:0 2px 8px rgba(201,162,39,.28);flex:0 0 auto;text-decoration:none}
.speed-logo.lg{width:44px;height:44px;font-size:22px;border-width:3px}
.speed-logo.sm{width:26px;height:26px;font-size:13px;border-width:2px}
@media print{#scur{display:none !important}}

/* 통합관리 사이드바: 대메뉴 글자를 조금 진하게, 소메뉴는 원래 톤 */
.sidebar .menu-group-header{color:#1F1B14;font-weight:800}
.sidebar .menu-item{color:#4a443e;background:transparent}
.sidebar .menu-item:hover{background:#faf6ee}
