:root{
  --bg:#f6f7fb;
  --surface:#ffffff;
  --surface-soft:#fbfcfe;
  --text:#111c34;
  --muted:#71809a;
  --line:#dfe5ef;
  --line-soft:#edf1f6;
  --navy:#0e1729;
  --navy-2:#111c31;
  --navy-card:#222d43;
  --navy-muted:#aab5ca;
  --blue:#1769ff;
  --blue-dark:#0f5be8;
  --blue-soft:#eef5ff;
  --blue-line:#cfe0ff;
  --green:#159466;
  --green-soft:#edf9f4;
  --purple:#7455e8;
  --purple-soft:#f5f1ff;
  --cyan:#2397a6;
  --cyan-soft:#effafa;
  --amber:#c66500;
  --amber-soft:#fff8ea;
  --red:#df2727;
  --red-soft:#fff1f1;
  --shadow:0 5px 18px rgba(18,31,53,.035);
  --radius:16px;
  --radius-sm:10px;
}
*{box-sizing:border-box}
html,body.volan-app-body{
  margin:0!important;
  padding:0!important;
  min-height:100%;
  background:var(--bg)!important;
  color:var(--text);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased;
}
body.volan-app-body{min-height:100vh}
body.volan-app-body #wpadminbar{display:none!important}
.volan-app-body a,.volan-app-body a:visited{color:inherit}
.volan-app-shell{display:flex;min-height:100vh}

