/* مساعد المعلم DZ — UI V5.28 Major UI
   Large visual/system pass on top of V5.27. Core V5.23.5 behavior and element IDs stay intact. */
:root{
  --v528-navy:#0b2f54;
  --v528-navy-2:#123f6b;
  --v528-blue:#187bd8;
  --v528-blue-2:#3297ea;
  --v528-teal:#13a183;
  --v528-green:#24ad7f;
  --v528-amber:#e8a234;
  --v528-pink:#e65b91;
  --v528-purple:#745ee8;
  --v528-ink:#102e4c;
  --v528-muted:#6f879d;
  --v528-line:#d9e7f1;
  --v528-soft:#f5f9fd;
  --v528-page:#eef5fb;
  --v528-card:#ffffff;
  --v528-radius:22px;
  --v528-shadow:0 18px 46px rgba(18,58,92,.09);
  --v528-shadow-lg:0 28px 72px rgba(12,52,86,.14);
}

.v528-ready *{box-sizing:border-box}
.v528-ready button,.v528-ready input,.v528-ready select,.v528-ready textarea{font-family:inherit}
.v528-ready svg{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v528-ready body{
  background:
    radial-gradient(circle at 8% 4%,rgba(55,148,227,.09),transparent 26%),
    radial-gradient(circle at 86% 94%,rgba(25,171,136,.075),transparent 25%),
    linear-gradient(180deg,#f7fbff 0%,#eef5fb 44%,#eaf2f8 100%)!important;
}

/* ---------- Global shell ---------- */
@media(min-width:1000px){
  .v528-ready body{padding-right:250px!important}
  .v528-ready .app{width:min(1320px,calc(100% - 38px))!important;max-width:1320px!important;padding:20px 4px 42px!important}
}
.v528-top{
  min-height:76px!important;padding:13px 17px!important;border-radius:22px!important;
  border:1px solid rgba(208,224,236,.9)!important;background:rgba(255,255,255,.93)!important;
  box-shadow:0 12px 34px rgba(18,64,99,.07)!important;
}
.v528-top .brand{position:relative}
.v528-brand-label{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;margin-inline-start:5px;border:1px solid #d7e9f4;border-radius:999px;background:#f1f9fe;color:#2f729f;font-size:8.5px;font-weight:850}
.v528-top .brand-symbol{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#eef8ff,#e5f9f2);border-color:#cce4f2;color:#1578cc}
.v528-top .brand-symbol svg{width:25px;height:25px}
.v528-top .brand-copy strong{font-size:22px!important;letter-spacing:-.02em}.v528-top .brand-copy small{font-size:10px!important}
.v528-top .v526-global-search{height:44px;max-width:430px;border-radius:13px;background:#f7fbfe;border:1px solid #dce9f2;box-shadow:inset 0 1px 0 #fff}
.v528-top .v526-global-search:focus-within{border-color:#89bee5;box-shadow:0 0 0 4px rgba(39,135,208,.08)}
.v528-top .v526-global-search button{border-radius:10px!important;background:linear-gradient(135deg,#2186df,#1471cc)!important}
.v528-top .top-actions{gap:7px!important}.v528-top .account-chip,.v528-top .subscription-btn{min-height:34px!important;border-radius:10px!important}
.v528-top .badge{min-height:32px!important;border-radius:10px!important;font-size:9px!important;letter-spacing:.01em}
.v528-ready .main-nav{border-radius:15px!important;border:1px solid #dce8f1!important;background:rgba(255,255,255,.82)!important;box-shadow:0 7px 18px rgba(18,61,94,.04)!important}

/* ---------- Sidebar ---------- */
.v528-sidebar{
  width:250px!important;padding:18px 13px 15px!important;
  background:
    radial-gradient(circle at 78% 5%,rgba(60,161,235,.30),transparent 28%),
    radial-gradient(circle at 12% 92%,rgba(22,183,145,.17),transparent 25%),
    linear-gradient(180deg,#164f80 0%,#103e69 48%,#092e51 100%)!important;
  box-shadow:-14px 0 42px rgba(9,41,70,.15)!important;
}
.v528-sidebar .v525-brand{padding:5px 7px 16px}.v528-sidebar .v525-brand-logo{width:48px;height:48px;flex-basis:48px;border-radius:15px;background:linear-gradient(135deg,#278fe3,#17b18b);box-shadow:0 12px 26px rgba(3,29,50,.24)}
.v528-sidebar .v525-brand-logo span{font-size:12px}.v528-sidebar .v525-brand strong{font-size:15px}.v528-sidebar .v525-brand small{font-size:9px;line-height:1.45}
.v528-sidebar .v525-local-pill{margin-top:13px;padding:10px 11px;border-radius:13px;background:linear-gradient(135deg,rgba(18,166,132,.18),rgba(44,139,207,.10));border-color:rgba(127,226,197,.24)}
.v528-sidebar .v525-nav{gap:3px;padding-top:6px}.v528-sidebar .v525-nav-btn{min-height:43px!important;padding:9px 11px!important;border-radius:11px!important;font-size:11.5px!important;color:#d8e8f6!important}
.v528-sidebar .v525-nav-btn.is-active{background:linear-gradient(135deg,#2b8ce8,#1b70ce)!important;box-shadow:0 10px 24px rgba(4,29,52,.22)!important}
.v528-sidebar .v525-nav-icon{width:22px;flex-basis:22px}.v528-sidebar .v525-nav-icon svg{width:18px;height:18px}
.v528-nav-label{padding:11px 11px 5px;color:#89abc8;font-size:7.9px;font-weight:900;letter-spacing:.05em}
.v528-sidebar .v525-side-help{padding:12px 5px 3px;gap:9px}
.v528-side-status{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.055)}
.v528-side-status>i{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#57d6a7;box-shadow:0 0 0 5px rgba(87,214,167,.11)}
.v528-side-status b{display:block;color:#f1f8ff;font-size:9.5px}.v528-side-status small{display:block;margin-top:2px;color:#a8c4db;font-size:7.6px}
.v528-side-note{display:flex;gap:6px;align-items:center;color:#9fbcd3;font-size:7.4px;line-height:1.45}.v528-side-note svg{width:14px;height:14px;flex:0 0 14px;color:#76d7b7}

/* ---------- Homepage: hero ---------- */
.v525-hero.v528-hero{
  min-height:300px!important;margin-bottom:13px!important;padding:24px 26px!important;
  grid-template-columns:minmax(430px,1fr) minmax(420px,.95fr)!important;gap:28px!important;
  border:1px solid #cfe2ef!important;border-radius:28px!important;
  background:
    radial-gradient(circle at 82% 12%,rgba(63,166,230,.13),transparent 26%),
    radial-gradient(circle at 13% 94%,rgba(27,175,139,.09),transparent 22%),
    linear-gradient(135deg,#fff 0%,#f8fcff 48%,#eff9fd 100%)!important;
  box-shadow:var(--v528-shadow-lg)!important;
}
.v525-hero.v528-hero::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.0),rgba(255,255,255,.45) 48%,rgba(255,255,255,0) 66%);transform:translateX(60%);opacity:.5}
.v528-hero .v525-hero-copy{align-self:center!important;padding:0!important}
.v528-hero .v525-hero-kicker{min-height:30px;padding:6px 10px;border-radius:10px;background:#eef8ff;border-color:#d5eaf7;color:#2f709e;font-size:9.5px}
.v528-hero .v525-hero .home-welcome,.v528-hero .home-welcome{margin:12px 0 8px!important}
.v528-hero .home-welcome h2{max-width:600px;font-size:30px!important;line-height:1.25!important;letter-spacing:-.025em;color:#0d355b!important}
.v528-hero .home-welcome p{max-width:620px;font-size:12px!important;line-height:1.8!important;color:#607c95!important}
.v528-hero .v525-hero-pills{margin-top:10px;gap:6px}.v528-hero .v525-hero-pills span{min-height:27px;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:9px;background:#fff;color:#4a6983;border-color:#dce9f2;font-size:8.5px}.v528-hero .v525-hero-pills svg{width:13px;height:13px;color:#17a17e}
.v528-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.v528-hero-actions button{min-height:43px!important;padding:0 15px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;border-radius:12px!important;font-size:10px!important;font-weight:850!important}.v528-hero-actions svg{width:17px;height:17px}
.v528-primary-cta{border:0!important;background:linear-gradient(135deg,#2188e2,#146dc7)!important;color:#fff!important;box-shadow:0 10px 22px rgba(27,116,199,.2)!important}.v528-primary-cta:hover{transform:translateY(-2px)!important;box-shadow:0 14px 28px rgba(27,116,199,.25)!important}
.v528-secondary-cta{border:1px solid #cfe1ee!important;background:#fff!important;color:#245e8c!important;box-shadow:0 6px 16px rgba(19,66,101,.05)!important}.v528-secondary-cta:hover{border-color:#91bee0!important;background:#f7fbff!important}
.v528-hero-metrics{display:flex;gap:9px;margin-top:14px;padding-top:12px;border-top:1px solid #e3edf4}.v528-hero-metrics>span{display:flex;align-items:center;gap:6px;min-height:31px;padding:5px 8px;border-radius:10px;background:#f8fbfd;color:#638096}.v528-hero-metrics b{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#e8f5ff;color:#1577ca;font-size:10px}.v528-hero-metrics b svg{width:13px;height:13px}.v528-hero-metrics small{font-size:7.9px;font-weight:800}
.v528-hero .v525-hero-art{position:relative!important;min-height:235px!important;align-self:stretch!important;overflow:visible!important}.v528-hero-image{width:100%;height:100%;min-height:235px;object-fit:cover;border-radius:21px;border:1px solid #d7e7f1;box-shadow:0 14px 34px rgba(22,73,108,.11)}
.v528-floating-card{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;min-width:150px;padding:9px 10px;border:1px solid rgba(215,231,241,.96);border-radius:13px;background:rgba(255,255,255,.93);box-shadow:0 12px 28px rgba(17,64,96,.13);backdrop-filter:blur(8px)}
.v528-floating-card>span{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#eaf6ff;color:#1878cc}.v528-floating-card>span svg{width:17px;height:17px}.v528-floating-card b{display:block;font-size:9px;color:#173a58}.v528-floating-card small{display:block;margin-top:2px;font-size:7.3px;color:#748b9e}.v528-floating-card.card-a{right:-13px;top:26px}.v528-floating-card.card-b{left:-15px;bottom:24px}.v528-floating-card.card-b>span{background:#e9f8f3;color:#169170}
.v528-hero .v525-hero-library{right:27px!important;bottom:22px!important;max-width:385px!important;min-height:52px!important;padding:10px 12px!important;border-radius:14px!important;background:rgba(242,253,249,.94)!important;box-shadow:0 8px 20px rgba(19,135,103,.09)!important;transform:translateY(2px)}
.v528-hero .v525-hero-library b{font-size:10px}.v528-hero .v525-hero-library small{font-size:8px}

/* ---------- Home headings and grade cards ---------- */
.v528-home-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 2px 10px;padding:2px 4px}.v528-home-heading>div>span{color:#1682d3;font-size:8.7px;font-weight:900}.v528-home-heading h2{margin:2px 0 3px;font-size:20px;color:#133752}.v528-home-heading p{margin:0;color:#71889b;font-size:9px}.v528-home-heading-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #d5e8f3;border-radius:11px;background:#fff;color:#1e789f;font-size:8px;font-weight:850;box-shadow:0 6px 16px rgba(17,62,94,.04)}.v528-home-heading-badge svg{width:14px;height:14px;color:#18a181}
.v528-grade-panel{padding:18px!important;border-radius:22px!important;border-color:#d6e5ef!important;background:rgba(255,255,255,.95)!important;box-shadow:var(--v528-shadow)!important}
.v528-grade-panel .v525-section-head{margin-bottom:13px}.v528-grade-panel .v525-section-head h2{font-size:18px!important;color:#153956!important}.v528-grade-panel .v525-section-head span{font-size:8.5px;color:#177fcb}.v528-grade-panel .v525-section-head>small{font-size:8.5px}
.v528-grade-panel .v525-grade-grid{gap:10px}.v528-grade-card{min-height:100px!important;padding:14px!important;border-radius:16px!important;background:linear-gradient(160deg,#fff 0%,#f9fcff 100%)!important;box-shadow:0 4px 12px rgba(20,63,96,.025)!important;overflow:hidden!important}.v528-grade-card::before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,#7dbcef,#76d8b9);opacity:.7}.v528-grade-card:nth-child(2)::before{background:linear-gradient(90deg,#8cd9c0,#56ba97)}.v528-grade-card:nth-child(3)::before{background:linear-gradient(90deg,#91b9ef,#718de1)}.v528-grade-card:nth-child(4)::before{background:linear-gradient(90deg,#f1c26b,#e8a047)}.v528-grade-card:nth-child(5)::before{background:linear-gradient(90deg,#ef9cb9,#dc6d94)}
.v528-grade-card:hover,.v528-grade-card.is-active{transform:translateY(-3px)!important;box-shadow:0 12px 24px rgba(24,76,115,.10)!important}.v528-grade-card.is-active{border-color:#85bfe7!important;background:linear-gradient(160deg,#f6fbff,#eef8ff)!important}.v528-grade-card .v525-grade-icon{width:42px;height:42px;border-radius:13px;background:#eff8fe}.v528-grade-card .v525-grade-icon svg{width:21px;height:21px}.v528-grade-card b{font-size:12.5px!important}.v528-grade-card small{font-size:8.5px!important}.v528-grade-number{position:absolute;left:10px;bottom:8px;color:#d6e4ef;font-size:22px;font-weight:950;line-height:1}

/* ---------- Home workspace ---------- */
.v528-workspace{grid-template-columns:1fr 1.18fr .86fr!important;gap:13px!important;margin-bottom:19px!important}.v528-workspace>div{border-radius:20px!important;border-color:#d8e6ef!important;background:rgba(255,255,255,.96)!important;box-shadow:var(--v528-shadow)!important}
.v528-workspace .v525-panel-head{margin-bottom:12px}.v528-workspace .v525-panel-head>div>span{width:36px;height:36px;border-radius:12px}.v528-workspace .v525-panel-head>div>span svg{width:19px;height:19px}.v528-workspace .v525-panel-head b{font-size:12.5px}.v528-workspace .v525-panel-head small{font-size:8px;line-height:1.4}
.v528-panel-kicker{display:inline-flex;margin:-2px 0 10px;padding:4px 8px;border-radius:999px;background:#edf7ff;color:#2679b9;font-size:7.5px;font-weight:900}
.v528-workspace .v525-action-grid{gap:8px}.v528-workspace .v525-action-card{min-height:92px!important;padding:10px 7px!important;border-radius:14px!important;gap:4px!important}.v528-workspace .v525-action-card>span{width:38px;height:38px;border-radius:12px}.v528-workspace .v525-action-card>span svg{width:19px;height:19px}.v528-workspace .v525-action-card b{font-size:9.5px}.v528-workspace .v525-action-card small{display:block;color:#8497a8;font-size:7px;line-height:1.35;text-align:center}
.v528-local-panel .v525-library-list button{min-height:60px!important;padding:9px!important;border-radius:13px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important}.v528-local-panel .v525-library-list button:hover{transform:translateX(-2px)!important;border-color:#b8d6e9!important;box-shadow:0 7px 16px rgba(20,67,100,.05)!important}.v528-local-panel .v525-file-icon{width:38px;height:38px;border-radius:11px}.v528-local-panel .v525-file-icon svg{width:19px;height:19px}.v528-local-panel .v525-library-list b{font-size:10.5px}.v528-local-panel .v525-library-list small{font-size:7.5px}
.v528-library-foot{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px;border:1px solid #d6eee5;border-radius:12px;background:#f3fbf8;color:#18866a}.v528-library-foot>svg{width:19px;height:19px;flex:0 0 19px}.v528-library-foot b{display:block;font-size:8.5px}.v528-library-foot small{display:block;margin-top:2px;color:#668b80;font-size:7px;line-height:1.45}
.v528-search-panel .v525-search-form{margin-top:10px;display:grid;grid-template-columns:1fr auto;gap:7px}.v528-search-panel .v525-search-form input{height:46px!important;border-radius:12px!important;background:#f9fcfe!important}.v528-search-panel .v525-search-form button{min-width:66px!important;height:46px!important;border-radius:12px!important}.v528-search-panel .v525-trust-row{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin-top:12px!important;padding-top:10px!important}.v528-search-panel .v525-trust-row span{display:flex;align-items:center;gap:6px;padding:6px 7px;border-radius:9px;background:#f6fafc;font-size:7.7px!important}.v528-search-panel .v525-trust-row svg{width:13px;height:13px;color:#19a17f}
.v528-search-shortcuts{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.v528-search-shortcuts span{padding:4px 7px;border-radius:8px;background:#eef5fb;color:#61819a;font-size:7.2px;font-weight:800}

/* ---------- Dashboard ---------- */
.v528-dashboard-title{margin-top:2px!important;margin-bottom:10px!important}.v528-dashboard-title h2{font-size:18px!important;color:#143957!important}.v528-dashboard-title span{font-size:8.5px!important}.v528-dashboard-title>small{font-size:8px!important}
.v528-dashboard{gap:11px!important}.v528-dash-card{position:relative;min-height:145px!important;padding:16px!important;border:1px solid #d9e7f1!important;border-top:1px solid #d9e7f1!important;border-radius:18px!important;background:linear-gradient(160deg,#fff,#f9fcfe)!important;box-shadow:0 10px 28px rgba(18,63,96,.065)!important;overflow:hidden}.v528-dash-card::before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,#70b8eb,#52c7b0)}.v528-dash-card:nth-child(2)::before{background:linear-gradient(90deg,#64d0a7,#7fd8bc)}.v528-dash-card:nth-child(3)::before{background:linear-gradient(90deg,#efb84f,#f3ce7e)}.v528-dash-card:nth-child(4)::before{background:linear-gradient(90deg,#819bea,#6cb7ed)}
.v528-dash-card .v526-dash-icon{width:36px;height:36px;border-radius:11px}.v528-dash-card .v526-dash-icon svg{width:18px;height:18px}.v528-dash-card .dash-label{font-size:9px!important;color:#71869a!important}.v528-dash-card .dash-value{margin-top:8px!important;font-size:20px!important;color:#102f4d!important}.v528-dash-card .dash-sub{font-size:8px!important;line-height:1.6!important}.v528-dash-card .dash-link{margin-top:auto!important;font-size:8px!important}.v528-card-glow{position:absolute;left:-30px;bottom:-42px;width:105px;height:105px;border-radius:50%;background:radial-gradient(circle,rgba(63,157,224,.10),transparent 66%);pointer-events:none}
.v526-day-message{border-radius:15px!important;box-shadow:0 8px 22px rgba(19,63,95,.05)!important}

/* ---------- Create experience ---------- */
.v528-create-section{padding-top:2px}.v528-create-pagehead{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:2px 0 13px;padding:15px 18px;border:1px solid #d6e6f0;border-radius:20px;background:linear-gradient(135deg,#fff,#f6fbff);box-shadow:0 9px 24px rgba(19,65,99,.055)}.v528-create-pagehead>div>span{display:flex;align-items:center;gap:6px;color:#1682d2;font-size:8.5px;font-weight:900}.v528-create-pagehead>div>span svg{width:14px;height:14px}.v528-create-pagehead h1{margin:3px 0 3px;font-size:20px;color:#123553}.v528-create-pagehead p{margin:0;color:#72889b;font-size:8.7px;line-height:1.55}.v528-create-badge{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #d1eae1;border-radius:11px;background:#f0faf6;color:#1d816a;font-size:8px;font-weight:850}.v528-create-badge svg{width:15px;height:15px}
.v528-ready #createSection .grid{grid-template-columns:minmax(500px,.95fr) minmax(600px,1.05fr)!important;gap:16px!important;align-items:start!important}.v528-ready #createSection .grid>.card{border-radius:22px!important;border-color:#d5e5ef!important;box-shadow:var(--v528-shadow)!important}.v528-ready #createSection .grid>.controls{padding:17px!important;background:linear-gradient(180deg,#fff,#f9fcfe)!important}.v528-ready #createSection .grid>.card:not(.controls){padding:17px!important;background:#fff!important;position:sticky;top:14px;max-height:calc(100vh - 32px);overflow:auto}
.v528-packed .v524-create-mobile-head{align-items:center!important}.v528-packed .v524-create-mobile-head #createTitle{font-size:20px!important;margin:0!important;padding-bottom:10px!important}.v528-packed .v525-create-stepper{margin:12px 0 10px!important;padding:0 8px!important}.v528-packed .v525-create-stepper>div{font-size:8px}.v528-packed .v525-create-stepper i{width:24px;height:24px}
.v528-create-summary{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;margin:0 0 11px;padding:9px 10px;border:1px solid #d6e8f4;border-radius:13px;background:linear-gradient(135deg,#f1f9ff,#f7fcff)}.v528-summary-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#fff;color:#1879cf;box-shadow:0 5px 12px rgba(25,100,154,.07)}.v528-summary-icon svg{width:18px;height:18px}.v528-create-summary small{display:block;color:#7b91a3;font-size:7.2px}.v528-create-summary b{display:block;margin-top:2px;color:#21445f;font-size:8.9px}.v528-create-summary em{padding:5px 8px;border-radius:999px;background:#eaf8f3;color:#17866a;font-size:7.5px;font-style:normal;font-weight:900}
.v528-create-block{margin:0 0 10px;padding:12px;border:1px solid #dce8f1;border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(19,63,95,.035)}.v528-block-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid #e8eff5}.v528-block-head>span{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#edf7ff;color:#1878ca}.v528-block-head>span svg{width:16px;height:16px}.v528-block-head b{display:block;color:#183a57;font-size:10.5px}.v528-block-head small{display:block;margin-top:2px;color:#8295a6;font-size:7.4px}.v528-create-block:nth-of-type(4) .v528-block-head>span{background:#eef9f5;color:#159070}.v528-create-block:nth-of-type(5) .v528-block-head>span{background:#fff6e8;color:#d89220}
.v528-block-body>label,.v528-block-body #mathFields>label,.v528-block-body #arabicFields>label{margin-top:8px!important;color:#4d6b82!important;font-size:8.7px!important;font-weight:850!important}.v528-block-body select,.v528-block-body input{min-height:42px!important;border-color:#dae7f0!important;border-radius:11px!important;background:#fbfdff!important}.v528-block-body select:focus,.v528-block-body input:focus{border-color:#7db8e5!important;box-shadow:0 0 0 3px rgba(36,132,207,.08)!important}
.v528-block-body .curriculum-box,.v528-block-body .manual-lesson-box,.v528-block-body .progress-card{border-radius:12px!important}.v528-block-body .curriculum-box{margin-top:9px!important;background:#f4f9fd!important;border-color:#dceaf3!important}.v528-block-body .progress-card{margin-top:10px!important;background:linear-gradient(135deg,#f7fbfe,#f4fbf8)!important;border-color:#d7ebe4!important}.v528-block-body .types{gap:7px!important}.v528-block-body .type-btn{min-height:42px!important;border-radius:11px!important}.v528-block-body .type-btn.active{background:linear-gradient(135deg,#edf6ff,#e8f2ff)!important;border-color:#80b5e7!important;color:#166ec3!important;box-shadow:inset 0 0 0 1px rgba(77,146,214,.08)!important}
.v528-block-body .row{gap:8px!important}.v528-block-body #generate{min-height:48px!important;border-radius:13px!important;background:linear-gradient(135deg,#2389e1,#126bc5)!important;box-shadow:0 12px 26px rgba(21,111,197,.2)!important;font-size:11px!important}.v528-block-body #regenerate{min-height:43px!important;border-radius:12px!important}.v528-block-body .credit-hint{margin-top:8px!important;padding:7px 8px!important;border-radius:9px;background:#f7fafc}.v528-block-body .curriculum-note{margin-top:8px!important;border-radius:10px!important}.v528-block-body .footer{margin-top:8px!important;font-size:7.5px!important}
.v528-preview-card .v528-preview-head{position:sticky;top:-17px;z-index:10;margin:-17px -17px 13px!important;padding:15px 17px 12px!important;border-bottom:1px solid #e1eaf2;background:rgba(255,255,255,.95);backdrop-filter:blur(14px)}.v528-preview-card .output-head h2{font-size:19px!important}.v528-preview-card .tabs{gap:5px}.v528-preview-card .secondary,.v528-preview-card .print-btn,.v528-preview-card .pdf-btn,.v528-preview-card .saved-btn,.v528-preview-card .taught-btn{border-radius:9px!important}.v528-preview-card #paper{position:relative;min-height:570px!important;border-radius:15px!important;border:1px solid #dce6ee!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(245,248,251,.6)}.v528-preview-watermark{position:absolute;left:18px;bottom:18px;width:36px;height:36px;display:grid;place-items:center;color:#e7eef4;pointer-events:none}.v528-preview-watermark svg{width:28px;height:28px}
.v528-preview-card .placeholder{min-height:500px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center!important;color:#72889d!important}.v528-empty-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#f0f7fd,#f7fbfe);color:#7faed1;border:1px solid #dce9f2}.v528-empty-icon svg{width:28px;height:28px}.v528-preview-card .placeholder b{font-size:12px;color:#42627a}.v528-preview-card .placeholder small{max-width:360px;font-size:8.5px;line-height:1.7;color:#8395a5}

/* ---------- Archive ---------- */
.v528-archive-overlay{background:rgba(7,29,50,.5)!important;backdrop-filter:blur(10px)}.v528-archive-panel{width:min(1080px,calc(100vw - 42px))!important;max-height:calc(100dvh - 42px)!important;border-radius:25px!important;border-color:#d4e4ef!important;background:#f8fbfe!important;box-shadow:0 26px 70px rgba(8,42,72,.22)!important}.v528-archive-panel .archive-head{position:sticky;top:0;z-index:5;padding-bottom:12px;background:rgba(248,251,254,.95);backdrop-filter:blur(12px)}.v528-archive-panel .archive-head h2{font-size:20px!important;color:#143857}.v528-archive-sub{margin-top:3px;color:#7b90a3;font-size:8.5px}.v528-archive-panel .archive-toolbar{gap:8px!important;padding:10px!important;border:1px solid #dce8f1;border-radius:14px;background:#fff}.v528-archive-panel .archive-toolbar input,.v528-archive-panel .archive-toolbar select{min-height:42px!important;border-radius:10px!important}.v528-archive-panel .archive-backup-actions{margin-top:9px;padding:9px;border:1px solid #e0e9f0;border-radius:12px;background:#fbfdff}.v528-archive-panel .archive-item{margin-top:8px!important;padding:11px!important;border:1px solid #dce8f1!important;border-radius:13px!important;background:#fff!important;box-shadow:0 5px 15px rgba(18,60,92,.035)!important}

/* ---------- Account & subscription ---------- */
.v528-account-panel{width:min(1220px,calc(100vw - 38px))!important;max-width:1220px!important;border-radius:30px!important;background:radial-gradient(circle at 92% 4%,rgba(60,160,232,.14),transparent 26%),radial-gradient(circle at 8% 94%,rgba(27,173,139,.09),transparent 24%),#f7fbfe!important}
.v528-account-head{padding:20px 23px 17px!important}.v528-account-head .v527-account-symbol{width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,#278ce1,#1872cc 58%,#17a186);box-shadow:0 12px 28px rgba(28,118,190,.24)}.v528-account-head .v527-account-heading h2{font-size:24px!important}.v528-account-head .v527-account-heading p{font-size:10px!important}.v528-account-panel .v527-account-trust{padding:14px 23px 0;gap:9px}.v528-account-panel .v527-account-trust>span{min-height:62px;border-radius:15px;background:rgba(255,255,255,.92)}
.v528-account-panel .v527-account-layout{grid-template-columns:minmax(340px,.78fr) minmax(560px,1.22fr);gap:16px;padding:16px 23px 23px}.v528-account-panel .v527-auth-zone,.v528-account-panel .v527-commerce-zone{border-radius:22px;box-shadow:0 13px 32px rgba(18,63,97,.065)}.v528-account-panel .v527-auth-zone{background:linear-gradient(160deg,#f2f8ff,#fff 48%,#f8fcff)}.v528-account-panel .v527-commerce-zone{background:rgba(255,255,255,.97)}
.v528-plan-promise{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;margin:0 0 11px;padding:11px 12px;border:1px solid #d6e8f2;border-radius:14px;background:linear-gradient(135deg,#f1f9ff,#f5fcf9)}.v528-promise-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#fff;color:#1880d2;box-shadow:0 6px 14px rgba(19,76,116,.07)}.v528-promise-icon svg{width:21px;height:21px}.v528-plan-promise small{display:block;color:#16866c;font-size:7.5px;font-weight:900}.v528-plan-promise b{display:block;margin-top:2px;color:#183c59;font-size:10px}.v528-plan-promise p{margin:2px 0 0;color:#788d9e;font-size:7.6px;line-height:1.45}.v528-plan-promise>span{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:10px;background:#eaf8f3;color:#1b806a;font-size:7.4px;font-weight:850}.v528-plan-promise>span svg{width:14px;height:14px}
.v528-account-panel .v527-commerce-summary{gap:8px}.v528-account-panel .v527-status-card,.v528-account-panel .v527-gateway-card{min-height:88px!important;border-radius:15px!important;background:#fbfdff!important}.v528-account-panel .commerce-costs{border-radius:14px!important}.v528-account-panel .plans-grid{gap:12px!important}.v528-plan-card{min-height:380px!important;padding:16px!important;border-radius:19px!important;box-shadow:0 13px 30px rgba(18,64,99,.07)!important;transition:transform .18s,box-shadow .18s,border-color .18s!important}.v528-plan-card:hover{transform:translateY(-3px)!important;box-shadow:0 18px 38px rgba(18,64,99,.11)!important}.v528-plan-card.featured{border-color:#93c4e7!important;box-shadow:0 17px 40px rgba(25,103,169,.12)!important}.v528-plan-ribbon{align-self:flex-start;margin:-4px 0 8px;padding:4px 8px;border-radius:999px;background:#edf7ff;color:#2077b8;font-size:7px;font-weight:900}.v528-plan-card.featured .v528-plan-ribbon{background:#e9f8f3;color:#17876b}.v528-plan-card .v527-plan-top{margin-bottom:12px}.v528-plan-card .v527-plan-icon{width:43px;height:43px;border-radius:13px}.v528-plan-card .v527-plan-top h3{font-size:14px!important}.v528-plan-card .plan-price{font-size:21px!important}.v528-plan-card .v527-plan-benefits{gap:8px}.v528-plan-card .v527-plan-benefits li{font-size:8.5px}.v528-plan-action{min-height:44px!important;border-radius:12px!important;font-size:9px!important}
.v528-account-faq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:11px}.v528-account-faq details{border:1px solid #dfe9f1;border-radius:11px;background:#fbfdff;padding:8px 9px}.v528-account-faq summary{cursor:pointer;color:#315a78;font-size:8px;font-weight:850}.v528-account-faq p{margin:7px 0 0;color:#73899b;font-size:7.5px;line-height:1.6}
.v528-account-panel .v527-auth-card{border-radius:17px!important}.v528-account-panel .v527-auth-card .auth-tab{font-size:9px!important}.v528-account-panel .v527-primary-action{min-height:46px!important;border-radius:12px!important}.v528-account-panel .v527-login-intro{border-radius:12px}

/* ---------- Responsive tablet ---------- */
@media(max-width:1180px) and (min-width:1000px){
  .v528-ready body{padding-right:228px!important}.v528-sidebar{width:228px!important}.v528-ready .app{width:calc(100% - 24px)!important}.v525-hero.v528-hero{grid-template-columns:1fr .86fr!important}.v528-workspace{grid-template-columns:1fr 1fr!important}.v528-search-panel{grid-column:1/-1}.v528-search-panel .v525-trust-row{grid-template-columns:repeat(3,1fr)!important}.v528-ready #createSection .grid{grid-template-columns:1fr!important}.v528-ready #createSection .grid>.card:not(.controls){position:relative;top:auto;max-height:none}
}

/* ---------- Mobile / tablet app ---------- */
@media(max-width:999px){
  .v528-ready body{padding-bottom:94px!important}
  .v528-ready .app{width:min(100%,480px)!important;max-width:480px!important;padding:8px 8px 105px!important}
  .v528-top{min-height:82px!important;padding:10px!important;border-radius:17px!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.v528-top .brand{justify-content:flex-start!important}.v528-top .brand-symbol{width:38px;height:38px;border-radius:12px}.v528-top .brand-symbol svg{width:21px;height:21px}.v528-top .brand-copy strong{font-size:18px!important}.v528-top .brand-copy small{font-size:8px!important}.v528-brand-label{display:none}.v528-top .v526-global-search{display:none!important}.v528-top .top-actions{justify-content:stretch!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}.v528-top .top-actions .badge{grid-column:1/-1!important}.v528-top .account-chip,.v528-top .subscription-btn{width:100%!important;justify-content:center!important}
  .v525-hero.v528-hero{min-height:0!important;display:flex!important;flex-direction:column!important;gap:10px!important;padding:10px!important;border-radius:19px!important}.v528-hero .v525-hero-art{order:1!important;position:relative!important;inset:auto!important;width:100%!important;height:142px!important;min-height:142px!important;opacity:1!important}.v528-hero-image{height:142px!important;min-height:142px!important;border-radius:14px}.v528-floating-card{min-width:118px;padding:6px 7px;border-radius:10px}.v528-floating-card>span{width:26px;height:26px;border-radius:8px}.v528-floating-card>span svg{width:14px;height:14px}.v528-floating-card b{font-size:7.5px}.v528-floating-card small{font-size:6.3px}.v528-floating-card.card-a{right:6px;top:7px}.v528-floating-card.card-b{left:6px;bottom:7px}
  .v528-hero .v525-hero-copy{order:2!important;width:100%;padding:2px 3px 0!important}.v528-hero .v525-hero-kicker{min-height:25px;font-size:7.8px}.v528-hero .home-welcome{margin:7px 0 5px!important}.v528-hero .home-welcome h2{font-size:20px!important;line-height:1.3!important}.v528-hero .home-welcome p{font-size:9px!important;line-height:1.7!important}.v528-hero .v525-hero-pills{display:flex!important;margin-top:6px;gap:4px}.v528-hero .v525-hero-pills span{min-height:23px;padding:3px 6px;font-size:6.8px}.v528-hero-actions{margin-top:9px;display:grid;grid-template-columns:1.2fr .8fr;gap:6px}.v528-hero-actions button{min-height:39px!important;padding:0 8px!important;font-size:8px!important}.v528-hero-actions svg{width:14px;height:14px}.v528-hero-metrics{margin-top:8px;padding-top:8px;gap:5px;display:grid;grid-template-columns:repeat(3,1fr)}.v528-hero-metrics>span{min-width:0;padding:4px 5px;gap:4px}.v528-hero-metrics b{width:19px;height:19px}.v528-hero-metrics small{font-size:6.2px}
  .v528-hero .v525-hero-library{order:3!important;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;min-height:45px!important;margin:0!important;transform:none!important;border-radius:12px!important}.v528-hero .v525-hero-library b{font-size:8.5px}.v528-hero .v525-hero-library small{font-size:6.8px}
  .v526-trustbar{display:none!important}.v528-home-heading{margin:7px 2px 8px;padding:0 2px}.v528-home-heading h2{font-size:16px}.v528-home-heading p{font-size:7.5px}.v528-home-heading-badge{display:none}
  .v528-grade-panel{padding:12px!important;border-radius:17px!important}.v528-grade-panel .v525-section-head{margin-bottom:9px}.v528-grade-panel .v525-grade-grid{gap:7px}.v528-grade-card{flex-basis:126px!important;min-height:80px!important;padding:10px!important}.v528-grade-card .v525-grade-icon{width:33px;height:33px}.v528-grade-card .v525-grade-icon svg{width:17px;height:17px}.v528-grade-card b{font-size:10.5px!important}.v528-grade-number{font-size:17px;bottom:6px}
  .v528-workspace{grid-template-columns:1fr!important;gap:9px!important}.v528-workspace>div{border-radius:16px!important;padding:12px!important}.v528-quick-panel{order:1}.v528-local-panel{order:2}.v528-search-panel{order:3}.v528-workspace .v525-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px}.v528-workspace .v525-action-card{min-height:82px!important}.v528-workspace .v525-action-card>span{width:35px;height:35px}.v528-workspace .v525-panel-head b{font-size:11px}.v528-workspace .v525-panel-head small{font-size:7.2px}.v528-library-foot{padding:8px}.v528-search-panel .v525-trust-row{grid-template-columns:repeat(3,1fr)!important}.v528-search-panel .v525-trust-row span{justify-content:center;text-align:center;font-size:6.5px!important}
  .v528-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.v528-dash-card{min-height:132px!important;padding:12px!important;border-radius:15px!important}.v528-dash-card .dash-value{font-size:16px!important}.v528-dash-card .dash-sub{font-size:7px!important}.v528-dash-card .v526-dash-icon{width:31px;height:31px}.v526-day-message{margin-bottom:7px!important}
  .v528-mobilebar{height:70px!important;left:7px!important;right:7px!important;bottom:max(7px,env(safe-area-inset-bottom,0px))!important;padding:5px!important;border-radius:21px!important;background:rgba(255,255,255,.95)!important;box-shadow:0 16px 38px rgba(15,53,84,.22)!important}.v528-mobilebar .v525-nav-btn{min-height:58px!important;border-radius:14px!important;font-size:7.7px!important}.v528-mobilebar .v525-nav-icon svg{width:17px;height:17px}.v528-mobilebar .v528-mobile-create{position:relative;transform:translateY(-7px)!important;min-height:62px!important;border:1px solid #b9d9ee!important;background:linear-gradient(180deg,#2f90e4,#1975d0)!important;color:#fff!important;box-shadow:0 10px 22px rgba(24,116,198,.24)!important}.v528-mobilebar .v528-mobile-create:hover{transform:translateY(-8px)!important}.v528-mobilebar .v528-mobile-create .v525-nav-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.16)}
  .v528-create-pagehead{display:block;margin:5px 0 9px;padding:11px 12px;border-radius:15px}.v528-create-pagehead h1{font-size:15px}.v528-create-pagehead p{font-size:7.2px;margin-top:3px}.v528-create-badge{display:inline-flex;margin-top:7px;padding:5px 7px;font-size:6.8px}.v528-ready #createSection .grid{display:flex!important;flex-direction:column!important;gap:9px!important}.v528-ready #createSection .grid>.controls,.v528-ready #createSection .grid>.card:not(.controls){width:100%!important;padding:11px!important;border-radius:16px!important}.v528-ready #createSection .grid>.card:not(.controls){position:relative!important;top:auto!important;max-height:none!important;overflow:visible!important}.v528-packed .v524-create-mobile-head #createTitle{font-size:16px!important}.v528-packed .v524-create-mobile-back{min-width:69px!important;min-height:36px!important}.v528-packed .v525-create-stepper{margin:9px 0!important}.v528-create-summary{grid-template-columns:31px 1fr auto;padding:7px 8px;border-radius:11px}.v528-summary-icon{width:31px;height:31px}.v528-create-summary b{font-size:7.8px}.v528-create-summary em{font-size:6.7px}.v528-create-block{padding:9px;margin-bottom:8px;border-radius:13px}.v528-block-head{margin-bottom:7px;padding-bottom:7px}.v528-block-head>span{width:28px;height:28px}.v528-block-head b{font-size:9px}.v528-block-head small{font-size:6.6px}.v528-block-body select,.v528-block-body input{min-height:42px!important}.v528-block-body #generate{position:sticky;bottom:80px;z-index:20;min-height:48px!important;box-shadow:0 13px 28px rgba(21,104,187,.28)!important}.v528-preview-card .v528-preview-head{top:0;margin:-11px -11px 10px!important;padding:11px!important;border-radius:15px 15px 0 0}.v528-preview-card #paper{min-height:430px!important}.v528-preview-card .placeholder{min-height:400px!important}
  .v528-archive-panel{width:100%!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important}.v528-archive-panel .archive-toolbar{grid-template-columns:1fr!important}.v528-archive-panel .archive-item{border-radius:11px!important}
  .v528-account-panel{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}.v528-account-head{padding:12px 11px!important}.v528-account-head .v527-account-symbol{width:42px;height:42px;border-radius:13px}.v528-account-head .v527-account-heading h2{font-size:17px!important}.v528-account-head .v527-account-heading p{font-size:7.5px!important}.v528-account-panel .v527-account-trust{grid-template-columns:repeat(3,1fr)!important;padding:8px 8px 0!important;gap:5px!important}.v528-account-panel .v527-account-trust>span{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;min-height:67px!important;padding:7px 4px!important}.v528-account-panel .v527-account-trust i{width:25px;height:25px;border-radius:8px}.v528-account-panel .v527-account-trust b{font-size:7.6px}.v528-account-panel .v527-account-trust small{font-size:6.1px}.v528-account-panel .v527-account-layout{grid-template-columns:1fr!important;padding:8px 8px 20px!important;gap:8px!important}.v528-account-panel .v527-auth-zone,.v528-account-panel .v527-commerce-zone{padding:10px!important;border-radius:15px!important}.v528-plan-promise{grid-template-columns:35px 1fr;padding:8px;gap:7px}.v528-promise-icon{width:35px;height:35px}.v528-plan-promise>span{grid-column:1/-1;justify-content:center}.v528-plan-promise b{font-size:8.5px}.v528-plan-promise p{font-size:6.7px}.v528-account-panel .v527-commerce-summary{grid-template-columns:1fr!important}.v528-plan-card{min-height:0!important;padding:12px!important;border-radius:15px!important}.v528-plan-card .plan-price{font-size:18px!important}.v528-account-faq{grid-template-columns:1fr!important}.v528-account-faq details{padding:8px}.v528-account-faq summary{font-size:7.5px}
}

@media(max-width:390px){
  .v528-ready .app{padding-left:6px!important;padding-right:6px!important}.v528-top .brand-copy small{display:none}.v528-hero .home-welcome h2{font-size:18px!important}.v528-hero .v525-hero-pills span:nth-child(3){display:none}.v528-hero-metrics small{font-size:5.8px}.v528-workspace .v525-action-card{min-height:78px!important}.v528-grade-card{flex-basis:116px!important}.v528-dashboard{gap:6px!important}.v528-dash-card{padding:10px!important}.v528-mobilebar{left:5px!important;right:5px!important}.v528-account-panel .v527-account-trust small{display:none}.v528-account-panel .v527-account-trust>span{min-height:51px!important}
}