/* All colors inherit the selected portal theme. */
.ma302{max-width:1800px;margin:auto}.ma-note{display:flex;align-items:center;gap:12px;margin:0 0 20px}.ma-grid{display:grid;grid-template-columns:minmax(225px,.8fr) minmax(320px,1.35fr) minmax(220px,.8fr);gap:18px;align-items:start}.ma-grid .card{min-width:0}.ma-grid .card-body{padding:18px}.ma-grid .field{margin-bottom:14px}.ma-grid input,.ma-grid select{max-width:100%;width:100%}.ma-person{width:100%;display:flex;align-items:center;gap:10px;padding:13px 9px;background:transparent;border:1px solid transparent;border-bottom-color:var(--border);border-radius:9px;color:var(--text);text-align:left;cursor:pointer}.ma-person span{min-width:0;flex:1}.ma-person b,.ma-person small,.ma-profile small{display:block;overflow-wrap:anywhere}.ma-person small,.ma-profile small{font-size:11px;color:var(--muted);margin-top:5px}.ma-person.selected{background:var(--soft);border-color:var(--primary)}.ma-person:focus-visible,.ma-menu-row:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.ma-profile{display:flex;gap:12px;align-items:center;margin-bottom:16px}.ma-tools{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.ma-menu-row{position:relative;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding:13px 2px;cursor:pointer}.ma-menu-row>span{flex:1;min-width:0}.ma-menu-row b{font-size:12px}.ma-menu-row small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.ma-menu-row input{position:absolute;right:0;opacity:0;width:46px;height:28px;cursor:pointer}.ma-menu-row i{flex:none;width:40px;height:23px;border-radius:20px;background:var(--border);position:relative;pointer-events:none}.ma-menu-row i:before{content:'';position:absolute;width:17px;height:17px;top:3px;left:3px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002}.ma-menu-row input:checked+i{background:var(--primary)}.ma-menu-row input:checked+i:before{transform:translateX(17px)}.ma-menu-row:has(input:disabled){opacity:.65;cursor:default}.ma-preview{position:sticky;top:88px}.ma-preview-nav{border:1px solid var(--border);border-radius:12px;background:var(--soft);padding:16px}.ma-preview-nav>div:not(.ma-profile){display:flex;gap:12px;align-items:center;padding:12px 1px;font-size:12px}.ma-preview-nav>strong{display:block;border-top:1px solid var(--border);padding-top:15px;margin-top:12px;font-size:12px}.ma-save-state{background:var(--soft);border-radius:8px;padding:12px;margin-top:14px;font-size:12px}.ma-history-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:15px}.ma-history-row small{color:var(--muted);flex:1}.ma-history article{border-bottom:1px solid var(--border);padding:14px 0}.ma-history small{display:block;color:var(--muted);margin:6px 0}.ma-pager{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:14px;font-size:10px}.ma-empty{padding:24px}.ma-grid .btn:disabled{opacity:.5;cursor:default}.ma-grid [data-ma-employees]{max-height:620px;overflow:auto}.ma-menu-list{max-height:660px;overflow:auto;padding-right:6px}.ma302 .head-actions{flex-wrap:wrap}.ma302 .form-error:empty{display:none}#navigation a[hidden],button[hidden]{display:none!important}
@media(max-width:1250px){.ma-grid{grid-template-columns:minmax(215px,.85fr) minmax(300px,1.4fr)}.ma-preview{grid-column:1/-1;position:static}.ma-preview-nav{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.ma-preview-nav .ma-profile{width:100%}.ma-preview-nav>strong{width:100%}}
@media(max-width:760px){.ma-grid{grid-template-columns:minmax(0,1fr)}.ma302 .page-head{display:block}.ma302 .head-actions{margin-top:15px;display:flex}.ma302 .head-actions .btn{flex:1;min-height:44px}.ma-grid .card-body{padding:15px}.ma-menu-list{max-height:none}.ma-grid [data-ma-employees]{max-height:280px}.ma-person{min-height:64px}.ma-menu-row{min-height:58px}.ma-tools .btn{min-height:42px}.ma-preview-nav{display:block}.ma-note{align-items:flex-start}.ma-note svg{flex:none}}

.ma-person>.avatar{flex:0 0 36px;width:36px;height:36px;border-radius:50%}.ma-person>span:not(.avatar){flex:1}.ma302 .ma-menu-hint{font-size:11px;color:var(--muted);margin:8px 0}.ma302 .ma-bottom-save{margin-top:12px;width:100%;min-height:44px}
@media(max-width:760px){.ma-menu-list{max-height:460px;overflow:auto;overscroll-behavior:contain}.ma-preview-nav>div:not(.ma-profile){padding:10px 1px}.ma302 .head-actions{position:static}}