/* v9 additions preserve the selected staff / male / female colour themes. */
.college-logo{object-fit:contain;background:#fff;border-radius:8px}
.login-logo{display:block;width:82px;height:82px;margin:0 auto 14px}
#sidebar .brand{text-align:center;display:flex;flex-direction:column;align-items:center}
#sidebar .brand .seal{margin:10px auto 14px}
.sidebar-logo{width:72px;height:72px;padding:3px;box-shadow:0 2px 8px #0003}
#sidebar .brand h1,#sidebar .brand p{width:100%;text-align:center}
#topbar{display:grid;grid-template-columns:minmax(0,1fr) auto 40px;grid-template-rows:18px 24px 16px;gap:2px 12px;height:70px;box-sizing:border-box;padding:4px 24px}
.college-ribbon-title{grid-column:1/-1;grid-row:1;text-align:center;font-size:16px;font-weight:700;line-height:18px;color:#111;white-space:nowrap}
#whoBadge{grid-column:1;grid-row:2;min-width:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#topbar .account-identity{grid-column:2;grid-row:2;margin:0;min-width:0;font-size:11px;gap:7px}
#topbar .account-avatar{width:24px;height:24px;box-sizing:border-box}
#topbar .account-identity strong{line-height:13px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#topbar .account-identity small{font-size:10px;line-height:12px}
#topbar .account-menu{grid-column:3;grid-row:2/4;margin:0;align-self:start}
#topbar .account-menu>summary{height:40px;box-sizing:border-box;font-size:26px}
#topbar .account-menu-list{top:43px}
#topbar #statusMsg{grid-column:1/3;grid-row:3;margin:0;font-size:12px;line-height:16px;min-width:0}
#topbar #statusMsg.unsaved-warning{font-size:12px}
.logbook-notices:empty{display:none}.logbook-notices{margin:14px 0}.logbook-notices .flash-message{margin:0 0 10px}
.posting-schedule-v8{min-width:1380px!important}
.posting-schedule-v8 thead tr:first-child th:not(:first-child){text-align:center}
.posting-schedule-v8 thead th{vertical-align:middle}
.posting-schedule-v8 .schedule-month{min-width:132px}
.posting-schedule-v8 .schedule-year{min-width:98px}
.posting-schedule-v8 .schedule-place{min-width:135px}
.posting-schedule-v8 select,.posting-schedule-v8 .schedule-place input{width:100%;box-sizing:border-box;min-width:0;margin:0}
.schedule-year-print{display:none}
.posting-schedule-v8 .saved-month-year{display:block;white-space:normal}
#sec-10 .posting-body .posting-header-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);gap:14px;align-items:start}
.posting-header-fields .posting-month-fields,.posting-header-fields .month-year-picker{display:contents}
.posting-header-fields .month-year-picker>label{font-size:13px;line-height:20px}
.posting-header-fields .month-year-picker select,.posting-header-fields .field input{margin-top:5px;height:42px}
.posting-header-fields .field>label{line-height:20px;display:block;margin:0}
.posting-header-fields .saved-month-year{grid-column:1/3}
.biodata-overview{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:24px;align-items:start;margin-bottom:20px}
.passport-photo-area{text-align:center;min-width:0;font-size:12px}
.passport-photo-area>strong{display:block;margin-bottom:8px}
.passport-photo{display:block;width:35mm;height:45mm;box-sizing:border-box;object-fit:cover;margin:0 auto 10px;border:1px solid var(--line);border-radius:2px;background:var(--soft)}
.empty-portrait{display:grid;place-items:center;padding:12px;color:#111}
.passport-photo-area label{display:block;text-align:left;font-size:11px;margin:6px 0}
.passport-photo-area input{width:100%;font-size:10px;box-sizing:border-box}
.passport-photo-area>.btn{font-size:11px;padding:8px;margin:5px 0}
.passport-photo-area small{display:block;font-size:10px;line-height:1.5}
.logbook-certificate{padding:18px 0;border-top:1px solid var(--line);margin-top:16px}
.logbook-certificate h3{margin-top:0}.logbook-certificate input[type=file]{display:block;margin:8px 0;max-width:100%}
.logbook-certificate small{display:block;margin:12px 0;line-height:1.6}
@media(max-width:1050px){#topbar{padding-left:14px;padding-right:14px;column-gap:8px}.college-ribbon-title{font-size:14px}#topbar .account-identity strong{max-width:145px}#topbar #statusMsg,#topbar #statusMsg.unsaved-warning{font-size:10.5px}.biodata-overview{grid-template-columns:minmax(0,1fr) 150px;gap:16px}}
@media(max-width:600px){#topbar{height:auto;min-height:70px;grid-template-columns:minmax(0,1fr) auto 40px;grid-template-rows:auto 28px auto;gap:4px 6px}.college-ribbon-title{white-space:normal;font-size:12px;line-height:15px}#topbar #statusMsg{grid-column:1/-1;font-size:11px;line-height:15px}#topbar .account-menu{grid-row:2;height:28px}#topbar .account-menu>summary{height:28px;width:32px;font-size:23px}#topbar .account-identity strong{max-width:135px}#whoBadge{font-size:11px}#sec-10 .posting-body .posting-header-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.posting-header-fields>.field:last-child{grid-column:1/-1}.biodata-overview{grid-template-columns:minmax(0,1fr)}.passport-photo-area{grid-row:1;justify-self:end;width:170px}}
@media print{.login-logo{display:none}.posting-schedule-v8{min-width:0!important;font-size:8px}.posting-schedule-v8 select{border:0;font-size:8px}.posting-schedule-v8 .schedule-month select{display:none}.posting-schedule-v8 .schedule-year select{display:none!important}.posting-schedule-v8 .schedule-year-print{display:block;font-size:8px}.posting-schedule-v8 .schedule-month .month-year-print{display:block;font-size:8px}.posting-schedule-v8 td,.posting-schedule-v8 th{min-width:0!important;padding:4px!important}.biodata-overview{grid-template-columns:minmax(0,1fr) 38mm}.passport-photo-area{grid-row:auto;justify-self:end;width:38mm}.passport-photo{width:35mm;height:45mm}.passport-photo-area button,.passport-photo-area label,.logbook-certificate button,.logbook-certificate input{display:none!important}}