.mobile-top-brand,.mobile-menu-close,.mobile-menu-backdrop{display:none}
.resource-source-select{font-weight:800}.resource-source-select option{font-weight:700}
.resource-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.r2-publish-all{border:1px solid rgba(255,255,255,.32)!important;background:#fff!important;color:#0c704f!important}.r2-publish-all b{display:inline-grid;place-items:center;min-width:21px;height:21px;margin-left:5px;padding:0 6px;border-radius:99px;background:#dff8ed;color:#087a55;font-size:10px}
.resource-subject-catalog{margin:0 0 14px;padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 9px 28px rgba(22,42,82,.04)}.resource-subject-catalog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.resource-subject-catalog>header small{display:block;color:#8a4de8;font-size:9px;font-weight:900;letter-spacing:.12em}.resource-subject-catalog>header h3{margin:3px 0 0;font-size:16px}.resource-subject-catalog>header>span{padding:7px 10px;border-radius:99px;background:#f3edff;color:#7041bd;font-size:9px;font-weight:850}.resource-subject-browser{display:flex;gap:9px;overflow-x:auto;padding:1px 1px 7px;scrollbar-width:thin}.resource-subject-option{display:flex;align-items:center;gap:9px;flex:0 0 auto;min-width:164px;padding:9px 12px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text);cursor:pointer;text-align:left;transition:.17s ease}.resource-subject-option:hover{transform:translateY(-1px);border-color:#b399e8;box-shadow:0 8px 18px rgba(91,55,155,.09)}.resource-subject-option>b{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:#eee7ff;color:#7041bd;font-size:11px}.resource-subject-option>span,.resource-subject-option small{display:block}.resource-subject-option>span{font-size:10px;font-weight:850;white-space:nowrap}.resource-subject-option small{margin-top:3px;color:var(--muted);font-size:8px;font-weight:650}.resource-subject-option.active{border-color:#7d4dd0;background:#f7f3ff;box-shadow:0 8px 20px rgba(112,65,189,.12)}.resource-subject-option.active>b{background:linear-gradient(145deg,#8a55e5,#6840b4);color:#fff}.resource-subject-option.subject-color-1>b{background:#e7f1ff;color:#1769d2}.resource-subject-option.subject-color-2>b{background:#e8faf2;color:#16805b}.resource-subject-option.subject-color-3>b{background:#fff0e8;color:#d4572e}.resource-subject-option.subject-color-4>b{background:#ffeded;color:#d83e38}.resource-subject-option.subject-color-5>b{background:#fff6dc;color:#a46a00}.resource-subject-option.active>b{background:linear-gradient(145deg,#8a55e5,#6840b4);color:#fff}.resource-subject-tag{background:#f3edff!important;color:#7041bd!important}
.resource-file-cover{position:relative;display:grid;place-items:center;align-content:center;gap:8px;min-height:176px;border:1px solid #dce5f3;border-radius:18px;background:linear-gradient(145deg,#f9fbff,#eef4ff);overflow:hidden}
.resource-file-cover:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 12%,rgba(255,255,255,.9),transparent 28%)}
.resource-file-logo{position:relative;display:grid;place-items:center;width:72px;height:82px;border-radius:13px 13px 13px 4px;background:linear-gradient(145deg,#fff,#eef3fb);border:2px solid currentColor;box-shadow:0 13px 26px rgba(16,43,86,.13);font-size:27px;font-weight:950;letter-spacing:-1px}
.resource-file-logo:after{content:"";position:absolute;right:-2px;top:-2px;width:18px;height:18px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;border-radius:0 10px 0 6px;background:#fff}
.resource-file-cover>strong{position:relative;font-size:10px;letter-spacing:.15em}.resource-file-cover>small{position:relative;color:var(--muted);font-size:9px;font-weight:800}
.format-word{color:#1769d2;background:linear-gradient(145deg,#f8fbff,#eaf3ff)}.format-pdf{color:#e23c36;background:linear-gradient(145deg,#fffafa,#ffeded)}.format-excel{color:#16805b;background:linear-gradient(145deg,#f9fffc,#e8faf2)}.format-powerpoint{color:#d4572e;background:linear-gradient(145deg,#fffaf7,#fff0e8)}.format-zip{color:#7352b8;background:linear-gradient(145deg,#fcfaff,#f0ebff)}.format-drive{color:#1b67d6;background:linear-gradient(145deg,#fbfdff,#eaf2ff)}.format-file{color:#53657f}
.plan-resource-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.plan-resource-card:hover{transform:translateY(-3px);border-color:#b9cae8;box-shadow:0 18px 42px rgba(19,47,91,.11)}
.resource-card-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.resource-main-actions{display:grid;grid-template-columns:1fr;gap:9px;width:100%}.resource-main-actions.has-preview{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.resource-action{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:50px;padding:7px 13px;border:0;border-radius:13px;cursor:pointer;text-align:left;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.resource-action:hover{transform:translateY(-2px);filter:saturate(1.08)}.resource-action:active{transform:translateY(0) scale(.985)}.resource-download-action{background:linear-gradient(135deg,#0f67ff,#1553dc);color:#fff;box-shadow:0 9px 20px rgba(21,94,239,.22)}.resource-download-action:hover{box-shadow:0 13px 25px rgba(21,94,239,.3)}.resource-preview-action{border:1px solid #c8d9f7;background:linear-gradient(145deg,#f7faff,#eaf2ff);color:#155eef;box-shadow:0 7px 17px rgba(25,73,151,.08)}.resource-preview-action:hover{border-color:#8bb1f5;box-shadow:0 11px 22px rgba(25,73,151,.13)}.resource-action-icon{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:10px;background:rgba(255,255,255,.17);font-size:15px;font-weight:950}.resource-preview-action .resource-action-icon{background:#dbe8ff}.resource-action-copy{display:block;min-width:0}.resource-action-copy b,.resource-action-copy small{display:block;white-space:nowrap}.resource-action-copy b{font-size:11px;line-height:1.15}.plan-resource-card footer .resource-action-copy small{margin:3px 0 0;color:inherit;font-size:7px;line-height:1;opacity:.72}.resource-admin-actions{display:flex;gap:7px;flex-wrap:wrap}.resource-admin-actions .btn{flex:1}.plan-resource-card footer .resource-usage{display:block;margin:0 2px 0 auto;color:var(--muted);font-size:8px}.resource-folder-btn{width:100%}
.resource-pagination{display:flex;align-items:center;justify-content:center;gap:7px;margin:22px 0 6px;flex-wrap:wrap}.resource-pagination button{min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);font-weight:850}.resource-pagination button:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.resource-pagination button.active{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 7px 18px rgba(21,94,239,.2)}.resource-pagination button:disabled{opacity:.4;cursor:not-allowed}.resource-pagination span{padding:0 5px;color:var(--muted);font-size:11px;font-weight:750}
.document-preview-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.document-preview-head>div{display:flex;align-items:center;gap:10px}.document-preview-head .mini-file-logo{display:grid;place-items:center;width:42px;height:48px;border:2px solid currentColor;border-radius:8px;background:var(--surface);font-weight:950}.document-preview-head strong,.document-preview-head small{display:block}.document-preview-head small{margin-top:3px;color:var(--muted);font-size:10px}.document-preview-frame{display:block;width:100%;height:min(72vh,760px);border:1px solid var(--line);border-radius:14px;background:#f2f5fa}
body.dark .resource-file-cover{border-color:#28415f}body.dark .resource-subject-catalog{background:#102039}body.dark .resource-subject-catalog>header>span,body.dark .resource-subject-option.active{background:#281d47}body.dark .resource-subject-option{background:#102039}body.dark .resource-preview-action{border-color:#31517d;background:linear-gradient(145deg,#142a49,#17365f);color:#b7d2ff}body.dark .resource-preview-action .resource-action-icon{background:#214a7e}.mobile-menu-btn{border:0;background:transparent}
@media(max-width:760px){
  body.mobile-menu-open{overflow:hidden}.mobile-menu-backdrop{position:fixed;inset:0;z-index:29;background:rgba(4,14,31,.56);backdrop-filter:blur(3px)}body.mobile-menu-open .mobile-menu-backdrop{display:block}
  .sidebar{display:flex;position:fixed;z-index:30;transform:translateX(-105%);transition:transform .22s ease;width:min(86vw,310px);box-shadow:24px 0 60px rgba(0,0,0,.28)}body.mobile-menu-open .sidebar{transform:translateX(0)}
  .sidebar .brand{display:flex;align-items:center}.mobile-menu-close{display:grid;place-items:center;margin-left:auto;width:36px;height:36px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.07);color:#fff;font-size:24px}.sidebar nav{overflow-y:auto;padding-bottom:10px}.sidebar-help{display:flex}
  .topbar{height:auto!important;min-height:94px;align-items:center;gap:10px;padding:10px 0}.mobile-top-brand{display:flex;align-items:center;gap:8px;min-width:0}.mobile-menu-btn{display:grid;gap:4px;padding:8px 5px}.mobile-menu-btn span{display:block;width:21px;height:2px;border-radius:5px;background:var(--text)}.mobile-top-brand .logo{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:linear-gradient(145deg,#1476ff,#53a8ff);color:#fff;box-shadow:0 8px 18px rgba(21,94,239,.22)}.mobile-top-brand .logo svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.7}.mobile-top-brand .logo img{width:100%;height:100%;object-fit:cover;border-radius:11px}.mobile-top-brand>strong{font-size:14px;white-space:nowrap}.mobile-top-brand>strong span{color:var(--blue)}.topbar-title{display:none}.top-actions{margin-left:auto;gap:5px}.top-actions .user-chip,.top-actions .top-separator{display:none}.round-action{width:36px;height:36px}
  .mobile-nav{grid-template-columns:repeat(5,1fr)!important;overflow:hidden}.mobile-nav .nav-btn{flex:1 1 20%;min-width:0;font-size:8px;overflow:hidden;text-overflow:ellipsis}.mobile-nav .nav-btn:nth-child(n+6){display:none}
  .resource-library-hero .resource-hero-actions{width:100%;justify-content:stretch}.resource-library-hero .resource-hero-actions .btn{flex:1 1 145px}.resource-subject-catalog{padding:13px}.resource-subject-catalog>header{align-items:flex-end}.resource-subject-browser{scroll-snap-type:x proximity}.resource-subject-option{min-width:154px;scroll-snap-align:start}.resource-subject-catalog>header>span{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-resource-grid{grid-template-columns:1fr!important}.resource-file-cover{min-height:138px}.resource-main-actions.has-preview{grid-template-columns:1.15fr 1fr}.resource-action{min-height:54px;padding:8px 10px}.resource-action-icon{flex-basis:34px;width:34px;height:34px}.resource-action-copy b{font-size:12px}.plan-resource-card footer .resource-action-copy small{font-size:8px}.resource-pagination{margin-bottom:13px}.document-preview-head{align-items:flex-start}.document-preview-head .btn{padding:9px 11px;white-space:nowrap}.document-preview-frame{height:64vh}
}

/* v1.9.8 — modern class/subject navigator and compact two-column mobile library */
.resource-filter-panel{padding:8px;border:1px solid rgba(129,155,196,.2);border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 12px 35px rgba(25,49,88,.06);backdrop-filter:blur(16px)}
.resource-filter-panel input,.resource-filter-panel select{height:46px;border-color:#dbe5f4;border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 3px 12px rgba(26,53,96,.04)}
.resource-explorer-flow{display:grid;gap:12px;margin-bottom:14px}
.resource-class-catalog,.resource-subject-catalog{position:relative;margin:0;padding:20px;border:1px solid rgba(138,161,197,.25);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,249,255,.94));box-shadow:0 15px 42px rgba(24,50,91,.075);overflow:hidden}
.resource-class-catalog:before,.resource-subject-catalog:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#155eef,#56a3ff 48%,transparent 82%)}
.resource-subject-catalog:before{background:linear-gradient(90deg,#7847db,#b178f2 48%,transparent 82%)}
.resource-class-catalog>header,.resource-subject-catalog>header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.resource-catalog-title{display:flex;align-items:center;gap:12px;min-width:0}
.resource-catalog-title>i{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#155eef,#3f8cff);color:#fff;box-shadow:0 9px 20px rgba(21,94,239,.24);font-size:15px;font-style:normal;font-weight:950}
.resource-subject-catalog .resource-catalog-title>i{background:linear-gradient(145deg,#7847db,#a968ed);box-shadow:0 9px 20px rgba(120,71,219,.22)}
.resource-class-catalog>header small,.resource-subject-catalog>header small{display:block;color:#3774db;font-size:8px;font-weight:950;letter-spacing:.16em}
.resource-subject-catalog>header small{color:#8a4de8}
.resource-class-catalog>header h3,.resource-subject-catalog>header h3{margin:3px 0 0;font-size:17px;line-height:1.15}
.resource-class-catalog>header>span,.resource-subject-catalog>header>span{max-width:42%;padding:8px 12px;border:1px solid #d6e3fb;border-radius:999px;background:#edf4ff;color:#155eef;font-size:9px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resource-subject-catalog>header>span{border-color:#e4d7fb;background:#f5efff;color:#7847bd}
.resource-class-browser,.resource-subject-browser{display:flex;gap:10px;overflow-x:auto;padding:3px 2px 7px;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none}
.resource-class-browser::-webkit-scrollbar,.resource-subject-browser::-webkit-scrollbar{display:none}
.resource-class-option,.resource-subject-option{position:relative;flex:0 0 auto;min-width:158px;padding:10px 13px;border:1px solid #dce6f4;border-radius:15px;background:linear-gradient(145deg,#fff,#f7faff);box-shadow:0 5px 14px rgba(27,56,102,.045);scroll-snap-align:start;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.resource-class-option:hover,.resource-subject-option:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(27,56,102,.1)}
.resource-class-option>b,.resource-subject-option>b{border:0;border-radius:11px;box-shadow:none}
.resource-class-option>b{height:42px;background:#e9f1ff;color:#155eef}
.resource-class-option.active{border-color:#2f73ff;background:linear-gradient(135deg,#155eef,#387fff);color:#fff;box-shadow:0 11px 25px rgba(21,94,239,.22)}
.resource-class-option.active>b{background:#fff;color:#155eef}
.resource-class-option.active small{color:#d9e7ff}
.resource-subject-option.active{border-color:#8953df;background:linear-gradient(135deg,#7542d0,#9b63e8);color:#fff;box-shadow:0 11px 25px rgba(117,66,208,.2)}
.resource-subject-option.active>b{background:#fff;color:#7847bd}
.resource-subject-option.active small{color:#eadfff}
body.dark .resource-filter-panel{background:rgba(14,31,55,.82);border-color:#294565}body.dark .resource-filter-panel input,body.dark .resource-filter-panel select{background:#102039;border-color:#294565}body.dark .resource-class-catalog,body.dark .resource-subject-catalog{background:linear-gradient(145deg,#102039,#0d1a2e);border-color:#294565}body.dark .resource-class-option,body.dark .resource-subject-option{background:linear-gradient(145deg,#142740,#102039);border-color:#294565}

@media(max-width:760px){
  .resource-filter-panel{margin-top:12px;padding:6px;border-radius:15px}.resource-filter-panel input,.resource-filter-panel select{height:44px;border-radius:11px;font-size:12px}
  .resource-explorer-flow{gap:10px}.resource-class-catalog,.resource-subject-catalog{padding:14px 12px 12px;border-radius:19px}.resource-class-catalog:before,.resource-subject-catalog:before{height:3px}
  .resource-class-catalog>header,.resource-subject-catalog>header{align-items:center;margin-bottom:11px}.resource-catalog-title{gap:9px}.resource-catalog-title>i{flex-basis:34px;width:34px;height:34px;border-radius:11px;font-size:13px}.resource-class-catalog>header h3,.resource-subject-catalog>header h3{font-size:15px}.resource-class-catalog>header small,.resource-subject-catalog>header small{font-size:7px}.resource-class-catalog>header>span,.resource-subject-catalog>header>span{max-width:39%;padding:6px 8px;font-size:7px}
  .resource-class-browser,.resource-subject-browser{margin-right:-12px;padding-right:24px;gap:8px}.resource-class-option{min-width:126px;padding:8px 9px}.resource-subject-option{min-width:138px;padding:8px 9px}.resource-class-option>b,.resource-subject-option>b{flex-basis:34px;height:36px}.resource-class-option>span,.resource-subject-option>span{font-size:9px}.resource-class-option small,.resource-subject-option small{font-size:7px}
  .plan-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.plan-resource-card{display:flex!important;flex-direction:column;min-width:0;padding:8px;border-radius:16px}.resource-file-cover{width:100%;min-height:92px;height:92px;border-radius:13px;gap:4px}.resource-file-logo{width:46px;height:53px;border-radius:9px 9px 9px 3px;font-size:17px}.resource-file-logo:after{width:12px;height:12px;border-radius:0 7px 0 4px}.resource-file-cover>strong{font-size:7px}.resource-file-cover>small{font-size:7px}.resource-card-body{padding-top:7px}.resource-grade{padding:3px 5px;font-size:7px}.r2-safe-badge{max-width:74px;padding:3px 5px;font-size:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-card-body h3{display:-webkit-box;min-height:27px;margin:7px 0 4px;overflow:hidden;font-size:10px;line-height:1.34;-webkit-box-orient:vertical;-webkit-line-clamp:2}.resource-card-body p{display:none}.resource-tags{gap:3px;margin-top:5px}.resource-tags span{display:none;padding:3px 4px;font-size:6px}.resource-tags .resource-subject-tag,.resource-tags .resource-cloud-tag{display:inline-flex;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-card-actions{margin-top:auto!important;padding-top:8px!important;gap:6px!important}.resource-main-actions,.resource-main-actions.has-preview{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:5px}.resource-main-actions:not(.has-preview){grid-template-columns:1fr}.resource-action{min-height:38px;padding:4px 5px;border-radius:10px;gap:4px}.resource-action-icon{flex-basis:23px;width:23px;height:23px;border-radius:7px;font-size:10px}.resource-action-copy b{font-size:8px}.plan-resource-card footer .resource-action-copy small,.plan-resource-card footer .resource-usage{display:none!important}.resource-admin-actions{gap:4px}.resource-admin-actions .btn{min-height:34px;padding:5px 4px;font-size:7px}
}
@media(max-width:370px){.plan-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.resource-file-cover{min-height:84px;height:84px}.resource-card-body h3{font-size:9px}.resource-action-copy b{font-size:7px}.resource-action-icon{display:none}.resource-action{min-height:34px}}

/* v1.9.9 — visible left/right controls for both horizontal catalogs */
.resource-rail-shell{position:relative;min-width:0}
.resource-rail-shell .resource-class-browser,.resource-rail-shell .resource-subject-browser{padding-right:48px;padding-left:48px}
.resource-rail-arrow{position:absolute;z-index:4;top:50%;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(176,197,230,.85);border-radius:50%;background:rgba(255,255,255,.94);color:#155eef;box-shadow:0 8px 22px rgba(21,72,151,.18);font-family:Arial,sans-serif;font-size:29px;font-weight:500;line-height:1;cursor:pointer;transform:translateY(-58%);backdrop-filter:blur(12px);transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}
.resource-rail-arrow:hover:not(:disabled){transform:translateY(-58%) scale(1.08);box-shadow:0 11px 26px rgba(21,72,151,.26)}
.resource-rail-arrow.is-prev{left:2px}.resource-rail-arrow.is-next{right:2px}
.resource-subject-catalog .resource-rail-arrow{color:#7a48d2;border-color:#ddcef8;box-shadow:0 8px 22px rgba(116,67,202,.17)}
.resource-rail-arrow:disabled{opacity:.28;cursor:default;box-shadow:none}
body.dark .resource-rail-arrow{background:rgba(19,40,67,.96);border-color:#36557d;color:#9fc0ff}body.dark .resource-subject-catalog .resource-rail-arrow{color:#c6a7ff;border-color:#5c4383}
@media(max-width:760px){.resource-rail-shell .resource-class-browser,.resource-rail-shell .resource-subject-browser{margin-right:0;padding-right:38px;padding-left:38px}.resource-rail-arrow{width:30px;height:30px;font-size:23px;transform:translateY(-60%)}.resource-rail-arrow:hover:not(:disabled){transform:translateY(-60%) scale(1.05)}.resource-rail-arrow.is-prev{left:0}.resource-rail-arrow.is-next{right:0}}

/* v1.10.0 — slim edge arrows and a consistent two-button mobile card */
.resource-rail-arrow{top:0;bottom:0;width:40px;height:auto;border:0;border-radius:0;background:linear-gradient(90deg,rgba(248,251,255,.98) 18%,rgba(248,251,255,.82) 58%,rgba(248,251,255,0));box-shadow:none;font-size:30px;transform:none;backdrop-filter:none}
.resource-rail-arrow.is-prev{left:0;justify-content:start;padding-left:5px}.resource-rail-arrow.is-next{right:0;justify-content:end;padding-right:5px;background:linear-gradient(270deg,rgba(248,251,255,.98) 18%,rgba(248,251,255,.82) 58%,rgba(248,251,255,0))}
.resource-rail-arrow:hover:not(:disabled){color:#084ed0;transform:none;box-shadow:none}.resource-subject-catalog .resource-rail-arrow:hover:not(:disabled){color:#6734bd}.resource-rail-arrow:disabled{opacity:.16}
body.dark .resource-rail-arrow{border:0;background:linear-gradient(90deg,rgba(13,27,47,.98) 18%,rgba(13,27,47,.82) 58%,rgba(13,27,47,0))}body.dark .resource-rail-arrow.is-next{background:linear-gradient(270deg,rgba(13,27,47,.98) 18%,rgba(13,27,47,.82) 58%,rgba(13,27,47,0))}
.resource-preview-placeholder{display:flex;flex-direction:column;align-items:center;padding:28px 20px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#f8fbff,#eef4ff);text-align:center}.resource-preview-placeholder>span{display:grid;place-items:center;width:62px;height:70px;margin-bottom:13px;border:2px solid #7650c1;border-radius:12px;color:#7650c1;font-size:19px;font-weight:950}.resource-preview-placeholder>strong{font-size:16px}.resource-preview-placeholder>p{max-width:560px;margin:8px auto;color:var(--muted);font-size:11px;line-height:1.6}.resource-preview-placeholder>div{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:4px 0 13px}.resource-preview-placeholder>div b{padding:5px 8px;border-radius:8px;background:#eee7ff;color:#7041bd;font-size:8px}.resource-preview-placeholder>small{color:var(--muted);font-size:9px}
@media(max-width:760px){.resource-rail-shell .resource-class-browser,.resource-rail-shell .resource-subject-browser{padding-right:34px;padding-left:34px}.resource-rail-arrow{width:29px;height:auto;font-size:27px;transform:none}.resource-rail-arrow:hover:not(:disabled){transform:none}.resource-rail-arrow.is-prev{left:0;padding-left:2px}.resource-rail-arrow.is-next{right:0;padding-right:2px}.resource-main-actions.has-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important}.resource-main-actions.has-preview .resource-action{display:flex!important;min-width:0}.resource-main-actions.has-preview .resource-action-copy{display:block!important}.resource-preview-placeholder{padding:22px 14px}.resource-preview-placeholder>strong{font-size:13px}}

/* v1.10.1 — fixed Kosovo school catalog, classes 1 through 9 */
.resource-class-option.is-empty{opacity:.72}.resource-class-option.is-empty:hover{opacity:1}.resource-class-option.is-empty small{font-weight:750}.resource-class-option.is-empty.active{opacity:1}
.resource-filter-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;margin-top:4px;padding:28px;border:1px dashed #bfd0eb;border-radius:20px;background:linear-gradient(145deg,#f9fbff,#eef4ff);text-align:center}.resource-filter-empty.hidden{display:none}.resource-filter-empty>span{display:grid;place-items:center;width:50px;height:50px;margin-bottom:12px;border-radius:15px;background:#e4edff;color:#155eef;font-size:25px;font-weight:900}.resource-filter-empty strong{font-size:16px}.resource-filter-empty small{max-width:430px;margin-top:7px;color:var(--muted);font-size:10px;line-height:1.55}body.dark .resource-filter-empty{border-color:#355276;background:linear-gradient(145deg,#102039,#0d1a2e)}body.dark .resource-filter-empty>span{background:#19365d;color:#a8c8ff}
@media(max-width:760px){.resource-filter-empty{min-height:150px;padding:20px 14px;border-radius:16px}.resource-filter-empty>span{width:42px;height:42px;border-radius:12px;font-size:21px}.resource-filter-empty strong{font-size:13px}.resource-filter-empty small{font-size:9px}}
.class-create-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bulk-class-intro{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding:14px;border:1px solid #cfe0ff;border-radius:15px;background:#f3f7ff}.bulk-class-intro>span{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#155eef,#468cff);color:#fff;font-size:15px;font-weight:950;box-shadow:0 8px 18px rgba(21,94,239,.2)}.bulk-class-intro strong,.bulk-class-intro small{display:block}.bulk-class-intro small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.45}.bulk-class-preview{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;margin:0 0 15px}.bulk-class-preview span{display:grid;place-items:center;height:36px;border:1px solid #d7e2f3;border-radius:10px;background:#fff;color:#155eef;font-size:11px;font-weight:900}.bulk-class-note{margin-top:13px;padding:10px 12px;border-radius:11px;background:#eef8f4;color:#28634f;font-size:9px;line-height:1.5}body.dark .bulk-class-intro{border-color:#315071;background:#10243e}body.dark .bulk-class-preview span{border-color:#315071;background:#132842}body.dark .bulk-class-note{background:#123329;color:#9ed8c2}@media(max-width:760px){.class-create-actions{width:100%}.class-create-actions .btn{flex:1;padding:9px 8px;font-size:9px}.bulk-class-preview{grid-template-columns:repeat(5,1fr)}.bulk-class-preview span{height:32px}}

/* v1.11.0 — one class, many subjects, one responsible teacher per subject */
.class-hub-grid{align-items:stretch}.class-hub-card{position:relative;overflow:hidden;padding:20px;border-top:0!important}.class-hub-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#155eef,#62b4ff)}.class-hub-card h3{margin-top:16px;font-size:19px}.class-hub-card>p b{color:#155eef}.class-subject-preview{min-height:40px;margin:12px 0;padding:10px 12px;border:1px solid #dce7f7;border-radius:12px;background:#f6f9ff;color:#49617f;font-size:9px;line-height:1.55}.class-subject-preview.muted{color:#8290a7;font-style:italic}.class-logic-note{display:flex;flex-direction:column;gap:4px;margin-bottom:15px;padding:12px 14px;border:1px solid #cee0ff;border-radius:14px;background:linear-gradient(145deg,#f4f8ff,#edf4ff)}.class-logic-note b{color:#174d9d;font-size:11px}.class-logic-note span{color:var(--muted);font-size:9px;line-height:1.45}
.class-subject-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:20px;padding:22px;border:1px solid #d9e5f5;border-radius:22px;background:linear-gradient(135deg,#fff,#f0f6ff);box-shadow:0 15px 38px rgba(28,58,105,.07)}.class-subject-head>div>span{color:#155eef;font-size:8px;font-weight:950;letter-spacing:.16em}.class-subject-head h2{margin:4px 0;font-size:22px}.class-subject-head p{margin:0;color:var(--muted);font-size:10px}.class-back{padding:9px 12px;border:1px solid #d8e4f5;border-radius:11px;background:#fff;color:#174d9d;font-weight:850;cursor:pointer}
.subject-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.subject-hub-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px;min-height:190px;padding:17px;border:1px solid #dce6f3;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(30,54,89,.065);transition:transform .18s ease,box-shadow .18s ease}.subject-hub-card:hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(30,54,89,.12)}.subject-hub-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:#e8f1ff;color:#155eef;font-size:18px;font-weight:950}.subject-tone-1 .subject-hub-icon{background:#f0e8ff;color:#7847d8}.subject-tone-2 .subject-hub-icon{background:#e3f8ef;color:#16845d}.subject-tone-3 .subject-hub-icon{background:#fff0df;color:#c16b13}.subject-tone-4 .subject-hub-icon{background:#ffe9ee;color:#cd3756}.subject-tone-5 .subject-hub-icon{background:#e7f7fb;color:#16748a}.subject-hub-copy>span{color:#7c8ba2;font-size:7px;font-weight:950;letter-spacing:.13em}.subject-hub-copy h3{margin:5px 0 7px;font-size:15px}.subject-hub-copy p{min-height:32px;margin:0;color:var(--muted);font-size:9px;line-height:1.5}.subject-hub-copy small{display:inline-block;margin-top:8px;padding:5px 8px;border-radius:8px;background:#f0f4fa;color:#58708f;font-size:8px;font-weight:850}.subject-hub-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:7px;align-self:end;padding-top:12px;border-top:1px solid #e6edf7}.subject-hub-actions .btn{min-height:40px}.subject-empty{grid-column:1/-1}.subject-empty strong{font-size:17px}
body.dark .class-hub-card,body.dark .subject-hub-card{background:#102039;border-color:#294565}body.dark .class-subject-preview,body.dark .class-subject-head,body.dark .class-logic-note{background:#112641;border-color:#294565}body.dark .class-back{background:#142a47;border-color:#355276;color:#a9c8ff}
@media(max-width:1000px){.subject-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.class-hub-grid{grid-template-columns:1fr!important}.class-hub-card{padding:16px}.class-subject-head{grid-template-columns:1fr auto;gap:10px;padding:15px;border-radius:17px}.class-subject-head>.class-back{grid-column:1/-1;justify-self:start}.class-subject-head h2{font-size:18px}.class-subject-head p{font-size:9px}.class-subject-head>.btn{padding:9px}.subject-hub-grid{grid-template-columns:1fr;gap:10px}.subject-hub-card{min-height:160px;padding:13px;border-radius:17px}.subject-hub-icon{width:50px;height:50px;border-radius:14px;font-size:15px}.subject-hub-copy h3{font-size:13px}.subject-hub-actions .btn{min-height:38px;padding:8px 10px}.bulk-class-intro>span{font-size:11px}}

/* v1.12.0 — multi-school class structure, optional coordinator and year copy */
html.session-pending #authScreen{display:none!important}.boot-screen{display:none}.session-pending .boot-screen{position:fixed;z-index:99999;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#eef5ff 0,#f7f9fd 42%,#edf2fa 100%);color:#0b1f44}.boot-screen.hidden{display:none!important}.boot-logo{display:grid;place-items:center;width:62px;height:62px;margin-bottom:13px;border-radius:19px;background:linear-gradient(145deg,#155eef,#4da2ff);box-shadow:0 16px 34px rgba(21,94,239,.27)}.boot-logo svg{width:34px;height:34px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.boot-screen>strong{font-size:21px}.boot-screen>strong span{color:#155eef}.boot-screen>small{margin-top:4px;color:#74839a;font-size:10px}.boot-screen>i{position:relative;width:108px;height:4px;margin-top:20px;overflow:hidden;border-radius:999px;background:#dbe6f6}.boot-screen>i:after{content:"";position:absolute;inset:0;width:44%;border-radius:inherit;background:#155eef;animation:session-load 1s ease-in-out infinite alternate}@keyframes session-load{from{transform:translateX(-10%)}to{transform:translateX(145%)}}
.class-delete-zone{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:13px;border:1px solid #ffd1d8;border-radius:14px;background:#fff6f7}.class-delete-zone div{display:flex;flex-direction:column;gap:3px}.class-delete-zone b{color:#a82038;font-size:10px}.class-delete-zone span{color:#8c6670;font-size:8px}.teacher-class-actions{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important}.admin-class-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}.admin-class-actions .btn.primary{grid-column:1/-1}.admin-class-actions .btn.danger{border-color:#ffd1d8;background:#fff1f3;color:#b4233b}html.session-pending body.dark .boot-screen{background:radial-gradient(circle at 50% 35%,#142b49 0,#0d1c31 55%,#091525 100%);color:#fff}body.dark .class-delete-zone{border-color:#713244;background:#351b25}body.dark .class-delete-zone b{color:#ff9aac}body.dark .class-delete-zone span{color:#c99ba4}
@media(max-width:760px){.class-delete-zone{align-items:flex-start;flex-direction:column}.class-delete-zone .btn{width:100%}}