.vxdb-wrap{--green:#2ecc40;--yellow:#ffdc00;--black:#000;--white:#fff;--ink:#111;--muted:#555;--shadow:0 14px 32px rgba(0,0,0,.12);--r:22px;max-width:1024px;margin:0 auto;padding:18px;background:linear-gradient(180deg,#fff7fb 0%,#f7f7fb 100%);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:var(--ink);box-sizing:border-box}.vxdb-wrap *{box-sizing:border-box}.vxdb-hero{background:linear-gradient(135deg,#2ecc40 0%,#19bd32 100%);color:#fff;text-align:center;border-radius:0 0 24px 24px;padding:28px 18px;box-shadow:var(--shadow);margin-bottom:18px}.vxdb-hero h1{font-size:clamp(28px,7vw,50px);margin:4px 0 8px;line-height:1;font-weight:900}.vxdb-hero p{margin:0 auto;max-width:650px;font-size:16px;line-height:1.5}.vxdb-kicker{text-transform:uppercase;letter-spacing:4px;font-weight:900;font-size:12px}.vxdb-summary,.vxdb-insight-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.vxdb-summary>div,.vxdb-insight-stats>div{border-radius:18px;box-shadow:var(--shadow);padding:18px;text-align:center;min-height:88px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.vxdb-summary>div:nth-child(1){background:linear-gradient(135deg,#ff9a9e,#fad0c4)}.vxdb-summary>div:nth-child(2){background:linear-gradient(135deg,#ffe259,#fff6a3)}.vxdb-summary>div:nth-child(3){background:linear-gradient(135deg,#a1c4fd,#c2e9fb)}.vxdb-summary>div:nth-child(4){background:linear-gradient(135deg,#fbc2eb,#a6c1ee)}.vxdb-summary strong,.vxdb-insight-stats strong{font-size:34px;font-weight:900;line-height:1}.vxdb-summary span,.vxdb-insight-stats span{font-size:13px;font-weight:800}.vxdb-panel,.vxdb-toolbar,.vxdb-actions-panel,.vxdb-parent-insights,.vxdb-parent-footer,.vxdb-guest-notice{background:#fff;border-radius:20px;padding:18px;margin:16px 0;box-shadow:var(--shadow)}.vxdb-panel h2,.vxdb-parent-footer h2{color:#111;font-size:clamp(24px,6vw,42px);margin:0 0 16px;font-weight:900}.vxdb-panel h2,.vxdb-parent-panel h2{color:#111!important}.vxdb-parent-panel h2{color:#2ecc40!important}.vxdb-form,.vxdb-note-form,.vxdb-parent-form{display:grid;gap:12px}.vxdb-form label,.vxdb-parent-form label{font-weight:800;color:#222}.vxdb-form input,.vxdb-form select,.vxdb-toolbar input,.vxdb-toolbar select,.vxdb-parent-form input,.vxdb-note-form textarea{width:100%;padding:14px;border:1px solid #e6e6e6;border-radius:12px;background:#fff;font-size:15px;margin-top:6px}.vxdb-wrap .vxdb-btn, .vxdb-wrap button.vxdb-btn, .vxdb-wrap a.vxdb-btn{display:inline-flex;align-items:center;justify-content:center;background:#2ecc40!important;color:#fff!important;border:0;border-radius:12px;padding:13px 20px;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 8px 16px rgba(46,204,64,.25);transition:.2s;min-height:44px}.vxdb-wrap .vxdb-btn:hover, .vxdb-wrap button.vxdb-btn:hover, .vxdb-wrap a.vxdb-btn:hover{transform:translateY(-1px);background:#25bd38;color:#fff}.vxdb-wrap .vxdb-btn-light{background:#ffdc00!important;color:#111!important;box-shadow:0 8px 16px rgba(255,220,0,.28)}.vxdb-wrap .vxdb-btn-grey{background:#777!important;color:#fff!important}.vxdb-wrap .vxdb-btn-dark{background:#111!important;color:#fff!important}.vxdb-wrap .vxdb-btn[disabled]{opacity:.65;cursor:not-allowed;transform:none}.vxdb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.vxdb-card{border-radius:18px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden;min-height:170px}.vxdb-card:after{content:'';position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:rgba(255,255,255,.32)}.vxdb-card.assignment{background:linear-gradient(135deg,#ff9a9e 0%,#fad0c4 100%)}.vxdb-card.test{background:linear-gradient(135deg,#a1c4fd 0%,#c2e9fb 100%)}.vxdb-card.exam{background:linear-gradient(135deg,#fbc2eb 0%,#a6c1ee 100%)}.vxdb-card.completed{filter:saturate(.9);opacity:.95}.vxdb-card small{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#505050}.vxdb-card h3{font-size:26px;margin:8px 0 12px;font-weight:900;color:#111}.vxdb-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.vxdb-pill{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.75);border-radius:999px;padding:8px 10px;font-size:12px;font-weight:900;color:#111}.vxdb-pill.urgent{background:#ef2f55;color:#fff}.vxdb-pill.warning{background:#ffdc00}.vxdb-pill.safe{background:#2ecc40;color:#fff}.vxdb-card-actions{display:flex;gap:8px;flex-wrap:wrap}.vxdb-card-actions .vxdb-btn{padding:9px 12px;min-height:36px;font-size:12px}.vxdb-empty{padding:16px;border:2px dashed #ddd;border-radius:14px;background:#fafafa;color:#555}.vxdb-muted{color:#555;line-height:1.5}.vxdb-storage-note{text-align:center;color:#2ecc40;font-weight:700}.vxdb-notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}.vxdb-note{background:#fff;border:2px dashed #ccc;border-radius:14px;padding:14px;min-height:80px;position:relative}.vxdb-note.green{border-color:#2ecc40}.vxdb-note.yellow{border-color:#ffdc00}.vxdb-note.black{border-color:#111}.vxdb-note.grey{border-color:#aaa}.vxdb-note-actions{display:flex;gap:6px;margin-top:10px}.vxdb-note-actions .vxdb-btn{padding:6px 9px!important;min-height:28px!important;font-size:11px!important;border-radius:8px!important}.vxdb-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.vxdb-parent-actions{display:flex;gap:10px;flex-wrap:wrap}.vxdb-share-result{margin-top:12px;padding:14px;border-radius:14px;background:#f3fff4;border:1px solid #2ecc40;color:#111}.vxdb-guest-notice{border:3px solid #2ecc40}.vxdb-guest-notice h2{margin-top:0;color:#2ecc40}.vxdb-notice-actions{display:flex;gap:10px;flex-wrap:wrap}.vxdb-parent-insights{background:linear-gradient(135deg,#fff,#f5fff6);border:2px solid rgba(46,204,64,.35)}.vxdb-insight-main{display:flex;gap:14px;align-items:flex-start}.vxdb-insight-icon{font-size:30px}.vxdb-insight-main h2{font-size:clamp(24px,6vw,42px);margin:0 0 8px;font-weight:900}.vxdb-insight-main p{margin:0;color:#555;font-size:16px;line-height:1.5}.vxdb-insight-stats>div{background:linear-gradient(135deg,#fff8d9,#ffffff);min-height:100px}.vxdb-insight-stats em{display:block;width:100%;height:8px;background:rgba(0,0,0,.08);border-radius:999px;margin-top:8px;overflow:hidden}.vxdb-insight-stats i{display:block;height:100%;background:#2ecc40;border-radius:999px}.vxdb-parent-view .vxdb-panel{background:transparent;box-shadow:none;padding:0}.vxdb-parent-view .vxdb-grid{margin-top:12px}.vxdb-parent-view .vxdb-parent-footer{background:#fff}.vxdb-ad-slot:empty{display:none}@media(max-width:700px){.vxdb-wrap{padding:10px}.vxdb-summary,.vxdb-insight-stats{grid-template-columns:1fr}.vxdb-toolbar{display:grid;gap:10px}.vxdb-hero{border-radius:0 0 20px 20px}.vxdb-panel,.vxdb-toolbar,.vxdb-actions-panel,.vxdb-parent-insights,.vxdb-parent-footer,.vxdb-guest-notice{padding:16px}.vxdb-card{min-height:160px}.vxdb-card h3{font-size:24px}}@media(min-width:701px){.vxdb-toolbar{display:grid;grid-template-columns:2fr 1fr;gap:12px}.vxdb-form{grid-template-columns:repeat(2,1fr)}.vxdb-form button{grid-column:span 2}.vxdb-actions-panel{display:flex;gap:14px}.vxdb-actions-panel .vxdb-btn{flex:1}}

.vxdb-section-head + .vxdb-grid{margin-top:14px!important;}
.vxdb-actions-panel .vxdb-btn{background:#2ecc40!important;color:#fff!important;}
.vxdb-parent-actions .vxdb-btn{background:#2ecc40!important;color:#fff!important;}
.vxdb-note-form .vxdb-btn[type="submit"], .vxdb-form .vxdb-btn[type="submit"]{background:#2ecc40!important;color:#fff!important;}

/* VX DueBoard v3.0.3 hard UI fixes */
.vxdb-wrap .vxdb-btn,
.vxdb-wrap button.vxdb-btn,
.vxdb-wrap input[type="submit"].vxdb-btn,
.vxdb-wrap a.vxdb-btn,
.vxdb-wrap .vxdb-parent-actions .vxdb-btn,
.vxdb-wrap .vxdb-note-form button[type="submit"],
.vxdb-wrap .vxdb-form button[type="submit"]{
  background:#2ecc40!important;
  background-color:#2ecc40!important;
  background-image:none!important;
  border-color:#2ecc40!important;
  color:#fff!important;
}
.vxdb-wrap .vxdb-btn:hover,
.vxdb-wrap button.vxdb-btn:hover,
.vxdb-wrap a.vxdb-btn:hover{
  background:#27c73a!important;
  background-color:#27c73a!important;
  color:#fff!important;
}
.vxdb-wrap .vxdb-btn-light{
  background:#ffdc00!important;
  background-color:#ffdc00!important;
  border-color:#ffdc00!important;
  color:#111!important;
}
.vxdb-wrap .vxdb-btn-grey{
  background:#777!important;
  background-color:#777!important;
  border-color:#777!important;
  color:#fff!important;
}
.vxdb-wrap .vxdb-actions-panel{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}
.vxdb-wrap .vxdb-actions-panel .vxdb-btn{width:100%!important;margin:0!important;}
.vxdb-wrap #vxdbClearCompleted{margin-bottom:14px!important;}
.vxdb-wrap .vxdb-section-head{margin-bottom:12px!important;}
.vxdb-wrap .vxdb-note-actions .vxdb-btn{
  padding:5px 8px!important;
  min-height:26px!important;
  font-size:10px!important;
  line-height:1!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
.vxdb-wrap h1::first-letter,
.vxdb-wrap h2::first-letter,
.vxdb-wrap h3::first-letter,
.vxdb-wrap .vxdb-panel h2::first-letter,
.vxdb-wrap .vxdb-parent-panel h2::first-letter{
  color:inherit!important;
}
.vxdb-wrap .vxdb-panel h2,
.vxdb-wrap .vxdb-panel h2 *,
.vxdb-wrap .vxdb-parent-panel h2,
.vxdb-wrap .vxdb-parent-panel h2 *{
  color:#111!important;
}
.vxdb-wrap .vxdb-parent-panel h2{color:#2ecc40!important;}
@media(min-width:701px){
  .vxdb-wrap .vxdb-actions-panel{flex-direction:row!important;}
  .vxdb-wrap .vxdb-actions-panel .vxdb-btn{flex:1 1 0!important;}
}
