.folder-navigation { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 16px; }
.folder-navigation a { color: #234a70; font-weight: 700; }
.folder-search { max-width: 420px; display: block; margin-bottom: 18px; }
.folder-search span { display: block; margin-bottom: 5px; font-weight: 700; }
.class-tile-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 16px; }
.class-tile { border: 1px solid #d7e1eb; border-radius: 14px; background: linear-gradient(145deg,#fff,#f3f7fb); box-shadow: 0 3px 12px #19375008; overflow: hidden; min-width: 0; }
.class-tile[draggable="true"] { cursor: grab; }
.class-tile:hover { border-color: #587b9b; box-shadow: 0 6px 18px #19375016; }
.class-tile-link { display: flex; flex-direction: column; align-items: flex-start; min-height: 182px; padding: 19px; color: #1c344d; text-decoration: none; gap: 9px; }
.class-tile-link:focus-visible, .tile-order-controls button:focus-visible { outline: 3px solid #4079b0; outline-offset: -3px; }
.class-tile-icon { font-size: 39px; line-height: 1.1; }
.class-tile-link strong { font-size: 20px; overflow-wrap: anywhere; }
.class-tile-link > span:not(.class-tile-icon) { font-size: 12px; line-height: 1.5; color: #52667b; }
.class-tile-link small { margin-top: auto; color: #285e8f; font-weight: 700; }
.tile-order-controls { display: flex; align-items: center; justify-content: flex-end; gap: 4px; border-top: 1px solid #e2e9f1; padding: 2px 8px; }
.tile-order-controls > span { margin-right: auto; color: #788a9b; font-size: 19px; }
.tile-order-controls button { min-width: 38px; min-height: 34px; font-size: 18px; }
.folder-status { min-height: 1.4em; margin: 10px 0; font-size: 13px; color: #45627c; }
.folder-status[data-tone="error"] { color: #a22121; }
.class-view-filters { display: flex; gap: 14px; flex-wrap: wrap; margin: 16px 0; padding: 14px; background: #f3f7fb; border-radius: 10px; }
.class-view-filters label { flex: 1; min-width: 180px; }
.class-view-filters label > span { display: block; font-size: 13px; font-weight: 700; margin-bottom: 5px; }
.folder-dashboard .queue-actions, .folder-dashboard .print-output-options, .folder-dashboard #acrossClassActions, .folder-dashboard #paperTotalsPanel, .folder-dashboard #cohortPanel { display: none !important; }
body:not(.show-marking-form) #markingSetup, body:not(.show-marking-form) #markingUpload { display: none; }
.folder-class-view #registerPanel, .folder-class-view #acrossClassActions { display: none; }
.folder-class-view .class-folder { border: 0; margin: 0; }
.folder-class-view .class-folder-summary { display: none; }
.folder-class-view .class-folder-body { padding: 0; }
.folder-class-view .queue-group { border: 1px solid #d7e1eb; border-radius: 12px; margin-top: 16px; }
.folder-class-view .queue-group-summary { cursor: default; }
.folder-class-view .queue-group-summary::before { content: none; }
.folder-class-view #clearQueueBtn { color: #a22121; }
@media (max-width: 540px) { .class-tile-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; } .class-tile-link { padding: 13px; min-height: 185px; } .class-tile-link strong { font-size: 16px; } }