/* CELAR 0.23 · stable navigation, one import entrance and accessible quick actions */
@media screen and (min-width:741px){
 .layout{display:block;padding-left:252px;min-height:100vh}
 .sidebar{position:fixed!important;top:0;left:0;bottom:0;width:252px!important;height:100vh!important;padding:15px 13px 16px;z-index:30;overflow:hidden!important;box-shadow:2px 0 14px rgba(10,27,40,.06)}
 .sidebar .brand{flex:0 0 auto;padding:8px 5px 15px}
 .sidebar .nav-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#687b89 transparent;padding-right:4px}
 .sidebar .side-bottom{position:sticky;bottom:0;background:#0c2547;padding-top:15px;z-index:2}
 .main{width:100%;min-width:0}
}
@media screen and (min-width:741px) and (max-width:1100px){.layout{padding-left:218px}.sidebar{width:218px!important}}
@media screen and (max-width:740px){
 .layout{display:block;padding:0}.sidebar{position:relative!important;top:auto;bottom:auto;width:auto!important;height:auto!important;box-shadow:none}
 .sidebar .nav-body{display:block;overflow:visible}.sidebar nav{overflow-x:auto;scrollbar-width:thin}
 .sidebar .side-bottom{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 0;margin-top:10px}
 .sidebar .menu-title{display:block;margin:12px 4px 5px}
 .sidebar .brand{padding:4px 0 10px}
}
.sidebar nav a{line-height:1.32;white-space:normal;border-radius:9px;min-height:37px;display:flex;align-items:center}
.sidebar nav a.current{border-left:3px solid #e9c764;background:#274261}
.tuition-quick-trigger{appearance:none;display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 8px;border:1px solid #cbd9e3;border-radius:9px;background:#fff;color:#25405d;font-weight:700;text-align:left;line-height:1.45}
.tuition-quick-trigger:hover{background:#f4f9ff;border-color:#698caa}
.tuition-quick-trigger:focus-visible{outline:3px solid #edc66f;outline-offset:2px}
.tuition-indicator-arrow{font-size:.8em;opacity:.75}
.tuition-quick-modal{border:1px solid #dce5eb;box-shadow:0 24px 70px #091d2e55;border-radius:18px;padding:24px;width:min(95vw,600px);max-height:min(90vh,790px);overflow-y:auto;color:#172a42}
.tuition-quick-modal::backdrop{background:#061c34ab}
.tuition-quick-modal[open]{display:block}
.tuition-quick-modal .quick-modal-head{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:10px}
.tuition-quick-modal h2{margin:6px 0 0;font-size:1.35rem}
.tuition-quick-modal .quick-tabs{display:flex;gap:8px;margin:15px 0}
.tuition-quick-modal .quick-form{display:grid;gap:14px}
.tuition-quick-modal .quick-form[hidden],.tuition-quick-modal #quick-accounts[hidden],.tuition-quick-modal #quick-error[hidden]{display:none!important}
.tuition-quick-modal .quick-amount{color:#184a75;font-size:1.05rem;font-weight:800;margin:0}
.tuition-quick-modal .quick-choices{display:grid;gap:7px;max-height:230px;overflow:auto}
.tuition-quick-modal .quick-check{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid #dbe4ed;border-radius:9px;background:#f7f9fb;font-size:.9rem;font-weight:550}
.tuition-quick-modal .quick-check input{margin:0;flex:none}
.tuition-quick-modal .quick-form label.check{font-size:.9rem}
.import-main{border-left:4px solid #278a57}
.expense-choice{border:1px solid #dbe5e1;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;padding:12px;margin:0}
.expense-choice legend{font-size:.9rem;font-weight:750;padding:0 7px}
.expense-batch-links{display:grid;gap:8px}
.expense-batch-links a{padding:9px 13px;border:1px solid #e3eaf0;border-radius:10px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.expense-batch-links span{font-weight:700}
@media print{.layout{padding-left:0!important}.sidebar,.tuition-quick-modal{display:none!important}}
