.pdf-subject-groups{display:grid;gap:14px}.pdf-subject-group{border:1px solid color-mix(in srgb,var(--subject-color) 28%,var(--line));border-radius:10px;overflow:visible;background:color-mix(in srgb,var(--subject-color) 10%,#fff)}.pdf-subject-heading{display:flex;align-items:center;gap:8px;padding:11px 13px;border-left:5px solid var(--subject-color);background:color-mix(in srgb,var(--subject-color) 18%,#fff);border-radius:9px}.pdf-subject-heading h3{flex:1;margin:0;font-size:16px;display:flex;align-items:center;gap:7px}.pdf-subject-heading .subject-count{font-size:10px;color:var(--muted)}.pdf-subject-heading .subject-collapse-toggle{margin:0}.pdf-subject-group .pdf-list{padding:10px;background:color-mix(in srgb,var(--subject-color) 10%,#fff);border-radius:0 0 9px 9px}.pdf-list{display:grid;gap:10px}.pdf-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:15px;border:1px solid #eef0f3;border-left:4px solid var(--subject-color);border-radius:9px;background:#fff}.pdf-icon{width:36px;height:42px;border-radius:6px;background:#fff0f0;color:#c45d5d;display:grid;place-items:center;font-size:9px;font-weight:700}.pdf-info{display:grid;gap:4px}.pdf-info strong{font-size:13px}.pdf-info small{color:var(--muted);font-size:10px}.pdf-info em{color:#99a3ad;font-size:9px;font-style:normal}.pdf-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.pdf-actions .table-action{margin:0}@media(max-width:700px){.pdf-card{grid-template-columns:36px 1fr}.pdf-actions{grid-column:1 / -1;justify-content:flex-start}}
#pdfsView .pdf-subject-heading h3 .subject-title-label{color:var(--subject-color)!important}
#pdfsView .pdf-card .subject-label{color:var(--subject-color)!important}
#subjectsView .pdf-upload-button,#pdfsView .pdf-upload-button{border:2px solid #17499f;background:#205cc6;color:#fff;font-size:13px;padding:10px 15px;white-space:nowrap;box-shadow:0 2px 0 #163c7e}
.pdf-subject-heading{flex-wrap:wrap}.pdf-start-date{margin-top:8px;font-size:11px}.pdf-start-date .date-editor{flex-wrap:wrap}.pdf-start-date input{width:145px;font-size:12px}.pdf-actions .table-action{font-size:12px;padding:9px 12px;margin:0}.pdf-start-date .table-action{font-size:11px;padding:8px 10px}.pdf-info{min-width:0}.pdf-info em{overflow-wrap:anywhere}.pdf-upload-button:focus-visible{outline:3px solid #eba928;outline-offset:3px}@media(max-width:600px){.pdf-subject-heading h3{flex-basis:65%}.pdf-upload-button{margin-left:auto}}
#subjectsView .pdf-upload-button,#pdfsView .pdf-upload-button{min-height:48px;padding:13px 20px;font-size:16px;border-radius:10px}
#subjectsView .pdf-actions,#pdfsView .pdf-actions{gap:10px}
#subjectsView .pdf-actions .table-action,#pdfsView .pdf-actions .table-action,#subjectsView .pdf-start-date .table-action,#pdfsView .pdf-start-date .table-action{min-height:46px;padding:12px 18px;font-size:15px;font-weight:700;border:2px solid #c3d1e3;border-radius:9px;background:#f0f5ff;color:#17499f}
#subjectsView .pdf-actions .table-action.danger,#pdfsView .pdf-actions .table-action.danger{background:#fff0f0;border-color:#e6b5b5;color:#a52b2b}
#subjectsView .pdf-actions .table-action:hover,#pdfsView .pdf-actions .table-action:hover,#subjectsView .pdf-start-date .table-action:hover,#pdfsView .pdf-start-date .table-action:hover{background:#dfeaff}
#subjectsView .pdf-actions .table-action.danger:hover,#pdfsView .pdf-actions .table-action.danger:hover{background:#ffe0e0}
#subjectsView .pdf-actions .table-action:focus-visible,#pdfsView .pdf-actions .table-action:focus-visible,#subjectsView .pdf-start-date .table-action:focus-visible,#pdfsView .pdf-start-date .table-action:focus-visible{outline:3px solid #eba928;outline-offset:3px}
#subjectsView .pdf-start-date,#pdfsView .pdf-start-date{font-size:13px}
#subjectsView .pdf-start-date input,#pdfsView .pdf-start-date input{min-height:46px;width:170px;font-size:14px}
@media(max-width:1100px){.pdf-card{grid-template-columns:42px 1fr}.pdf-actions{grid-column:1 / -1;justify-content:flex-start}}
#importClassesTop { display: none !important; }
#cloudSignIn + button.button { display:block; width:100%; min-height:42px; margin-top:10px; padding:10px 12px; background:#f8fafc; color:#172b40; border:2px solid #cbd5e1; font-size:13px; font-weight:700; line-height:1.4; white-space:normal; }
#cloudSignIn + button.button:hover { background:#e2e8f0; color:#172b40; }
#cloudSignIn + button.button:focus-visible { outline:3px solid #f4c86d; outline-offset:3px; }