/* SIDEBAR - closely aligned to InsulaBit Task Manager reference */
.volan-app-sidebar{
  position:fixed;
  inset:0 auto 0 0;
  width:258px;
  background:linear-gradient(180deg,var(--navy),var(--navy-2));
  color:#fff;
  display:flex;
  flex-direction:column;
  padding:24px 17px 17px;
  z-index:1000;
}
.volan-app-brand{
  padding:0 10px 26px;
  margin-bottom:17px;
}
.volan-app-brandtext strong{
  display:block;
  font-size:24px;
  line-height:1;
  color:#fff;
  font-weight:800;
  letter-spacing:-.025em;
}
.volan-app-brandtext span{
  display:block;
  margin-top:5px;
  color:#8998b4;
  font-size:10px;
  font-weight:700;
  letter-spacing:.17em;
}
.volan-app-role-pill{
  height:28px;
  margin:0 0 18px;
  border-radius:999px;
  background:#253047;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:800;
  letter-spacing:.07em;
}
.volan-app-nav{
  display:flex;
  flex-direction:column;
  gap:6px;
  overflow:auto;
}
.volan-app-nav a,
.volan-app-nav a:link,
.volan-app-nav a:visited{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:44px;
  padding:10px 13px;
  border-radius:11px;
  color:#b6c1d5!important;
  text-decoration:none!important;
  font-size:14px;
  font-weight:650;
  transition:background .15s ease,color .15s ease;
}
.volan-app-nav a:hover,
.volan-app-nav a:focus{
  background:rgba(255,255,255,.055);
  color:#fff!important;
  outline:0;
}
.volan-app-nav a.is-active,
.volan-app-nav a.is-active:visited,
.volan-app-nav a.is-active:hover{
  background:#222d43;
  color:#fff!important;
}
.volan-app-nav .dashicons{
  width:19px;height:19px;font-size:19px;flex:0 0 19px;color:inherit!important;
}
.volan-app-nav a span:last-child{color:inherit!important}
.volan-app-user{
  margin-top:auto;
  padding:16px 7px 0;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  gap:10px;
}
.volan-app-avatar{
  width:36px;height:36px;border-radius:10px;
  background:#253047;color:#fff;
  display:grid;place-items:center;font-weight:800;
}
.volan-app-usertext{min-width:0;flex:1}
.volan-app-usertext strong,.volan-app-usertext span{
  display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.volan-app-usertext strong{font-size:12.5px;color:#fff}
.volan-app-usertext span{font-size:10.5px;color:#7f8ca6;margin-top:3px}
.volan-app-logout,.volan-app-logout:visited{
  color:#8390aa!important;text-decoration:none;width:32px;height:32px;border-radius:8px;display:grid;place-items:center
}
.volan-app-logout:hover{color:#fff!important;background:rgba(255,255,255,.06)}

/* MAIN */
.volan-app-main{
  margin-left:258px;
  width:calc(100% - 258px);
  min-height:100vh;
}
.volan-app-topbar{
  height:68px;
  background:rgba(246,247,251,.96);
  display:flex;
  align-items:center;
  padding:0 34px;
  position:sticky;
  top:0;
  z-index:50;
}
.volan-app-top-title{
  display:flex;
  flex-direction:column;
  gap:2px;
  color:var(--text);
  font-weight:760;
  font-size:14px;
}
.volan-app-top-title small{color:var(--muted);font-size:10.5px;font-weight:500}
.volan-app-site-link,.volan-app-site-link:visited{
  margin-left:auto;color:var(--muted)!important;text-decoration:none!important;font-size:12px;font-weight:650;
  display:flex;align-items:center;gap:5px;padding:8px 10px;border-radius:9px
}
.volan-app-site-link:hover{background:#fff;color:var(--blue)!important}
.volan-app-site-link .dashicons{font-size:15px;width:15px;height:15px}
.volan-app-menu-toggle{display:none;border:0;background:transparent;margin-right:10px;cursor:pointer;color:var(--text)}
.volan-app-content{
  padding:8px 34px 58px;
  max-width:1600px;
  margin:0 auto;
}
.volan-app-content .wrap{margin:0!important}
.volan-app-content .wrap>h1{
  font-size:29px;
  line-height:1.1;
  margin:0 0 23px;
  color:var(--text);
  font-weight:800;
  letter-spacing:-.035em;
}
.volan-app-content h2{font-size:19px;margin:26px 0 13px;color:var(--text);letter-spacing:-.015em}
.volan-app-content h3{color:var(--text)}
.volan-app-content p{line-height:1.55}
.volan-app-content a,.volan-app-content a:visited{color:var(--blue)}
.volan-app-content hr{border:0;border-top:1px solid var(--line);margin:28px 0}

/* PAGE HEADER */
.volan-app-pagehead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin:0 0 22px;
}
.volan-app-pagehead h1{
  font-size:31px;
  line-height:1.05;
  letter-spacing:-.04em;
  margin:4px 0 9px;
  color:var(--text);
}
.volan-app-pagehead p{margin:0;color:var(--muted);font-size:14px}
.volan-app-pagehead .volan-app-eyebrow{
  color:var(--blue);
  font-size:10px;
  letter-spacing:.15em;
  font-weight:800;
}

/* DASHBOARD METRICS */
.volan-stat-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(145px,1fr));
  gap:16px;
  margin-bottom:21px;
}
.volan-stat-card,.volan-stat-card:visited{
  background:#fff;
  border:1px solid var(--line);
  border-top:3px solid #d9e6ff;
  border-radius:var(--radius);
  padding:18px 20px;
  text-decoration:none!important;
  display:flex;
  align-items:center;
  gap:14px;
  min-height:104px;
  box-shadow:var(--shadow);
  color:var(--text)!important;
}
.volan-stat-card:nth-child(2){border-top-color:#ccf1dd}
.volan-stat-card:nth-child(3){border-top-color:#fde8a6}
.volan-stat-card:nth-child(4){border-top-color:#e6ddff}
.volan-stat-card:nth-child(5){border-top-color:#ffd7b1}
.volan-stat-card:hover{
  transform:translateY(-1px);
  border-color:#ccd8ea;
  box-shadow:0 8px 22px rgba(18,31,53,.06)
}
.volan-stat-card>.dashicons{
  width:38px;height:38px;border-radius:10px;background:#f3f6fb;color:var(--blue);
  display:grid;place-items:center;font-size:19px
}
.volan-stat-card strong{
  display:block;font-size:27px;line-height:1;color:var(--text);letter-spacing:-.035em
}
.volan-stat-card span{
  display:block;color:var(--muted);font-size:12px;margin-top:7px;font-weight:650
}
.volan-app-panel{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)
}
.volan-app-panel-title{
  display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line-soft)
}
.volan-app-panel-title h2{margin:0;font-size:16px}
.volan-app-panel-title a,.volan-app-panel-title a:visited{
  color:var(--blue)!important;text-decoration:none;font-size:12px;font-weight:700
}
.volan-empty{padding:28px;color:var(--muted);font-size:13px}

/* FORMS / CARDS */
.volan-app-content form,
.volan-app-content .volan-app-panel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.volan-app-content form{padding:24px;margin:14px 0 24px}
.volan-app-content form form{background:transparent;border:0;padding:0;margin:0;box-shadow:none}
.volan-app-content .form-table{width:100%;border-collapse:collapse}
.volan-app-content .form-table th{
  width:215px;padding:14px 18px 14px 0;text-align:left;vertical-align:top;
  font-size:12.5px;font-weight:750;color:#33405a
}
.volan-app-content .form-table td{padding:9px 0}
.volan-app-content input[type=text],
.volan-app-content input[type=email],
.volan-app-content input[type=number],
.volan-app-content input[type=search],
.volan-app-content select,
.volan-app-content textarea{
  width:auto;max-width:100%;min-height:43px;border:1px solid #d8deea;border-radius:10px;background:#fff;
  padding:9px 12px;font:inherit;font-size:13px;color:var(--text);box-shadow:none;transition:.15s ease
}
.volan-app-content select{padding-right:32px}
.volan-app-content .regular-text{width:430px!important}
.volan-app-content .large-text{width:100%!important}
.volan-app-content textarea{min-height:96px;resize:vertical}
.volan-app-content input:focus,
.volan-app-content select:focus,
.volan-app-content textarea:focus{
  outline:0;border-color:#9dbdff;box-shadow:0 0 0 3px rgba(23,105,255,.09)
}
.volan-app-content input[type=checkbox],
.volan-app-content input[type=radio]{
  width:17px;height:17px;vertical-align:-3px;accent-color:var(--blue)
}
.volan-answer-admin-row{
  border-radius:12px!important;border-color:var(--line)!important;background:#fbfcfe!important
}

/* BUTTONS */
.volan-app-content .button,.volan-app-content .button:visited{
  appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:40px;border:1px solid #d7deea;border-radius:9px;background:#fff;color:#28344b!important;
  padding:8px 14px;text-decoration:none!important;font-weight:700;font-size:12.5px;cursor:pointer;
  box-shadow:0 1px 2px rgba(15,23,42,.02)
}
.volan-app-content .button:hover{border-color:#b9c5d6;background:#f8fafc;color:#142038!important}
.volan-app-content .button-primary,
.volan-app-content .button-primary:visited,
.volan-app-content .volan-app-primary,
.volan-app-content .volan-app-primary:visited{
  background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important;
  box-shadow:0 7px 17px rgba(23,105,255,.18)
}
.volan-app-content .button-primary:hover,
.volan-app-content .volan-app-primary:hover{
  background:var(--blue-dark)!important;color:#fff!important;transform:translateY(-1px)
}
.volan-app-content .button-small{min-height:32px;padding:5px 10px;font-size:11.5px}
.volan-app-content .description{color:var(--muted);font-size:11.5px}

/* TABLES */
.volan-table-scroll{overflow-x:auto}
.volan-app-content .widefat{
  width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);
  border-radius:14px;overflow:hidden;box-shadow:var(--shadow)
}
.volan-app-content .widefat th{
  background:#f7f9fc;color:#61718c;text-align:left;padding:12px 13px;font-size:10.5px;
  text-transform:uppercase;letter-spacing:.065em;font-weight:800;border-bottom:1px solid var(--line)
}
.volan-app-content .widefat td{
  padding:13px;border-bottom:1px solid var(--line-soft);vertical-align:middle;font-size:12.7px;color:#22304a
}
.volan-app-content .widefat tr:last-child td{border-bottom:0}
.volan-app-content .widefat.striped tbody tr:nth-child(odd){background:#fff}
.volan-app-content .widefat.striped tbody tr:nth-child(even){background:#fcfdff}
.volan-app-content .widefat tbody tr:hover{background:#f7faff!important}

/* STATUS / NOTICES */
.volan-status{
  display:inline-flex;align-items:center;padding:5px 10px;border-radius:8px;font-size:10.5px;font-weight:750;
  border:1px solid transparent
}
.volan-status.is-pass{background:var(--green-soft);color:#177451;border-color:#c9eadb}
.volan-status.is-fail{background:var(--red-soft);color:#bd3440;border-color:#f3ced2}
.volan-app-content .notice{
  border:1px solid var(--blue-line);background:#f4f8ff;border-left:4px solid var(--blue);
  border-radius:10px;padding:3px 12px;margin:13px 0!important;box-shadow:none
}
.volan-app-content .notice-success{border-color:#ccebdc;border-left-color:var(--green);background:#f2fbf6}
.volan-app-content .notice-warning{border-color:#f5dfb3;border-left-color:#d89427;background:#fffaf0}
.volan-app-content .notice-error{border-color:#f2cbd0;border-left-color:var(--red);background:#fff5f6}
.volan-app-content code{background:#eef5ff;color:#145ee6;border-radius:7px;padding:3px 7px}
.volan-app-content div[style*="background:#fff"]{border-radius:12px}

/* WordPress media modal compatibility */
.media-modal,.media-frame,.media-modal-content{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important
}
.media-modal .button{min-height:auto!important}

/* RESPONSIVE */
@media(max-width:1120px){
  .volan-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
  .volan-app-sidebar{
    width:258px;transform:translateX(-100%);transition:.22s ease;
    box-shadow:18px 0 42px rgba(0,0,0,.18)
  }
  .volan-app-nav-open .volan-app-sidebar{transform:translateX(0)}
  .volan-app-main{margin-left:0;width:100%}
  .volan-app-menu-toggle{display:inline-flex}
  .volan-app-topbar{padding:0 17px}
  .volan-app-content{padding:8px 15px 50px}
  .volan-app-content .form-table,
  .volan-app-content .form-table tbody,
  .volan-app-content .form-table tr,
  .volan-app-content .form-table th,
  .volan-app-content .form-table td{display:block;width:100%}
  .volan-app-content .form-table th{padding:10px 0 2px}
  .volan-app-pagehead{display:block}
  .volan-app-pagehead .button{margin-top:14px}
}
@media(max-width:560px){
  .volan-stat-grid{grid-template-columns:1fr}
  .volan-app-pagehead h1{font-size:28px}
  .volan-app-site-link span:first-child{display:none}
  .volan-app-site-link .dashicons{font-size:18px;width:18px;height:18px}
  .volan-app-content .regular-text{width:100%!important}
  .volan-app-content form{padding:16px}
}


/* CHECKBOX / RADIO GROUPS - 2.1.4 */
.volan-check-grid{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  align-items:flex-start;
  margin:2px 0 6px;
}
.volan-check-chip{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  margin:0!important;
  min-height:38px;
  padding:8px 11px;
  border:1px solid #dde3ed;
  border-radius:10px;
  background:#fff;
  color:#33405a;
  font-size:12.5px;
  font-weight:650;
  cursor:pointer;
  transition:.15s ease;
  user-select:none;
}
.volan-check-chip:hover{
  border-color:#bcd0f7;
  background:#f7faff;
  color:#1d3f78;
}
.volan-check-chip input[type=checkbox],
.volan-check-chip input[type=radio]{
  appearance:none;
  -webkit-appearance:none;
  width:17px!important;
  height:17px!important;
  min-width:17px;
  margin:0!important;
  border:1.5px solid #b9c3d3;
  border-radius:5px;
  background:#fff;
  position:relative;
  cursor:pointer;
  box-shadow:none!important;
}
.volan-check-chip input[type=radio]{
  border-radius:50%;
}
.volan-check-chip input[type=checkbox]:checked,
.volan-check-chip input[type=radio]:checked{
  background:var(--blue);
  border-color:var(--blue);
}
.volan-check-chip input[type=checkbox]:checked:after{
  content:"";
  position:absolute;
  left:4px;
  top:1px;
  width:5px;
  height:9px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
.volan-check-chip input[type=radio]:checked:after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:50%;
  background:#fff;
}
.volan-check-chip:has(input:checked){
  border-color:#a9c7ff;
  background:#eef5ff;
  color:#155bd6;
  box-shadow:0 0 0 1px rgba(23,105,255,.04);
}
.volan-check-chip span{
  display:inline-block;
  line-height:1.3;
}

/* Generic checkbox labels used in question/exam lists */
.volan-app-content label:has(> input[type=checkbox]):not(.volan-check-chip){
  cursor:pointer;
}
.volan-app-content .volan-practice-row,
.volan-app-content .volan-q-row{
  display:flex!important;
  align-items:center;
  gap:9px;
  padding:9px 10px!important;
  border:1px solid transparent!important;
  border-bottom:1px solid var(--line-soft)!important;
  border-radius:8px;
  margin:2px 0;
  transition:.15s ease;
}
.volan-app-content .volan-practice-row:hover,
.volan-app-content .volan-q-row:hover{
  background:#f7faff;
  border-color:#e0e9f8!important;
}
.volan-app-content .volan-practice-row input[type=checkbox],
.volan-app-content .volan-q-row input[type=checkbox]{
  flex:0 0 17px;
  margin:0!important;
}

@media(max-width:700px){
  .volan-check-grid{
    gap:7px;
  }
  .volan-check-chip{
    width:100%;
    justify-content:flex-start;
  }
}


/* RESULT TEST REVIEW - 2.1.5 */
.volan-result-review{
  display:grid;
  gap:12px;
}
.volan-result-question{
  box-shadow:0 3px 12px rgba(18,31,53,.03);
}
.volan-result-question p{
  margin:12px 0 0;
}


/* FRONTEND EXAM CATEGORY FILTER - 2.1.7 */
.volan-app-content .volan-practice-row.volan-filter-hidden,
.volan-app-content .volan-q-row.volan-filter-hidden{
  display:none!important;
}


/* MOBILE / TABLET SIDEBAR TOGGLE - 2.1.9 */
#volan_app_menu_toggle,
.volan-app-menu-toggle{
  cursor:pointer;
}

@media(max-width:960px){
  .volan-app-sidebar{
    position:fixed!important;
    top:0;
    left:0;
    bottom:0;
    z-index:10020;
    transform:translateX(-105%);
    transition:transform .22s ease;
    box-shadow:18px 0 40px rgba(14,23,41,.18);
  }

  body.volan-sidebar-open .volan-app-sidebar{
    transform:translateX(0);
  }

  body.volan-sidebar-open::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:10010;
    background:rgba(9,17,31,.38);
    backdrop-filter:blur(1px);
  }

  #volan_app_menu_toggle,
  .volan-app-menu-toggle{
    position:relative;
    z-index:10030;
  }
}


/* =========================================================
   FRONTEND UI REFINEMENT - 2.1.10
   ========================================================= */

.volan-app-main{
  min-width:0;
  background:#f6f7fb;
}

.volan-app-content{
  width:min(1440px,100%);
  margin:0 auto;
  padding:34px 36px 56px!important;
  box-sizing:border-box;
}

.volan-app-content .wrap{
  margin:0!important;
  padding:0!important;
}

.volan-app-content h1{
  margin:0 0 8px!important;
  font-size:30px!important;
  line-height:1.15!important;
  letter-spacing:-.025em;
}

.volan-app-content h2{
  margin:30px 0 14px!important;
  font-size:19px!important;
  line-height:1.25!important;
  color:#18233a;
}

.volan-app-content p{
  line-height:1.65;
}

.volan-app-topbar{
  min-height:76px;
  padding:0 28px!important;
  border-bottom:1px solid #e4e9f1;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(10px);
}

/* hamburger */
#volan_app_menu_toggle{
  width:42px;
  height:42px;
  padding:0;
  border:1px solid #dce3ee;
  border-radius:12px;
  background:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 14px rgba(18,31,53,.05);
  transition:.18s ease;
}

#volan_app_menu_toggle:hover{
  border-color:#b7c8e6;
  background:#f7faff;
  transform:translateY(-1px);
}

.volan-menu-bars{
  display:flex;
  flex-direction:column;
  gap:4px;
  width:18px;
}

.volan-menu-bars i{
  display:block;
  width:18px;
  height:2px;
  border-radius:999px;
  background:#1769ff;
  transition:.18s ease;
}

body.volan-sidebar-open .volan-menu-bars i:nth-child(1){
  transform:translateY(6px) rotate(45deg);
}
body.volan-sidebar-open .volan-menu-bars i:nth-child(2){
  opacity:0;
}
body.volan-sidebar-open .volan-menu-bars i:nth-child(3){
  transform:translateY(-6px) rotate(-45deg);
}

/* cards / panels */
.volan-app-content .widefat,
.volan-app-content .form-table,
.volan-app-content .postbox,
.volan-app-content > .wrap > div[style*="background:#fff"],
.volan-app-content form{
  border-radius:14px;
}

.volan-app-content .form-table{
  background:#fff;
  border:1px solid #e1e7f0;
  padding:18px 22px;
  box-shadow:0 6px 20px rgba(18,31,53,.035);
  border-collapse:separate!important;
  border-spacing:0!important;
}

.volan-app-content .form-table th{
  width:210px;
  padding:18px 18px 18px 0!important;
  color:#33405a;
  font-weight:700;
  vertical-align:top;
}

.volan-app-content .form-table td{
  padding:14px 0!important;
}

/* inputs */
.volan-app-content input[type=text],
.volan-app-content input[type=email],
.volan-app-content input[type=number],
.volan-app-content input[type=url],
.volan-app-content input[type=password],
.volan-app-content select,
.volan-app-content textarea{
  width:100%;
  max-width:720px;
  min-height:44px;
  padding:10px 13px!important;
  border:1px solid #d8e0eb!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#16223a!important;
  font-size:14px!important;
  line-height:1.45!important;
  box-shadow:0 1px 2px rgba(18,31,53,.02)!important;
  transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.volan-app-content textarea{
  min-height:110px;
  resize:vertical;
}

.volan-app-content input:focus,
.volan-app-content select:focus,
.volan-app-content textarea:focus{
  border-color:#1769ff!important;
  box-shadow:0 0 0 3px rgba(23,105,255,.10)!important;
  outline:none!important;
}

.volan-app-content select{
  cursor:pointer;
}

.volan-app-content .description{
  display:block;
  margin-top:6px;
  color:#7b879d!important;
  font-size:12.5px!important;
}

/* buttons */
.volan-app-content .button,
.volan-app-content button.button{
  min-height:38px;
  padding:7px 14px!important;
  border-radius:9px!important;
  border-color:#d7dfeb!important;
  background:#fff!important;
  color:#26344e!important;
  font-weight:650!important;
  box-shadow:none!important;
  transition:.15s ease;
}

.volan-app-content .button:hover,
.volan-app-content button.button:hover{
  border-color:#b9c8df!important;
  background:#f7faff!important;
  color:#1769ff!important;
}

.volan-app-content .button-primary,
.volan-app-content button.button-primary{
  border-color:#1769ff!important;
  background:#1769ff!important;
  color:#fff!important;
}

.volan-app-content .button-primary:hover,
.volan-app-content button.button-primary:hover{
  border-color:#0f5be8!important;
  background:#0f5be8!important;
  color:#fff!important;
  transform:translateY(-1px);
}

/* bulk tools */
.volan-exam-bulk-tools{
  padding:14px!important;
  border:1px solid #e1e7f0;
  border-radius:12px;
  background:#fff;
  box-shadow:0 4px 16px rgba(18,31,53,.025);
}

.volan-exam-bulk-tools select{
  max-width:300px!important;
  min-width:220px;
}

/* question boxes */
.volan-app-content .volan-practice-row,
.volan-app-content .volan-q-row{
  padding:11px 12px!important;
  border:1px solid #e5eaf2!important;
  border-radius:10px!important;
  margin:7px 0!important;
  background:#fff;
  line-height:1.45;
}

.volan-app-content .volan-practice-row em,
.volan-app-content .volan-q-row em{
  margin-left:auto;
  color:#7b879d;
  font-size:12px;
}

/* tables */
.volan-app-content table.widefat{
  overflow:hidden;
  border:1px solid #e1e7f0!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 6px 20px rgba(18,31,53,.03);
}

.volan-app-content table.widefat th{
  padding:13px 14px!important;
  background:#f7f9fc!important;
  color:#526079!important;
  font-size:12px!important;
  text-transform:uppercase;
  letter-spacing:.035em;
  border-bottom:1px solid #e4e9f1!important;
}

.volan-app-content table.widefat td{
  padding:14px!important;
  vertical-align:middle!important;
  border-bottom:1px solid #edf1f6!important;
}

.volan-app-content table.widefat tr:last-child td{
  border-bottom:0!important;
}

/* notices */
.volan-app-content .notice{
  margin:0 0 18px!important;
  padding:12px 14px!important;
  border-radius:10px;
  border-left-width:4px!important;
  box-shadow:none!important;
}

/* responsive */
@media(max-width:960px){
  .volan-app-content{
    padding:24px 20px 42px!important;
  }
  .volan-app-topbar{
    padding:0 18px!important;
  }
}

@media(max-width:700px){
  .volan-app-content{
    padding:20px 14px 36px!important;
  }

  .volan-app-content h1{
    font-size:25px!important;
  }

  .volan-app-content .form-table,
  .volan-app-content .form-table tbody,
  .volan-app-content .form-table tr,
  .volan-app-content .form-table th,
  .volan-app-content .form-table td{
    display:block!important;
    width:100%!important;
  }

  .volan-app-content .form-table{
    padding:14px 16px;
  }

  .volan-app-content .form-table th{
    padding:12px 0 4px!important;
  }

  .volan-app-content .form-table td{
    padding:4px 0 12px!important;
  }

  .volan-exam-bulk-tools{
    align-items:stretch!important;
  }

  .volan-exam-bulk-tools select,
  .volan-exam-bulk-tools .button{
    width:100%!important;
    max-width:none!important;
  }
}

/* hidden class must always win */
.volan-app-content .volan-practice-row.volan-filter-hidden,
.volan-app-content .volan-q-row.volan-filter-hidden{
  display:none!important;
}


/* DESKTOP SIDEBAR CONTROL - 2.1.10 */
@media(min-width:961px){
  #volan_app_menu_toggle,
  .volan-app-menu-toggle{
    display:inline-flex!important;
    flex:0 0 42px;
    margin-right:14px;
  }

  .volan-app-sidebar{
    transition:transform .22s ease, box-shadow .22s ease;
  }

  .volan-app-main{
    transition:margin-left .22s ease, width .22s ease;
  }

  body.volan-sidebar-collapsed .volan-app-sidebar{
    transform:translateX(-100%);
  }

  body.volan-sidebar-collapsed .volan-app-main{
    margin-left:0!important;
    width:100%!important;
  }
}

@media(max-width:960px){
  #volan_app_menu_toggle,
  .volan-app-menu-toggle{
    display:inline-flex!important;
    margin-right:12px;
  }
}


/* =========================================================
   TABLES + SIDEBAR TYPOGRAPHY + LOGOUT - 2.1.11
   ========================================================= */

/* slightly more modern, readable app typography */
.volan-app-shell,
.volan-app-shell input,
.volan-app-shell select,
.volan-app-shell textarea,
.volan-app-shell button{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* Sidebar readability */
.volan-app-nav a,
.volan-app-nav a:visited{
  min-height:46px;
  padding:11px 13px!important;
  gap:11px;
  font-size:14.5px!important;
  font-weight:650!important;
  letter-spacing:-.005em;
  border-radius:10px;
}

.volan-app-nav .dashicons{
  width:19px;
  height:19px;
  font-size:19px;
}

.volan-app-brandtext strong{
  font-size:25px!important;
}

.volan-app-user{
  gap:10px;
  padding:14px 10px 4px!important;
}

.volan-app-usertext strong{
  font-size:13.5px!important;
}

.volan-app-usertext span{
  font-size:11.5px!important;
}

/* Clear logout button */
.volan-app-logout,
.volan-app-logout:visited{
  margin-left:auto;
  min-height:36px;
  padding:7px 10px!important;
  border:1px solid rgba(255,255,255,.14);
  border-radius:9px;
  color:#dbe5f6!important;
  background:rgba(255,255,255,.06);
  text-decoration:none!important;
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:700;
  transition:.16s ease;
}

.volan-app-logout:hover{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.24);
  color:#fff!important;
}

.volan-app-logout .dashicons{
  width:16px;
  height:16px;
  font-size:16px;
}

/* Table containers */
.volan-app-content table.widefat{
  width:100%;
  border-collapse:separate!important;
  border-spacing:0!important;
  overflow:hidden;
  border:1px solid #dde4ee!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(18,31,53,.045);
  font-size:14px!important;
  line-height:1.45!important;
}

.volan-app-content table.widefat thead th{
  padding:14px 16px!important;
  background:linear-gradient(180deg,#f9fbfd 0%,#f4f7fb 100%)!important;
  color:#40506a!important;
  font-size:12.5px!important;
  font-weight:800!important;
  text-transform:uppercase;
  letter-spacing:.045em;
  border-bottom:1px solid #dfe6ef!important;
  white-space:nowrap;
}

.volan-app-content table.widefat tbody td{
  padding:15px 16px!important;
  color:#24324a!important;
  font-size:14px!important;
  font-weight:500;
  border-bottom:1px solid #edf1f6!important;
  background:#fff!important;
}

.volan-app-content table.widefat.striped>tbody>:nth-child(odd){
  background:#fff!important;
}

.volan-app-content table.widefat.striped>tbody>:nth-child(even){
  background:#fbfcfe!important;
}

.volan-app-content table.widefat tbody tr{
  transition:background .15s ease, box-shadow .15s ease;
}

.volan-app-content table.widefat tbody tr:hover td{
  background:#f6f9ff!important;
}

.volan-app-content table.widefat tbody tr:last-child td{
  border-bottom:0!important;
}

.volan-app-content table.widefat td strong{
  font-weight:750;
  color:#17243b;
}

.volan-app-content table.widefat td code{
  display:inline-block;
  padding:4px 7px;
  border-radius:6px;
  background:#f1f5fb;
  color:#31527f;
  font-size:12.5px;
}

/* table actions */
.volan-app-content table.widefat .button,
.volan-app-content table.widefat .button-small{
  min-height:34px!important;
  padding:5px 10px!important;
  border-radius:8px!important;
  font-size:12.5px!important;
  font-weight:700!important;
}

/* Give tables breathing room from headings */
.volan-app-content h2 + table.widefat,
.volan-app-content h3 + table.widefat{
  margin-top:10px!important;
}

.volan-app-content table.widefat + p,
.volan-app-content table.widefat + form{
  margin-top:18px!important;
}

/* horizontal scroll on smaller screens instead of crushing columns */
@media(max-width:900px){
  .volan-app-content table.widefat{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .volan-app-content table.widefat thead,
  .volan-app-content table.widefat tbody,
  .volan-app-content table.widefat tr{
    width:max-content;
    min-width:100%;
  }

  .volan-app-content table.widefat th,
  .volan-app-content table.widefat td{
    min-width:120px;
  }

  .volan-app-logout-label{
    display:none;
  }

  .volan-app-logout{
    width:36px;
    justify-content:center;
    padding:0!important;
  }
}


/* =========================================================
   ADD QUESTION WORKFLOW + QUESTION FORM - 2.1.12
   ========================================================= */

/* Stronger sidebar item typography and add-question visibility */
.volan-app-nav a{
  position:relative;
}

.volan-app-nav a[href*="section=add-question"],
.volan-app-nav a[href*="/add-question"]{
  margin-top:6px;
}

.volan-app-nav a[href*="section=add-question"] .dashicons,
.volan-app-nav a[href*="/add-question"] .dashicons{
  color:#6ea0ff;
}

/* Question form card */
.volan-question-form{
  display:block;
  margin-top:18px!important;
  padding:24px 26px 28px!important;
  border:1px solid #dfe6ef;
  border-radius:16px!important;
  background:#fff;
  box-shadow:0 10px 30px rgba(18,31,53,.05);
}

.volan-question-form .form-table,
.volan-question-form-table{
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

.volan-question-form-table tr{
  border-bottom:1px solid #edf1f6;
}

.volan-question-form-table tr:last-child{
  border-bottom:0;
}

.volan-question-form-table th{
  width:230px!important;
  padding:20px 24px 20px 8px!important;
  color:#15233b!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:800!important;
  letter-spacing:-.01em;
  vertical-align:top!important;
}

.volan-question-form-table td{
  padding:16px 8px 16px 0!important;
}

.volan-question-form-table td > label{
  font-weight:650;
  color:#35445d;
}

.volan-question-form-table input[type=text],
.volan-question-form-table input[type=email],
.volan-question-form-table input[type=number],
.volan-question-form-table select,
.volan-question-form-table textarea{
  max-width:860px!important;
  min-height:46px!important;
  border-radius:11px!important;
  font-size:14.5px!important;
  padding:11px 14px!important;
  background:#fbfcfe!important;
}

.volan-question-form-table textarea{
  min-height:120px!important;
}

.volan-question-form-table input:focus,
.volan-question-form-table select:focus,
.volan-question-form-table textarea:focus{
  background:#fff!important;
}

/* Answers and checkbox areas */
.volan-question-form .volan-check-grid{
  gap:10px!important;
  margin-top:7px;
}

.volan-question-form .volan-check-chip{
  min-height:42px;
  padding:9px 12px!important;
  border-radius:10px!important;
  font-size:13.5px!important;
}

/* Primary save action */
.volan-question-form .button-primary,
.volan-question-form .volan-save-question{
  min-height:44px!important;
  padding:10px 20px!important;
  border-radius:10px!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:-.005em;
  box-shadow:0 7px 18px rgba(23,105,255,.18)!important;
}

.volan-question-form .button-primary:hover,
.volan-question-form .volan-save-question:hover{
  transform:translateY(-1px);
  box-shadow:0 9px 22px rgba(23,105,255,.22)!important;
}

/* Secondary buttons in form */
.volan-question-form .button:not(.button-primary){
  min-height:40px!important;
  padding:8px 14px!important;
  border-radius:9px!important;
  font-weight:700!important;
}

/* Intro for dedicated Add Question page */
.volan-form-intro{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin:4px 0 16px;
  padding:20px 22px;
  border:1px solid #dce6f4;
  border-radius:14px;
  background:linear-gradient(135deg,#f7faff 0%,#eef5ff 100%);
}

.volan-form-kicker{
  display:block;
  margin-bottom:6px;
  color:#1769ff;
  font-size:11px;
  font-weight:850;
  letter-spacing:.11em;
}

.volan-form-intro h2{
  margin:0 0 6px!important;
  font-size:20px!important;
  color:#14233c!important;
}

.volan-form-intro p{
  margin:0!important;
  max-width:760px;
  color:#67758e;
  font-size:13.5px;
}

/* More space around page edges / headings */
.volan-questions-page{
  padding-top:4px;
}

.volan-questions-page > h1{
  margin-bottom:18px!important;
}

/* responsive */
@media(max-width:760px){
  .volan-question-form{
    padding:18px 16px 22px!important;
  }

  .volan-question-form-table th{
    width:100%!important;
    padding:14px 0 6px!important;
    font-size:14.5px!important;
  }

  .volan-question-form-table td{
    padding:4px 0 14px!important;
  }

  .volan-form-intro{
    padding:16px;
  }
}


/* LOGOUT IN SIDEBAR MENU - 2.1.13 */
.volan-app-logout-wrap{
  margin:12px 0 16px;
  padding:12px 5px 0;
  border-top:1px solid rgba(255,255,255,.09);
}

.volan-app-logout-menu,
.volan-app-logout-menu:visited{
  width:100%;
  min-height:44px;
  margin:0!important;
  padding:10px 12px!important;
  box-sizing:border-box;
  justify-content:flex-start!important;
  gap:11px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.055)!important;
  color:#dbe5f6!important;
  font-size:14px!important;
  font-weight:700!important;
}

.volan-app-logout-menu:hover{
  background:rgba(255,255,255,.11)!important;
  border-color:rgba(255,255,255,.2)!important;
  color:#fff!important;
}

.volan-app-logout-menu .dashicons{
  width:19px!important;
  height:19px!important;
  font-size:19px!important;
}

@media(max-width:900px){
  .volan-app-logout-menu{
    width:100%!important;
    min-height:44px!important;
    padding:10px 12px!important;
    justify-content:flex-start!important;
  }
  .volan-app-logout-menu .volan-app-logout-label{
    display:inline!important;
  }
}


/* =========================================================
   QUESTION FORM SPACING PASS - 2.1.14
   ========================================================= */

/* More breathing room inside the entire question form */
.volan-question-form{
  padding:30px 32px 34px!important;
}

/* Every form row gets comfortable vertical space */
.volan-question-form-table th{
  padding:24px 30px 24px 18px!important;
}

.volan-question-form-table td{
  padding:20px 20px 20px 14px!important;
}

/* Labels on the left should never touch the table edge */
.volan-question-form-table th,
.volan-question-form-table th label{
  line-height:1.45!important;
}

/* Inner content groups */
.volan-question-form-table td > div,
.volan-question-form-table td > p{
  margin-top:8px;
  margin-bottom:8px;
}

/* Answer editor blocks */
.volan-question-form [class*="answer"],
.volan-question-form .volan-answer-row{
  margin-top:10px;
  margin-bottom:14px;
}

/* Buttons should not sit directly against fields or borders */
.volan-question-form .button{
  margin-top:8px!important;
  margin-bottom:8px!important;
}

.volan-question-form .button + .button{
  margin-left:6px!important;
}

/* Correct-answer chooser */
.volan-question-form-table td strong{
  display:inline-block;
  margin:12px 0 10px;
  font-size:15px;
}

.volan-question-form-table td > label{
  margin-top:7px;
  margin-bottom:7px;
}

/* Category chips: inset from table boundaries */
.volan-question-form .volan-check-grid{
  padding:4px 2px 6px!important;
  gap:10px!important;
}

/* Inputs shouldn't visually touch surrounding content */
.volan-question-form-table input[type=text],
.volan-question-form-table input[type=email],
.volan-question-form-table input[type=number],
.volan-question-form-table input[type=url],
.volan-question-form-table select,
.volan-question-form-table textarea{
  margin:4px 0 8px!important;
}

/* Separate logical rows a little more softly */
.volan-question-form-table tr + tr th,
.volan-question-form-table tr + tr td{
  border-top:1px solid #edf1f6;
}

/* Remove cramped inline borders from legacy answer containers */
.volan-question-form-table td > div[style*="border"]{
  padding:16px!important;
  margin:12px 0!important;
  border-color:#e2e8f1!important;
  border-radius:12px!important;
  background:#fbfcfe!important;
}

/* Dedicated breathing room around correct answer section */
.volan-question-form-table input[type=checkbox]{
  margin-right:7px!important;
}

@media(max-width:760px){
  .volan-question-form{
    padding:20px 18px 24px!important;
  }

  .volan-question-form-table th{
    padding:17px 8px 7px!important;
  }

  .volan-question-form-table td{
    padding:7px 8px 17px!important;
  }
}


/* =========================================================
   SAAS COLOR SYSTEM + TABLE SPACING + ACTION ICONS - 2.1.16
   ========================================================= */

:root{
  --volan-blue:#1769ff;
  --volan-blue-dark:#0f5be8;
  --volan-blue-soft:#eef5ff;
  --volan-green:#16a36a;
  --volan-green-dark:#0f8a59;
  --volan-green-soft:#eaf8f2;
  --volan-orange:#e98a15;
  --volan-orange-dark:#c9710d;
  --volan-orange-soft:#fff5e8;
  --volan-red:#d94b55;
  --volan-red-dark:#bd3741;
  --volan-red-soft:#fff0f1;
  --volan-purple:#7257d9;
  --volan-purple-soft:#f2efff;
}

/* ---------------------------------------------------------
   REAL LEFT-COLUMN SPACING
   --------------------------------------------------------- */

/* Standard form-table labels */
.volan-app-content .form-table th,
.volan-app-content .volan-question-form-table th{
  padding-left:24px!important;
  padding-right:30px!important;
  box-sizing:border-box!important;
}

/* Some legacy tables use th/td directly, so protect them too */
.volan-app-content table:not(.widefat) > tbody > tr > th:first-child,
.volan-app-content table:not(.widefat) > tr > th:first-child{
  padding-left:24px!important;
  padding-right:28px!important;
  box-sizing:border-box!important;
  font-size:15px!important;
  font-weight:800!important;
  color:#182640!important;
}

/* Left cells sometimes rendered as td instead of th */
.volan-app-content table:not(.widefat) > tbody > tr > td:first-child:has(+ td),
.volan-app-content table:not(.widefat) > tr > td:first-child:has(+ td){
  padding-left:24px!important;
}

/* Question form gets even more breathing room */
.volan-question-form-table th{
  padding-left:26px!important;
  min-width:230px;
}

.volan-question-form-table td{
  padding-left:18px!important;
  padding-right:24px!important;
}

/* ---------------------------------------------------------
   SAAS PANELS / SECTION ACCENTS
   --------------------------------------------------------- */

.volan-app-content .form-table,
.volan-app-content table.widefat,
.volan-app-panel,
.volan-question-form{
  border-color:#dbe3ef!important;
}

.volan-app-panel,
.volan-question-form{
  box-shadow:0 10px 28px rgba(26,42,70,.055)!important;
}

.volan-app-content h2{
  position:relative;
}

.volan-app-content h2::after{
  content:"";
  display:block;
  width:42px;
  height:3px;
  margin-top:8px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--volan-blue),#73a5ff);
}

/* ---------------------------------------------------------
   BUTTON COLOR HIERARCHY
   --------------------------------------------------------- */

/* default secondary */
.volan-app-content .button,
.volan-app-content button.button{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
}

/* primary blue */
.volan-app-content .button-primary,
.volan-app-content button.button-primary,
.volan-app-primary{
  background:linear-gradient(180deg,#2476ff 0%,var(--volan-blue) 100%)!important;
  border-color:var(--volan-blue)!important;
  color:#fff!important;
  box-shadow:0 6px 15px rgba(23,105,255,.18)!important;
}

.volan-app-content .button-primary:hover,
.volan-app-content button.button-primary:hover,
.volan-app-primary:hover{
  background:var(--volan-blue-dark)!important;
  border-color:var(--volan-blue-dark)!important;
  color:#fff!important;
}

/* save / positive actions */
.volan-app-content button[name*="save"],
.volan-app-content input[name*="save"][type=submit],
.volan-app-content .volan-save-question{
  background:linear-gradient(180deg,#20b87c 0%,var(--volan-green) 100%)!important;
  border-color:var(--volan-green)!important;
  color:#fff!important;
  box-shadow:0 6px 15px rgba(22,163,106,.16)!important;
}

.volan-app-content button[name*="save"]:hover,
.volan-app-content .volan-save-question:hover{
  background:var(--volan-green-dark)!important;
  border-color:var(--volan-green-dark)!important;
}

/* Delete / destructive actions based on href or text classes */
.volan-app-content a.button[href*="delete"],
.volan-app-content a.button[href*="remove"],
.volan-app-content .button.volan-danger{
  background:var(--volan-red-soft)!important;
  border-color:#f1c6ca!important;
  color:var(--volan-red-dark)!important;
}

.volan-app-content a.button[href*="delete"]:hover,
.volan-app-content a.button[href*="remove"]:hover,
.volan-app-content .button.volan-danger:hover{
  background:var(--volan-red)!important;
  border-color:var(--volan-red)!important;
  color:#fff!important;
}

/* edit actions */
.volan-app-content a.button[href*="edit"],
.volan-app-content a.button[href*="uredi"]{
  background:var(--volan-blue-soft)!important;
  border-color:#c9dafb!important;
  color:var(--volan-blue-dark)!important;
}

.volan-app-content a.button[href*="edit"]:hover,
.volan-app-content a.button[href*="uredi"]:hover{
  background:var(--volan-blue)!important;
  border-color:var(--volan-blue)!important;
  color:#fff!important;
}

/* bulk / remove selected gets warning color */
#volan_practice_remove_selected,
#volan_exam_remove_selected{
  background:var(--volan-orange-soft)!important;
  border-color:#f0d3a9!important;
  color:var(--volan-orange-dark)!important;
}

#volan_practice_remove_selected:hover,
#volan_exam_remove_selected:hover{
  background:var(--volan-orange)!important;
  border-color:var(--volan-orange)!important;
  color:#fff!important;
}

/* ---------------------------------------------------------
   INLINE SVG ICONS ON COMMON ACTION BUTTONS
   --------------------------------------------------------- */

.volan-app-content .button::before,
.volan-app-content button.button::before{
  content:"";
  width:15px;
  height:15px;
  flex:0 0 15px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:15px 15px;
  opacity:.9;
}

/* fallback generic action icon */
.volan-app-content .button::before,
.volan-app-content button.button::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475a78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E");
}

/* primary / add */
.volan-app-content .button-primary::before,
.volan-app-content button.button-primary::before,
.volan-app-primary::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
}

/* save */
.volan-app-content button[name*="save"]::before,
.volan-app-content .volan-save-question::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h12l2 2v14H5z'/%3E%3Cpath d='M8 4v6h8V4M8 16h8'/%3E%3C/svg%3E");
}

/* edit */
.volan-app-content a.button[href*="edit"]::before,
.volan-app-content a.button[href*="uredi"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f5be8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.12 2.12 0 0 1 3 3L8 18l-4 1 1-4z'/%3E%3C/svg%3E");
}

.volan-app-content a.button[href*="edit"]:hover::before,
.volan-app-content a.button[href*="uredi"]:hover::before{
  filter:brightness(0) invert(1);
}

/* delete */
.volan-app-content a.button[href*="delete"]::before,
.volan-app-content a.button[href*="remove"]::before,
.volan-app-content .button.volan-danger::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bd3741' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2M19 6l-1 14H6L5 6'/%3E%3Cpath d='M10 11v5M14 11v5'/%3E%3C/svg%3E");
}

.volan-app-content a.button[href*="delete"]:hover::before,
.volan-app-content a.button[href*="remove"]:hover::before{
  filter:brightness(0) invert(1);
}

/* warning remove selected */
#volan_practice_remove_selected::before,
#volan_exam_remove_selected::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9710d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3Cpath d='M10.3 4.4 2.5 18a2 2 0 0 0 1.7 3h15.6a2 2 0 0 0 1.7-3L13.7 4.4a2 2 0 0 0-3.4 0z'/%3E%3C/svg%3E");
}

#volan_practice_remove_selected:hover::before,
#volan_exam_remove_selected:hover::before{
  filter:brightness(0) invert(1);
}

/* bulk selection */
#volan_practice_select_all::before,
#volan_exam_select_all::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475a78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 11 3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E");
}

/* ---------------------------------------------------------
   TABLE HEADER / ROW COLOR ACCENTS
   --------------------------------------------------------- */

.volan-app-content table.widefat thead th{
  background:linear-gradient(180deg,#f7faff 0%,#f0f5fb 100%)!important;
  color:#334764!important;
}

.volan-app-content table.widefat tbody tr:hover td{
  background:#f3f7ff!important;
}

/* Soft badge-like status colors */
.volan-status.is-pass{
  background:var(--volan-green-soft)!important;
  color:var(--volan-green-dark)!important;
}

.volan-status.is-fail{
  background:var(--volan-red-soft)!important;
  color:var(--volan-red-dark)!important;
}

/* Selected chips */
.volan-check-chip:has(input:checked){
  background:var(--volan-blue-soft)!important;
  border-color:#9fc0ff!important;
  color:var(--volan-blue-dark)!important;
}

/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */
@media(max-width:760px){
  .volan-app-content .form-table th,
  .volan-app-content .volan-question-form-table th{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  .volan-app-content .volan-question-form-table td{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}


/* =========================================================
   QUESTION ANSWERS + CORRECT CHECKBOXES - 2.1.17
   ========================================================= */

/* Give answer controls more room from table edges */
.volan-question-form-table td{
  padding-right:30px!important;
}

.volan-question-form-table td > .button,
.volan-question-form-table td > button,
.volan-question-form-table td > p > .button,
.volan-question-form-table td > div > .button{
  margin-left:6px!important;
  margin-right:6px!important;
}

/* Correct answers section */
.volan-question-form-table td:has(input[type="checkbox"]){
  padding-left:22px!important;
  padding-right:30px!important;
}

/* Style direct checkbox labels as modern chips/cards */
.volan-question-form-table td > label:has(input[type="checkbox"]),
.volan-question-form-table td div > label:has(input[type="checkbox"]){
  display:flex!important;
  align-items:center;
  gap:10px;
  width:fit-content;
  max-width:100%;
  min-height:42px;
  margin:8px 0!important;
  padding:9px 13px!important;
  border:1px solid #dbe3ef;
  border-radius:10px;
  background:#f8fafc;
  color:#33425c;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.4;
  transition:.16s ease;
  cursor:pointer;
}

.volan-question-form-table td > label:has(input[type="checkbox"]):hover,
.volan-question-form-table td div > label:has(input[type="checkbox"]):hover{
  border-color:#a9c4f5;
  background:#f1f6ff;
}

/* Custom checkbox */
.volan-question-form-table input[type="checkbox"]{
  appearance:none;
  -webkit-appearance:none;
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  margin:0!important;
  border:1.5px solid #b8c5d8!important;
  border-radius:5px!important;
  background:#fff!important;
  display:inline-grid;
  place-content:center;
  cursor:pointer;
  transition:.15s ease;
}

.volan-question-form-table input[type="checkbox"]::before{
  content:"";
  width:9px;
  height:9px;
  transform:scale(0);
  transition:.12s transform ease-in-out;
  clip-path:polygon(14% 44%,0 65%,43% 100%,100% 16%,80% 0,40% 62%);
  background:#fff;
}

.volan-question-form-table input[type="checkbox"]:checked{
  background:#1769ff!important;
  border-color:#1769ff!important;
  box-shadow:0 0 0 3px rgba(23,105,255,.10);
}

.volan-question-form-table input[type="checkbox"]:checked::before{
  transform:scale(1);
}

.volan-question-form-table label:has(input[type="checkbox"]:checked){
  background:#eef5ff!important;
  border-color:#9fc0ff!important;
  color:#0f5be8!important;
}

/* Correct answers heading */
.volan-question-form-table td strong{
  margin-left:0!important;
}

/* ---------------------------------------------------------
   Action-specific button colors
   --------------------------------------------------------- */

/* Add answer */
.volan-question-form .button[id*="add"],
.volan-question-form button[id*="add"],
.volan-question-form .button[class*="add-answer"]{
  background:#eef5ff!important;
  border-color:#bfd4ff!important;
  color:#0f5be8!important;
}

.volan-question-form .button[id*="add"]:hover,
.volan-question-form button[id*="add"]:hover,
.volan-question-form .button[class*="add-answer"]:hover{
  background:#1769ff!important;
  border-color:#1769ff!important;
  color:#fff!important;
}

/* Image chooser */
.volan-question-form .button[id*="image"],
.volan-question-form .button[class*="image"],
.volan-question-form button[id*="image"]{
  background:#f2efff!important;
  border-color:#d5ccfb!important;
  color:#5e47bd!important;
}

.volan-question-form .button[id*="image"]:hover,
.volan-question-form .button[class*="image"]:hover,
.volan-question-form button[id*="image"]:hover{
  background:#7257d9!important;
  border-color:#7257d9!important;
  color:#fff!important;
}

/* Remove image / remove answer */
.volan-question-form .button[id*="remove"],
.volan-question-form button[id*="remove"],
.volan-question-form .button[class*="remove"]{
  background:#fff0f1!important;
  border-color:#f1c6ca!important;
  color:#bd3741!important;
}

.volan-question-form .button[id*="remove"]:hover,
.volan-question-form button[id*="remove"]:hover,
.volan-question-form .button[class*="remove"]:hover{
  background:#d94b55!important;
  border-color:#d94b55!important;
  color:#fff!important;
}

/* Toggle/display correct answers */
.volan-question-form .button[id*="correct"],
.volan-question-form button[id*="correct"],
.volan-question-form .button[id*="tocn"],
.volan-question-form button[id*="tocn"]{
  background:#eaf8f2!important;
  border-color:#bfe7d5!important;
  color:#0f8a59!important;
}

.volan-question-form .button[id*="correct"]:hover,
.volan-question-form button[id*="correct"]:hover,
.volan-question-form .button[id*="tocn"]:hover,
.volan-question-form button[id*="tocn"]:hover{
  background:#16a36a!important;
  border-color:#16a36a!important;
  color:#fff!important;
}

/* ---------------------------------------------------------
   SVG icons for those controls
   --------------------------------------------------------- */

.volan-question-form .button[id*="add"]::before,
.volan-question-form button[id*="add"]::before,
.volan-question-form .button[class*="add-answer"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f5be8' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")!important;
}

.volan-question-form .button[id*="image"]::before,
.volan-question-form .button[class*="image"]::before,
.volan-question-form button[id*="image"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235e47bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='m21 15-5-5L5 21'/%3E%3C/svg%3E")!important;
}

.volan-question-form .button[id*="remove"]::before,
.volan-question-form button[id*="remove"]::before,
.volan-question-form .button[class*="remove"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bd3741' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2M19 6l-1 14H6L5 6'/%3E%3C/svg%3E")!important;
}

.volan-question-form .button[id*="correct"]::before,
.volan-question-form button[id*="correct"]::before,
.volan-question-form .button[id*="tocn"]::before,
.volan-question-form button[id*="tocn"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f8a59' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E")!important;
}

/* In colored hover states, force icon white */
.volan-question-form .button[id*="add"]:hover::before,
.volan-question-form .button[id*="image"]:hover::before,
.volan-question-form .button[id*="remove"]:hover::before,
.volan-question-form .button[id*="correct"]:hover::before,
.volan-question-form .button[id*="tocn"]:hover::before{
  filter:brightness(0) invert(1);
}

/* more spacing around grouped buttons */
.volan-question-form-table td .button + .button{
  margin-left:8px!important;
}

@media(max-width:760px){
  .volan-question-form-table td:has(input[type="checkbox"]){
    padding-left:14px!important;
    padding-right:14px!important;
  }

  .volan-question-form-table td > label:has(input[type="checkbox"]),
  .volan-question-form-table td div > label:has(input[type="checkbox"]){
    width:100%;
    box-sizing:border-box;
  }
}


/* =========================================================
   GLOBAL CONSISTENT CONTROLS - 2.1.18
   ========================================================= */

/* ---------------------------------------------------------
   GLOBAL CHECKBOX / RADIO CARD SYSTEM
   --------------------------------------------------------- */

.volan-app-content label:has(> input[type="checkbox"]),
.volan-app-content label:has(> input[type="radio"]){
  line-height:1.4;
}

/* Any grouped checkbox/radio options that are not already chips */
.volan-app-content td > label:has(input[type="checkbox"]),
.volan-app-content td > label:has(input[type="radio"]),
.volan-app-content .form-table td > div > label:has(input[type="checkbox"]),
.volan-app-content .form-table td > div > label:has(input[type="radio"]){
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:40px;
  margin:6px 7px 6px 0!important;
  padding:8px 12px!important;
  border:1px solid #dbe3ef;
  border-radius:10px;
  background:#f9fbfd;
  color:#384760;
  font-size:13.5px!important;
  font-weight:600;
  cursor:pointer;
  transition:.15s ease;
}

.volan-app-content td > label:has(input[type="checkbox"]):hover,
.volan-app-content td > label:has(input[type="radio"]):hover,
.volan-app-content .form-table td > div > label:has(input[type="checkbox"]):hover,
.volan-app-content .form-table td > div > label:has(input[type="radio"]):hover{
  border-color:#aec6f4;
  background:#f2f6ff;
}

/* Respect existing volan-check-chip design */
.volan-app-content .volan-check-chip{
  margin:0!important;
}

/* Global custom checkbox */
.volan-app-content input[type="checkbox"]{
  appearance:none;
  -webkit-appearance:none;
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  margin:0 7px 0 0!important;
  border:1.5px solid #b8c5d8!important;
  border-radius:5px!important;
  background:#fff!important;
  display:inline-grid;
  place-content:center;
  cursor:pointer;
  transition:.15s ease;
  vertical-align:middle;
}

.volan-app-content input[type="checkbox"]::before{
  content:"";
  width:9px;
  height:9px;
  transform:scale(0);
  transition:.12s transform ease-in-out;
  clip-path:polygon(14% 44%,0 65%,43% 100%,100% 16%,80% 0,40% 62%);
  background:#fff;
}

.volan-app-content input[type="checkbox"]:checked{
  background:#1769ff!important;
  border-color:#1769ff!important;
  box-shadow:0 0 0 3px rgba(23,105,255,.10);
}

.volan-app-content input[type="checkbox"]:checked::before{
  transform:scale(1);
}

/* Global radio */
.volan-app-content input[type="radio"]{
  appearance:none;
  -webkit-appearance:none;
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  margin:0 7px 0 0!important;
  border:1.5px solid #b8c5d8!important;
  border-radius:50%!important;
  background:#fff!important;
  display:inline-grid;
  place-content:center;
  cursor:pointer;
  transition:.15s ease;
  vertical-align:middle;
}

.volan-app-content input[type="radio"]::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:50%;
  background:#1769ff;
  transform:scale(0);
  transition:.12s transform ease-in-out;
}

.volan-app-content input[type="radio"]:checked{
  border-color:#1769ff!important;
  box-shadow:0 0 0 3px rgba(23,105,255,.10);
}

.volan-app-content input[type="radio"]:checked::before{
  transform:scale(1);
}

/* selected wrappers */
.volan-app-content label:has(input[type="checkbox"]:checked),
.volan-app-content label:has(input[type="radio"]:checked){
  border-color:#9fc0ff!important;
  background:#eef5ff!important;
  color:#0f5be8!important;
}

/* ---------------------------------------------------------
   GLOBAL ACTION BUTTON TYPES
   --------------------------------------------------------- */

/* upload / media buttons */
.volan-app-content .button[id*="media"],
.volan-app-content .button[id*="upload"],
.volan-app-content .button[class*="media"],
.volan-app-content .button[class*="upload"],
.volan-app-content button[id*="media"],
.volan-app-content button[id*="upload"]{
  background:#f2efff!important;
  border-color:#d5ccfb!important;
  color:#5e47bd!important;
}

.volan-app-content .button[id*="media"]:hover,
.volan-app-content .button[id*="upload"]:hover,
.volan-app-content .button[class*="media"]:hover,
.volan-app-content .button[class*="upload"]:hover,
.volan-app-content button[id*="media"]:hover,
.volan-app-content button[id*="upload"]:hover{
  background:#7257d9!important;
  border-color:#7257d9!important;
  color:#fff!important;
}

.volan-app-content .button[id*="media"]::before,
.volan-app-content .button[id*="upload"]::before,
.volan-app-content .button[class*="media"]::before,
.volan-app-content .button[class*="upload"]::before,
.volan-app-content button[id*="media"]::before,
.volan-app-content button[id*="upload"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235e47bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3Cpath d='M5 20h14'/%3E%3C/svg%3E")!important;
}

/* search/filter */
.volan-app-content .button[id*="filter"],
.volan-app-content button[id*="filter"],
.volan-app-content .button[class*="filter"],
.volan-app-content .button[id*="search"],
.volan-app-content button[id*="search"]{
  background:#eef5ff!important;
  border-color:#c7dafc!important;
  color:#0f5be8!important;
}

.volan-app-content .button[id*="filter"]::before,
.volan-app-content button[id*="filter"]::before,
.volan-app-content .button[class*="filter"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f5be8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16'/%3E%3Cpath d='M7 12h10'/%3E%3Cpath d='M10 19h4'/%3E%3C/svg%3E")!important;
}

.volan-app-content .button[id*="search"]::before,
.volan-app-content button[id*="search"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f5be8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E")!important;
}

/* reset / clear */
.volan-app-content .button[id*="reset"],
.volan-app-content button[id*="reset"],
.volan-app-content .button[class*="reset"],
.volan-app-content .button[id*="clear"],
.volan-app-content button[id*="clear"]{
  background:#f7f8fa!important;
  border-color:#d9e0e9!important;
  color:#56647a!important;
}

.volan-app-content .button[id*="reset"]::before,
.volan-app-content button[id*="reset"]::before,
.volan-app-content .button[class*="reset"]::before,
.volan-app-content .button[id*="clear"]::before,
.volan-app-content button[id*="clear"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2356647a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E")!important;
}

/* preview/view */
.volan-app-content .button[id*="view"],
.volan-app-content button[id*="view"],
.volan-app-content .button[class*="view"],
.volan-app-content .button[id*="preview"],
.volan-app-content button[id*="preview"],
.volan-app-content a.button[href*="view"]{
  background:#eaf8f2!important;
  border-color:#bfe7d5!important;
  color:#0f8a59!important;
}

.volan-app-content .button[id*="view"]::before,
.volan-app-content button[id*="view"]::before,
.volan-app-content .button[class*="view"]::before,
.volan-app-content .button[id*="preview"]::before,
.volan-app-content button[id*="preview"]::before,
.volan-app-content a.button[href*="view"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f8a59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")!important;
}

/* duplicate/copy */
.volan-app-content .button[id*="copy"],
.volan-app-content button[id*="copy"],
.volan-app-content .button[class*="copy"],
.volan-app-content .button[id*="duplicate"],
.volan-app-content button[id*="duplicate"]{
  background:#eef5ff!important;
  border-color:#c7dafc!important;
  color:#0f5be8!important;
}

.volan-app-content .button[id*="copy"]::before,
.volan-app-content button[id*="copy"]::before,
.volan-app-content .button[class*="copy"]::before,
.volan-app-content .button[id*="duplicate"]::before,
.volan-app-content button[id*="duplicate"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f5be8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='11' height='11' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E")!important;
}

/* ---------------------------------------------------------
   BUTTON GROUP SPACING
   --------------------------------------------------------- */

.volan-app-content .button + .button,
.volan-app-content button.button + button.button,
.volan-app-content .button + button.button,
.volan-app-content button.button + .button{
  margin-left:8px!important;
}

.volan-app-content td > .button,
.volan-app-content td > button.button{
  margin-top:6px!important;
  margin-bottom:6px!important;
}

/* ---------------------------------------------------------
   INLINE CONTROL GROUPS
   --------------------------------------------------------- */

.volan-app-content .volan-exam-bulk-tools,
.volan-app-content .volan-check-grid{
  padding-left:14px!important;
  padding-right:14px!important;
}

.volan-app-content .volan-exam-bulk-tools{
  gap:10px!important;
}

/* consistent selected colors in all chip systems */
.volan-app-content .volan-check-chip:has(input:checked){
  background:#eef5ff!important;
  border-color:#9fc0ff!important;
  color:#0f5be8!important;
  box-shadow:0 2px 8px rgba(23,105,255,.06);
}

/* ---------------------------------------------------------
   FORM CELL SPACING GLOBAL
   --------------------------------------------------------- */

.volan-app-content .form-table td{
  padding-left:18px!important;
  padding-right:24px!important;
}

.volan-app-content .form-table th{
  padding-left:24px!important;
  padding-right:30px!important;
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:760px){
  .volan-app-content td > label:has(input[type="checkbox"]),
  .volan-app-content td > label:has(input[type="radio"]),
  .volan-app-content .form-table td > div > label:has(input[type="checkbox"]),
  .volan-app-content .form-table td > div > label:has(input[type="radio"]){
    width:100%;
    box-sizing:border-box;
    margin-right:0!important;
  }

  .volan-app-content .button + .button,
  .volan-app-content button.button + button.button,
  .volan-app-content .button + button.button,
  .volan-app-content button.button + .button{
    margin-left:0!important;
    margin-right:6px!important;
  }
}


/* =========================================================
   ADD QUESTION CATEGORY - 2.1.19
   ========================================================= */

.volan-category-form{
  display:block;
  max-width:860px;
  margin-top:18px!important;
  padding:26px 28px 28px!important;
  border:1px solid #dfe6ef;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 30px rgba(18,31,53,.05);
}

.volan-category-form label{
  display:block;
  margin:0 0 9px!important;
  color:#182640;
  font-size:15px!important;
  font-weight:800!important;
}

.volan-category-form .volan-category-name-input{
  display:block;
  width:100%!important;
  max-width:720px!important;
  min-height:48px!important;
  margin:4px 0 16px!important;
  padding:12px 15px!important;
  border:1px solid #d4deeb!important;
  border-radius:11px!important;
  background:#fbfcfe!important;
  color:#15233b!important;
  font-size:15px!important;
  font-weight:550!important;
  box-shadow:0 1px 2px rgba(18,31,53,.025)!important;
  transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.volan-category-form .volan-category-name-input:focus{
  outline:none!important;
  border-color:#1769ff!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(23,105,255,.10)!important;
}

.volan-category-form .volan-category-submit{
  min-height:44px!important;
  margin:4px 0 0!important;
  padding:10px 18px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#2476ff 0%,#1769ff 100%)!important;
  border-color:#1769ff!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:800!important;
  box-shadow:0 7px 18px rgba(23,105,255,.18)!important;
}

.volan-category-form .volan-category-submit::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")!important;
}

.volan-category-form .volan-category-submit:hover{
  background:#0f5be8!important;
  border-color:#0f5be8!important;
  transform:translateY(-1px);
}

.volan-category-intro{
  max-width:860px;
}

.volan-app-nav a[href*="section=add-category"] .dashicons{
  color:#6ea0ff;
}

@media(max-width:760px){
  .volan-category-form{
    padding:20px 18px 22px!important;
  }
  .volan-category-form .volan-category-name-input{
    max-width:none!important;
  }
}


/* =========================================================
   EXAM BUILDER SAVE BUTTON / QUESTION LIST SPACING - 2.1.20
   ========================================================= */

/* Exam/practice builder forms must flow vertically; save controls
   must never float/overlap the question chooser. */
.volan-app-content form:has(.volan-question-row),
.volan-app-content form:has(.volan-exam-question-row),
.volan-app-content form:has([data-category-ids]){
  position:relative!important;
  display:block!important;
  overflow:visible!important;
  padding-bottom:28px!important;
}

/* Question lists establish their own block and clear any legacy floats. */
.volan-app-content .volan-question-list,
.volan-app-content .volan-exam-question-list,
.volan-app-content .volan-question-picker,
.volan-app-content [class*="question-list"],
.volan-app-content [class*="question-picker"]{
  position:relative!important;
  display:block!important;
  width:100%!important;
  clear:both!important;
  margin-bottom:24px!important;
}

/* Rows themselves stay in normal document flow. */
.volan-app-content .volan-question-row,
.volan-app-content .volan-exam-question-row,
.volan-app-content [data-category-ids]{
  position:relative!important;
  float:none!important;
  clear:both!important;
  box-sizing:border-box!important;
}

/* Submit/save area always starts below all questions. */
.volan-app-content form:has(.volan-question-row) > p.submit,
.volan-app-content form:has(.volan-exam-question-row) > p.submit,
.volan-app-content form:has([data-category-ids]) > p.submit,
.volan-app-content form:has(.volan-question-row) > .submit,
.volan-app-content form:has([data-category-ids]) > .submit{
  position:relative!important;
  inset:auto!important;
  float:none!important;
  clear:both!important;
  display:flex!important;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  width:100%!important;
  margin:26px 0 0!important;
  padding:20px 0 4px!important;
  border-top:1px solid #e5eaf1;
  background:transparent!important;
  z-index:1!important;
}

/* Any submit button in the builders cannot be absolute/sticky over rows. */
.volan-app-content form:has(.volan-question-row) input[type="submit"],
.volan-app-content form:has(.volan-question-row) button[type="submit"],
.volan-app-content form:has(.volan-exam-question-row) input[type="submit"],
.volan-app-content form:has(.volan-exam-question-row) button[type="submit"],
.volan-app-content form:has([data-category-ids]) input[type="submit"],
.volan-app-content form:has([data-category-ids]) button[type="submit"]{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  float:none!important;
  margin:0!important;
  z-index:1!important;
}

/* Extra separation after the final selectable question. */
.volan-app-content .volan-question-row:last-child,
.volan-app-content .volan-exam-question-row:last-child,
.volan-app-content [data-category-ids]:last-child{
  margin-bottom:18px!important;
}

@media(max-width:760px){
  .volan-app-content form:has(.volan-question-row) > p.submit,
  .volan-app-content form:has(.volan-exam-question-row) > p.submit,
  .volan-app-content form:has([data-category-ids]) > p.submit{
    padding-top:18px!important;
    margin-top:20px!important;
  }
}


/* =========================================================
   REAL EXAM BUILDER SCROLL + SAVE BAR FIX - 2.1.21
   ========================================================= */

.volan-app-content .volan-exam-question-scroll{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-height:520px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
  margin:12px 0 0!important;
  padding:10px 10px 28px!important;
  border:1px solid #d7e0ec!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:inset 0 -18px 22px -24px rgba(25,42,70,.22);
}

/* Prevent the last visible row from sitting directly on the scroller edge. */
.volan-app-content .volan-exam-question-scroll > label:last-child,
.volan-app-content .volan-exam-question-scroll .volan-practice-row:last-child,
.volan-app-content .volan-exam-question-scroll .volan-q-row:last-child{
  margin-bottom:10px!important;
}

/* Save action is now a real separate block after the scroll area. */
.volan-app-content .volan-exam-save-bar{
  position:relative!important;
  inset:auto!important;
  float:none!important;
  clear:both!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:24px 0 4px!important;
  padding:20px 0 0!important;
  border-top:1px solid #e4eaf2!important;
  background:transparent!important;
  z-index:1!important;
}

.volan-app-content .volan-exam-save-bar .button{
  position:relative!important;
  inset:auto!important;
  float:none!important;
  margin:0!important;
}

/* Save exam uses a positive green action consistently. */
.volan-app-content .volan-exam-save-bar .button-primary{
  min-height:46px!important;
  padding:10px 20px!important;
  background:linear-gradient(180deg,#20b87c 0%,#16a36a 100%)!important;
  border-color:#16a36a!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(22,163,106,.17)!important;
}

.volan-app-content .volan-exam-save-bar .button-primary:hover{
  background:#0f8a59!important;
  border-color:#0f8a59!important;
  color:#fff!important;
}

/* Explicit save icon rather than generic plus icon. */
.volan-app-content .volan-exam-save-bar .button-primary::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h12l2 2v14H5z'/%3E%3Cpath d='M8 4v6h8V4M8 16h8'/%3E%3C/svg%3E")!important;
}

/* Since labels inside the scroll list carry data-category-ids, don't let
   older generic selectors add layout side-effects. */
.volan-app-content .volan-exam-question-scroll [data-category-ids]{
  display:flex!important;
  align-items:center!important;
  width:auto!important;
  float:none!important;
  clear:none!important;
  box-sizing:border-box!important;
}

@media(max-width:760px){
  .volan-app-content .volan-exam-question-scroll{
    max-height:460px!important;
    padding:8px 8px 24px!important;
    border-radius:12px!important;
  }

  .volan-app-content .volan-exam-save-bar{
    margin-top:20px!important;
    padding-top:18px!important;
  }

  .volan-app-content .volan-exam-save-bar .button{
    width:100%!important;
  }
}


/* =========================================================
   CSV IMPORT EXAMPLE DOWNLOAD - 2.1.22
   ========================================================= */
.volan-csv-example-card{
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  margin:18px 0 24px;
  padding:20px 22px;
  border:1px solid #cfe0fb;
  border-radius:15px;
  background:linear-gradient(135deg,#f5f9ff 0%,#fff 68%);
  box-shadow:0 8px 24px rgba(23,105,255,.055);
}

.volan-csv-example-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:50px;
  height:50px;
  border-radius:13px;
  background:#e8f2ff;
  color:#1769ff;
}

.volan-csv-example-icon svg{
  width:25px;
  height:25px;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.volan-csv-example-copy{
  min-width:0;
}

.volan-csv-example-kicker{
  display:block;
  margin-bottom:4px;
  color:#1769ff;
  font-size:11px;
  font-weight:850;
  letter-spacing:.08em;
}

.volan-csv-example-copy strong{
  display:block;
  color:#16243d;
  font-size:16px;
  font-weight:800;
}

.volan-csv-example-copy p{
  margin:5px 0 9px!important;
  color:#6c7b92;
  font-size:13.5px;
  line-height:1.5;
}

.volan-csv-example-copy code{
  display:block;
  max-width:100%;
  padding:8px 10px;
  overflow-x:auto;
  border:1px solid #dfe7f2;
  border-radius:8px;
  background:#fff;
  color:#40516d;
  font-size:11.5px;
  white-space:nowrap;
}

.volan-csv-download{
  white-space:nowrap;
  min-height:44px!important;
  padding:10px 16px!important;
}

.volan-csv-download::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E")!important;
}

@media(max-width:820px){
  .volan-csv-example-card{
    grid-template-columns:46px 1fr;
  }
  .volan-csv-download{
    grid-column:1/-1;
    width:fit-content;
  }
}
@media(max-width:520px){
  .volan-csv-example-card{
    grid-template-columns:1fr;
    padding:18px;
  }
  .volan-csv-example-icon{
    width:44px;
    height:44px;
  }
  .volan-csv-download{
    grid-column:auto;
    width:100%;
  }
}


/* =========================================================
   EXAM CATEGORY FILTER FIX - 2.1.23
   ========================================================= */

/* 2.1.21 introduced a more specific flex rule for rows inside the
   question scroller. This explicit hidden state must win so the
   category dropdown can actually filter questions visually. */
.volan-app-content .volan-exam-question-scroll .volan-practice-row.volan-filter-hidden,
.volan-app-content .volan-exam-question-scroll .volan-q-row.volan-filter-hidden,
.volan-app-content .volan-exam-question-scroll [data-category-ids].volan-filter-hidden{
  display:none!important;
}

/* Keep visible rows using the intended row layout. */
.volan-app-content .volan-exam-question-scroll .volan-practice-row:not(.volan-filter-hidden),
.volan-app-content .volan-exam-question-scroll .volan-q-row:not(.volan-filter-hidden){
  display:flex!important;
}


/* =========================================================
   RANDOM QUESTION SELECTION - 2.1.24
   ========================================================= */

.volan-selection-mode{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  max-width:820px;
}

.volan-selection-mode .volan-mode-card{
  display:flex!important;
  align-items:flex-start!important;
  gap:11px!important;
  min-height:78px;
  margin:0!important;
  padding:14px 15px!important;
  border:1px solid #dbe3ef!important;
  border-radius:12px!important;
  background:#f9fbfd!important;
  color:#34445f!important;
  box-sizing:border-box;
  cursor:pointer;
  transition:.16s ease;
}

.volan-selection-mode .volan-mode-card:hover{
  border-color:#a9c4f5!important;
  background:#f3f7ff!important;
}

.volan-selection-mode .volan-mode-card:has(input:checked){
  border-color:#8eb5ff!important;
  background:#eef5ff!important;
  box-shadow:0 4px 14px rgba(23,105,255,.07);
}

.volan-mode-card span{
  display:block;
}

.volan-mode-card strong{
  display:block;
  margin:0 0 4px!important;
  color:#182640;
  font-size:14px;
  font-weight:800;
}

.volan-mode-card small{
  display:block;
  color:#71809a;
  font-size:12.5px;
  line-height:1.45;
}

.volan-random-settings{
  display:none;
  grid-template-columns:minmax(220px,1fr) 170px;
  gap:14px 16px;
  max-width:820px;
  margin-top:14px;
  padding:17px 18px;
  border:1px solid #bfe1d2;
  border-radius:13px;
  background:linear-gradient(135deg,#f0fbf6 0%,#fbfefd 100%);
}

.volan-random-settings.is-active{
  display:grid!important;
}

.volan-random-field label{
  display:block!important;
  margin:0 0 6px!important;
  color:#24503f;
  font-size:12.5px!important;
  font-weight:800!important;
}

.volan-random-field select,
.volan-random-field input[type="number"]{
  width:100%!important;
  min-height:44px!important;
  margin:0!important;
  border-color:#c9ddd4!important;
  background:#fff!important;
}

.volan-random-settings .description{
  grid-column:1/-1;
  margin:0!important;
  color:#5d776c!important;
}

.volan-manual-question-area{
  transition:opacity .15s ease;
}

.volan-manual-question-area.volan-random-mode-hidden{
  display:none!important;
}

.volan-selection-mode-row th{
  vertical-align:top!important;
}

@media(max-width:760px){
  .volan-selection-mode{
    grid-template-columns:1fr;
  }
  .volan-random-settings{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   STUDENT PORTAL - 2.1.26
   ========================================================= */
.volan-student-stat-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:0 0 22px;
  max-width:760px;
}
.volan-stat-card-static{cursor:default!important}
.volan-student-practice-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.volan-student-practice-grid-full{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.volan-student-practice-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:20px;
  border:1px solid #dfe5ef;
  border-radius:16px;
  background:#fff;
  box-shadow:0 7px 22px rgba(20,35,60,.045);
}
.volan-student-practice-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  margin-bottom:14px;
  border-radius:12px;
  background:#eef5ff;
  color:#1769ff;
}
.volan-student-practice-icon .dashicons{
  width:23px;
  height:23px;
  font-size:23px;
}
.volan-student-practice-card-body{
  flex:1;
  min-width:0;
}
.volan-student-practice-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:9px;
}
.volan-student-practice-meta span{
  padding:4px 8px;
  border-radius:999px;
  background:#f1f4f8;
  color:#66758d;
  font-size:11.5px;
  font-weight:750;
}
.volan-student-practice-card h3{
  margin:0 0 8px;
  color:#13213a;
  font-size:17px;
  line-height:1.3;
}
.volan-student-practice-card p{
  margin:0 0 18px;
  color:#738099;
  font-size:13.5px;
  line-height:1.55;
}
.volan-student-start{
  align-self:flex-start;
  min-height:43px!important;
  margin:0!important;
  padding:9px 15px!important;
}
.volan-student-start::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 5 11 7-11 7z'/%3E%3C/svg%3E")!important;
}
.volan-student-practice-head{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-bottom:20px;
}
.volan-student-practice-head h1{
  margin:3px 0 5px;
  color:#111c34;
  font-size:28px;
}
.volan-student-practice-head p{
  margin:0;
  color:#71809a;
}
.volan-student-back{
  display:inline-flex;
  width:max-content;
  color:#1769ff;
  font-size:13.5px;
  font-weight:750;
  text-decoration:none;
}
.volan-student-exam-shell{
  max-width:980px;
}
.volan-student-exam-shell .volan-exam{
  margin:0!important;
}
.volan-student-dashboard .volan-app-panel{
  margin-top:0;
}

@media(max-width:980px){
  .volan-student-practice-grid-full{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:680px){
  .volan-student-stat-grid,
  .volan-student-practice-grid,
  .volan-student-practice-grid-full{
    grid-template-columns:1fr;
  }
  .volan-student-practice-card{
    padding:18px;
  }
}


/* =========================================================
   VOLAN APP LOGIN - 2.1.27
   ========================================================= */
html:has(.volan-app-login-body),
.volan-app-login-body{
  min-height:100%;
  margin:0!important;
  background:#f4f6fa!important;
}
.volan-app-login-body{
  min-height:100vh;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:#111c34;
}
.volan-login-screen{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100vh;
  box-sizing:border-box;
  padding:32px 20px;
}
.volan-login-card{
  width:100%;
  max-width:430px;
  box-sizing:border-box;
  padding:0 32px 32px;
  overflow:hidden;
  border:1px solid #dfe5ef;
  border-radius:20px;
  background:#fff;
  box-shadow:0 24px 60px rgba(17,28,52,.10);
}
.volan-login-brand{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin:0 -32px 30px;
  padding:23px 32px;
  background:#0e1729;
  color:#fff;
}
.volan-login-brand strong{
  font-size:25px;
  line-height:1;
  font-weight:800;
}
.volan-login-brand span{
  color:#9ca9bd;
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.13em;
}
.volan-login-copy h1{
  margin:5px 0 8px;
  font-size:28px;
  line-height:1.15;
}
.volan-login-copy p{
  margin:0 0 23px;
  color:#71809a;
  font-size:14px;
  line-height:1.55;
}
.volan-login-form{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.volan-login-form > label:not(.volan-login-remember){
  margin-top:5px;
  color:#273651;
  font-size:13px;
  font-weight:750;
}
.volan-login-form input[type=text],
.volan-login-form input[type=password]{
  width:100%;
  min-height:48px;
  box-sizing:border-box;
  padding:11px 14px;
  border:1px solid #d5deea;
  border-radius:11px;
  outline:none;
  background:#fff;
  color:#111c34;
  font-size:15px;
  transition:.15s ease;
}
.volan-login-form input[type=text]:focus,
.volan-login-form input[type=password]:focus{
  border-color:#1769ff;
  box-shadow:0 0 0 3px rgba(23,105,255,.11);
}
.volan-login-remember{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:8px 0 10px!important;
  color:#66758d!important;
  font-size:13px!important;
  cursor:pointer;
}
.volan-login-remember input{
  width:17px!important;
  height:17px!important;
  margin:0!important;
}
.volan-login-submit{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  border-radius:11px!important;
  background:#1769ff!important;
  border-color:#1769ff!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:800!important;
}
.volan-login-submit:hover{
  background:#0f5be8!important;
  border-color:#0f5be8!important;
}
.volan-login-error{
  margin:0 0 17px;
  padding:11px 13px;
  border:1px solid #f2c6ca;
  border-radius:10px;
  background:#fff0f1;
  color:#a72f39;
  font-size:13px;
  font-weight:650;
}
@media(max-width:520px){
  .volan-login-screen{padding:18px 14px}
  .volan-login-card{padding:0 22px 25px;border-radius:16px}
  .volan-login-brand{margin:0 -22px 25px;padding:20px 22px}
}


/* PUBLIC PRACTICE + LOGIN CTA - 2.1.28 */
.volan-login-practice-cta{
  display:flex;
  align-items:center;
  gap:12px;
  box-sizing:border-box;
  width:100%;
  margin:0 0 18px;
  padding:14px 15px;
  border:1px solid #cfe1ff;
  border-radius:12px;
  background:#eef5ff;
  color:#174fbb;
  text-decoration:none;
}
.volan-login-practice-cta > .dashicons{
  flex:0 0 auto;
  width:24px;
  height:24px;
  font-size:24px;
  color:#1769ff;
}
.volan-login-practice-cta > span:nth-child(2){
  display:flex;
  flex:1;
  flex-direction:column;
  min-width:0;
}
.volan-login-practice-cta strong{font-size:13.5px}
.volan-login-practice-cta small{margin-top:2px;color:#657796;font-size:11.5px}
.volan-login-practice-cta b{white-space:nowrap;font-size:12px}
.volan-login-divider{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 15px;
  color:#8995a9;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.volan-login-divider::before,
.volan-login-divider::after{
  content:"";
  flex:1;
  height:1px;
  background:#e3e8f0;
}
.volan-public-practice-body{
  margin:0!important;
  background:#f6f7fb!important;
  color:#111c34;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.volan-public-practice-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:72px;
  box-sizing:border-box;
  padding:0 max(24px,calc((100% - 1180px)/2));
  background:#0e1729;
}
.volan-public-practice-brand{
  display:flex;
  align-items:baseline;
  gap:10px;
  color:#fff;
}
.volan-public-practice-brand strong{font-size:24px;font-weight:800}
.volan-public-practice-brand span{color:#9ca9bd;font-size:10px;font-weight:800;letter-spacing:.13em}
.volan-public-login-link{
  padding:9px 14px;
  border:1px solid #3a465b;
  border-radius:9px;
  color:#fff;
  font-size:13px;
  font-weight:750;
  text-decoration:none;
}
.volan-public-practice-main{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:42px 0 60px;
}
.volan-public-practice-hero{
  max-width:760px;
  margin-bottom:28px;
}
.volan-public-practice-hero h1{
  margin:5px 0 10px;
  color:#111c34;
  font-size:34px;
  line-height:1.15;
}
.volan-public-practice-hero > p:last-child{
  margin:0;
  color:#71809a;
  font-size:15px;
  line-height:1.65;
}
.volan-public-practice-main .volan-student-exam-shell{
  max-width:980px;
}
@media(max-width:680px){
  .volan-public-practice-header{min-height:64px;padding:0 16px}
  .volan-public-practice-main{width:calc(100% - 28px);padding:28px 0 44px}
  .volan-public-practice-hero h1{font-size:28px}
  .volan-public-practice-brand span{display:none}
  .volan-login-practice-cta b{display:none}
}


/* =========================================================
   PUBLIC PRACTICE SAAS POLISH - 2.1.29
   ========================================================= */
.volan-public-practice-body{
  --vp-blue:#1769ff;
  --vp-blue-dark:#0f5be8;
  --vp-blue-soft:#eef5ff;
  --vp-green:#16a36a;
  --vp-green-soft:#eaf8f2;
  --vp-red:#d94b55;
  --vp-red-soft:#fff0f1;
  --vp-line:#dfe5ef;
  --vp-text:#111c34;
  --vp-muted:#71809a;
}
.volan-public-practice-header{
  border-bottom:1px solid rgba(255,255,255,.06);
  box-shadow:0 5px 18px rgba(14,23,41,.08);
}
.volan-public-login-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  box-sizing:border-box;
  transition:background .18s ease,border-color .18s ease;
}
.volan-public-login-link:hover{
  border-color:#53627b;
  background:#18243a;
}
.volan-public-practice-hero{
  position:relative;
  max-width:none;
  box-sizing:border-box;
  margin-bottom:24px;
  padding:28px 30px;
  overflow:hidden;
  border:1px solid var(--vp-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 26px rgba(20,35,60,.045);
}
.volan-public-practice-hero::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:6px;
  height:100%;
  background:var(--vp-blue);
}
.volan-public-practice-hero h1{
  max-width:760px;
  font-size:32px;
}
.volan-public-practice-hero > p:last-child{
  max-width:760px;
}
.volan-public-practice-main .volan-student-practice-grid-full{
  gap:18px;
}
.volan-public-practice-main .volan-student-practice-card{
  padding:22px;
  border-color:var(--vp-line);
  border-radius:17px;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
@media(hover:hover) and (pointer:fine){
  .volan-public-practice-main .volan-student-practice-card:hover{
    transform:translateY(-2px);
    border-color:#cbd8eb;
    box-shadow:0 13px 32px rgba(20,35,60,.075);
  }
}
.volan-public-practice-main .volan-student-practice-icon{
  width:48px;
  height:48px;
  border:1px solid #dbe8ff;
}
.volan-public-practice-main .volan-student-practice-meta span{
  background:#f3f6fa;
  color:#5e6e87;
}
.volan-public-practice-main .volan-student-practice-card h3{
  font-size:18px;
}
.volan-public-practice-main .volan-student-start{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:44px!important;
  padding:9px 16px!important;
  border:1px solid var(--vp-blue)!important;
  border-radius:10px!important;
  background:var(--vp-blue)!important;
  box-shadow:0 5px 13px rgba(23,105,255,.16)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.volan-public-practice-main .volan-student-start:hover{
  border-color:var(--vp-blue-dark)!important;
  background:var(--vp-blue-dark)!important;
}
.volan-public-practice-main .volan-student-practice-head{
  margin-bottom:22px;
  padding:22px 24px;
  border:1px solid var(--vp-line);
  border-radius:16px;
  background:#fff;
}
.volan-public-practice-main .volan-student-back{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  box-sizing:border-box;
  padding:7px 11px;
  border:1px solid #d8e4f6;
  border-radius:9px;
  background:#f7faff;
  text-decoration:none;
}
.volan-public-practice-main .volan-student-back:hover{
  background:var(--vp-blue-soft);
}
.volan-public-practice-main .volan-student-exam-shell{
  padding:22px;
  border:1px solid var(--vp-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 28px rgba(20,35,60,.05);
}
@media(max-width:680px){
  .volan-public-practice-hero{padding:22px 20px;border-radius:15px}
  .volan-public-practice-main .volan-student-practice-head{padding:18px}
  .volan-public-practice-main .volan-student-exam-shell{padding:14px;border-radius:15px}
}


/* ADMIN DASHBOARD -> PUBLIC PRACTICE - 2.1.30 */
.volan-dashboard-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}
.volan-dashboard-practice-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:43px!important;
  box-sizing:border-box!important;
  padding:9px 14px!important;
  border:1px solid #cbdcf8!important;
  border-radius:10px!important;
  background:#eef5ff!important;
  color:#1769ff!important;
  font-size:13px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.volan-dashboard-practice-link:hover{
  border-color:#aac7f5!important;
  background:#e4efff!important;
  color:#0f5be8!important;
}
.volan-dashboard-practice-link .dashicons{
  width:18px;
  height:18px;
  font-size:18px;
}
.volan-dashboard-practice-banner{
  display:flex;
  align-items:center;
  gap:14px;
  box-sizing:border-box;
  margin:0 0 22px;
  padding:16px 18px;
  border:1px solid #d9e6fa;
  border-radius:14px;
  background:#f6faff;
}
.volan-dashboard-practice-banner-icon{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:11px;
  background:#e8f1ff;
  color:#1769ff;
}
.volan-dashboard-practice-banner-icon .dashicons{
  width:21px;
  height:21px;
  font-size:21px;
}
.volan-dashboard-practice-banner > div:nth-child(2){
  display:flex;
  flex:1;
  flex-direction:column;
  min-width:0;
}
.volan-dashboard-practice-banner strong{
  color:#17253e;
  font-size:14px;
}
.volan-dashboard-practice-banner span{
  margin-top:2px;
  color:#71809a;
  font-size:12.5px;
  line-height:1.45;
}
.volan-dashboard-practice-banner > a{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  flex:0 0 auto;
  min-height:39px!important;
  padding:7px 12px!important;
  border:1px solid #1769ff!important;
  border-radius:9px!important;
  background:#1769ff!important;
  color:#fff!important;
  font-size:12.5px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.volan-dashboard-practice-banner > a .dashicons{
  width:15px;
  height:15px;
  margin:0;
  color:#fff;
  font-size:15px;
}
@media(max-width:760px){
  .volan-dashboard-actions{
    width:100%;
    justify-content:flex-start;
  }
  .volan-dashboard-practice-banner{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .volan-dashboard-practice-banner > a{
    margin-left:56px!important;
  }
}
@media(max-width:520px){
  .volan-dashboard-actions > a{
    width:100%!important;
  }
  .volan-dashboard-practice-banner > a{
    width:100%!important;
    margin-left:0!important;
    justify-content:center!important;
  }
}


/* PUBLIC PRACTICE WIDTH ALIGNMENT - 2.1.31 */
.volan-public-practice-main .volan-student-exam-shell{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.volan-public-practice-main .volan-student-practice-head{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}


/* PRACTICE WIDTH HARD FIX - 2.1.32 */
body.volan-public-practice-body .volan-public-practice-main{
  width:min(1180px,calc(100% - 40px))!important;
  max-width:1180px!important;
}
body.volan-public-practice-body .volan-student-practice-head,
body.volan-public-practice-body .volan-student-exam-shell{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
body.volan-public-practice-body .volan-student-exam-shell > *,
body.volan-public-practice-body .volan-student-exam-shell .volan-exam,
body.volan-public-practice-body .volan-student-exam-shell form{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
@media(max-width:680px){
  body.volan-public-practice-body .volan-public-practice-main{
    width:calc(100% - 28px)!important;
  }
}


/* =========================================================
   STUDENT PWA MOBILE NAV - 2.1.33
   ========================================================= */
.volan-pwa-bottom-nav{display:none}
@media(max-width:760px){
  body:has(.volan-pwa-bottom-nav) .volan-app-content{
    padding-bottom:92px!important;
  }
  .volan-pwa-bottom-nav{
    position:fixed;
    z-index:9999;
    right:10px;
    bottom:max(10px,env(safe-area-inset-bottom));
    left:10px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    min-height:64px;
    padding:6px;
    border:1px solid rgba(210,220,234,.92);
    border-radius:17px;
    background:rgba(255,255,255,.96);
    box-shadow:0 14px 38px rgba(14,23,41,.17);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  .volan-pwa-bottom-nav a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    min-width:0;
    border-radius:12px;
    color:#71809a!important;
    text-decoration:none!important;
  }
  .volan-pwa-bottom-nav a .dashicons{
    width:20px;
    height:20px;
    font-size:20px;
  }
  .volan-pwa-bottom-nav a b{
    font-size:10.5px;
    font-weight:750;
  }
  .volan-pwa-bottom-nav a.is-active{
    background:#eef5ff;
    color:#1769ff!important;
  }
  .volan-pwa-bottom-nav a.is-disabled{
    opacity:.45;
    pointer-events:none;
  }
}
@media(display-mode:standalone){
  .volan-app-topbar{
    padding-top:max(0px,env(safe-area-inset-top));
  }
  .volan-public-practice-header{
    padding-top:max(0px,env(safe-area-inset-top));
  }
}


/* =========================================================
   PWA CUSTOM ICON + INSTALL CARDS - 2.1.34
   ========================================================= */
.volan-pwa-icon-setting{
  display:flex;
  align-items:flex-start;
  gap:18px;
  max-width:760px;
}
.volan-pwa-icon-preview{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  width:92px;
  height:92px;
  overflow:hidden;
  border:1px solid #dce4ef;
  border-radius:20px;
  background:#f5f7fb;
  box-shadow:0 6px 18px rgba(17,28,52,.06);
}
.volan-pwa-icon-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.volan-pwa-icon-preview.is-empty::before{
  content:"V";
  color:#1769ff;
  font-size:30px;
  font-weight:850;
}
.volan-pwa-icon-preview.is-empty img{display:none}
.volan-pwa-icon-controls{
  display:flex;
  flex:1;
  flex-wrap:wrap;
  gap:9px;
  align-items:center;
}
.volan-pwa-icon-controls .description{
  flex-basis:100%;
  margin-top:5px!important;
}
.volan-pwa-icon-select,
.volan-pwa-icon-remove{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
}
.volan-pwa-icon-select{
  border-color:#c9daf7!important;
  background:#eef5ff!important;
  color:#1769ff!important;
}
.volan-pwa-icon-remove{
  color:#8b5960!important;
}
.volan-pwa-install-box{
  display:flex;
  align-items:center;
  gap:14px;
  box-sizing:border-box;
  width:100%;
  margin:0 0 22px;
  padding:16px 18px;
  border:1px solid #d9e6fa;
  border-radius:15px;
  background:linear-gradient(135deg,#f7fbff,#eef5ff);
}
.volan-pwa-install-icon{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:12px;
  background:#1769ff;
  color:#fff;
}
.volan-pwa-install-icon .dashicons{
  width:22px;
  height:22px;
  font-size:22px;
}
.volan-pwa-install-copy{
  display:flex;
  flex:1;
  min-width:0;
  flex-direction:column;
}
.volan-pwa-install-copy strong{
  color:#17253e;
  font-size:14px;
}
.volan-pwa-install-copy span{
  margin-top:3px;
  color:#71809a;
  font-size:12.5px;
  line-height:1.45;
}
.volan-pwa-install-actions{
  display:flex;
  flex:0 0 auto;
  gap:8px;
}
.volan-pwa-install-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:40px;
  padding:8px 12px;
  border:1px solid #cad8ec;
  border-radius:9px;
  background:#fff;
  color:#263650;
  font-family:inherit;
  font-size:12.5px;
  font-weight:800;
  cursor:pointer;
}
.volan-pwa-install-button:hover{
  border-color:#1769ff;
  color:#1769ff;
}
.volan-pwa-install-android.is-ready{
  border-color:#1769ff;
  background:#1769ff;
  color:#fff;
}
.volan-pwa-install-help{
  flex-basis:100%;
  box-sizing:border-box;
  margin-top:2px;
  padding:10px 12px;
  border:1px solid #dfe5ef;
  border-radius:9px;
  background:#fff;
}
.volan-pwa-install-help strong,
.volan-pwa-install-help span{
  display:block;
}
.volan-pwa-install-help strong{
  margin-bottom:3px;
  color:#17253e;
  font-size:12.5px;
}
.volan-pwa-install-help span{
  color:#65758e;
  font-size:12px;
  line-height:1.5;
}
.volan-pwa-install-box-login{
  display:grid;
  grid-template-columns:40px 1fr;
  gap:11px;
  margin:0;
  padding:13px;
  border-radius:12px;
}
.volan-pwa-install-box-login .volan-pwa-install-icon{
  width:40px;
  height:40px;
}
.volan-pwa-install-box-login .volan-pwa-install-actions,
.volan-pwa-install-box-login .volan-pwa-install-help{
  grid-column:1/-1;
}
.volan-pwa-install-box-login .volan-pwa-install-actions{
  width:100%;
}
.volan-pwa-install-box-login .volan-pwa-install-button{
  flex:1;
}
.volan-login-divider-install{
  margin-top:22px!important;
}
.volan-pwa-install-box.is-installed{
  border-color:#cdeada;
  background:#f2fbf6;
}
@media(max-width:760px){
  .volan-pwa-install-box{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .volan-pwa-install-actions{
    width:100%;
    padding-left:58px;
  }
  .volan-pwa-install-button{
    flex:1;
  }
  .volan-pwa-install-help{
    margin-left:58px;
  }
  .volan-pwa-icon-setting{
    flex-direction:column;
  }
}
@media(max-width:520px){
  .volan-pwa-install-actions{padding-left:0}
  .volan-pwa-install-help{margin-left:0}
}


/* =========================================================
   COMPACT PWA INSTALL POPUP - 2.1.36
   ========================================================= */
.volan-pwa-install-box{display:none!important}

.volan-pwa-install-popup{
  position:fixed;
  z-index:10020;
  right:18px;
  bottom:18px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:10px 12px;
  width:min(360px,calc(100vw - 28px));
  padding:14px 42px 14px 14px;
  border:1px solid rgba(209,219,234,.95);
  border-radius:16px;
  background:rgba(255,255,255,.98);
  box-shadow:0 18px 48px rgba(14,23,41,.18);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  opacity:0;
  transform:translateY(14px) scale(.98);
  pointer-events:none;
  transition:opacity .2s ease,transform .2s ease;
}
.volan-pwa-install-popup[hidden]{display:none!important}
.volan-pwa-install-popup.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.volan-pwa-popup-close{
  position:absolute;
  top:8px;
  right:9px;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#8896aa;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.volan-pwa-popup-close:hover{
  background:#f2f5f9;
  color:#17253e;
}
.volan-pwa-popup-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:#0e1729;
  color:#fff;
}
.volan-pwa-popup-icon .dashicons{
  width:21px;
  height:21px;
  font-size:21px;
}
.volan-pwa-popup-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
}
.volan-pwa-popup-copy strong{
  color:#17253e;
  font-size:13.5px;
  font-weight:800;
  line-height:1.25;
}
.volan-pwa-popup-copy span{
  margin-top:2px;
  color:#71809a;
  font-size:11.5px;
  line-height:1.4;
}
.volan-pwa-popup-actions{
  grid-column:1/-1;
  display:flex;
  gap:8px;
  padding-top:2px;
}
.volan-pwa-popup-actions button{
  min-height:36px;
  padding:7px 12px;
  border-radius:9px;
  font-family:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.volan-pwa-popup-install{
  border:1px solid #1769ff;
  background:#1769ff;
  color:#fff;
}
.volan-pwa-popup-install:hover{
  background:#0f5be8;
  border-color:#0f5be8;
}
.volan-pwa-popup-later{
  border:1px solid #d8e0eb;
  background:#fff;
  color:#65758e;
}
.volan-pwa-popup-later:hover{
  background:#f6f8fb;
  color:#263650;
}
.volan-pwa-popup-help{
  grid-column:1/-1;
  padding:9px 10px;
  border:1px solid #dfe5ef;
  border-radius:9px;
  background:#f8fafc;
  color:#65758e;
  font-size:11.5px;
  line-height:1.45;
}
.volan-pwa-popup-help strong,
.volan-pwa-popup-help span{
  display:block;
}
.volan-pwa-popup-help strong{
  margin-bottom:2px;
  color:#17253e;
  font-size:11.5px;
}
@media(max-width:760px){
  .volan-pwa-install-popup{
    right:12px;
    bottom:84px;
    width:calc(100vw - 24px);
  }
}
@media(display-mode:standalone){
  .volan-pwa-install-popup{display:none!important}
}


/* =========================================================
   PWA POPUP MOBILE HARD FIX + SAAS BUTTONS - 2.1.38
   ========================================================= */
body .volan-pwa-install-popup{
  position:fixed!important;
  z-index:2147483000!important;
  right:18px!important;
  bottom:18px!important;
  left:auto!important;
  display:block!important;
  width:340px!important;
  max-width:calc(100vw - 32px)!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:16px!important;
  padding-right:44px!important;
  overflow:visible!important;
  border:1px solid #d9e1ec!important;
  border-radius:16px!important;
  background:#ffffff!important;
  box-shadow:0 18px 50px rgba(14,23,41,.20)!important;
  color:#111c34!important;
  opacity:0;
  transform:translateY(12px) scale(.985);
  pointer-events:none;
  box-sizing:border-box!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  writing-mode:horizontal-tb!important;
}
body .volan-pwa-install-popup[hidden]{
  display:none!important;
}
body .volan-pwa-install-popup.is-visible{
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
  pointer-events:auto!important;
}
body .volan-pwa-popup-main{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  gap:12px!important;
  margin:0 0 14px!important;
  padding:0!important;
}
body .volan-pwa-popup-icon{
  display:flex!important;
  flex:0 0 42px!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:12px!important;
  background:#0e1729!important;
  color:#ffffff!important;
  box-sizing:border-box!important;
}
body .volan-pwa-popup-icon .dashicons{
  display:block!important;
  width:21px!important;
  height:21px!important;
  margin:0!important;
  color:#ffffff!important;
  font-size:21px!important;
  line-height:21px!important;
}
body .volan-pwa-popup-copy{
  display:flex!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  writing-mode:horizontal-tb!important;
}
body .volan-pwa-popup-copy strong{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#111c34!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-align:left!important;
  text-transform:none!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  writing-mode:horizontal-tb!important;
}
body .volan-pwa-popup-copy span{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:3px 0 0!important;
  padding:0!important;
  color:#71809a!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-align:left!important;
  text-transform:none!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  writing-mode:horizontal-tb!important;
}
body .volan-pwa-popup-actions{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
}
body .volan-pwa-popup-actions button{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  flex:1 1 0!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:38px!important;
  height:38px!important;
  margin:0!important;
  padding:0 13px!important;
  border-radius:9px!important;
  box-shadow:none!important;
  font-family:inherit!important;
  font-size:12.5px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
body .volan-pwa-popup-actions .volan-pwa-popup-install{
  border:1px solid #1769ff!important;
  background:#1769ff!important;
  color:#ffffff!important;
}
body .volan-pwa-popup-actions .volan-pwa-popup-install:hover,
body .volan-pwa-popup-actions .volan-pwa-popup-install:focus{
  border-color:#0f5be8!important;
  background:#0f5be8!important;
  color:#ffffff!important;
}
body .volan-pwa-popup-actions .volan-pwa-popup-later{
  border:1px solid #d9e1ec!important;
  background:#f6f8fb!important;
  color:#52627a!important;
}
body .volan-pwa-popup-actions .volan-pwa-popup-later:hover,
body .volan-pwa-popup-actions .volan-pwa-popup-later:focus{
  border-color:#cbd5e3!important;
  background:#eef2f7!important;
  color:#263650!important;
}
body .volan-pwa-popup-close{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#8a98ab!important;
  font-family:Arial,sans-serif!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:500!important;
  text-align:center!important;
  cursor:pointer!important;
}
body .volan-pwa-popup-close:hover,
body .volan-pwa-popup-close:focus{
  background:#f1f4f8!important;
  color:#17253e!important;
}
body .volan-pwa-popup-help{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:10px 0 0!important;
  padding:9px 10px!important;
  border:1px solid #dfe5ef!important;
  border-radius:9px!important;
  background:#f8fafc!important;
  color:#65758e!important;
  box-sizing:border-box!important;
  font-size:11.5px!important;
  line-height:1.45!important;
  writing-mode:horizontal-tb!important;
}
body .volan-pwa-popup-help[hidden]{
  display:none!important;
}
body .volan-pwa-popup-help strong,
body .volan-pwa-popup-help span{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  white-space:normal!important;
  word-break:normal!important;
  writing-mode:horizontal-tb!important;
}
body .volan-pwa-popup-help strong{
  margin-bottom:2px!important;
  color:#17253e!important;
  font-size:11.5px!important;
  font-weight:800!important;
}

@media(max-width:760px){
  body .volan-pwa-install-popup{
    right:14px!important;
    bottom:84px!important;
    left:auto!important;
    width:calc(100vw - 28px)!important;
    max-width:360px!important;
    padding:15px 42px 15px 15px!important;
    border-radius:15px!important;
  }
  body.volan-app-login-body .volan-pwa-install-popup{
    bottom:18px!important;
  }
}
@media(max-width:420px){
  body .volan-pwa-install-popup{
    right:12px!important;
    width:calc(100vw - 24px)!important;
    max-width:none!important;
  }
  body .volan-pwa-popup-copy strong{
    font-size:13.5px!important;
  }
  body .volan-pwa-popup-copy span{
    font-size:11.5px!important;
  }
}


/* Public practice header login button - 2.1.39 */
body.volan-public-practice-body .volan-public-practice-header a,
body.volan-public-practice-body .volan-public-practice-header .button{
  color:#ffffff!important;
}
body.volan-public-practice-body .volan-public-practice-header a[href*="volan-app"]:not(.volan-public-practice-brand),
body.volan-public-practice-body .volan-public-practice-header .volan-public-practice-login{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:8px 15px!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#ffffff!important;
  font-weight:750!important;
  text-decoration:none!important;
  transition:background .18s ease,color .18s ease,border-color .18s ease!important;
}
body.volan-public-practice-body .volan-public-practice-header a[href*="volan-app"]:not(.volan-public-practice-brand):hover,
body.volan-public-practice-body .volan-public-practice-header .volan-public-practice-login:hover{
  border-color:#ffffff!important;
  background:#ffffff!important;
  color:#0e1729!important;
}


/* Dashboard public practice banner - gentle SaaS emphasis - 2.1.40 */
.volan-dashboard-practice-banner{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid #dbe7f8!important;
  background:linear-gradient(135deg,#f9fbff 0%,#f1f6ff 100%)!important;
  box-shadow:0 8px 24px rgba(23,105,255,.055)!important;
}
.volan-dashboard-practice-banner::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:4px;
  background:#1769ff;
  opacity:.62;
}
.volan-dashboard-practice-banner-icon{
  background:#eaf2ff!important;
  color:#1769ff!important;
}
.volan-dashboard-practice-banner strong{
  color:#172b4d!important;
}
.volan-dashboard-practice-banner > div > span{
  color:#6d7e96!important;
}
.volan-dashboard-practice-banner > .button{
  border:1px solid #cbdcf8!important;
  background:#ffffff!important;
  color:#1769ff!important;
  box-shadow:0 3px 10px rgba(23,105,255,.045)!important;
}
.volan-dashboard-practice-banner > .button:hover{
  border-color:#1769ff!important;
  background:#1769ff!important;
  color:#ffffff!important;
}
.volan-dashboard-practice-banner > .button .dashicons{
  color:inherit!important;
}


/* =========================================================
   POLAZNICI - 2.1.41
   ========================================================= */
.volan-student-form-card{
  max-width:920px;
  margin-bottom:24px;
  padding:26px;
  border:1px solid #dfe5ef;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 24px rgba(17,28,52,.055);
}
.volan-student-form-head{margin-bottom:22px}
.volan-student-form-head h2{margin:5px 0 6px;font-size:22px;color:#111c34}
.volan-student-form-head p{margin:0;color:#71809a;font-size:13.5px}
.volan-form-grid-2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.volan-form-grid-2 label{display:flex;min-width:0;flex-direction:column;gap:7px}
.volan-form-grid-2 label>span{color:#24334d;font-size:13px;font-weight:750}
.volan-form-grid-2 input{
  box-sizing:border-box;
  width:100%;
  min-height:46px;
  padding:10px 12px;
  border:1px solid #d6deea;
  border-radius:10px;
  background:#fff;
  color:#111c34;
  font:inherit;
}
.volan-form-grid-2 input:focus{
  border-color:#1769ff;
  outline:0;
  box-shadow:0 0 0 3px rgba(23,105,255,.11);
}
.volan-form-grid-2 input[readonly]{background:#f6f8fb;color:#71809a}
.volan-form-grid-2 small{color:#8290a4;font-size:11.5px}
.volan-form-grid-full{grid-column:1/-1}
.volan-student-form-actions{display:flex;gap:9px;margin-top:22px}
.volan-students-count{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 9px;
  border-radius:999px;
  background:#eef5ff;
  color:#1769ff;
  font-size:11.5px;
  font-weight:800;
}
.volan-student-name{display:flex;align-items:center;gap:10px}
.volan-student-avatar{
  display:grid;
  flex:0 0 auto;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:10px;
  background:#eef5ff;
  color:#1769ff;
  font-size:12px;
  font-weight:850;
}
.volan-status-pill{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:4px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
}
.volan-status-pill.is-active{background:#eaf8f2;color:#0f8a59}
.volan-status-pill.is-disabled{background:#fff0f1;color:#bd3741}
.volan-row-actions{display:flex;flex-wrap:wrap;gap:6px}
.volan-row-actions .button{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-height:34px!important;
  padding:5px 9px!important;
  border-radius:8px!important;
  font-size:11.5px!important;
  font-weight:750!important;
}
.volan-row-actions .dashicons{width:15px;height:15px;font-size:15px}
.volan-action-edit{border-color:#cbdcf8!important;background:#eef5ff!important;color:#1769ff!important}
.volan-action-status{border-color:#ead7b9!important;background:#fff5e8!important;color:#c9710d!important}
.volan-action-delete{border-color:#f0d1d4!important;background:#fff0f1!important;color:#bd3741!important}
@media(max-width:760px){
  .volan-form-grid-2{grid-template-columns:1fr}
  .volan-form-grid-full{grid-column:auto}
  .volan-student-form-card{padding:18px}
  .volan-student-form-actions{flex-direction:column}
  .volan-student-form-actions .button{width:100%;justify-content:center}
}


/* =========================================================
   DODJELA ISPITA + ISPITI POLAZNIKA - 2.1.42
   ========================================================= */
.volan-action-assign{
  display:inline-flex!important;align-items:center!important;gap:5px!important;
  border-color:#cbdcf8!important;background:#eef5ff!important;color:#1769ff!important;
}
.volan-action-assign .dashicons{width:15px;height:15px;font-size:15px}
.volan-assignment-admin-card{
  margin:18px 0 28px;padding:24px;border:1px solid #d8e6fb;border-radius:16px;
  background:linear-gradient(135deg,#fbfdff 0%,#f3f7ff 100%);
  box-shadow:0 10px 28px rgba(23,105,255,.06);
}
.volan-assignment-admin-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;
}
.volan-assignment-admin-head h2{margin:5px 0 5px;font-size:22px;color:#111c34}
.volan-assignment-admin-head p{margin:0;color:#71809a}
.volan-assignment-options{display:flex;gap:14px;margin-bottom:16px}
.volan-assignment-options label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#34435c}
.volan-assignment-options select{min-width:220px;min-height:42px;border:1px solid #d6deea;border-radius:9px;background:#fff}
.volan-student-assign-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px;
}
.volan-student-assign-chip{
  display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dfe5ef;border-radius:11px;background:#fff;cursor:pointer;
}
.volan-student-assign-chip:has(input:checked){border-color:#9fc1fb;background:#eef5ff;box-shadow:0 0 0 2px rgba(23,105,255,.06)}
.volan-student-assign-chip.is-disabled{opacity:.52;cursor:not-allowed}
.volan-student-assign-chip input{margin:0}
.volan-student-assign-chip span{display:flex;min-width:0;flex-direction:column;gap:2px}
.volan-student-assign-chip strong{font-size:13px;color:#17243c}
.volan-student-assign-chip small{overflow:hidden;color:#7a899f;text-overflow:ellipsis;white-space:nowrap}
.volan-current-assignments{margin-top:24px;padding-top:20px;border-top:1px solid #dfe7f2}
.volan-current-assignments h3{margin:0 0 12px;font-size:15px;color:#17243c}

.volan-student-formal-grid{display:grid;gap:14px}
.volan-formal-card{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;
  padding:18px;border:1px solid #dfe5ef;border-radius:15px;background:#fff;
  box-shadow:0 6px 20px rgba(17,28,52,.045);
}
.volan-formal-card.is-locked{background:#fafbfc;opacity:.78}
.volan-formal-card-icon{
  display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#eef5ff;color:#1769ff;
}
.volan-formal-card-icon .dashicons{width:22px;height:22px;font-size:22px}
.volan-formal-card h3{margin:5px 0 9px;font-size:17px;color:#111c34}
.volan-formal-details{display:flex;flex-wrap:wrap;gap:8px 16px;color:#71809a;font-size:12px}
.volan-formal-details b{color:#33415a}
.volan-formal-locked-label{padding:7px 10px;border-radius:999px;background:#fff0f1;color:#bd3741;font-size:11px;font-weight:800}
.volan-assignment-info{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px;
}
.volan-assignment-info>span{
  display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid #dfe5ef;border-radius:11px;background:#fff;color:#71809a;font-size:11.5px;
}
.volan-assignment-info b{color:#17243c;font-size:14px}
.volan-assignment-locked{
  display:flex;align-items:flex-start;gap:14px;padding:20px;border:1px solid #f0d1d4;border-radius:14px;background:#fff6f7;color:#9e313a;
}
.volan-assignment-locked .dashicons{width:25px;height:25px;font-size:25px}
.volan-assignment-locked strong{color:#7e2730}
.volan-assignment-locked p{margin:5px 0 0;color:#a85d63}
.volan-assigned-candidate{
  display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #dbe7f8;border-radius:11px;background:#f5f9ff;
}
.volan-assigned-candidate .dashicons{color:#1769ff}
.volan-assigned-candidate>div{display:flex;flex-direction:column;gap:2px}
.volan-assigned-candidate strong{color:#17243c}
.volan-assigned-candidate small{color:#71809a}
@media(max-width:900px){
  .volan-student-assign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .volan-assignment-info{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .volan-assignment-admin-head{flex-direction:column}
  .volan-student-assign-grid{grid-template-columns:1fr}
  .volan-formal-card{grid-template-columns:auto 1fr}
  .volan-formal-card>.button,.volan-formal-locked-label{grid-column:1/-1;width:100%;box-sizing:border-box;text-align:center;justify-content:center}
  .volan-assignment-info{grid-template-columns:1fr 1fr}
}


/* Student profile - 2.1.43 */
.volan-profile-card{
  max-width:760px;padding:24px;border:1px solid #dfe5ef;border-radius:16px;background:#fff;
  box-shadow:0 8px 24px rgba(17,28,52,.05);
}
.volan-profile-avatar{
  display:grid;place-items:center;width:58px;height:58px;border-radius:16px;
  background:#eef5ff;color:#1769ff;font-size:21px;font-weight:850;
}
.volan-profile-main{margin-top:12px}
.volan-profile-main h2{margin:0 0 3px;color:#111c34;font-size:21px}
.volan-profile-main>span{color:#71809a;font-size:12px;font-weight:700}
.volan-profile-data{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;
}
.volan-profile-data>div{
  display:flex;flex-direction:column;gap:4px;padding:13px 14px;border:1px solid #e3e8f0;border-radius:11px;background:#f9fafc;
}
.volan-profile-data small{color:#8290a4;font-size:10.5px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}
.volan-profile-data strong{color:#24334d;font-size:13px}
.volan-profile-actions{margin-top:20px;padding-top:18px;border-top:1px solid #e7ebf1}
.volan-profile-logout{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  border:1px solid #f0d1d4!important;background:#fff0f1!important;color:#bd3741!important;
  font-weight:750!important;
}
.volan-profile-logout:hover{border-color:#bd3741!important;background:#bd3741!important;color:#fff!important}
@media(max-width:680px){.volan-profile-data{grid-template-columns:1fr}.volan-profile-logout{width:100%;justify-content:center}}


/* =========================================================
   COMPACT SIDEBAR SUBMENUS - 2.1.44
   ========================================================= */
.volan-nav-group{margin:1px 0}
.volan-nav-parent-row{display:flex;align-items:stretch;min-width:0}
.volan-app-nav .volan-nav-parent{
  flex:1;min-width:0;margin:0!important;border-radius:9px 0 0 9px!important;
}
.volan-nav-subtoggle{
  appearance:none!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 34px!important;
  width:34px!important;
  min-width:34px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0 9px 9px 0!important;
  background:transparent!important;
  color:#7f8ba2!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.volan-nav-parent-row:hover .volan-nav-parent,
.volan-nav-parent-row:hover .volan-nav-subtoggle,
.volan-nav-group.is-active-group .volan-nav-parent,
.volan-nav-group.is-active-group .volan-nav-subtoggle{
  background:#222d43!important;color:#fff!important;
}
.volan-nav-subtoggle .dashicons{
  width:16px!important;height:16px!important;font-size:16px!important;
  transition:transform .18s ease!important;
}
.volan-nav-group.is-open .volan-nav-subtoggle .dashicons{transform:rotate(180deg)}
.volan-nav-submenu{
  display:none;
  margin:4px 0 5px 39px;
  padding:3px 0 3px 10px;
  border-left:1px solid rgba(255,255,255,.12);
}
.volan-nav-group.is-open .volan-nav-submenu{display:block}
.volan-app-nav .volan-nav-submenu a{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:34px!important;
  margin:1px 0!important;
  padding:6px 9px!important;
  border-radius:8px!important;
  color:#9ba7ba!important;
  font-size:12.5px!important;
  font-weight:650!important;
}
.volan-app-nav .volan-nav-submenu a:hover,
.volan-app-nav .volan-nav-submenu a.is-active{
  background:rgba(255,255,255,.075)!important;
  color:#fff!important;
}
.volan-nav-subdot{
  width:5px;height:5px;border-radius:50%;background:#647188;flex:0 0 auto;
}
.volan-nav-submenu a.is-active .volan-nav-subdot{background:#4f8cff}

/* =========================================================
   RESULT DETAIL - COMPACT SAAS - 2.1.44
   ========================================================= */
.volan-result-detail-page{max-width:1180px}
.volan-result-detail-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px;
}
.volan-result-detail-head h1{margin:3px 0 4px!important}
.volan-result-detail-head p:not(.volan-app-eyebrow){margin:0;color:#71809a}
.volan-result-back{
  display:inline-flex!important;align-items:center!important;min-height:38px!important;
  border:1px solid #d6deea!important;background:#fff!important;color:#52627a!important;
  border-radius:9px!important;font-weight:700!important;
}

.volan-app-content .volan-result-back::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2352627a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='m11 18-6-6 6-6'/%3E%3C/svg%3E")!important;
}
.volan-result-summary{
  display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,2.2fr);gap:20px;
  padding:18px 20px;margin-bottom:18px;border:1px solid #dfe5ef;border-radius:15px;background:#fff;
  box-shadow:0 6px 20px rgba(17,28,52,.04);
}
.volan-result-person{display:flex;align-items:center;gap:12px;min-width:0}
.volan-result-person-avatar{
  display:grid;place-items:center;width:44px;height:44px;border-radius:12px;
  background:#eef5ff;color:#1769ff;font-size:16px;font-weight:850;flex:0 0 auto;
}
.volan-result-person h2{margin:0 0 2px!important;font-size:17px!important;color:#111c34}
.volan-result-person span{color:#71809a;font-size:11.5px;word-break:break-word}
.volan-result-summary-grid{
  display:grid;grid-template-columns:1.5fr 1fr 1fr .8fr .7fr .8fr;gap:8px;align-items:stretch;
}
.volan-result-summary-grid>div{
  display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;
  padding:9px 10px;border-radius:9px;background:#f8fafc;
}
.volan-result-summary-grid small,
.volan-result-answer-grid small,
.volan-result-explanation small{
  color:#8794a8;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.045em;
}
.volan-result-summary-grid strong{overflow:hidden;color:#24334d;font-size:11.5px;text-overflow:ellipsis}
.volan-result-percent strong{color:#1769ff!important;font-size:16px!important}
.volan-result-status-pill{
  display:inline-flex;align-items:center;width:max-content;min-height:24px;padding:3px 8px;border-radius:999px;
  font-size:10.5px;font-weight:850;
}
.volan-result-status-pill.is-pass{background:#eaf8f2;color:#0f8a59}
.volan-result-status-pill.is-fail{background:#fff0f1;color:#bd3741}
.volan-result-review-head{
  display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 8px;
}
.volan-result-review-head h2{margin:0!important;font-size:17px!important}
.volan-result-review-head>span{
  padding:4px 8px;border-radius:999px;background:#eef5ff;color:#1769ff;font-size:10.5px;font-weight:800;
}
.volan-result-review{max-width:none!important}
.volan-result-question{
  margin:7px 0!important;padding:11px 13px!important;border:1px solid #e0e6ee!important;
  border-left-width:3px!important;border-radius:10px!important;background:#fff!important;
}
.volan-result-question.is-correct{border-left-color:#16a36a!important}
.volan-result-question.is-wrong{border-left-color:#d94b55!important}
.volan-result-question-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
}
.volan-result-question-head>strong{
  display:flex;align-items:flex-start;gap:8px;color:#17243c;font-size:12.5px;line-height:1.38;font-weight:750;
}
.volan-result-qnum{
  display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border-radius:7px;
  background:#eef2f7;color:#5b6a80;font-size:10px;font-weight:850;
}
.volan-result-answer-state{
  flex:0 0 auto;padding:3px 7px;border-radius:999px;font-size:9.5px;font-weight:850;text-transform:uppercase;
}
.volan-result-answer-state.is-correct{background:#eaf8f2;color:#0f8a59}
.volan-result-answer-state.is-wrong{background:#fff0f1;color:#bd3741}
.volan-result-answer-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0 0 30px;
}
.volan-result-answer-grid>div,
.volan-result-explanation{
  display:flex;flex-direction:column;gap:2px;padding:7px 9px;border-radius:8px;background:#f8fafc;
}
.volan-result-answer-grid span,.volan-result-explanation span{color:#3c4b62;font-size:11.5px;line-height:1.35}
.volan-result-explanation{margin:6px 0 0 30px;background:#f6f3ff}
.volan-result-question-image{margin:8px 0 7px 30px}
.volan-result-question-image img{max-width:220px;height:auto;border-radius:8px}

/* Dashboard recent-result direct action */
.volan-dashboard-result-name{color:#17243c!important;text-decoration:none!important}
.volan-dashboard-result-name:hover{color:#1769ff!important}
.volan-result-open-btn{
  display:inline-flex!important;align-items:center!important;gap:5px!important;
  min-height:32px!important;padding:4px 9px!important;border:1px solid #cbdcf8!important;
  border-radius:8px!important;background:#eef5ff!important;color:#1769ff!important;
  font-size:11.5px!important;font-weight:750!important;
}
.volan-result-open-btn:hover{border-color:#1769ff!important;background:#1769ff!important;color:#fff!important}
.volan-result-open-btn .dashicons{width:14px;height:14px;font-size:14px;color:inherit!important}

@media(max-width:1050px){
  .volan-result-summary{grid-template-columns:1fr}
  .volan-result-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:680px){
  .volan-result-detail-head{flex-direction:column}
  .volan-result-back{width:100%;justify-content:center}
  .volan-result-summary{padding:14px}
  .volan-result-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .volan-result-answer-grid{grid-template-columns:1fr;margin-left:0}
  .volan-result-explanation,.volan-result-question-image{margin-left:0}
  .volan-result-question-head{gap:8px}
}


/* Formal exams - existing exams first - 2.1.45 */
.volan-existing-exams-top{
  margin:18px 0 26px;
  padding:20px;
  border:1px solid #dfe5ef;
  border-radius:15px;
  background:#fff;
  box-shadow:0 7px 22px rgba(17,28,52,.045);
}
.volan-existing-exams-head{margin-bottom:14px}
.volan-existing-exams-head h2{margin:4px 0 4px!important;color:#111c34;font-size:19px!important}
.volan-existing-exams-head p{margin:0;color:#71809a;font-size:12.5px}
.volan-exam-editor-heading{
  margin:8px 0 12px;
  padding-top:4px;
}
.volan-exam-editor-heading h2{margin:4px 0 0!important;color:#111c34;font-size:19px!important}


/* =========================================================
   COLLAPSIBLE EXISTING EXAMS + RESULT ANSWERS - 2.1.47
   ========================================================= */
.volan-existing-exams-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.volan-existing-toggle{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:36px!important;
  padding:6px 10px!important;
  border:1px solid #d6deea!important;
  border-radius:9px!important;
  background:#f8fafc!important;
  color:#52627a!important;
  font-size:11.5px!important;
  font-weight:750!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:.18s ease!important;
}
.volan-existing-toggle:hover{
  border-color:#bfd0ea!important;
  background:#eef5ff!important;
  color:#1769ff!important;
}
.volan-existing-toggle .dashicons{
  width:15px!important;
  height:15px!important;
  font-size:15px!important;
}
.volan-existing-exams-body{
  display:none;
  margin-top:14px;
}
.volan-existing-exams-top.is-open .volan-existing-exams-body{display:block}

/* Ensure only one eye icon on dashboard result button */
.volan-result-open-btn::before{
  content:"\f177";
  font-family:dashicons;
  font-size:14px;
  line-height:1;
  width:14px;
  height:14px;
  display:inline-block;
}
.volan-result-open-btn .dashicons{display:none!important}

/* Separate multiple answers into clean rows */
.volan-result-answer-list{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-top:3px;
}
.volan-result-answer-item{
  display:block;
  padding:6px 8px;
  border:1px solid #e2e7ee;
  border-radius:7px;
  background:#fff;
  color:#3c4b62;
  font-size:11.5px;
  line-height:1.35;
}
.volan-result-answer-item.is-correct{
  border-color:#cfeadb;
  background:#f0faf5;
  color:#0f7650;
}
.volan-result-answer-item.is-empty{
  color:#8b96a8;
  font-style:italic;
}
.volan-result-answer-grid>div{
  align-self:start;
}
@media(max-width:680px){
  .volan-existing-exams-head{align-items:stretch}
  .volan-existing-toggle{flex:0 0 auto}
}


/* Result PDF / print actions - 2.1.48 */
.volan-result-detail-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.volan-result-pdf,
.volan-result-pdf-table{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:1px solid #cbdcf8!important;
  background:#eef5ff!important;
  color:#1769ff!important;
  border-radius:9px!important;
  font-weight:750!important;
}
.volan-result-pdf:hover,
.volan-result-pdf-table:hover{
  border-color:#1769ff!important;
  background:#1769ff!important;
  color:#fff!important;
}
.volan-result-pdf .dashicons{
  width:16px!important;
  height:16px!important;
  font-size:16px!important;
  color:inherit!important;
}
@media(max-width:680px){
  .volan-result-detail-actions{width:100%;justify-content:stretch}
  .volan-result-detail-actions .button{flex:1}
}


/* Multiple random categories - 2.1.49 */
.volan-random-categories-field{width:100%;min-width:0}
.volan-random-category-grid{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}
.volan-random-category-chip{position:relative;display:inline-flex!important;align-items:center!important;min-height:34px!important;margin:0!important;padding:0!important;cursor:pointer!important}
.volan-random-category-chip input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.volan-random-category-chip span{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid #d8e0eb;border-radius:9px;background:#fff;color:#52627a;font-size:11.5px;font-weight:700;transition:.16s ease}
.volan-random-category-chip:hover span{border-color:#bfd0ea;background:#f6f9ff;color:#1769ff}
.volan-random-category-chip input:checked+span{border-color:#1769ff;background:#eef5ff;color:#1769ff;box-shadow:0 0 0 2px rgba(23,105,255,.06)}
.volan-random-category-chip input:checked+span:before{content:"✓";margin-right:6px;font-weight:900}


/* Dashboard exam quick actions - 2.1.50 */
.volan-dashboard-exam-actions{
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.volan-dashboard-add-exam{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:52px!important;
  padding:8px 13px!important;
  border-radius:11px!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.volan-dashboard-add-exam>.dashicons{
  display:grid!important;
  place-items:center!important;
  flex:0 0 31px!important;
  width:31px!important;
  height:31px!important;
  border-radius:9px!important;
  font-size:17px!important;
  line-height:31px!important;
}
.volan-dashboard-add-exam>span:last-child{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:1px!important;
  line-height:1.15!important;
}
.volan-dashboard-add-exam strong{
  font-size:12.5px!important;
  font-weight:800!important;
  color:inherit!important;
}
.volan-dashboard-add-exam small{
  font-size:9.5px!important;
  font-weight:650!important;
  opacity:.72!important;
  color:inherit!important;
}
.volan-dashboard-add-exam.is-practice{
  border:1px solid #cde9dd!important;
  background:#eaf8f2!important;
  color:#0f8a59!important;
}
.volan-dashboard-add-exam.is-practice>.dashicons{
  background:#d6f1e5!important;
  color:#0f8a59!important;
}
.volan-dashboard-add-exam.is-practice:hover{
  border-color:#16a36a!important;
  background:#16a36a!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(22,163,106,.15)!important;
  transform:translateY(-1px)!important;
}
.volan-dashboard-add-exam.is-practice:hover>.dashicons{
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
}
.volan-dashboard-add-exam.is-formal{
  border:1px solid #cbdcf8!important;
  background:#eef5ff!important;
  color:#1769ff!important;
}
.volan-dashboard-add-exam.is-formal>.dashicons{
  background:#dce9ff!important;
  color:#1769ff!important;
}
.volan-dashboard-add-exam.is-formal:hover{
  border-color:#1769ff!important;
  background:#1769ff!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(23,105,255,.15)!important;
  transform:translateY(-1px)!important;
}
.volan-dashboard-add-exam.is-formal:hover>.dashicons{
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
}
@media(max-width:760px){
  .volan-dashboard-exam-actions{
    width:100%!important;
    justify-content:stretch!important;
  }
  .volan-dashboard-add-exam{
    flex:1 1 220px!important;
  }
}


/* Expired secure exam summary - 2.1.52 */
.volan-time-expired-result{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:18px;
  border:1px solid #f3dfbd;
  border-radius:14px;
  background:#fff5e8;
  color:#72511b;
}
.volan-time-expired-result>.dashicons{
  display:grid;
  place-items:center;
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:10px;
  background:#ffe8c4;
  color:#e98a15;
  font-size:21px;
}
.volan-time-expired-result strong{display:block;margin-bottom:3px;color:#60410f;font-size:14px}
.volan-time-expired-result p{margin:0 0 6px;color:#86642a;font-size:12.5px}
.volan-time-expired-result b{color:#60410f;font-size:12.5px}

/* =========================================================
   STUDENT DASHBOARD STATUS + COLLAPSIBLE PRACTICE - 2.1.56
   ========================================================= */
.volan-student-exam-notice{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
  margin:0 0 18px;
  padding:16px 18px;
  border:1px solid #cfe0ff;
  border-radius:15px;
  background:#eef5ff;
  color:#17243c;
  text-decoration:none;
  box-shadow:0 7px 22px rgba(23,105,255,.06);
}
.volan-student-exam-notice:hover{border-color:#a9c7ff;background:#e8f1ff;color:#17243c}
.volan-student-exam-notice>.dashicons{width:25px;height:25px;font-size:25px;color:#1769ff}
.volan-student-exam-notice>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.volan-student-exam-notice strong{font-size:15px;color:#111c34}
.volan-student-exam-notice span{font-size:12.5px;color:#66758d}
.volan-student-exam-notice>b{font-size:12px;color:#1769ff;white-space:nowrap}

.volan-student-results-panel{margin:0 0 18px!important}
.volan-student-result-list{display:flex;flex-direction:column;gap:9px}
.volan-student-result-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 13px;
  border:1px solid #e2e7ef;
  border-radius:12px;
  background:#fff;
}
.volan-student-result-main{display:flex;align-items:center;gap:11px;min-width:0}
.volan-student-result-main>.dashicons{width:22px;height:22px;font-size:22px;color:#71809a;flex:0 0 auto}
.volan-student-result-row.is-pass .volan-student-result-main>.dashicons{color:#16a36a}
.volan-student-result-row.is-fail .volan-student-result-main>.dashicons{color:#d94b55}
.volan-student-result-main>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.volan-student-result-main strong{font-size:13.5px;color:#17243c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.volan-student-result-main small{font-size:11px;color:#8490a5}
.volan-student-result-score{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.volan-student-result-score>b{font-size:13px;color:#34435c}
.volan-student-result-list.is-compact .volan-student-result-row{padding:10px 12px}

.volan-student-practice-collapse{margin-top:0!important;padding:0!important;overflow:hidden}
.volan-student-practice-collapse>summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:17px 19px;
  cursor:pointer;
  user-select:none;
}
.volan-student-practice-collapse>summary::-webkit-details-marker{display:none}
.volan-student-practice-collapse>summary>span{display:flex;align-items:center;gap:9px;min-width:0}
.volan-student-practice-collapse>summary>span>.dashicons{color:#1769ff}
.volan-student-practice-collapse>summary strong{font-size:15px;color:#17243c}
.volan-student-practice-collapse>summary small{padding:4px 8px;border-radius:999px;background:#f1f4f8;color:#71809a;font-size:11px}
.volan-collapse-action{display:flex;align-items:center;gap:7px;color:#1769ff;font-size:12px;font-weight:800}
.volan-collapse-action .is-open{display:none}
.volan-student-practice-collapse[open] .volan-collapse-action .is-closed{display:none}
.volan-student-practice-collapse[open] .volan-collapse-action .is-open{display:inline}
.volan-collapse-action .dashicons{transition:transform .2s ease}
.volan-student-practice-collapse[open] .volan-collapse-action .dashicons{transform:rotate(180deg)}
.volan-student-practice-collapse-body{padding:0 19px 19px;border-top:1px solid #edf0f5}
.volan-student-practice-collapse-body>.volan-student-practice-grid{padding-top:18px}
.volan-practice-collapse-footer{padding-top:14px;text-align:right}
.volan-practice-collapse-footer a{color:#1769ff;font-size:12.5px;font-weight:750;text-decoration:none}
.volan-student-exam-history{margin-top:20px!important}

@media(max-width:680px){
  .volan-student-exam-notice{grid-template-columns:auto 1fr;padding:14px}
  .volan-student-exam-notice>b{grid-column:1/-1;padding-left:39px}
  .volan-student-result-row{align-items:flex-start;flex-direction:column}
  .volan-student-result-score{width:100%;justify-content:space-between;padding-left:33px;box-sizing:border-box}
  .volan-student-practice-collapse>summary{padding:15px}
  .volan-student-practice-collapse-body{padding:0 15px 15px}
}

/* 2.1.58 — student unstarted formal exams + admin assignment status */
.volan-student-unstarted-panel{margin-bottom:20px}
.volan-student-unstarted-panel .volan-app-panel-title>div p{margin:4px 0 0;color:var(--muted);font-size:13px}
.volan-student-unstarted-list{display:grid;gap:10px}
.volan-student-unstarted-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff}
.volan-student-unstarted-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue)}
.volan-student-unstarted-icon .dashicons{width:22px;height:22px;font-size:22px}
.volan-student-unstarted-copy{min-width:0}
.volan-student-unstarted-copy h3{margin:4px 0 3px;font-size:15px;color:var(--text)}
.volan-student-unstarted-copy small{color:var(--muted);font-size:12px}
.volan-unstarted-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#fff5e8;color:#b96508;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0}
.volan-exam-assignment-status,.volan-exam-unassigned-inline{display:inline-flex;align-items:center;gap:5px;border-radius:999px;font-size:11px;font-weight:700;line-height:1;padding:7px 9px;white-space:nowrap}
.volan-exam-assignment-status .dashicons{font-size:14px;width:14px;height:14px}
.volan-exam-assignment-status.is-assigned{background:#eaf8f2;color:#0f8a59}
.volan-exam-assignment-status.is-unassigned,.volan-exam-unassigned-inline{background:#fff5e8;color:#b96508}
.volan-exam-unassigned-inline{margin-left:8px;padding:5px 7px;vertical-align:middle}
@media(max-width:720px){
  .volan-student-unstarted-card{grid-template-columns:40px minmax(0,1fr)}
  .volan-student-unstarted-card .volan-student-start{grid-column:1/-1;width:100%;justify-content:center}
}


/* Exam builder question typography lock - 2.1.63 */
.volan-app-content .volan-exam-question-scroll .volan-q-row{
  font-size:13.5px!important;
  line-height:1.42!important;
}
.volan-app-content .volan-exam-question-scroll .volan-q-row strong{
  font-size:12.5px!important;
  font-weight:600!important;
}
.volan-app-content .volan-exam-question-scroll .volan-q-row em{
  font-size:12px!important;
  line-height:1.35!important;
}

/* 2.1.65 — compact typography after font self-hosting/import */
.volan-app-shell{font-size:13px!important;}
.volan-app-nav a,.volan-app-nav a:visited{font-size:13.5px!important;}
.volan-app-brandtext strong{font-size:23px!important;}
.volan-app-content .volan-exam-question-scroll .volan-q-row,
.volan-app-content .volan-exam-question-scroll .volan-practice-row{
  font-size:12.75px!important;
  line-height:1.38!important;
  padding:9px 11px!important;
}
.volan-app-content .volan-exam-question-scroll .volan-q-row strong,
.volan-app-content .volan-exam-question-scroll .volan-practice-row strong{
  font-size:12px!important;
  font-weight:600!important;
}
.volan-app-content .volan-exam-question-scroll .volan-q-row em,
.volan-app-content .volan-exam-question-scroll .volan-practice-row em{
  font-size:11px!important;
  line-height:1.3!important;
}
.volan-app-content table.widefat tbody td{font-size:13px!important;}
.volan-app-content table.widefat thead th{font-size:11.5px!important;}
.volan-app-pagehead h1{font-size:27px!important;}
.volan-app-pagehead p{font-size:13px!important;}

/* 2.1.66 — compact public practice header */
body.volan-public-practice-body .volan-public-practice-main .volan-student-practice-head{
  gap:0!important;
  margin-bottom:16px!important;
  padding:18px 20px!important;
}
body.volan-public-practice-body .volan-public-practice-main .volan-student-back{
  min-height:32px!important;
  margin-bottom:14px!important;
  padding:5px 10px!important;
  font-size:12px!important;
}
body.volan-public-practice-body .volan-public-practice-main .volan-app-eyebrow{
  margin:0 0 4px!important;
  font-size:11px!important;
  line-height:1.25!important;
}
body.volan-public-practice-body .volan-public-practice-main .volan-student-practice-head h1{
  margin:0 0 4px!important;
  font-size:22px!important;
  line-height:1.25!important;
}
body.volan-public-practice-body .volan-public-practice-main .volan-student-practice-head p:not(.volan-app-eyebrow){
  margin:0!important;
  font-size:13px!important;
  line-height:1.4!important;
}
body.volan-public-practice-body .volan-public-practice-main .volan-student-exam-shell{
  padding:18px!important;
}
@media(max-width:680px){
  body.volan-public-practice-body .volan-public-practice-main .volan-student-practice-head{padding:16px!important}
  body.volan-public-practice-body .volan-public-practice-main .volan-student-exam-shell{padding:12px!important}
  body.volan-public-practice-body .volan-public-practice-main .volan-student-practice-head h1{font-size:20px!important}
}


/* Exam question builder UX - 2.1.68 */
.volan-manual-question-area[data-question-builder]{margin-top:24px;padding:20px;border:1px solid #dfe6f0;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(15,31,58,.045)}
.volan-question-step-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:16px}
.volan-step-number{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1769ff;color:#fff;font-size:14px;font-weight:800}
.volan-question-step-head h2{margin:0 0 3px!important;font-size:18px!important;color:#14223b}.volan-question-step-head p{margin:0!important;color:#71809a;font-size:12.5px;line-height:1.45}
.volan-selected-counter{display:flex;align-items:baseline;gap:6px;padding:8px 12px;border:1px solid #cfe0ff;border-radius:10px;background:#f2f7ff;color:#52627b;white-space:nowrap}.volan-selected-counter strong{font-size:17px;color:#1769ff}.volan-selected-counter span{font-size:11.5px;font-weight:700}
.volan-question-tools{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(160px,220px) auto auto auto;gap:8px!important;align-items:center!important;margin:0 0 10px!important}.volan-question-tools .volan-question-search{width:100%;min-height:36px!important;margin:0!important}.volan-question-tools select{width:100%;min-height:36px!important;margin:0!important}.volan-question-tools .button{min-height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;white-space:nowrap}
.volan-question-help{display:flex;gap:7px;align-items:center;margin:0 0 10px;padding:8px 10px;border-radius:9px;background:#f7f9fc;color:#65758e;font-size:11.5px}.volan-question-help .dashicons{font-size:16px;width:16px;height:16px;color:#1769ff}
.volan-manual-question-area .volan-exam-question-scroll{border:1px solid #e2e8f1;border-radius:11px;overflow:auto;max-height:480px;background:#fff}
.volan-manual-question-area .volan-practice-row,.volan-manual-question-area .volan-q-row{display:flex!important;align-items:flex-start;gap:7px;padding:8px 10px!important;border-bottom:1px solid #edf1f6!important;cursor:pointer;transition:background .12s ease,border-color .12s ease;font-size:13px!important;line-height:1.4}.volan-manual-question-area .volan-practice-row:last-child,.volan-manual-question-area .volan-q-row:last-child{border-bottom:0!important}.volan-manual-question-area .volan-practice-row:hover,.volan-manual-question-area .volan-q-row:hover{background:#f7faff}.volan-manual-question-area .volan-practice-row.is-selected,.volan-manual-question-area .volan-q-row.is-selected{background:#eef5ff!important;box-shadow:inset 3px 0 0 #1769ff}.volan-manual-question-area .volan-practice-row input,.volan-manual-question-area .volan-q-row input{margin-top:2px!important}.volan-manual-question-area .volan-practice-row em,.volan-manual-question-area .volan-q-row em{margin-left:auto;color:#78879e;font-size:11.5px;white-space:nowrap}
.volan-exam-selection-summary{display:flex;align-items:center;gap:7px;margin-top:12px;padding:10px 12px;border-radius:10px;background:#f0faf5;color:#315f4c;font-size:12.5px}.volan-exam-selection-summary .dashicons{color:#16a36a}.volan-exam-selection-summary strong{color:#16724d}
@media(max-width:1180px){.volan-question-tools{grid-template-columns:1fr 1fr auto auto}.volan-question-tools #volan_practice_remove_selected,.volan-question-tools #volan_exam_remove_selected{grid-column:1/-1;justify-self:start}}
@media(max-width:760px){.volan-question-step-head{grid-template-columns:34px 1fr}.volan-selected-counter{grid-column:1/-1;justify-self:start}.volan-question-tools{grid-template-columns:1fr}.volan-question-tools .button{width:100%}.volan-question-tools #volan_practice_remove_selected,.volan-question-tools #volan_exam_remove_selected{grid-column:auto}.volan-manual-question-area[data-question-builder]{padding:14px}.volan-manual-question-area .volan-practice-row em,.volan-manual-question-area .volan-q-row em{white-space:normal}}

/* Question selection basket UX - 2.1.69 */
.volan-selected-basket{margin-top:12px;border:1px solid #dfe6f0;border-radius:11px;background:#fbfcfe;overflow:hidden}
.volan-selected-basket-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-bottom:1px solid #e8edf4;background:#f7f9fc;color:#253653;font-size:12px}
.volan-selected-basket-head strong{font-size:12.5px}.volan-selected-basket-head span{color:#1769ff;font-weight:800}
.volan-selected-basket-list{display:flex;flex-wrap:wrap;gap:6px;padding:9px 10px;min-height:38px}
.volan-selected-empty{color:#7b889e;font-size:11.5px;align-self:center}
.volan-selected-chip{appearance:none;border:1px solid #cfe0ff;background:#eef5ff;color:#27466f;border-radius:999px;padding:5px 7px 5px 9px;display:inline-flex;align-items:center;gap:6px;max-width:100%;font:600 11.5px/1.3 Inter,Arial,sans-serif;cursor:pointer}
.volan-selected-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px}.volan-selected-chip b{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#dbe9ff;color:#1769ff;font-size:13px;line-height:1}
.volan-selected-chip:hover{border-color:#9dc0ff;background:#e5f0ff}.volan-selected-chip:hover b{background:#1769ff;color:#fff}
@media(max-width:760px){.volan-selected-basket-head{align-items:flex-start}.volan-selected-chip span{max-width:230px}}


/* Vehicle categories compact grid - 2.1.71 */
.volan-app-content .volan-vehicle-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 10px;padding-top:16px;border-top:1px solid #e4e9f1}
.volan-app-content .volan-vehicle-list-head h2{margin:0 0 2px!important;font-size:16px!important;line-height:1.3;color:#14223b}
.volan-app-content .volan-vehicle-list-head p{margin:0!important;font-size:11.5px!important;line-height:1.4;color:#71809a}
.volan-app-content .volan-vehicle-count{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border:1px solid #d9e4f5;border-radius:999px;background:#f4f8ff;color:#1769ff;font-size:11px;font-weight:700;white-space:nowrap}
.volan-app-content .volan-vehicle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.volan-app-content .volan-vehicle-card{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0;padding:9px 10px;border:1px solid #e1e7ef;border-radius:11px;background:#fff;box-shadow:0 2px 8px rgba(15,31,58,.025)}
.volan-app-content .volan-vehicle-main{display:flex;align-items:center;gap:9px;min-width:0}
.volan-app-content .volan-vehicle-badge{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:#eef5ff;color:#1769ff;font-size:14px;font-weight:800;line-height:1}
.volan-app-content .volan-vehicle-copy{display:flex;flex-direction:column;min-width:0;gap:1px}
.volan-app-content .volan-vehicle-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#24334d;font-size:11.5px!important;font-weight:650;line-height:1.3}
.volan-app-content .volan-vehicle-copy small{color:#8290a5;font-size:10px;line-height:1.25}
.volan-app-content .volan-vehicle-delete{flex:0 0 auto;min-height:27px!important;padding:3px 7px!important;font-size:10.5px!important}
.volan-app-content .volan-vehicle-empty{padding:14px;border:1px dashed #dbe2ec;border-radius:10px;background:#fafbfd;color:#71809a;font-size:12px}
@media(max-width:1180px){.volan-app-content .volan-vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.volan-app-content .volan-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.volan-app-content .volan-vehicle-list-head{align-items:flex-start}.volan-app-content .volan-vehicle-grid{grid-template-columns:1fr}.volan-app-content .volan-vehicle-card{padding:9px}}

/* Vehicle category edit actions - 2.1.72 */
.volan-app-content .volan-vehicle-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.volan-app-content .volan-vehicle-edit,.volan-app-content .volan-vehicle-delete{min-height:27px!important;padding:3px 7px!important;font-size:10.5px!important}
.volan-app-content .volan-vehicle-edit-note{display:flex;align-items:center;gap:8px;margin:10px 0 4px;padding:9px 11px;border:1px solid #cfe0ff;border-radius:9px;background:#f3f7ff;color:#24334d;font-size:11.5px}
.volan-app-content .volan-vehicle-edit-note span{color:#71809a}

/* =========================================================
   PUBLIC PRACTICE LIST - SAAS REDESIGN 2.1.77
   ========================================================= */
body.volan-public-practice-body .volan-public-practice-hero-v2{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:18px;
  padding:24px 26px;
  border:1px solid #dfe5ef;
  border-radius:16px;
  background:linear-gradient(135deg,#ffffff 0%,#fbfcff 100%);
  box-shadow:0 10px 28px rgba(17,28,52,.045);
}
body.volan-public-practice-body .volan-public-practice-hero-v2::after{display:none}
body.volan-public-practice-body .volan-public-practice-hero-copy{max-width:780px}
body.volan-public-practice-body .volan-public-practice-kicker{
  display:inline-flex;align-items:center;gap:8px;margin:0 0 8px;
  color:#71809a;font-size:11px;font-weight:800;letter-spacing:.11em;
}
body.volan-public-practice-body .volan-public-practice-kicker-dot{width:7px;height:7px;border-radius:50%;background:#1769ff;box-shadow:0 0 0 4px #eef5ff}
body.volan-public-practice-body .volan-public-practice-hero-v2 h1{margin:0 0 8px;max-width:none;font-size:29px;line-height:1.18;letter-spacing:-.025em;color:#111c34}
body.volan-public-practice-body .volan-public-practice-hero-v2 p{margin:0;max-width:760px;color:#71809a;font-size:14px;line-height:1.55}
body.volan-public-practice-body .volan-public-practice-hero-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:330px}
body.volan-public-practice-body .volan-public-practice-hero-badge{
  display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:6px 10px;
  border:1px solid #dbe8ff;border-radius:999px;background:#f4f8ff;color:#1769ff;
  font-size:11.5px;font-weight:750;white-space:nowrap;
}
body.volan-public-practice-body .volan-public-practice-hero-badge.is-neutral{border-color:#e3e8f0;background:#f7f9fc;color:#53627a}
body.volan-public-practice-body .volan-public-practice-hero-badge svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.volan-public-practice-body .volan-public-practice-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 2px 12px;
  color:#71809a;font-size:12.5px;
}
body.volan-public-practice-body .volan-public-practice-toolbar>div{color:#34425a;font-weight:650}
body.volan-public-practice-body .volan-public-practice-toolbar strong{color:#111c34;font-size:14px}
body.volan-public-practice-body .volan-public-practice-card-grid{gap:14px}
body.volan-public-practice-body .volan-public-practice-card-v2{
  position:relative;min-height:238px;padding:18px!important;border:1px solid #dfe5ef!important;border-radius:15px!important;
  background:#fff!important;box-shadow:0 6px 18px rgba(17,28,52,.035)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
@media(hover:hover) and (pointer:fine){
  body.volan-public-practice-body .volan-public-practice-card-v2:hover{transform:translateY(-3px)!important;border-color:#cbd5e5!important;box-shadow:0 15px 30px rgba(17,28,52,.075)!important}
}
body.volan-public-practice-body .volan-public-practice-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
body.volan-public-practice-body .volan-public-practice-card-icon{
  width:38px!important;height:38px!important;border:1px solid #e2e7ef!important;border-radius:10px!important;background:#f7f9fc!important;color:#34425a!important;
}
body.volan-public-practice-body .volan-public-practice-card-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
body.volan-public-practice-body .volan-public-practice-card-type{
  display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border:1px solid #e5eaf2;border-radius:999px;background:#fafbfd;color:#7a879d;font-size:10.5px;font-weight:750;
}
body.volan-public-practice-body .volan-public-practice-card-v2 .volan-student-practice-meta{margin-bottom:9px;gap:6px}
body.volan-public-practice-body .volan-public-practice-card-v2 .volan-student-practice-meta span{padding:4px 7px;border:1px solid #e7ebf2;border-radius:7px;background:#f7f9fc;color:#66758d;font-size:10.5px;font-weight:750}
body.volan-public-practice-body .volan-public-practice-card-v2 h3{margin:0 0 7px;font-size:16px!important;line-height:1.35;color:#142039;font-weight:700;letter-spacing:-.012em}
body.volan-public-practice-body .volan-public-practice-card-v2 p{margin:0;color:#7a879d;font-size:12.5px;line-height:1.5}
body.volan-public-practice-body .volan-public-practice-card-footer{margin-top:auto;padding-top:16px;border-top:1px solid #edf0f5}
body.volan-public-practice-body .volan-public-practice-card-v2 .volan-student-start{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:38px!important;
  padding:7px 12px!important;border:1px solid #1b2941!important;border-radius:9px!important;background:#111c34!important;
  box-shadow:none!important;color:#fff!important;font-size:12px!important;font-weight:750!important;text-decoration:none!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
}
body.volan-public-practice-body .volan-public-practice-card-v2 .volan-student-start svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.volan-public-practice-body .volan-public-practice-card-v2 .volan-student-start:hover{background:#1769ff!important;border-color:#1769ff!important;transform:translateX(1px)}
@media(max-width:860px){
  body.volan-public-practice-body .volan-public-practice-hero-v2{align-items:flex-start;flex-direction:column;gap:16px}
  body.volan-public-practice-body .volan-public-practice-hero-badges{justify-content:flex-start;max-width:none}
}
@media(max-width:680px){
  body.volan-public-practice-body .volan-public-practice-hero-v2{padding:20px;border-radius:14px}
  body.volan-public-practice-body .volan-public-practice-hero-v2 h1{font-size:25px}
  body.volan-public-practice-body .volan-public-practice-toolbar{align-items:flex-start;flex-direction:column;gap:3px;margin-bottom:10px}
  body.volan-public-practice-body .volan-public-practice-card-v2{min-height:220px;padding:16px!important}
}


/* PORTAL PRACTICE LIST - match public SaaS design 2.1.78 */
.volan-app-content .volan-portal-practice-hero-v2{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:18px;padding:22px 24px;border:1px solid #dfe5ef;border-radius:15px;background:linear-gradient(135deg,#fff 0%,#fbfcff 100%);box-shadow:0 8px 24px rgba(17,28,52,.04)}
.volan-app-content .volan-portal-practice-hero-copy{max-width:760px}.volan-app-content .volan-portal-practice-kicker{display:flex;align-items:center;gap:8px;margin:0 0 7px;color:#71809a;font-size:10.5px;font-weight:800;letter-spacing:.11em}.volan-app-content .volan-portal-practice-kicker>span{width:7px;height:7px;border-radius:50%;background:#1769ff;box-shadow:0 0 0 4px #eef5ff}.volan-app-content .volan-portal-practice-hero-v2 h1{margin:0 0 7px;font-size:27px;line-height:1.2;letter-spacing:-.025em;color:#111c34}.volan-app-content .volan-portal-practice-hero-v2 p{margin:0;color:#71809a;font-size:13px;line-height:1.55}.volan-app-content .volan-portal-practice-hero-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.volan-app-content .volan-portal-practice-hero-badges>span{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:5px 9px;border:1px solid #dbe8ff;border-radius:999px;background:#f4f8ff;color:#1769ff;font-size:10.5px;font-weight:750;white-space:nowrap}.volan-app-content .volan-portal-practice-hero-badges>span.is-neutral{border-color:#e3e8f0;background:#f7f9fc;color:#53627a}.volan-app-content .volan-portal-practice-hero-badges svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.volan-app-content .volan-portal-practice-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 2px 11px;color:#71809a;font-size:11.5px}.volan-app-content .volan-portal-practice-toolbar>div{color:#34425a;font-weight:650}.volan-app-content .volan-portal-practice-toolbar strong{color:#111c34;font-size:13px}.volan-app-content .volan-portal-practice-card-grid{gap:14px}.volan-app-content .volan-portal-practice-card-v2{position:relative;min-height:224px;padding:17px!important;border:1px solid #dfe5ef!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 16px rgba(17,28,52,.03)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}.volan-app-content .volan-portal-practice-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.volan-app-content .volan-portal-practice-card-icon{width:36px!important;height:36px!important;border:1px solid #e2e7ef!important;border-radius:9px!important;background:#f7f9fc!important;color:#34425a!important}.volan-app-content .volan-portal-practice-card-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.volan-app-content .volan-portal-practice-card-type{display:inline-flex;align-items:center;min-height:24px;padding:3px 7px;border:1px solid #e5eaf2;border-radius:999px;background:#fafbfd;color:#7a879d;font-size:10px;font-weight:750}.volan-app-content .volan-portal-practice-card-v2 .volan-student-practice-meta{margin-bottom:8px;gap:5px}.volan-app-content .volan-portal-practice-card-v2 .volan-student-practice-meta span{padding:3px 7px;border:1px solid #e7ebf2;border-radius:7px;background:#f7f9fc;color:#66758d;font-size:10px;font-weight:750}.volan-app-content .volan-portal-practice-card-v2 h3{margin:0 0 6px;font-size:15px!important;line-height:1.35;color:#142039;font-weight:700}.volan-app-content .volan-portal-practice-card-v2 p{margin:0;color:#7a879d;font-size:11.5px;line-height:1.5}.volan-app-content .volan-portal-practice-card-footer{margin-top:auto;padding-top:14px;border-top:1px solid #edf0f5}.volan-app-content .volan-portal-practice-card-v2 .volan-student-start{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:36px!important;padding:6px 11px!important;border:1px solid #1b2941!important;border-radius:8px!important;background:#111c34!important;box-shadow:none!important;color:#fff!important;font-size:11.5px!important;font-weight:750!important;text-decoration:none!important}.volan-app-content .volan-portal-practice-card-v2 .volan-student-start svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover) and (pointer:fine){.volan-app-content .volan-portal-practice-card-v2:hover{transform:translateY(-3px)!important;border-color:#cbd5e5!important;box-shadow:0 14px 28px rgba(17,28,52,.07)!important}.volan-app-content .volan-portal-practice-card-v2 .volan-student-start:hover{background:#1769ff!important;border-color:#1769ff!important}}
@media(max-width:860px){.volan-app-content .volan-portal-practice-hero-v2{align-items:flex-start;flex-direction:column;gap:14px}.volan-app-content .volan-portal-practice-hero-badges{justify-content:flex-start}}
@media(max-width:680px){.volan-app-content .volan-portal-practice-hero-v2{padding:18px;border-radius:13px}.volan-app-content .volan-portal-practice-hero-v2 h1{font-size:23px}.volan-app-content .volan-portal-practice-toolbar{align-items:flex-start;flex-direction:column;gap:3px}.volan-app-content .volan-portal-practice-card-v2{min-height:210px;padding:15px!important}}


/* =========================================================
   ADMIN-ONLY NAV ZONE - 2.1.81
   Urednici ispita su odvojeni od operativnih stavki menija.
   ========================================================= */
.volan-app-nav .volan-nav-admin-zone{
  margin-top:16px!important;
  padding-top:14px!important;
  border-top:1px solid rgba(255,255,255,.11)!important;
}

/* 2.1.83 — assigned exams in Students overview */
.volan-student-assignments-cell{min-width:170px;overflow:visible!important}
.volan-student-assignments{position:relative;display:inline-block}
.volan-student-assignments summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center}
.volan-student-assignments summary::-webkit-details-marker{display:none}
.volan-student-assignment-pill{display:inline-flex;align-items:center;border-radius:999px;font-size:11px;font-weight:700;line-height:1;padding:7px 10px;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.volan-student-assignment-pill.is-assigned{background:#eef5ff;color:#1769ff}
.volan-student-assignments summary:hover .volan-student-assignment-pill.is-assigned{background:#e4efff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(23,105,255,.12)}
.volan-student-assignment-pill.is-unassigned{background:#f1f3f6;color:#71809a}
.volan-student-assignment-popover{position:absolute;z-index:30;top:calc(100% + 8px);left:0;width:260px;padding:8px;background:#fff;border:1px solid #dfe5ef;border-radius:12px;box-shadow:0 14px 35px rgba(14,23,41,.14)}
.volan-student-assignment-item{padding:8px 9px;border-radius:8px}
.volan-student-assignment-item+.volan-student-assignment-item{border-top:1px solid #edf0f5;border-radius:0}
.volan-student-assignment-item strong{display:block;color:#111c34;font-size:12px;line-height:1.35}
.volan-student-assignment-item small{display:block;margin-top:3px;color:#71809a;font-size:10.5px}
@media(max-width:900px){.volan-student-assignment-popover{position:static;width:min(260px,80vw);margin-top:7px;box-shadow:none}.volan-student-assignments-cell{min-width:0}}

/* 2.1.84 — upravljanje ispitima po polazniku */
.volan-student-exam-manager{margin:0 0 20px;padding:20px;border:1px solid #dfe5ef;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(17,28,52,.04)}
.volan-student-exam-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.volan-student-exam-manager-head h2{margin:3px 0 5px;color:#111c34;font-size:20px}.volan-student-exam-manager-head p{margin:0;color:#71809a;font-size:12.5px;line-height:1.5}
.volan-student-exam-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.volan-student-exam-card{padding:15px;border:1px solid #e1e6ef;border-radius:12px;background:#fbfcfe}.volan-student-exam-card.is-assigned{border-color:#cfe0ff;background:#f8fbff}.volan-student-exam-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.volan-student-exam-card-top strong{display:block;color:#111c34;font-size:13px;line-height:1.35}.volan-student-exam-card-top small{display:block;margin-top:4px;color:#71809a;font-size:10.5px}.volan-student-exam-stats{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.volan-student-exam-stats span{padding:5px 7px;border:1px solid #e1e7f0;border-radius:7px;background:#fff;color:#66758d;font-size:10.5px}.volan-student-exam-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.volan-student-exam-actions form{margin:0}.volan-student-exam-assign-form{display:flex;align-items:flex-end;gap:9px;margin-top:13px}.volan-student-exam-assign-form label{display:flex;flex:1;flex-direction:column;gap:5px}.volan-student-exam-assign-form label span{color:#53627a;font-size:10.5px;font-weight:700}.volan-student-exam-assign-form select{min-height:36px;border:1px solid #dfe5ef;border-radius:8px;background:#fff}
@media(max-width:900px){.volan-student-exam-grid{grid-template-columns:1fr}.volan-student-exam-manager-head{flex-direction:column}.volan-student-exam-assign-form{align-items:stretch;flex-direction:column}}

/* 2.1.86 — dodjela ispita pri kreiranju polaznika */
.volan-new-student-exams{margin-top:20px;padding:18px;border:1px solid #dfe5ef;border-radius:13px;background:#f9fbfe}.volan-new-student-exams-head h3{margin:3px 0 5px;color:#111c34;font-size:16px}.volan-new-student-exams-head p{margin:0;color:#71809a;font-size:11.5px;line-height:1.5}.volan-new-student-exam-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.volan-new-student-exam-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e1e6ef;border-radius:10px;background:#fff;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.volan-new-student-exam-option:has(input[type=checkbox]:checked){border-color:#bfd5ff;background:#f5f9ff;box-shadow:0 4px 12px rgba(23,105,255,.06)}.volan-new-student-exam-check{display:flex!important;align-items:flex-start;flex:1;gap:9px;cursor:pointer}.volan-new-student-exam-check input{margin-top:2px}.volan-new-student-exam-check strong{display:block;color:#111c34;font-size:12px;line-height:1.35}.volan-new-student-exam-check small{display:block;margin-top:3px;color:#71809a;font-size:10px}.volan-new-student-attempts{display:flex!important;align-items:flex-start;flex-direction:column;gap:4px}.volan-new-student-attempts>span{color:#71809a;font-size:9.5px;font-weight:750}.volan-new-student-attempts select{min-width:92px;min-height:33px;border:1px solid #dfe5ef;border-radius:7px;background:#fff;font-size:11px}.volan-new-student-exams+.volan-student-form-actions{margin-top:16px}
@media(max-width:760px){.volan-new-student-exam-grid{grid-template-columns:1fr}.volan-new-student-exam-option{align-items:flex-start;flex-direction:column}.volan-new-student-attempts{width:100%}.volan-new-student-attempts select{width:100%}}

/* =========================================================
   RADNI DASHBOARD + FILTERI POLAZNIKA - 2.1.88
   ========================================================= */
.volan-attention-panel{margin:0 0 18px;padding:20px;border:1px solid #e2e7ef;border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(17,28,52,.045)}
.volan-attention-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}.volan-attention-head h2{margin:3px 0 0;color:#111c34;font-size:18px}.volan-attention-head>span{color:#8290a4;font-size:12px}
.volan-attention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.volan-attention-grid>a{display:flex;flex-direction:column;gap:4px;padding:14px 15px;border:1px solid #e4e9f1;border-radius:12px;background:#f8fafc;text-decoration:none;transition:.18s ease}.volan-attention-grid>a:hover{border-color:#bfd3f5;background:#f3f7ff;transform:translateY(-1px)}.volan-attention-grid strong{color:#111c34;font-size:22px}.volan-attention-grid span{color:#64748b;font-size:12px;font-weight:700}
.volan-student-filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 16px;padding:0 18px}.volan-student-filters a{padding:8px 15px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dfe5ef;border-radius:999px;background:#fff;color:#53627a;text-decoration:none;font-size:11.5px;font-weight:750}.volan-student-filters a:hover,.volan-student-filters a.is-active{border-color:#1769ff;background:#eef5ff;color:#1769ff}
.volan-form-grid-2 textarea{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid #d6deea;border-radius:10px;background:#fff;color:#111c34;font:inherit;resize:vertical}.volan-form-grid-2 textarea:focus{border-color:#1769ff;outline:0;box-shadow:0 0 0 3px rgba(23,105,255,.11)}
.volan-student-name>div{display:flex;flex-direction:column;gap:3px}.volan-note-indicator{display:inline-flex;width:max-content;padding:2px 6px;border-radius:999px;background:#fff5e8;color:#b86608;font-size:9.5px;font-weight:800;cursor:help}
@media(max-width:760px){.volan-attention-head{align-items:flex-start;flex-direction:column}.volan-attention-grid{grid-template-columns:1fr}}


/* =========================================================
   POLAZNICI - FILTER / DODIJELJENI ISPITI FIX - 2.1.89
   ========================================================= */
/* Popover mora izaći izvan tablice/panela; veći z-index sam po sebi
   ne može preskočiti roditelja s overflow:hidden. */
.volan-app-content .volan-students-panel{
  overflow:visible!important;
}
.volan-app-content .volan-students-panel .volan-table-wrap{
  overflow:visible!important;
}
.volan-students-table tr:has(.volan-student-assignments[open]){
  position:relative;
  z-index:80;
}
.volan-student-assignments[open]{
  position:relative;
  z-index:1000;
}
.volan-student-assignment-popover{
  z-index:1100!important;
}
@media(max-width:900px){
  .volan-app-content .volan-students-panel .volan-table-wrap{
    overflow-x:auto!important;
    overflow-y:visible!important;
  }
}

/* =========================================================
   DODIJELJENI ISPITI - FLOATING POPOVER - 2.1.90
   ========================================================= */
/* Popover se JS-om premješta direktno pod <body>, pa ga više ne mogu
   rezati table, panel, overflow niti stacking-context roditelji. */
.volan-student-assignment-popover.is-floating{
  position:fixed!important;
  z-index:2147483000!important;
  top:auto;
  left:auto;
  width:280px;
  max-width:calc(100vw - 24px);
  margin:0!important;
  box-sizing:border-box;
  background:#fff;
  border:1px solid #dfe5ef;
  border-radius:12px;
  box-shadow:0 18px 46px rgba(14,23,41,.20);
}
.volan-student-assignments[open] > .volan-student-assignment-popover:not(.is-floating){
  visibility:hidden;
}
@media(max-width:900px){
  .volan-student-assignment-popover.is-floating{
    position:fixed!important;
    width:min(300px,calc(100vw - 24px));
    box-shadow:0 18px 46px rgba(14,23,41,.20)!important;
  }
}

/* =========================================================
   PREGLED PITANJA + JASNIJE DODJELE - 2.1.92
   ========================================================= */
.volan-student-exam-card{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.volan-student-exam-card.is-assigned{position:relative;border-color:#9fc0ff!important;background:linear-gradient(145deg,#edf4ff 0%,#f7faff 100%)!important;box-shadow:0 8px 22px rgba(23,105,255,.09)}
.volan-student-exam-card.is-assigned:before{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:4px;border-radius:0 4px 4px 0;background:#1769ff}
.volan-student-exam-card.is-assigned .volan-student-exam-card-top strong{color:#0f4fc6}.volan-student-exam-card.is-assigned .volan-student-exam-stats span{border-color:#d7e5ff;background:rgba(255,255,255,.88)}
.volan-question-review{max-width:1180px}.volan-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.volan-review-head h1{margin:3px 0 5px;color:#111c34;font-size:24px}.volan-review-head p{margin:0;color:#71809a;font-size:12.5px}
.volan-review-filters{display:grid;grid-template-columns:minmax(240px,1fr) minmax(180px,260px) auto auto;gap:9px;margin-bottom:12px;padding:14px;border:1px solid #e1e7f0;border-radius:14px;background:#fff}.volan-review-filters input,.volan-review-filters select{min-height:38px;border:1px solid #d9e1ec;border-radius:9px;background:#fff}
.volan-review-summary{display:flex;align-items:baseline;gap:7px;margin:0 0 13px;padding:0 3px;color:#71809a}.volan-review-summary strong{color:#111c34;font-size:18px}.volan-review-summary span{font-size:11px;font-weight:750}.volan-review-summary small{margin-left:auto;font-size:10.5px}
.volan-review-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.volan-review-card{padding:17px;border:1px solid #e1e7f0;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(17,28,52,.035)}.volan-review-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.volan-review-select{display:flex!important;align-items:center;gap:7px;color:#71809a;font-size:10px;font-weight:750;cursor:pointer}.volan-review-id{padding:4px 7px;border-radius:999px;background:#eef4ff;color:#1769ff;font-size:10px;font-weight:850}.volan-review-meta{margin-top:8px;color:#8290a4;font-size:10.5px}.volan-review-meta span{padding:0 3px}.volan-review-card h3{margin:7px 0 12px;color:#111c34;font-size:14px;line-height:1.45}.volan-review-question-image{display:block;width:auto;max-width:100%;max-height:260px;margin:0 0 12px;border-radius:10px;object-fit:contain}
.volan-review-answers{display:flex;flex-direction:column;gap:6px}.volan-review-answer{display:flex;align-items:flex-start;gap:9px;padding:8px 10px;border:1px solid #e5eaf1;border-radius:9px;background:#f9fafc;color:#4d5d74}.volan-review-answer.is-correct{border-color:#bfe6d3;background:#edf9f4;color:#11724e}.volan-review-answer-mark{display:flex;align-items:center;justify-content:center;flex:0 0 22px;height:22px;border-radius:6px;background:#fff;color:#71809a;font-size:10px;font-weight:850}.volan-review-answer.is-correct .volan-review-answer-mark{background:#15966a;color:#fff}.volan-review-answer strong{display:block;font-size:11.5px;line-height:1.4}.volan-review-answer small{display:block;margin-top:3px;color:#15966a;font-size:8.5px;font-weight:850;text-transform:uppercase}.volan-review-answer-image{display:block;max-width:180px;max-height:130px;margin-top:6px;border-radius:7px;object-fit:contain}.volan-review-explanation{margin-top:10px;padding:10px 11px;border-radius:9px;background:#fff6e8;color:#7b551d}.volan-review-explanation b{font-size:9px;text-transform:uppercase}.volan-review-explanation p{margin:4px 0 0;font-size:10.5px;line-height:1.45}.volan-review-bottom{position:sticky;bottom:14px;display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:16px auto 0;padding:9px;border:1px solid #dfe5ef;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(17,28,52,.12)}.volan-review-bottom span{padding-right:7px;color:#71809a;font-size:10.5px;font-weight:750}
@media(max-width:900px){.volan-review-list{grid-template-columns:1fr}.volan-review-filters{grid-template-columns:1fr}.volan-review-head{flex-direction:column}.volan-review-summary{align-items:flex-start;flex-direction:column}.volan-review-summary small{margin-left:0}}

/* Pregled pitanja - aktivna kategorija - 2.1.94 */
.volan-review-category-notice{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:14px 16px;border-radius:12px;background:#eef4ff;color:#173f86;box-shadow:inset 4px 0 0 #1769ff}
.volan-review-category-notice>span{padding:6px 10px;border-radius:999px;background:#1769ff;color:#fff;font-size:9px;font-weight:850;letter-spacing:.05em;white-space:nowrap}
.volan-review-category-notice>strong{font-size:14px;line-height:1.35;color:#0f4fc6}.volan-review-category-notice>small{margin-left:auto;color:#60728e;font-size:11px;line-height:1.4}
@media(max-width:760px){.volan-review-category-notice{align-items:flex-start;flex-direction:column}.volan-review-category-notice>small{margin-left:0}}

/* Katalog pitanja - izdvojena navigacija i brzo uređivanje - 2.1.95 */
.volan-app-nav .volan-nav-catalog-zone{
  margin-top:18px!important;
  padding-top:15px!important;
  border-top:1px solid rgba(255,255,255,.11)!important;
}
.volan-review-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.volan-review-edit{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #dbe4f2;border-radius:9px;background:#fff;color:#1769ff;text-decoration:none;font-size:12px;font-weight:700;line-height:1;transition:.18s ease}
.volan-review-edit:hover{background:#eef4ff;border-color:#bcd0f5;color:#1055d4;transform:translateY(-1px)}
.volan-review-edit .dashicons{width:15px;height:15px;font-size:15px;line-height:15px}
@media(max-width:720px){.volan-review-card-actions{width:100%;justify-content:space-between}.volan-review-card-head{flex-wrap:wrap}}

/* Katalog pitanja - neutralna sekundarna akcija Poništi - 2.1.97 */
.volan-question-review .volan-review-reset{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:38px!important;padding:0 14px!important;background:#fff!important;border:1px solid #d7dee9!important;border-radius:9px!important;color:#4d5b72!important;font-weight:600!important;box-shadow:none!important;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important}
.volan-question-review .volan-review-reset .dashicons{width:16px;height:16px;font-size:16px;line-height:16px;color:#7a879a!important}
.volan-question-review .volan-review-reset:hover,.volan-question-review .volan-review-reset:focus{background:#f4f6f9!important;border-color:#bfc9d8!important;color:#18233a!important;box-shadow:none!important;transform:translateY(-1px)}
.volan-question-review .volan-review-reset:hover .dashicons,.volan-question-review .volan-review-reset:focus .dashicons{color:#4d5b72!important}


/* Katalog pitanja - Poništi: izolirani neutralni SaaS stil - 2.1.98 */
.volan-app-content .volan-question-review a.button.volan-review-reset,
.volan-app-content .volan-question-review a.button.volan-review-reset:visited{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  min-height:38px!important;padding:0 14px!important;background:#fff!important;border:1px solid #d7dee9!important;
  border-radius:9px!important;color:#4d5b72!important;font-weight:600!important;box-shadow:none!important;text-decoration:none!important;
}
.volan-app-content .volan-question-review a.button.volan-review-reset::before{
  content:""!important;display:inline-block!important;width:16px!important;height:16px!important;min-width:16px!important;margin:0!important;
  background-color:transparent!important;background-repeat:no-repeat!important;background-position:center!important;background-size:16px 16px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2356647a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E")!important;
  opacity:1!important;transform:none!important;
}
.volan-app-content .volan-question-review a.button.volan-review-reset:hover,
.volan-app-content .volan-question-review a.button.volan-review-reset:focus{
  background:#f4f6f9!important;border-color:#bfc9d8!important;color:#18233a!important;box-shadow:none!important;transform:translateY(-1px)!important;
}
.volan-app-content .volan-question-review a.button.volan-review-reset:hover::before,
.volan-app-content .volan-question-review a.button.volan-review-reset:focus::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234d5b72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E")!important;
}


/* Uredi pitanje - Odustani: neutralna sekundarna SaaS akcija - 2.1.99 */
.volan-app-content .volan-question-form a.button.volan-question-cancel,
.volan-app-content .volan-question-form a.button.volan-question-cancel:visited{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  min-height:38px!important;padding:0 14px!important;background:#fff!important;border:1px solid #d7dee9!important;
  border-radius:9px!important;color:#4d5b72!important;font-weight:600!important;box-shadow:none!important;text-decoration:none!important;
}
.volan-app-content .volan-question-form a.button.volan-question-cancel::before{
  content:""!important;display:inline-block!important;width:16px!important;height:16px!important;min-width:16px!important;margin:0!important;
  background-color:transparent!important;background-repeat:no-repeat!important;background-position:center!important;background-size:16px 16px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2356647a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E")!important;
  opacity:1!important;transform:none!important;
}
.volan-app-content .volan-question-form a.button.volan-question-cancel:hover,
.volan-app-content .volan-question-form a.button.volan-question-cancel:focus{
  background:#f4f6f9!important;border-color:#bfc9d8!important;color:#18233a!important;box-shadow:none!important;transform:translateY(-1px)!important;
}
.volan-app-content .volan-question-form a.button.volan-question-cancel:hover::before,
.volan-app-content .volan-question-form a.button.volan-question-cancel:focus::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234d5b72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E")!important;
}

/* Result question image previews - 2.2.06 */
.volan-result-question-image{margin:9px 0 9px 30px!important;text-align:left}
.volan-result-question-image img{display:block;width:auto;max-width:155px!important;max-height:115px;height:auto!important;object-fit:contain;padding:4px;border:1px solid #e1e7ef;border-radius:10px!important;background:#fff;box-shadow:0 3px 10px rgba(15,23,42,.06)}
@media(max-width:680px){.volan-result-question-image{margin-left:0!important}.volan-result-question-image img{max-width:min(155px,48vw)!important;max-height:110px}}

/* =========================================================
   QUESTION IMPORT / EXPORT LAYOUT FIX - 2.2.08
   ========================================================= */
.volan-app-content .volan-question-export-card{
  display:block!important;
  width:100%!important;
  max-width:none!important;
}
.volan-app-content .volan-question-export-card .volan-csv-example-copy{
  width:100%!important;
  max-width:none!important;
}
.volan-app-content .volan-question-export-form{
  display:flex!important;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  width:100%;
  margin-top:14px;
}
.volan-app-content .volan-question-export-form select{
  flex:1 1 280px;
  width:auto!important;
  min-width:240px;
  max-width:420px;
  min-height:44px;
  margin:0!important;
}
.volan-app-content .volan-question-export-form .button{
  width:auto!important;
  min-height:44px!important;
  margin:0!important;
  white-space:nowrap;
}
@media(max-width:640px){
  .volan-app-content .volan-question-export-form{
    display:grid!important;
    grid-template-columns:1fr;
  }
  .volan-app-content .volan-question-export-form select,
  .volan-app-content .volan-question-export-form .button{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}

/* =========================================================
   QUESTION EXPORT PANEL - STRUCTURAL LAYOUT FIX 2.2.09
   Uses isolated classes so legacy CSV example-card grid rules
   cannot collapse the export area.
   ========================================================= */
.volan-app-content .volan-export-panel{
  display:block!important;
  position:relative;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:18px 0 24px!important;
  padding:24px 26px!important;
  border:1px solid #cfe0fb!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#f5f9ff 0%,#fff 72%)!important;
  box-shadow:0 8px 24px rgba(23,105,255,.055)!important;
}
.volan-app-content .volan-export-panel-head{
  display:block!important;
  width:100%!important;
  max-width:860px!important;
  min-width:0!important;
  margin:0 0 18px!important;
}
.volan-app-content .volan-export-kicker{
  display:block!important;
  margin:0 0 5px!important;
  color:#1769ff!important;
  font-size:11px!important;
  line-height:1.3!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
}
.volan-app-content .volan-export-panel h2{
  display:block!important;
  margin:0 0 6px!important;
  padding:0!important;
  color:#16243d!important;
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}
.volan-app-content .volan-export-panel p{
  display:block!important;
  width:auto!important;
  max-width:760px!important;
  margin:0!important;
  color:#6c7b92!important;
  font-size:13.5px!important;
  line-height:1.55!important;
}
.volan-app-content .volan-export-controls{
  display:grid!important;
  grid-template-columns:minmax(260px,420px) auto!important;
  align-items:end!important;
  justify-content:start!important;
  gap:14px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.volan-app-content .volan-export-field{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
.volan-app-content .volan-export-field>span{
  color:#526079!important;
  font-size:11.5px!important;
  line-height:1.3!important;
  font-weight:750!important;
}
.volan-app-content .volan-export-field select{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 38px 0 12px!important;
  box-sizing:border-box!important;
}
.volan-app-content .volan-export-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:9px!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.volan-app-content .volan-export-actions .button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  min-height:44px!important;
  margin:0!important;
  padding:9px 15px!important;
  white-space:nowrap!important;
}
@media(max-width:820px){
  .volan-app-content .volan-export-controls{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
}
@media(max-width:560px){
  .volan-app-content .volan-export-panel{padding:19px!important}
  .volan-app-content .volan-export-actions{display:grid!important;grid-template-columns:1fr!important}
  .volan-app-content .volan-export-actions .button{width:100%!important;white-space:normal!important}
}


/* =========================================================
   CSV IMPORT / EXPORT SAAS LAYOUT - 2.2.11
   ========================================================= */
.volan-app-content .volan-transfer-page{max-width:1180px!important}
.volan-transfer-hero{margin:0 0 22px;padding:2px 0 0}
.volan-transfer-kicker,.volan-transfer-section-kicker{display:block;margin:0 0 5px;color:#1769ff;font-size:11px;font-weight:850;letter-spacing:.09em}
.volan-transfer-hero h1{margin:0 0 7px!important;color:#17243d;font-size:26px!important;line-height:1.25!important;font-weight:850!important}
.volan-transfer-hero p{max-width:760px;margin:0!important;color:#71809a;font-size:14px;line-height:1.55}

.volan-transfer-section{margin:0 0 24px;padding:24px;border:1px solid #e1e7f0;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(22,36,61,.045)}
.volan-transfer-section-head{display:flex;align-items:flex-start;gap:14px;margin:0 0 20px;padding:0 0 18px;border-bottom:1px solid #edf0f5}
.volan-transfer-section-icon{display:flex;flex:0 0 46px;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:#edf4ff;color:#1769ff}
.volan-transfer-section-icon svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.volan-transfer-section-head h2{margin:0 0 5px!important;padding:0!important;color:#17243d;font-size:19px!important;line-height:1.3!important;font-weight:850!important}
.volan-transfer-section-head p{max-width:760px;margin:0!important;color:#71809a;font-size:13.5px;line-height:1.5}

.volan-transfer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.volan-transfer-card{display:flex;min-width:0;flex-direction:column;padding:20px;border:1px solid #e2e8f1;border-radius:15px;background:#fbfcfe}
.volan-transfer-card-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.volan-transfer-card-badge{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:43px;height:28px;padding:0 9px;border-radius:8px;background:#eaf2ff;color:#1769ff;font-size:11px;font-weight:850;letter-spacing:.05em}
.volan-transfer-card h3{margin:1px 0 4px!important;color:#1c2941;font-size:15.5px!important;line-height:1.35!important;font-weight:800!important}
.volan-transfer-card-head p{margin:0!important;color:#74829a;font-size:12.5px;line-height:1.45}
.volan-transfer-help{min-height:94px;margin:0 0 16px;padding:13px 14px;border-radius:11px;background:#f3f6fa;color:#66758e;font-size:12px;line-height:1.5}
.volan-transfer-help>strong{display:block;margin-bottom:5px;color:#45546d;font-size:11.5px}
.volan-transfer-help p{margin:0!important;color:#66758e!important;font-size:12px!important}
.volan-transfer-help code{font-size:10.5px;overflow-wrap:anywhere;white-space:normal}
.volan-transfer-help small{display:block;margin-top:6px;color:#7a879d;line-height:1.45}

.volan-transfer-upload{display:flex!important;align-items:flex-end!important;gap:10px!important;width:100%!important;margin:0!important}
.volan-transfer-upload label{display:flex!important;flex:1 1 auto!important;min-width:0!important;flex-direction:column!important;gap:6px!important;margin:0!important}
.volan-transfer-upload label>span,.volan-transfer-select>span{color:#526079;font-size:11.5px;font-weight:750}
.volan-transfer-upload input[type=file]{display:block!important;width:100%!important;min-width:0!important;min-height:42px!important;box-sizing:border-box!important}
.volan-transfer-upload .button{flex:0 0 auto!important;min-height:42px!important;margin:0!important;white-space:nowrap!important}

.volan-transfer-example{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:15px;border-top:1px solid #e6ebf2}
.volan-transfer-example strong{display:block;color:#46556e;font-size:12px}
.volan-transfer-example p{margin:3px 0 0!important;color:#8792a5!important;font-size:11.5px!important;line-height:1.4}
.volan-transfer-example-btn{flex:0 0 auto!important;white-space:nowrap!important}

.volan-transfer-export{border-color:#dbe5f4;background:linear-gradient(135deg,#f8fbff 0%,#fff 58%)}
.volan-transfer-export-card{padding:20px;border:1px solid #dfe7f2;border-radius:15px;background:#fff}
.volan-transfer-export-form{display:grid!important;grid-template-columns:minmax(260px,420px) 1fr!important;align-items:end!important;gap:14px!important;width:100%!important;margin:0!important}
.volan-transfer-select{display:flex!important;min-width:0!important;flex-direction:column!important;gap:7px!important;margin:0!important}
.volan-transfer-select select{width:100%!important;max-width:none!important;min-height:44px!important;margin:0!important}
.volan-transfer-export-actions{display:flex!important;flex-wrap:wrap!important;gap:9px!important;align-items:center!important}
.volan-transfer-export-actions .button{min-height:44px!important;margin:0!important;white-space:nowrap!important}
.volan-transfer-export-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #edf0f5}
.volan-transfer-export-notes>div{padding:12px 13px;border-radius:10px;background:#f6f8fb}
.volan-transfer-export-notes strong{display:block;margin-bottom:3px;color:#46556e;font-size:12px}
.volan-transfer-export-notes span{display:block;color:#7a879c;font-size:11.5px;line-height:1.45}

@media(max-width:900px){
  .volan-transfer-grid{grid-template-columns:1fr}
  .volan-transfer-help{min-height:0}
}
@media(max-width:720px){
  .volan-transfer-section{padding:18px}
  .volan-transfer-export-form{grid-template-columns:1fr!important}
  .volan-transfer-export-notes{grid-template-columns:1fr}
}
@media(max-width:560px){
  .volan-transfer-section-head{gap:11px}
  .volan-transfer-section-icon{flex-basis:40px;width:40px;height:40px}
  .volan-transfer-upload{flex-direction:column!important;align-items:stretch!important}
  .volan-transfer-upload .button{width:100%!important}
  .volan-transfer-example{align-items:stretch;flex-direction:column}
  .volan-transfer-example-btn{width:100%!important;text-align:center!important}
  .volan-transfer-export-actions{display:grid!important;grid-template-columns:1fr!important}
  .volan-transfer-export-actions .button{width:100%!important}
}


/* =========================================================
   RESULTS STATUS PILLS - 2.2.12
   ========================================================= */
.volan-app-content .volan-results-status{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:28px!important;
  padding:4px 10px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:750!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
.volan-app-content .volan-results-status i{
  display:block!important;
  width:6px!important;
  height:6px!important;
  flex:0 0 6px!important;
  border-radius:50%!important;
}
.volan-app-content .volan-results-status.is-pass{
  color:#167452!important;
  background:#eef9f4!important;
  border-color:#d5eee3!important;
}
.volan-app-content .volan-results-status.is-pass i{background:#20a675!important}
.volan-app-content .volan-results-status.is-fail{
  color:#a8424e!important;
  background:#fff2f3!important;
  border-color:#f4dadd!important;
}
.volan-app-content .volan-results-status.is-fail i{background:#d95a66!important}


/* =========================================================
   RESULTS FILTERS + SEARCH - 2.2.13
   ========================================================= */
.volan-results-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin:18px 0 16px;
  padding:14px;
  border:1px solid #e2e8f1;
  border-radius:14px;
  background:#fff;
  box-shadow:0 5px 18px rgba(22,36,61,.035);
}
.volan-results-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.volan-app-content .volan-results-filter{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:36px!important;
  padding:7px 11px!important;
  border:1px solid #e0e6ef!important;
  border-radius:999px!important;
  background:#f8fafc!important;
  color:#59677e!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:700!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transition:.16s ease!important;
}
.volan-app-content .volan-results-filter:hover{
  border-color:#cbd8eb!important;
  background:#f3f6fa!important;
  color:#34445e!important;
}
.volan-app-content .volan-results-filter.is-active{
  border-color:#b9d0fb!important;
  background:#edf4ff!important;
  color:#1769ff!important;
}
.volan-results-filter span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  background:#fff;
  color:inherit;
  font-size:10.5px;
  font-weight:800;
}
.volan-results-search{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important}
.volan-results-search input[type=search]{
  width:220px!important;
  min-height:38px!important;
  margin:0!important;
  border:1px solid #dce3ed!important;
  border-radius:9px!important;
  background:#fff!important;
  padding:7px 11px!important;
  box-shadow:none!important;
}
.volan-results-search .button{min-height:38px!important;margin:0!important}
.volan-app-content .volan-results-reset{
  background:#fff!important;
  border-color:#dce3ed!important;
  color:#5f6d82!important;
}
.volan-app-content .volan-results-reset::before{display:none!important}
@media(max-width:720px){
  .volan-results-toolbar{align-items:stretch;flex-direction:column}
  .volan-results-search{width:100%!important;flex-wrap:wrap!important}
  .volan-results-search input[type=search]{flex:1 1 180px!important;width:auto!important}
}

/* Results report action - 2.2.14 */
.volan-app-content .volan-results-report-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:38px!important;margin:0!important;padding:7px 13px!important;border:1px solid #cbdcf9!important;
  border-radius:9px!important;background:#f2f7ff!important;color:#1769ff!important;font-size:12px!important;
  font-weight:750!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:none!important;
}
.volan-app-content .volan-results-report-btn:hover{background:#e9f2ff!important;border-color:#adc9f7!important;color:#0f5bd8!important}
.volan-app-content .volan-results-report-btn::before{display:none!important}
@media(max-width:720px){.volan-app-content .volan-results-report-btn{width:100%!important}}

/* Result e-mail PDF action - 2.2.18 */
.volan-result-email-form{display:inline-flex!important;margin:0!important;padding:0!important}
.volan-app-content .volan-result-email-btn{
  display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:38px!important;
  margin:0!important;padding:7px 13px!important;border:1px solid #cbdcf9!important;border-radius:9px!important;
  background:#eef4ff!important;color:#1769ff!important;font-weight:750!important;box-shadow:none!important;
}
.volan-app-content .volan-result-email-btn:hover{background:#e5efff!important;border-color:#abc8fa!important;color:#0f5bd8!important}
.volan-app-content .volan-result-email-btn::before{display:none!important}
.volan-result-email-btn .dashicons{width:16px!important;height:16px!important;font-size:16px!important;line-height:16px!important}
@media(max-width:720px){.volan-result-email-form,.volan-app-content .volan-result-email-btn{width:100%!important}.volan-app-content .volan-result-email-btn{justify-content:center!important}}


/* Vehicle categories: two-column descriptive cards - 2.2.26 */
.volan-app-content .volan-vehicle-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.volan-app-content .volan-vehicle-card{
    align-items:flex-start;
    padding:13px 14px;
}
.volan-app-content .volan-vehicle-main{
    align-items:flex-start;
    flex:1 1 auto;
}
.volan-app-content .volan-vehicle-copy{
    gap:4px;
    padding-top:1px;
}
.volan-app-content .volan-vehicle-copy strong{
    overflow:visible;
    text-overflow:clip;
    white-space:normal;
    font-size:12.5px!important;
    line-height:1.45;
}
@media(max-width:760px){
    .volan-app-content .volan-vehicle-grid{grid-template-columns:1fr}
}


/* Result detail + PDF/print answer images - 2.2.28 */
.volan-result-answer-list{display:flex;flex-wrap:wrap;gap:8px}
.volan-result-answer-item.has-image{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:min(150px,100%);padding:7px}
.volan-result-answer-image{display:block;width:100%;height:105px;object-fit:contain;border-radius:7px;background:#fff}
.volan-result-answer-item.has-image>span{margin-top:5px;text-align:center;font-size:10.5px;line-height:1.3}

/* Practice availability and vehicle-category navigation - 2.2.29 */
.volan-practice-category-filter{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:16px 18px;border:1px solid #e3e8f1;border-radius:16px;background:#fff}.volan-practice-category-filter-copy{display:flex;flex-direction:column;gap:3px}.volan-practice-category-filter-copy strong{font-size:14px;color:#111c34}.volan-practice-category-filter-copy span{font-size:12px;color:#74829b}.volan-practice-category-tabs{display:flex;flex-wrap:wrap;gap:7px}.volan-practice-category-tabs a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:40px;padding:0 14px;border:1px solid #dfe5ef;border-radius:10px;background:#fff;color:#344258;text-decoration:none;font-size:13px;font-weight:700;transition:.18s ease}.volan-practice-category-tabs a:hover{border-color:#b9c8e4;background:#f6f8fc}.volan-practice-category-tabs a.is-active{border-color:#1769ff;background:#1769ff;color:#fff}.volan-practice-admin-filters{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 14px;padding:12px;border:1px solid #e5eaf2;border-radius:13px;background:#f8fafc}.volan-practice-admin-categories,.volan-practice-admin-status{display:flex;flex-wrap:wrap;gap:6px}.volan-practice-admin-filters a{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid #dde4ee;border-radius:9px;background:#fff;color:#46556d;text-decoration:none;font-size:12px;font-weight:650}.volan-practice-admin-filters a.is-active{border-color:#1769ff;background:#eef4ff;color:#1769ff}.volan-practice-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:750}.volan-practice-status.is-active{background:#edf9f4;color:#15966a}.volan-practice-status.is-inactive{background:#f0f2f5;color:#68758a}.volan-practice-admin-table tr.is-inactive td{opacity:.62}.volan-practice-admin-table tr.is-inactive td:last-child{opacity:1}.volan-practice-active-switch{display:flex;align-items:flex-start;gap:10px;max-width:620px;padding:13px 14px;border:1px solid #e0e6ef;border-radius:12px;background:#f8fafc}.volan-practice-active-switch input{margin-top:3px}.volan-practice-active-switch span{display:flex;flex-direction:column;gap:3px}.volan-practice-active-switch strong{font-size:13px;color:#111c34}.volan-practice-active-switch small{font-size:11.5px;line-height:1.45;color:#74829b}.volan-student-category-pill{display:inline-flex;min-width:34px;justify-content:center;padding:4px 8px;border-radius:8px;background:#eef4ff;color:#1769ff;font-size:11px;font-weight:750}
@media(max-width:760px){.volan-practice-category-filter{align-items:flex-start;flex-direction:column}.volan-practice-category-tabs{width:100%}.volan-practice-category-tabs a{flex:1 0 54px}.volan-practice-admin-filters{align-items:flex-start;flex-direction:column}}

/* Statistika službenih ispita */
.volan-statistics-page{max-width:1480px}
.volan-stat-filters{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr)) auto;gap:14px;align-items:end;background:#fff;border:1px solid #e6ebf3;border-radius:18px;padding:18px;margin:18px 0 20px;box-shadow:0 8px 28px rgba(14,23,41,.04)}
.volan-stat-filters label{display:flex;flex-direction:column;gap:7px}.volan-stat-filters label>span{font-size:11px;font-weight:700;color:#74829b;text-transform:uppercase;letter-spacing:.06em}
.volan-stat-filters select{width:100%;min-height:42px;border:1px solid #dfe5ee;border-radius:10px;background:#fff;padding:0 11px}
.volan-stat-filter-actions{display:flex;gap:8px}.volan-stat-reset{background:#fff!important;border-color:#dfe5ee!important;color:#445066!important}
.volan-stat-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.volan-stat-kpi{background:#fff;border:1px solid #e6ebf3;border-radius:18px;padding:20px;box-shadow:0 8px 28px rgba(14,23,41,.04);position:relative;overflow:hidden}
.volan-stat-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#cfd7e5}.volan-stat-kpi.is-positive:before{background:#16a36a}.volan-stat-kpi.is-negative:before{background:#d94b55}.volan-stat-kpi.is-blue:before{background:#1769ff}
.volan-stat-kpi>span{display:block;color:#74829b;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.volan-stat-kpi>strong{display:block;font-size:30px;line-height:1.15;color:#18233a;margin:9px 0 5px}.volan-stat-kpi>small{color:#74829b}
.volan-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.volan-stat-panel{background:#fff;border:1px solid #e6ebf3;border-radius:20px;padding:22px;box-shadow:0 8px 28px rgba(14,23,41,.04)}
.volan-stat-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.volan-stat-panel-head small{color:#1769ff;font-weight:800;font-size:10px;letter-spacing:.08em}.volan-stat-panel-head h2{margin:4px 0 0;font-size:19px;color:#18233a}.volan-stat-panel-head p{margin:5px 0 0;color:#74829b}.volan-stat-panel-head>strong{font-size:26px;color:#16a36a}
.volan-stat-donut-row{display:flex;align-items:center;justify-content:center;gap:42px;min-height:230px}.volan-stat-donut{--pass:0;width:170px;height:170px;border-radius:50%;background:conic-gradient(#16a36a calc(var(--pass)*1%),#f0c7cc 0);display:grid;place-items:center;position:relative}.volan-stat-donut:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:#fff}.volan-stat-donut>span{position:relative;z-index:1;font-size:25px;font-weight:800;color:#18233a;text-align:center}.volan-stat-donut small{display:block;font-size:10px;color:#74829b;font-weight:600;margin-top:3px}
.volan-stat-legend{min-width:170px}.volan-stat-legend>div{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #eef1f5}.volan-stat-legend i{width:9px;height:9px;border-radius:50%;background:#16a36a}.volan-stat-legend i.is-fail{background:#d94b55}.volan-stat-legend span{color:#59667a}.volan-stat-legend b{color:#18233a}
.volan-stat-bars{height:230px;display:flex;align-items:flex-end;gap:12px;padding:12px 4px 0}.volan-stat-bar-col{flex:1;min-width:0;text-align:center;display:grid;grid-template-rows:155px auto auto auto;gap:3px}.volan-stat-bar-wrap{height:155px;display:flex;align-items:flex-end;justify-content:center;background:#f6f8fb;border-radius:9px;padding:0 7px}.volan-stat-bar-wrap span{display:block;width:100%;max-width:38px;background:#1769ff;border-radius:7px 7px 2px 2px;min-height:8px}.volan-stat-bar-col b{color:#18233a}.volan-stat-bar-col small{color:#74829b;font-size:10px}.volan-stat-bar-col em{font-style:normal;color:#16a36a;font-size:10px;font-weight:700}
.volan-stat-ranking{display:flex;flex-direction:column;gap:13px}.volan-stat-rank-row{display:grid;grid-template-columns:minmax(135px,1.3fr) 1.6fr 58px;gap:14px;align-items:center}.volan-stat-rank-row strong{display:block;color:#18233a}.volan-stat-rank-row small{display:block;color:#8a96a8;margin-top:2px}.volan-stat-rank-row>b{text-align:right;color:#18233a}.volan-stat-progress{height:8px;background:#edf1f6;border-radius:999px;overflow:hidden}.volan-stat-progress span{display:block;height:100%;background:#1769ff;border-radius:999px}
.volan-stat-wrong{margin-bottom:24px}.volan-stat-wrong-list>div{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid #eef1f5}.volan-stat-wrong-list>div>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#f2f5f9;color:#59667a;font-weight:800}.volan-stat-wrong-list strong{color:#253149;font-weight:600}.volan-stat-wrong-list b{color:#d94b55;white-space:nowrap}
@media(max-width:1050px){.volan-stat-filters{grid-template-columns:1fr 1fr}.volan-stat-kpis{grid-template-columns:1fr 1fr}.volan-stat-grid{grid-template-columns:1fr}}
@media(max-width:620px){.volan-stat-filters,.volan-stat-kpis{grid-template-columns:1fr}.volan-stat-filter-actions{width:100%}.volan-stat-filter-actions .button{flex:1}.volan-stat-donut-row{flex-direction:column;gap:18px}.volan-stat-rank-row{grid-template-columns:1fr 50px}.volan-stat-progress{grid-column:1/-1;grid-row:2}.volan-stat-bars{overflow-x:auto}.volan-stat-bar-col{min-width:54px}}

/* Dashboard metric cards: 4 u redu na desktopu. Izolirano od Statistika layouta. */
.volan-app-dashboard .volan-dashboard-stat-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
@media(max-width:1100px){
  .volan-app-dashboard .volan-dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .volan-app-dashboard .volan-dashboard-stat-grid{grid-template-columns:1fr}
}

/* Vježbe: kraća oznaka taba na mobilnom/app prikazu */
.volan-all-categories-short{display:none}
@media(max-width:760px){
  .volan-practice-category-tabs .volan-all-categories-long{display:none}
  .volan-practice-category-tabs .volan-all-categories-short{display:inline}
}

/* 2.2.39 - statistika: izvoz i interaktivna pogrešna pitanja */
.volan-stat-export-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.volan-stat-export-actions .button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:6px 12px;border-radius:9px}
.volan-stat-export-actions .dashicons{width:16px;height:16px;font-size:16px;line-height:16px}
.volan-stat-print-btn{background:#fff!important;border-color:#dbe2ec!important;color:#26354f!important}
.volan-stat-csv-btn{background:#fff!important;border-color:#dbe2ec!important;color:#26354f!important}
.volan-stat-print-btn:hover,.volan-stat-csv-btn:hover{background:#f7f9fc!important;border-color:#c7d0dd!important;color:#111c34!important}

.volan-stat-wrong-list .volan-stat-wrong-row{
  display:grid;
  grid-template-columns:32px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
}
.volan-stat-wrong-rank{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:28px!important;
  height:28px;
  padding:0!important;
  border-radius:999px;
}
.volan-stat-wrong-link{
  display:flex;
  align-items:center;
  min-width:0;
  gap:11px;
  padding:5px 7px;
  margin:-5px -7px;
  border-radius:9px;
  color:inherit;
  text-decoration:none;
  transition:background .18s ease,box-shadow .18s ease;
}
.volan-stat-wrong-link:not(.is-static):hover{
  background:#f4f7fb;
  box-shadow:inset 0 0 0 1px #e4e9f1;
}
.volan-stat-wrong-link strong{
  min-width:0;
  flex:1;
  line-height:1.4;
}
.volan-stat-wrong-thumb{
  flex:0 0 48px;
  width:48px;
  height:48px;
  object-fit:contain;
  border:1px solid #e1e7ef;
  border-radius:8px;
  background:#fff;
}
.volan-stat-wrong-thumb.is-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#98a4b7;
  background:#f7f9fc;
}
.volan-stat-wrong-thumb.is-empty .dashicons{font-size:20px;width:20px;height:20px}
.volan-stat-wrong-open{flex:0 0 auto;color:#8390a4;font-size:16px;width:16px;height:16px}
@media(max-width:720px){
  .volan-app-pagehead{align-items:flex-start}
  .volan-stat-export-actions{width:100%;margin-top:10px}
  .volan-stat-export-actions .button{flex:1;justify-content:center}
  .volan-stat-wrong-list .volan-stat-wrong-row{grid-template-columns:28px minmax(0,1fr) auto}
  .volan-stat-wrong-thumb{width:42px;height:42px;flex-basis:42px}
}

/* 2.2.40 - preview pitanja iz statistike */
.volan-stat-question-preview{appearance:none;-webkit-appearance:none;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer;width:100%}
.volan-stat-question-preview:hover{background:#f4f7fb!important}
.volan-modal-open{overflow:hidden}
.volan-stat-preview-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:24px}
.volan-stat-preview-modal.is-open{display:flex}
.volan-stat-preview-backdrop{position:absolute;inset:0;background:rgba(8,16,31,.62);backdrop-filter:blur(3px)}
.volan-stat-preview-dialog{position:relative;z-index:1;width:min(720px,100%);max-height:min(820px,calc(100vh - 48px));overflow:auto;padding:26px;border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(8,16,31,.28)}
.volan-stat-preview-x{position:absolute;top:15px;right:15px;width:34px;height:34px;border:0;border-radius:9px;background:#f2f5f9;color:#4d5b70;font-size:24px;line-height:30px;cursor:pointer}
.volan-stat-preview-eyebrow{margin:0 42px 7px 0;color:#1769ff;font-size:10.5px;font-weight:800;letter-spacing:.08em}
.volan-stat-preview-dialog h2{margin:0 42px 8px 0;color:#111c34;font-size:21px;line-height:1.38}
.volan-stat-preview-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.volan-stat-preview-meta span{padding:5px 8px;border-radius:999px;background:#f2f5f9;color:#64748b;font-size:11px;font-weight:700}
.volan-stat-preview-qimage{margin:0 0 18px}.volan-stat-preview-qimage img{display:block;max-width:100%;max-height:280px;object-fit:contain;border-radius:11px}
.volan-stat-preview-answers{display:grid;gap:9px}
.volan-stat-preview-answer{display:flex;align-items:flex-start;gap:11px;padding:11px 12px;border:1px solid #e1e7ef;border-radius:11px;background:#fff}
.volan-stat-preview-answer.is-correct{border-color:#b9e5cf;background:#f1fbf6}
.volan-stat-preview-mark{display:flex;flex:0 0 27px;width:27px;height:27px;align-items:center;justify-content:center;border-radius:999px;background:#edf1f6;color:#526177;font-size:11px;font-weight:800}
.volan-stat-preview-answer.is-correct .volan-stat-preview-mark{background:#16a36a;color:#fff}
.volan-stat-preview-answer>div{min-width:0;flex:1}.volan-stat-preview-answer img{display:block;max-width:230px;max-height:150px;object-fit:contain;margin-bottom:7px;border-radius:7px}.volan-stat-preview-answer strong{display:block;color:#25324a;font-size:13px;line-height:1.45}.volan-stat-preview-answer small{display:block;margin-top:4px;color:#16825a;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.volan-stat-preview-explanation{margin-top:15px;padding:12px 13px;border-radius:10px;background:#f6f8fb}.volan-stat-preview-explanation small{font-size:9.5px;font-weight:800;color:#7a879a;letter-spacing:.06em}.volan-stat-preview-explanation p{margin:5px 0 0;color:#526177;font-size:12.5px;line-height:1.5}
.volan-stat-preview-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:15px;border-top:1px solid #e9edf3}
.volan-stat-preview-actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:6px 13px;border-radius:9px}
.volan-stat-preview-close{background:#fff!important;border-color:#d8e0ea!important;color:#394960!important}
.volan-stat-preview-edit{background:#1769ff!important;border-color:#1769ff!important;color:#fff!important}
@media(max-width:600px){.volan-stat-preview-modal{padding:12px}.volan-stat-preview-dialog{max-height:calc(100vh - 24px);padding:21px 17px;border-radius:15px}.volan-stat-preview-dialog h2{font-size:18px}.volan-stat-preview-answer img{max-width:100%}.volan-stat-preview-actions{flex-direction:column-reverse}.volan-stat-preview-actions .button{width:100%}}

/* 2.2.41 - neutralni prikaz tekstualnog pitanja bez slike */
.volan-stat-wrong-thumb.is-text-only{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:4px;
  padding:0 10px;
  background:#f4f6f9;
  border-color:#e3e8ef;
}
.volan-stat-wrong-thumb.is-text-only i{
  display:block;
  height:2px;
  border-radius:999px;
  background:#aeb8c7;
}
.volan-stat-wrong-thumb.is-text-only i:nth-child(1){width:22px}
.volan-stat-wrong-thumb.is-text-only i:nth-child(2){width:28px}
.volan-stat-wrong-thumb.is-text-only i:nth-child(3){width:17px}

/* 2.2.42 - popup Statistika: eksplicitni neutralni gumbi i ikone */
.volan-stat-preview-actions .button::before,
.volan-stat-preview-actions .button::after{
  content:none!important;
  display:none!important;
}
.volan-stat-preview-actions .button{
  gap:6px!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.volan-stat-preview-actions .button .dashicons{
  width:16px;
  height:16px;
  font-size:16px;
  line-height:16px;
}
.volan-stat-preview-actions .volan-stat-preview-close{
  background:#fff!important;
  border:1px solid #d8e0ea!important;
  color:#394960!important;
}
.volan-stat-preview-actions .volan-stat-preview-close:hover{
  background:#f6f8fb!important;
  border-color:#c8d1dd!important;
  color:#1f2d43!important;
}
.volan-stat-preview-actions .volan-stat-preview-edit{
  background:#1769ff!important;
  border:1px solid #1769ff!important;
  color:#fff!important;
}
.volan-stat-preview-actions .volan-stat-preview-edit:hover{
  background:#0f5ce5!important;
  border-color:#0f5ce5!important;
  color:#fff!important;
}

/* 2.2.43 - jasniji status i akcija aktivacije ispita za vježbu */
.volan-practice-toggle-btn{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-height:30px!important;
  padding:3px 9px!important;
  border-radius:8px!important;
  font-weight:700!important;
  box-shadow:none!important;
}
.volan-practice-toggle-btn::before,
.volan-practice-toggle-btn::after{
  content:none!important;
  display:none!important;
}
.volan-practice-toggle-btn .dashicons{
  width:15px;
  height:15px;
  font-size:15px;
  line-height:15px;
}
.volan-practice-toggle-btn.is-disable{
  background:#fff!important;
  border:1px solid #d8e0ea!important;
  color:#536176!important;
}
.volan-practice-toggle-btn.is-disable:hover{
  background:#f5f7fa!important;
  border-color:#c8d1dd!important;
  color:#25324a!important;
}
.volan-practice-toggle-btn.is-enable{
  background:#1769ff!important;
  border:1px solid #1769ff!important;
  color:#fff!important;
  box-shadow:0 3px 10px rgba(23,105,255,.18)!important;
}
.volan-practice-toggle-btn.is-enable:hover{
  background:#0f5ce5!important;
  border-color:#0f5ce5!important;
  color:#fff!important;
}
.volan-practice-row.is-inactive{
  background:#f8f9fb!important;
  box-shadow:inset 3px 0 0 #aab4c3;
}
.volan-practice-row.is-inactive td{
  color:#65738a;
}
.volan-practice-row.is-inactive td:nth-child(2) strong{
  color:#344258;
}
.volan-practice-status.is-inactive{
  background:#eef1f5!important;
  color:#5f6d81!important;
  border:1px solid #d8dfe8!important;
  font-weight:800!important;
}
.volan-practice-status.is-active{
  font-weight:800!important;
}

/* 2.2.44 - Aktiviraj: bijeli tekst i ikona */
.volan-practice-toggle-btn.is-enable,
.volan-practice-toggle-btn.is-enable:link,
.volan-practice-toggle-btn.is-enable:visited,
.volan-practice-toggle-btn.is-enable:hover,
.volan-practice-toggle-btn.is-enable:focus{
  color:#fff!important;
}
.volan-practice-toggle-btn.is-enable .dashicons,
.volan-practice-toggle-btn.is-enable .dashicons::before{
  color:#fff!important;
}

/* 2.2.45 - uredniji izbor slanja pristupnih podataka uredniku */
.volan-editor-mail-option{
  position:relative;
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  width:100%;
  padding:14px 15px!important;
  margin:2px 0 0!important;
  border:1px solid #dbe3ee;
  border-radius:11px;
  background:#f8fafc;
  box-sizing:border-box;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.volan-editor-mail-option:hover{
  background:#f4f7fb;
  border-color:#cbd6e5;
}
.volan-editor-mail-checkbox{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  width:1px!important;
  height:1px!important;
}
.volan-editor-mail-check{
  display:flex;
  flex:0 0 22px;
  width:22px;
  height:22px;
  align-items:center;
  justify-content:center;
  margin-top:1px;
  border:1.5px solid #b9c5d5;
  border-radius:6px;
  background:#fff;
  color:transparent;
  box-sizing:border-box;
  transition:all .18s ease;
}
.volan-editor-mail-check .dashicons{
  width:16px;
  height:16px;
  font-size:16px;
  line-height:16px;
  color:inherit!important;
}
.volan-editor-mail-copy{
  display:block;
  min-width:0;
  padding-top:1px;
}
.volan-editor-mail-copy strong{
  display:block;
  color:#1d2a42;
  font-size:13px;
  line-height:1.4;
}
.volan-editor-mail-copy small{
  display:block!important;
  margin-top:4px!important;
  color:#74829b;
  font-size:11.5px;
  line-height:1.45;
  font-weight:500;
}
.volan-editor-mail-checkbox:checked + .volan-editor-mail-check{
  background:#1769ff;
  border-color:#1769ff;
  color:#fff;
  box-shadow:0 2px 7px rgba(23,105,255,.18);
}
.volan-editor-mail-checkbox:checked ~ .volan-editor-mail-copy strong{
  color:#1769ff;
}
.volan-editor-mail-option:has(.volan-editor-mail-checkbox:checked){
  background:#f2f6ff;
  border-color:#b9d0ff;
}
.volan-editor-mail-checkbox:focus-visible + .volan-editor-mail-check{
  outline:3px solid rgba(23,105,255,.18);
  outline-offset:2px;
}

/* 2.2.46 - slanje pristupnih podataka mora biti opcionalno */
.volan-editor-mail-check .dashicons{
  opacity:0!important;
  visibility:hidden!important;
}
.volan-editor-mail-checkbox:checked + .volan-editor-mail-check .dashicons{
  opacity:1!important;
  visibility:visible!important;
  color:#fff!important;
}
.volan-editor-mail-checkbox:not(:checked) + .volan-editor-mail-check{
  background:#fff!important;
  border-color:#b9c5d5!important;
  color:transparent!important;
  box-shadow:none!important;
}
.volan-editor-mail-checkbox:not(:checked) ~ .volan-editor-mail-copy strong{
  color:#1d2a42!important;
}

/* 2.3.0 - registracija i upravljanje korisnicima */
.volan-login-info,.volan-register-success{margin:0 0 16px;padding:12px 13px;border-radius:10px;font-size:12.5px;line-height:1.5}
.volan-login-info{background:#eef4ff;border:1px solid #d4e2ff;color:#31558c}.volan-register-success{background:#edf9f3;border:1px solid #c5ead8;color:#126b49}
.volan-login-register-link{margin-top:16px;text-align:center;color:#71809a;font-size:12.5px}.volan-login-register-link a{color:#1769ff;font-weight:750;text-decoration:none}
.volan-register-card{max-width:560px}.volan-register-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.volan-register-form select{width:100%;min-height:45px;border:1px solid #d7dfeb;border-radius:10px;background:#fff;padding:0 12px}.volan-register-form small{display:block;margin-top:5px;color:#7a879a}.volan-registration-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.volan-dashboard-registration-alert{display:flex;align-items:center;gap:13px;margin:0 0 18px;padding:15px 17px;border:1px solid #cfe0ff;border-radius:14px;background:#f2f6ff;color:#24334d;text-decoration:none;box-shadow:0 5px 18px rgba(23,105,255,.06)}
.volan-dashboard-registration-alert>.dashicons{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#1769ff;color:#fff;font-size:20px}.volan-dashboard-registration-alert div{flex:1}.volan-dashboard-registration-alert strong,.volan-dashboard-registration-alert small{display:block}.volan-dashboard-registration-alert strong{color:#17233b}.volan-dashboard-registration-alert small{margin-top:3px;color:#71809a}.volan-dashboard-registration-alert b{color:#1769ff;font-size:12px}
.volan-action-approve{background:#15966a!important;border-color:#15966a!important;color:#fff!important}.volan-action-approve .dashicons{color:#fff!important}
.volan-current-user-note{display:inline-flex;align-items:center;padding:6px 9px;border-radius:8px;background:#f1f4f8;color:#71809a;font-size:11px;font-weight:700}
.volan-settings-section-title{margin-top:8px;padding-top:12px;border-top:1px solid #e4e9f1;color:#17233b;font-size:14px;font-weight:800;text-align:left}
@media(max-width:600px){.volan-register-grid{grid-template-columns:1fr}.volan-dashboard-registration-alert{align-items:flex-start}.volan-dashboard-registration-alert b{display:none}}

.volan-dashboard-user-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 18px}
.volan-dashboard-user-overview>a{display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid #e3e8ef;border-radius:14px;background:#fff;color:#25324a;text-decoration:none;box-shadow:0 5px 18px rgba(14,23,41,.035)}
.volan-dashboard-user-overview>a>.dashicons{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#f1f5fb;color:#1769ff;font-size:19px}
.volan-dashboard-user-overview strong,.volan-dashboard-user-overview small{display:block}.volan-dashboard-user-overview strong{font-size:20px;color:#17233b}.volan-dashboard-user-overview small{margin-top:2px;color:#71809a}
@media(max-width:760px){.volan-dashboard-user-overview{grid-template-columns:1fr}}

/* 2.3.1 - preview kao polaznik + baza znanja */
.volan-preview-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:12px 15px;border:1px solid #cfe0ff;border-radius:12px;background:#f1f6ff}
.volan-preview-mode-bar>div{display:grid;grid-template-columns:28px auto;column-gap:8px;align-items:center}.volan-preview-mode-bar .dashicons{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#1769ff;color:#fff}.volan-preview-mode-bar strong,.volan-preview-mode-bar small{display:block}.volan-preview-mode-bar strong{color:#17233b;font-size:12.5px}.volan-preview-mode-bar small{color:#71809a;font-size:11px}
.volan-dashboard-help-card{display:flex;align-items:center;gap:14px;margin:12px 0 20px;padding:16px 18px;border:1px solid #e0e6ef;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(14,23,41,.035)}.volan-dashboard-help-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:11px;background:#f1f4f8;color:#52627a}.volan-dashboard-help-card>div:nth-child(2){flex:1}.volan-dashboard-help-card strong,.volan-dashboard-help-card span{display:block}.volan-dashboard-help-card strong{color:#17233b}.volan-dashboard-help-card>div:nth-child(2)>span{margin-top:3px;color:#71809a;font-size:12px}
.volan-kb-search{position:relative;max-width:680px;margin:0 0 16px}.volan-kb-search .dashicons{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8a96a8}.volan-kb-search input{width:100%;min-height:46px;padding:8px 14px 8px 43px!important;border:1px solid #dbe2ec!important;border-radius:12px!important;background:#fff!important}
.volan-kb-list{display:grid;gap:10px;max-width:900px}.volan-kb-item{border:1px solid #e0e6ef;border-radius:13px;background:#fff;overflow:hidden}.volan-kb-item summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;cursor:pointer;list-style:none}.volan-kb-item summary::-webkit-details-marker{display:none}.volan-kb-item summary strong,.volan-kb-item summary span{display:block}.volan-kb-item summary strong{color:#17233b;font-size:14px}.volan-kb-item summary div>span{margin-top:3px;color:#71809a;font-size:11.5px}.volan-kb-item[open] summary{background:#f8fafc}.volan-kb-item[open] summary>.dashicons{transform:rotate(180deg)}.volan-kb-body{padding:0 18px 17px;color:#526177;font-size:12.5px;line-height:1.65}.volan-kb-body p{margin:12px 0 0}
@media(max-width:700px){.volan-preview-mode-bar,.volan-dashboard-help-card{align-items:flex-start;flex-wrap:wrap}.volan-preview-mode-bar>.button,.volan-dashboard-help-card>.button{width:100%;justify-content:center}.volan-dashboard-help-card>div:nth-child(2){min-width:calc(100% - 60px)}}

/* 2.3.2 - registracija, dashboard alati i standalone preview */
.volan-register-form>label{display:block!important;width:100%!important;max-width:none!important}
.volan-register-form>label>input[type="email"],
.volan-register-form>label>input[type="password"],
.volan-register-form>label>select{
  display:block!important;width:100%!important;max-width:none!important;min-height:48px!important;margin-top:7px!important;box-sizing:border-box!important;
  border:1px solid #cfd9e8!important;border-radius:11px!important;background:#fff!important;padding:9px 13px!important;font:inherit!important;color:#17233b!important;
}
.volan-dashboard-tools-top{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}
.volan-dashboard-tools-top .volan-dashboard-practice-banner,
.volan-dashboard-tools-top .volan-dashboard-help-card{margin:0!important;min-width:0}
.volan-dashboard-tools-top .button{white-space:nowrap}
.volan-app-shell.is-standalone{display:block!important;min-height:100vh}
.volan-app-shell.is-standalone .volan-app-main{width:100%!important;margin:0!important;min-height:100vh}
.volan-app-shell.is-standalone .volan-app-content{max-width:1380px;margin:0 auto;padding:28px 32px 50px}
.volan-app-standalone{background:#eef2f7}
.volan-practice-preview-page .volan-student-start,
.volan-practice-preview-page .volan-student-start:visited{color:#fff!important}
.volan-practice-preview-page .volan-student-start:hover,
.volan-practice-preview-page .volan-student-start:focus{background:#0f5ce5!important;border-color:#0f5ce5!important;color:#fff!important}
.volan-kb-close{align-self:flex-start}
@media(max-width:900px){.volan-dashboard-tools-top{grid-template-columns:1fr}}
@media(max-width:700px){.volan-app-shell.is-standalone .volan-app-content{padding:16px 12px 34px}}

/* 2.3.3 - detaljnije korak-po-korak upute */
.volan-kb-body ol{margin:14px 0 0;padding-left:25px}.volan-kb-body li{padding-left:5px;margin:0 0 10px;color:#526177;line-height:1.65}.volan-kb-body li:last-child{margin-bottom:0}.volan-kb-body li::marker{color:#1769ff;font-weight:800}.volan-kb-body strong{color:#25324a;font-weight:750}

/* 2.3.4 - registracije i akcije polaznika */
.volan-status-pill.is-pending{background:#fff6df!important;border:1px solid #f1d89a!important;color:#9a6a09!important;font-weight:800!important}

/* 2.3.5 - nove registracije + sklopiva posljednja polaganja */
.volan-dashboard-recent-panel{padding:0!important;overflow:hidden}
.volan-dashboard-recent-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;cursor:pointer;list-style:none}
.volan-dashboard-recent-summary::-webkit-details-marker{display:none}
.volan-dashboard-recent-summary h2{margin:0;color:#17233b;font-size:18px}
.volan-dashboard-recent-summary div>span{display:block;margin-top:4px;color:#8190a7;font-size:11px}
.volan-dashboard-recent-summary>.dashicons{color:#71809a;transition:transform .18s ease}
.volan-dashboard-recent-panel[open] .volan-dashboard-recent-summary>.dashicons{transform:rotate(180deg)}
.volan-dashboard-recent-content{border-top:1px solid #e4e9f1}
.volan-dashboard-recent-all{display:flex;justify-content:flex-end;padding:11px 18px 0}
.volan-dashboard-recent-all a{color:#1769ff;font-size:11px;font-weight:750;text-decoration:none}

/* 2.3.6 - scroll cijele stranice umjesto zasebnog scrolla menija */
html,body.volan-app-body{height:auto!important;min-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important}
body.volan-app-body .volan-app-shell{height:auto!important;min-height:100vh!important;overflow:visible!important}
body.volan-app-body .volan-app-sidebar{
  height:auto!important;
  min-height:100vh!important;
  max-height:none!important;
  overflow:visible!important;
  align-self:stretch!important;
}
body.volan-app-body .volan-app-nav{overflow:visible!important;max-height:none!important}
body.volan-app-body .volan-app-main{height:auto!important;min-height:100vh!important;overflow:visible!important}

/* Preview: CTA uvijek čitljiv */
body.volan-app-standalone .volan-practice-preview-page .volan-portal-practice-card-footer a.button.volan-student-start,
body.volan-app-standalone .volan-practice-preview-page .volan-portal-practice-card-footer a.button.volan-student-start:link,
body.volan-app-standalone .volan-practice-preview-page .volan-portal-practice-card-footer a.button.volan-student-start:visited{
  color:#168b61!important;
}
body.volan-app-standalone .volan-practice-preview-page .volan-portal-practice-card-footer a.button.volan-student-start:hover,
body.volan-app-standalone .volan-practice-preview-page .volan-portal-practice-card-footer a.button.volan-student-start:focus,
body.volan-app-standalone .volan-practice-preview-page .volan-portal-practice-card-footer a.button.volan-student-start:active{
  background:#1769ff!important;
  border-color:#1769ff!important;
  color:#fff!important;
}
body.volan-app-standalone .volan-practice-preview-page .volan-portal-practice-card-footer a.button.volan-student-start:hover *,
body.volan-app-standalone .volan-practice-preview-page .volan-portal-practice-card-footer a.button.volan-student-start:focus *,
body.volan-app-standalone .volan-practice-preview-page .volan-portal-practice-card-footer a.button.volan-student-start:active *{
  color:#fff!important;
  stroke:#fff!important;
}

/* 2.3.7 - dashboard account actions + custom password reset */
.volan-dashboard-header-links{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.volan-dashboard-header-links a{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border:1px solid #dbe3ee;border-radius:9px;background:#fff;color:#43516a;text-decoration:none;font-size:11px;font-weight:750}
.volan-dashboard-header-links a:hover{border-color:#bfd0e8;background:#f7f9fc;color:#1769ff}
.volan-dashboard-header-links a.is-logout{color:#a33d49}.volan-dashboard-header-links a.is-logout:hover{border-color:#efcbd0;background:#fff5f6;color:#bd3545}
.volan-dashboard-header-links .dashicons{width:15px;height:15px;font-size:15px;line-height:15px}
.volan-dashboard-exam-actions-row{display:flex;justify-content:flex-end;gap:10px;margin:-8px 0 15px}
.volan-login-forgot{display:block;margin-top:12px;text-align:center;color:#1769ff!important;font-size:12px;font-weight:700;text-decoration:none}
.volan-reset-card{max-width:520px}
.volan-reset-card .volan-login-form label{display:block;width:100%}
.volan-reset-card .volan-login-form input[type="text"],
.volan-reset-card .volan-login-form input[type="password"]{display:block;width:100%;min-height:48px;margin-top:7px;box-sizing:border-box;border:1px solid #cfd9e8;border-radius:11px;padding:9px 13px}
@media(max-width:760px){.volan-dashboard-header-links{justify-content:flex-start;margin-top:12px}.volan-dashboard-exam-actions-row{justify-content:stretch;margin-top:0;flex-direction:column}.volan-dashboard-exam-actions-row>a{width:100%}}

/* 2.3.8 - korisničke akcije u globalnom topbaru */
.volan-app-topbar{display:flex!important;align-items:center!important}
.volan-app-top-title{min-width:0}
.volan-top-account-links{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:7px;padding-left:16px}
.volan-top-account-links a{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:5px 10px;border:1px solid #dbe3ee;border-radius:8px;background:#fff;color:#1769ff;text-decoration:none;font-size:11px;font-weight:750;white-space:nowrap;box-shadow:0 2px 7px rgba(14,23,41,.025)}
.volan-top-account-links a:hover,.volan-top-account-links a.is-active{background:#f2f6ff;border-color:#c9dafe;color:#1769ff}
.volan-top-account-links a.is-logout{color:#a53b48}.volan-top-account-links a.is-logout:hover{background:#fff5f6;border-color:#efcbd0;color:#bd3545}
.volan-top-account-links .dashicons{width:14px;height:14px;font-size:14px;line-height:14px}
@media(max-width:900px){.volan-top-account-links{display:none}}

/* 2.3.9 - role-aware akcije u gornjem headeru */
.volan-top-role{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:5px 10px;border:1px solid #e1e6ee;border-radius:8px;background:#f7f9fc;color:#65738a;font-size:11px;font-weight:750;white-space:nowrap}
.volan-top-role .dashicons{width:14px;height:14px;font-size:14px;line-height:14px}

/* 2.3.10 - korisnik i odjava samo u gornjem headeru */
.volan-top-account-area{margin-left:auto;display:flex;align-items:center;gap:12px;min-width:0}
.volan-top-signed-user{display:flex;align-items:center;gap:8px;padding-right:12px;border-right:1px solid #e2e7ef;min-width:0}
.volan-top-avatar{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#eef4ff;color:#1769ff;font-size:12px;font-weight:800}
.volan-top-user-copy{min-width:0;line-height:1.15}.volan-top-user-copy small,.volan-top-user-copy strong{display:block;white-space:nowrap}.volan-top-user-copy small{margin-bottom:3px;color:#8995a8;font-size:9px;font-weight:650}.volan-top-user-copy strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;color:#25324a;font-size:11px;font-weight:800}
.volan-top-account-area .volan-top-account-links{margin-left:0;padding-left:0}
@media(max-width:1100px){.volan-top-user-copy{display:none}.volan-top-signed-user{padding-right:8px}}
@media(max-width:900px){.volan-top-account-area{display:none}}

/* 2.3.11 - pročišćen početni Dashboard */
.volan-app-dashboard .volan-dashboard-stat-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin-bottom:18px!important;
}
.volan-app-dashboard .volan-dashboard-stat-grid .volan-stat-card{
  min-height:96px;
  padding:18px 20px;
}
.volan-app-dashboard .volan-dashboard-tools-top{
  margin-top:2px;
  margin-bottom:16px;
}
.volan-app-dashboard .volan-dashboard-exam-actions-row{
  margin-bottom:14px;
}
.volan-app-dashboard .volan-attention-panel{
  margin-top:0;
}
@media(max-width:900px){
  .volan-app-dashboard .volan-dashboard-stat-grid{grid-template-columns:1fr!important}
}

/* 2.3.12 - četvrta dashboard kartica Polaznici */
.volan-stat-card-note{display:inline-flex!important;width:max-content;margin-top:5px;padding:3px 7px;border-radius:999px;background:#fff6df;color:#9a6a09!important;font-size:9.5px!important;font-weight:800!important;line-height:1.2}
@media(max-width:1100px) and (min-width:701px){.volan-app-dashboard .volan-dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* 2.4.0 - uloga Instruktor */
.volan-instructor-note{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef4ff;color:#1769ff;font-size:10px;font-weight:800}

/* 2.4.1 - pregled portala kao instruktor */
.volan-top-account-links a.volan-view-role{background:#f2f6ff;border-color:#c9dafe;color:#1769ff}
.volan-top-account-links a.volan-exit-role-preview{background:#17233b;border-color:#17233b;color:#fff}
.volan-top-account-links a.volan-exit-role-preview:hover{background:#253653;border-color:#253653;color:#fff}

/* 2.4.2 - dodjela polaznika instruktorima */
.volan-instructor-student-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0}
.volan-instructor-student-grid label{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid #e0e6ef;border-radius:11px;background:#fff;cursor:pointer}
.volan-instructor-student-grid input{margin-top:2px}.volan-instructor-student-grid strong,.volan-instructor-student-grid small{display:block}.volan-instructor-student-grid strong{color:#25324a;font-size:12px}.volan-instructor-student-grid small{margin-top:3px;color:#7c899c;font-size:10px}.volan-table-sub{display:block;margin-top:3px;color:#8190a5;font-size:10px}
@media(max-width:700px){.volan-instructor-student-grid{grid-template-columns:1fr}}

/* 2.4.3 - reorganiziran pregled Instruktora */
.volan-instructors-page .volan-app-pagehead{margin-bottom:16px}
.volan-instructor-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px;max-width:720px}
.volan-instructor-summary>div{display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid #e0e6ef;border-radius:13px;background:#fff}
.volan-instructor-summary .dashicons{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eef4ff;color:#1769ff}
.volan-instructor-summary strong{font-size:20px;color:#17233b}.volan-instructor-summary small{color:#71809a}
.volan-instructor-students-card.is-open{margin:0 0 16px!important;border-color:#cbdcff!important;box-shadow:0 7px 24px rgba(23,105,255,.06)}
.volan-instructors-list{margin-top:0!important}
.volan-instructors-list .volan-app-panel-title>div .volan-form-kicker{margin:0 0 5px}
.volan-instructors-page .volan-student-form-card:not(.volan-instructor-students-card){margin:0 0 16px}
@media(max-width:700px){.volan-instructor-summary{grid-template-columns:1fr}}
.volan-reset-panel{margin:28px 0 0;padding:24px;border:1px solid #e7d4d4;border-radius:16px;background:#fffafa;box-shadow:0 8px 26px rgba(48,25,25,.04)}
.volan-reset-panel h2{margin:0 0 10px;font-size:20px}.volan-reset-panel p{max-width:780px;line-height:1.65}.volan-reset-panel label{display:inline-block;margin:10px 0}.volan-reset-panel input[type=text]{display:block;margin-top:10px}.volan-reset-panel .volan-reset-button{border-color:#a93232;color:#982727;background:#fff}.volan-reset-panel .volan-reset-button:hover{background:#fff0f0;border-color:#7a2020;color:#7a2020}

/* 2.5.3 - student portal: use the entire mobile viewport, including practice pages. */
@media(max-width:960px){
  body.volan-app-body .volan-app-shell{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}
  body.volan-app-body .volan-app-main{display:block!important;float:none!important;margin:0!important;width:100%!important;max-width:100%!important;min-width:0!important}
  body.volan-app-body .volan-app-topbar{width:100%!important;max-width:100%!important;min-width:0!important}
  body.volan-app-body .volan-app-content{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}
  body.volan-app-body .volan-app-content>.wrap,
  body.volan-app-body .volan-student-dashboard,
  body.volan-app-body .volan-student-exam-shell,
  body.volan-app-body .volan-practice-preview-page{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
}
@media(max-width:680px){
  body.volan-app-body .volan-student-practice-grid,
  body.volan-app-body .volan-student-practice-grid-full{grid-template-columns:minmax(0,1fr)!important;max-width:100%!important}
  body.volan-app-body .volan-student-practice-card,
  body.volan-app-body .volan-exam,
  body.volan-app-body .volan-question{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
}

/* 2.5.4 - no-email option and assigned practice homework. */
.volan-app-content .volan-form-grid-2 label.volan-student-no-email{
  display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important;
  grid-column:1/-1;padding:15px 17px;border:1px solid #dce6f2;border-radius:12px;
  background:#f8fbff;cursor:pointer
}
.volan-app-content .volan-student-no-email input[type=checkbox]{
  flex:0 0 19px!important;width:19px!important;min-width:19px!important;height:19px!important;
  min-height:19px!important;margin:1px 0 0!important;padding:0!important
}
.volan-app-content .volan-student-no-email>span{display:block!important;min-width:0;flex:1;color:#24334d}
.volan-app-content .volan-student-no-email strong{display:block;font-size:13px;line-height:1.4}
.volan-app-content .volan-student-no-email small{display:block;margin-top:4px;color:#71809a;font-weight:500;line-height:1.45}
.volan-app-content .volan-homework-panel{margin:18px 0 24px;padding:22px}
.volan-homework-form{margin:18px 0;padding:16px;border:1px solid #dce6f2;border-radius:12px;background:#fafcff}
.volan-homework-form>strong{display:block;margin-bottom:12px}
.volan-homework-student-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 15px}
.volan-homework-student-grid label{display:flex;align-items:center;gap:9px;min-width:0;padding:9px 11px;border:1px solid #dce6f2;border-radius:9px;background:#fff;cursor:pointer}
.volan-homework-student-grid label span{min-width:0;overflow-wrap:anywhere}
.volan-homework-panel table form{display:inline;margin:0;padding:0!important;border:0!important;background:none!important}
.volan-homework-notice{margin-bottom:18px}
.volan-student-homework-list{margin:16px 0 22px;padding:17px 19px;border:1px solid #cbdafa;border-radius:13px;background:#f1f6ff}
.volan-student-homework-list>strong{display:block;margin-bottom:10px;color:#172b51}
.volan-student-homework-list>div{display:flex;flex-wrap:wrap;gap:8px}
.volan-student-homework-list a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #cdddfd;border-radius:9px;background:#fff;color:#1459c4!important;font-size:13px;font-weight:700;text-decoration:none}
.volan-student-homework-list a:hover{border-color:#1769ff;background:#f8fbff}
@media(max-width:760px){.volan-homework-student-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.volan-homework-student-grid{grid-template-columns:1fr}.volan-app-content .volan-homework-panel{padding:15px}}

/* Domaće zadaće i odvojena statistika vježbi */
.volan-homework-dashboard-link,.volan-stat-practice{background:#fff;border:1px solid #e0e9e5;border-radius:18px;box-shadow:0 12px 30px rgba(8,45,29,.045)}
.volan-homework-dashboard-link{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:21px 26px;margin:20px 0}
.volan-homework-dashboard-link strong,.volan-homework-dashboard-link span{display:block}.volan-homework-dashboard-link span{color:#667a70;margin-top:5px}
.volan-homework-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
.volan-homework-summary>div{padding:22px;background:#fff;border:1px solid #e0e9e5;border-radius:16px}
.volan-homework-summary span,.volan-homework-summary strong{display:block}.volan-homework-summary span{font-size:12px;color:#637970}.volan-homework-summary strong{font-size:30px;margin-top:7px;color:#103e2a}
.volan-homework-filter{display:flex;align-items:end;flex-wrap:wrap;gap:14px;padding:17px 20px;margin-bottom:18px;background:#fff;border:1px solid #e0e9e5;border-radius:16px}
.volan-homework-filter label{display:flex;flex-direction:column;gap:7px;font-weight:600;font-size:12px}.volan-homework-filter select,.volan-homework-filter input{min-width:190px;min-height:39px}
.volan-homework-table{border-radius:14px;overflow:hidden}.volan-homework-table th,.volan-homework-table td{padding:13px 15px;vertical-align:middle}
.volan-stat-practice{padding:24px;margin:24px 0 32px}.volan-stat-practice>.volan-stat-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.volan-stat-practice h3{margin:22px 0 13px}.volan-stat-practice .volan-stat-kpis{margin:18px 0}
@media(max-width:700px){.volan-homework-summary{grid-template-columns:1fr}.volan-homework-dashboard-link,.volan-stat-practice>.volan-stat-panel-head{flex-direction:column;align-items:stretch}.volan-homework-filter>*{width:100%}.volan-homework-filter select,.volan-homework-filter input{width:100%}}

.volan-stat-practice-actions{display:flex;flex-wrap:wrap;gap:8px}

/* Vidljivost vježbi po polazniku i broj pokušaja domaće zadaće */
.volan-practice-access-settings{display:grid;gap:14px;padding:18px;border:1px solid #dce9e0;border-radius:16px;background:#f8fbf8}
.volan-practice-access-settings>label{display:flex;flex-direction:column;gap:7px}.volan-practice-access-settings>label>span{font-weight:700}.volan-practice-access-settings>label select{width:100%;max-width:440px}
.volan-practice-access-settings small{color:#698074;font-size:12px}.volan-practice-access-list{border-top:1px solid #dce9e0;padding-top:10px}
.volan-practice-access-list summary{cursor:pointer;font-weight:700;color:#194936}.volan-practice-access-list summary small{display:block;font-weight:400;margin-top:3px}
.volan-practice-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px;max-height:310px;overflow:auto}
.volan-practice-access-grid label{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid #dce9e0;border-radius:10px;background:#fff;cursor:pointer}
.volan-practice-access-grid label>span{display:flex;flex-direction:column;gap:2px;min-width:0}.volan-practice-access-grid label strong{font-size:13px}.volan-practice-access-grid input{flex:none}
.volan-homework-attempts{display:inline-flex;margin:2px 0 13px;color:#24583d;font-size:13px}.volan-homework-attempts strong{margin-left:5px}
@media(max-width:700px){.volan-practice-access-grid{grid-template-columns:1fr}}

/* Vježbe u profilu polaznika: mali checkbox uz naziv, bez naslijeđenog stila polja */
.volan-app-content .volan-form-grid-2 .volan-practice-access-grid label{
  display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:11px;min-height:62px;text-align:left;
}
.volan-app-content .volan-form-grid-2 .volan-practice-access-grid input[type="checkbox"]{
  box-sizing:border-box;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;
  max-width:18px;padding:0!important;margin:0!important;flex:0 0 18px;align-self:center;
}
.volan-app-content .volan-practice-access-grid label>span{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.3}
.volan-app-content .volan-practice-access-grid label>span strong,.volan-app-content .volan-practice-access-grid label>span small{display:block;text-align:left}

/* 2.5.10 - kompaktni status registracije u tablici Polaznici */
.volan-students-table .volan-status-pill.is-pending{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:auto!important;
  max-width:150px!important;
  min-width:0!important;
  padding:7px 10px!important;
  border-radius:10px!important;
  line-height:1.18!important;
  white-space:normal!important;
  text-align:left!important;
}
.volan-students-table .volan-status-pill.is-pending .dashicons{
  flex:0 0 16px;
  width:16px!important;
  height:16px!important;
  font-size:16px!important;
  line-height:16px!important;
  color:#a36d05!important;
}
.volan-students-table .volan-status-pill.is-pending>span:last-child{
  display:block;
  font-size:10.5px;
  font-weight:800;
}

/* 2.5.11 - kontrolirana zamjena postojeće cjeline */
.volan-replace-category-box{display:grid;gap:10px;margin:12px 0;padding:13px;border:1px solid #dbe4ef;border-radius:12px;background:#f8fafc}
.volan-replace-toggle{display:flex!important;align-items:flex-start;gap:10px!important;cursor:pointer}.volan-replace-toggle input{margin-top:3px!important}.volan-replace-toggle strong,.volan-replace-toggle small{display:block}.volan-replace-toggle strong{color:#25324a;font-size:12px}.volan-replace-toggle small{margin-top:3px;color:#71809a;font-size:10.5px;line-height:1.45}
.volan-replace-category-select{display:block!important}.volan-replace-category-select>span{display:block;margin-bottom:6px;color:#526177;font-size:11px;font-weight:750}.volan-replace-category-select select{width:100%;min-height:42px;border:1px solid #d5deea;border-radius:9px;background:#fff;padding:0 10px}.volan-replace-category-select small{display:block;margin-top:6px;color:#8190a5;font-size:10px;line-height:1.45}

/* 2.5.12 - uredniji ZIP upload i zamjena cjeline */
.volan-transfer-card .volan-transfer-upload{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  align-items:stretch!important;
}
.volan-transfer-card .volan-transfer-upload>label:first-of-type{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.volan-transfer-card .volan-transfer-upload>label:first-of-type>span{
  display:block!important;
  margin:0 0 7px!important;
  color:#34435d!important;
  font-size:11px!important;
  font-weight:800!important;
}
.volan-transfer-card .volan-transfer-upload input[type="file"]{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  min-height:46px!important;
  padding:6px!important;
  border:1px solid #d7e0ec!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#53627a!important;
}
.volan-transfer-card .volan-transfer-upload input[type="file"]::file-selector-button{
  min-height:32px!important;
  margin:0 10px 0 0!important;
  padding:6px 11px!important;
  border:0!important;
  border-radius:7px!important;
  background:#eef4ff!important;
  color:#1769ff!important;
  font-weight:750!important;
  cursor:pointer!important;
}
.volan-replace-category-box{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(220px,.9fr)!important;
  gap:16px!important;
  align-items:start!important;
  margin:0!important;
  padding:16px!important;
  border:1px solid #dce5f0!important;
  border-radius:12px!important;
  background:#f8fafc!important;
}
.volan-replace-toggle{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  margin:0!important;
  padding:0!important;
}
.volan-replace-toggle input{
  width:18px!important;
  height:18px!important;
  margin:2px 0 0!important;
}
.volan-replace-toggle strong{
  display:block!important;
  margin:0 0 4px!important;
  color:#25324a!important;
  font-size:12.5px!important;
  line-height:1.3!important;
}
.volan-replace-toggle small{
  display:block!important;
  max-width:460px!important;
  color:#71809a!important;
  font-size:10.5px!important;
  line-height:1.5!important;
}
.volan-replace-category-select{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.volan-replace-category-select>span{
  display:block!important;
  margin:0 0 7px!important;
  color:#34435d!important;
  font-size:11px!important;
  font-weight:800!important;
}
.volan-replace-category-select select{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-height:42px!important;
  box-sizing:border-box!important;
  border:1px solid #d5deea!important;
  border-radius:9px!important;
  background:#fff!important;
  padding:0 34px 0 10px!important;
  color:#25324a!important;
}
.volan-replace-category-select small{
  display:block!important;
  margin:7px 0 0!important;
  color:#8190a5!important;
  font-size:9.8px!important;
  line-height:1.45!important;
}
.volan-transfer-card .volan-transfer-upload>button[name="volan_import_zip"]{
  justify-self:start!important;
  min-height:42px!important;
  margin:0!important;
}
@media(max-width:760px){
  .volan-replace-category-box{grid-template-columns:1fr!important}
  .volan-transfer-card .volan-transfer-upload>button[name="volan_import_zip"]{width:100%!important;justify-content:center!important}
}

/* 2.5.17 - analiza pogrešnih pitanja u vježbama */
.volan-stat-practice-wrong{margin-top:22px;padding-top:20px;border-top:1px solid #e3e8f0}
.volan-stat-practice-wrong .volan-stat-panel-head{margin-bottom:10px}
.volan-stat-practice-wrong .volan-stat-panel-head h3{margin:3px 0 4px;font-size:17px}
.volan-stat-wrong-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px;text-align:left}
.volan-stat-wrong-copy strong{min-width:0}.volan-stat-wrong-copy small{color:#7a879b;font-size:10.5px;font-weight:600}

/* 2.5.18 - online polaznici */
.volan-online-students{margin:0 0 18px;border:1px solid #dce6e0;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(20,42,31,.045);overflow:hidden}
.volan-online-students>summary{display:flex;align-items:center;gap:11px;padding:13px 15px;cursor:pointer;list-style:none}.volan-online-students>summary::-webkit-details-marker{display:none}
.volan-online-students>summary>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.volan-online-students>summary strong{color:#263a32;font-size:13px}.volan-online-students>summary small{color:#78887f;font-size:10.5px}.volan-online-students>summary>.dashicons{color:#75867d;transition:transform .2s}
.volan-online-students[open]>summary>.dashicons{transform:rotate(180deg)}
.volan-online-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#16a05d;box-shadow:0 0 0 5px rgba(22,160,93,.11)}
.volan-online-students-list{padding:2px 15px 12px;border-top:1px solid #edf2ef}
.volan-online-student{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f3f1}.volan-online-student:last-child{border-bottom:0}
.volan-online-avatar{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:50%;background:#eef6f1;color:#0a6d43;font-size:11px;font-weight:850}
.volan-online-student>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.volan-online-student strong{font-size:11.5px;color:#2a3b33}.volan-online-student small{font-size:10px;color:#7c8b83}
.volan-online-student>i{width:7px;height:7px;border-radius:50%;background:#16a05d}.volan-online-empty{padding:12px 0 3px;color:#7c8b83;font-size:11px}

/* 2.5.19 - gornji dashboard red: online lijevo, akcije desno */
.volan-dashboard-primary-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:18px;
  align-items:stretch;
  margin:0 0 18px;
}
.volan-dashboard-primary-left,
.volan-dashboard-primary-right{min-width:0;display:flex}
.volan-dashboard-primary-left .volan-online-students{width:100%;margin:0}
.volan-dashboard-primary-right .volan-dashboard-exam-actions-row{
  width:100%;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch;
}
.volan-dashboard-primary-right .volan-dashboard-add-exam{
  width:100%!important;
  min-width:0!important;
  min-height:100%!important;
  justify-content:flex-start!important;
}
@media(max-width:1050px){
 .volan-dashboard-primary-row{grid-template-columns:1fr}
}
@media(max-width:620px){
 .volan-dashboard-primary-right .volan-dashboard-exam-actions-row{grid-template-columns:1fr!important}
}

/* 2.5.23 - poravnanje akcija u zaglavlju statistike vježbi */
.volan-stat-practice>.volan-stat-panel-head{
  align-items:flex-start!important;
}
.volan-stat-practice-actions{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-left:auto!important;
}
.volan-stat-practice-actions .button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:42px!important;
  margin:0!important;
  white-space:nowrap!important;
}
@media(max-width:1180px){
 .volan-stat-practice>.volan-stat-panel-head{flex-direction:column!important;gap:16px!important}
 .volan-stat-practice-actions{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important;margin-left:0!important}
}
@media(max-width:620px){
 .volan-stat-practice-actions{display:grid!important;grid-template-columns:1fr!important}
 .volan-stat-practice-actions .button{width:100%!important}
}

/* 2.5.29 - masovna primjena kriterija prolaza */
.volan-bulk-criteria-panel{margin:18px 0 24px;padding:18px 20px;border:1px solid #dfe6ef;border-radius:14px;background:#f8fafc}
.volan-bulk-criteria-panel>p{margin:6px 0 15px;color:#6d7b90;font-size:12px;line-height:1.55}
.volan-bulk-criteria-form{display:grid;grid-template-columns:minmax(210px,1.4fr) minmax(120px,.65fr) minmax(150px,.8fr) auto;gap:12px;align-items:end}
.volan-bulk-criteria-form label{display:flex;flex-direction:column;gap:6px}.volan-bulk-criteria-form label>span{font-size:11px;font-weight:800;color:#47566d}
.volan-bulk-criteria-form input,.volan-bulk-criteria-form select{min-height:40px}.volan-bulk-criteria-form small{color:#7b8799;font-size:9.5px}.volan-bulk-criteria-form .button{min-height:40px}
@media(max-width:900px){.volan-bulk-criteria-form{grid-template-columns:1fr 1fr}.volan-bulk-criteria-form .button{width:100%}}
@media(max-width:560px){.volan-bulk-criteria-form{grid-template-columns:1fr}}

/* 2.5.30 - napredak i grupiranje vježbi */
.volan-practice-progress-overview{margin:18px 0;padding:17px 20px;background:#fff;border:1px solid #dce8e1;border-radius:15px}.volan-practice-progress-overview strong{font-size:14px;color:#173c2b}.volan-practice-progress-track{height:8px;border-radius:30px;background:#e7eee9;overflow:hidden;margin-top:12px}.volan-practice-progress-track span{display:block;height:100%;border-radius:30px;background:#159b62}.volan-practice-status-group{margin:24px 0}.volan-practice-status-group h2{font-size:19px;font-weight:800;margin:0 0 14px;display:flex;align-items:center;gap:10px}.volan-practice-status-group h2 span{font-size:12px;padding:4px 9px;border-radius:20px;background:#eef3f0;color:#526b5d}.volan-practice-status-group>p{color:#657b6d;margin:-6px 0 16px}.volan-practice-is-passed{border-color:#b4ddc7!important;background:#f5fbf7!important}.volan-practice-is-passed .volan-portal-practice-card-icon{background:#e2f4e9!important;color:#14804e!important}.volan-practice-progress-label{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:750;margin:8px 0;color:#657385}.volan-practice-progress-label.is-passed{color:#128250}.volan-practice-is-passed .volan-student-start{background:#138b56!important;border-color:#138b56!important;color:#fff!important}.volan-practice-is-passed .volan-student-start:hover{background:#086b40!important;color:#fff!important}

/* 2.5.32 – compact spacing between practice progress and grouped exercises */
.volan-app-content .volan-practice-progress-overview{margin-bottom:14px!important}
.volan-app-content .volan-portal-practice-toolbar{margin-bottom:12px!important}
.volan-app-content .volan-practice-status-group{margin:18px 0 22px!important;padding-top:0!important;min-height:0!important}
.volan-app-content .volan-portal-practice-toolbar + .volan-practice-status-group{margin-top:16px!important}
.volan-app-content .volan-practice-status-group + .volan-practice-status-group{margin-top:24px!important}
@media(max-width:680px){.volan-app-content .volan-practice-status-group{margin:14px 0 20px!important}}

/* 2.5.33 - naglašena oznaka nepoložene cjeline */
.volan-practice-progress-label.is-pending{color:#c73545!important;font-weight:800!important;}

/* 2.5.34: neutralna oznaka za vježbe bez pokušaja */
.volan-practice-progress-label.is-unstarted{color:#657385!important;font-weight:650!important;}