.uni-connectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 24px}
.uni-service{padding:23px;border-radius:17px;background:linear-gradient(150deg,#172a3e,#111d2c);border:1px solid #30485a;display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.uni-service-head{display:flex;gap:13px;align-items:center}
.uni-service-icon{width:43px;height:43px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;font-size:22px;background:#203b4d}
.uni-service.goodnotes .uni-service-icon{background:#384160}
.uni-service h2{margin:0;font-size:18px;letter-spacing:-.03em}
.uni-service p{margin:0;color:#a7c0cd;font-size:12px;line-height:1.6}
.uni-service .tag{margin-left:auto}
.uni-service .button{margin-top:auto}
.uni-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.uni-module{min-height:232px;display:flex;flex-direction:column;gap:13px}
.uni-module h3{margin:0;font-size:19px;letter-spacing:-.03em;word-break:break-word}
.uni-module .module-code{font-size:11px;color:#b6cad5;letter-spacing:.08em;font-weight:750}
.uni-module-details{display:flex;gap:7px;flex-wrap:wrap}
.uni-module .module-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:9px}
.uni-resource{display:flex;align-items:center;gap:13px;border-top:1px solid #304454;padding:16px 0}
.uni-resource:first-child{border-top:0}
.uni-resource-main{flex:1;min-width:0}
.uni-resource-title{font-size:14px;font-weight:710;color:#edf5f4;overflow-wrap:anywhere}
.uni-resource .list-meta{margin-top:5px;overflow-wrap:anywhere}
.uni-resource .link-button{flex-shrink:0}
.uni-help{margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.uni-help .card{padding:17px}.uni-help h3{margin:0 0 8px;font-size:14px}.uni-help p{font-size:12px;line-height:1.6}
.uni-actions{display:flex;flex-wrap:wrap;gap:9px}
.uni-back{background:none;border:0;color:#bce2d0;padding:0;font-weight:710}
.uni-status{color:#add1bb;font-size:11px}
.uni-res-card{margin-top:18px}
.uni-res-caption{padding:12px;border-radius:12px;border:1px solid #5a5950;background:#292b2a;color:#ecdbba;font-size:12px}
.uni-res-caption strong{color:#f8e6bf}
.uni-section-heading{margin:29px 0 16px;display:flex;gap:15px;justify-content:space-between;align-items:center}
.uni-section-heading h2{margin:0;font-size:19px}
.uni-moodle-link{white-space:nowrap}
.uni-service-link{display:inline-flex;text-decoration:none}
.uni-resource .resource-icon{height:37px;width:37px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;background:#203848;color:#bfd4e0;font-size:17px}
.area-uni{--tint:#9bb6f2}
@media(max-width:1100px){.uni-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.uni-connectors,.uni-help,.uni-module-grid{grid-template-columns:1fr}.uni-resource{flex-wrap:wrap}.uni-service{padding:18px}.uni-module{min-height:180px}}

/* Finder-style module directories. Folders are metadata, synced content is optional. */
.uni-directory{margin-top:22px;padding:20px}
.uni-crumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:19px;color:#829eb3;font-size:12px}
.uni-crumbs button{border:0;background:none;color:#b8d6e9;cursor:pointer;padding:4px 2px}
.uni-crumbs button:hover{color:#e9f8f0;text-decoration:underline}
.uni-directory-head{padding-bottom:17px;border-bottom:1px solid #304759;margin-bottom:7px;align-items:center}
.uni-directory-head h2{font-size:20px;margin:0 0 4px}
.uni-folder-list,.uni-file-list{display:grid;gap:0}
.uni-folder-item{width:100%;display:flex;gap:15px;align-items:center;padding:17px 10px;text-align:left;color:#e8f1f6;background:transparent;border:0;border-bottom:1px solid #2d4456;min-height:66px}
.uni-folder-item:hover{background:#203548;border-radius:10px}
.uni-folder-icon{font-size:27px;flex:0 0 35px}
.uni-folder-main{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.uni-folder-main strong{font-size:14px}
.uni-folder-main small{color:#9fb8c8;font-size:11px;line-height:1.45}
.uni-folder-count{color:#aec0ce;font-size:12px}
.uni-folder-arrow{font-size:27px;color:#89a6b8;line-height:1}
.uni-resource{padding:16px 9px}
.uni-help .card{min-height:135px}
@media(max-width:700px){.uni-directory{padding:14px}.uni-folder-item{gap:9px;padding:13px 5px}.uni-folder-main small{font-size:10px}.uni-directory-head{align-items:flex-start}}

/* Live Moodle files stay in the same module folder, not a separate website. */
.uni-moodle-section-header{display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:22px 4px 13px;margin-top:14px;border-top:1px solid #355063}
.uni-moodle-section-header h3{font-size:17px;letter-spacing:-.02em;margin:0}
.uni-moodle-section-header p{margin:3px 0 0;color:#91adbd;font-size:11px}
.uni-moodle-note{margin:14px 0;display:grid;gap:8px;padding:17px 18px;border:1px solid #4d5865;border-radius:12px;background:#203344;color:#bcd3df;font-size:12px}
.uni-moodle-note strong{color:#e5f3f4;font-size:13px}
.uni-moodle-error{border-color:#77604a;background:#302b25}
.uni-moodle-section{border-bottom:1px solid #334c5b}
.uni-moodle-section-toggle{width:100%;text-align:left;display:flex;align-items:center;gap:12px;color:#ecf5f3;background:transparent;border:0;padding:16px 8px}
.uni-moodle-section-toggle:hover{background:#1e3443;border-radius:9px}
.uni-moodle-section-toggle strong{flex:1;font-size:13px}
.uni-moodle-section-toggle small{font-size:11px;color:#a4bac6}
.uni-moodle-files{margin:0 0 15px 31px;border-left:2px solid #375264;padding-left:13px}
.uni-moodle-file{display:flex;gap:12px;align-items:center;padding:11px 10px;color:#dce9ed;text-decoration:none;border-bottom:1px solid #344857}
.uni-moodle-file:hover{background:#1e3546;border-radius:9px;color:#c3e895}
.uni-moodle-file-icon{width:31px;font-size:20px;flex-shrink:0}
.uni-moodle-file .uni-folder-main strong{font-size:12px}
.uni-moodle-file .uni-folder-main small{font-size:10px}
@media(max-width:650px){.uni-moodle-section-toggle{gap:8px}.uni-moodle-section-toggle small{font-size:10px}.uni-moodle-files{margin-left:6px;padding-left:8px}.uni-moodle-file{padding:12px 5px}}

/* Fallback file import stays entirely in the local browser. */
.uni-local-zip{border-top:1px solid #375164;margin-top:28px;padding-top:9px}
.uni-local-zip .uni-moodle-section-header{border:0;margin-top:0}
.uni-hidden-zip{display:none}
.uni-zip-help{color:#b2c6d1;line-height:1.65;font-size:12px;max-width:850px;margin:6px 4px 17px}
.uni-zip-list{border:1px solid #385466;border-radius:13px;padding:12px 13px;max-height:430px;overflow-y:auto}
.uni-zip-list .row{padding:4px 1px 8px}
.uni-local-file{width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #304b5a;font:inherit;cursor:pointer}
.uni-local-file:hover{background:#1d3546}