.distribution-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0 0 .5rem}.distribution-heading h1{margin:.05rem 0;font-size:clamp(1.55rem,2.4vw,2rem);line-height:1.05}.distribution-heading-actions{display:flex;gap:.4rem;flex-wrap:wrap}.principal-editor,.route-editor{display:grid;gap:.45rem;align-items:end;padding:.6rem;margin-bottom:.55rem;border:1px solid #c8ded9;border-radius:.85rem;background:linear-gradient(135deg,#fff 0%,#fbfdfc 100%);box-shadow:0 8px 22px rgba(7,61,69,.05)}.principal-editor{grid-template-columns:minmax(14rem,1.35fr) repeat(4,minmax(9rem,1fr))}.principal-editor label,.route-editor label{display:grid;gap:.18rem;margin:0;font-size:.72rem;font-weight:800;color:#34536b}.principal-editor input,.route-editor input:not([type=checkbox]){width:100%;height:2.25rem;padding:.35rem .65rem;border:1px solid #b9d2ce;border-radius:.62rem;background:#fbfefd;color:#092f4d;box-shadow:inset 0 1px 2px rgba(2,49,58,.03);transition:border-color .15s,box-shadow .15s,background .15s}.principal-editor input:hover,.route-editor input:not([type=checkbox]):hover{border-color:#7fb6ae;background:#fff}.principal-editor input:focus,.route-editor input:not([type=checkbox]):focus{outline:0;border-color:#087f72;box-shadow:0 0 0 3px rgba(8,127,114,.12);background:#fff}.principal-name{grid-column:span 1}.principal-remarks{grid-column:span 2}.principal-editor-actions,.route-actions{display:flex;gap:.35rem;align-items:center}.principal-editor-actions .btn,.route-actions .btn{min-height:2.25rem;padding:.38rem .72rem}.route-editor{grid-template-columns:minmax(16rem,1fr) auto auto}.route-active{display:flex!important;align-items:center;gap:.4rem;height:2.25rem;padding:0 .65rem;border:1px solid #c8ded9;border-radius:.62rem;background:#f3faf8}.route-active input{width:1rem;height:1rem;accent-color:#087f72}.route-editor .validation-summary{grid-column:1/-1;margin:0}.principal-list{padding:.55rem;border-radius:.85rem}.compact-section-title{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.05rem .15rem .45rem}.compact-section-title span{font-size:.72rem;color:#667b8d}.principal-list table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #d1e2df;border-radius:.72rem}.principal-list th,.principal-list td{padding:.38rem .5rem;border-bottom:1px solid #dce8e6;vertical-align:middle}.principal-list tr:last-child td{border-bottom:0}.principal-list th{font-size:.68rem;letter-spacing:.025em;text-transform:uppercase;background:#dff2ef;color:#174a5a}.principal-list td{font-size:.82rem}.principal-list td small{display:block;color:#62788b;font-size:.72rem}.principal-list tr.inactive{opacity:.62}.principal-list tbody tr:hover{background:#f5fbfa}.master-code{display:inline-flex;padding:.18rem .42rem;border-radius:.42rem;background:#edf7f5;color:#087669;font-size:.72rem;font-weight:800;white-space:nowrap}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:.3rem}.row-actions form{margin:0}.compact-empty{padding:1.25rem;text-align:center;color:#64788a;border:1px dashed #cbdeda;border-radius:.7rem;background:#fbfdfc}@media(max-width:1280px){.principal-editor{grid-template-columns:repeat(3,minmax(10rem,1fr))}.principal-remarks{grid-column:span 2}}@media(max-width:720px){.distribution-heading{align-items:flex-start;flex-direction:column}.principal-editor,.route-editor{grid-template-columns:1fr}.principal-remarks,.principal-name{grid-column:auto}.compact-section-title{align-items:flex-start;flex-direction:column}.distribution-heading-actions{width:100%}.distribution-heading-actions .btn{flex:1}.route-active{justify-content:flex-start}}
