/* medbox admin. Shared tokens for lists, forms, navigation and management index. */
:root{--mb-ink:#202a3b;--mb-muted:#687587;--mb-line:#e3e7ed;--mb-blue:#315cbd;--mb-surface:#f6f7fa;--border-radius:8px}
html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--mb-ink)}
#main{background:var(--mb-surface)}
#main>#content,#content{max-width:1500px}
#main>.\@container{padding:8px 28px 28px}
#nav-sidebar,#nav-sidebar-inner{background:#fff;border-color:var(--mb-line)}
#nav-sidebar-inner{min-height:100dvh}
#nav-sidebar-apps h2{font-size:11px;font-weight:600;letter-spacing:.045em;text-transform:uppercase;color:#8490a1;margin-top:16px;margin-bottom:5px}
#nav-sidebar-apps ol{gap:3px}
#nav-sidebar-apps a{font-size:13px;min-height:39px;font-weight:500;color:#536075;border-radius:7px;transition:background .12s}
#nav-sidebar-apps a:hover{background:#f4f6f9;color:var(--mb-ink)}
#nav-sidebar-apps a.active{background:#edf2fc;color:#315cbd;font-weight:600}
#nav-sidebar-apps a .material-symbols-outlined{font-size:20px;color:#8390a4}
#nav-sidebar-apps a.active .material-symbols-outlined{color:#315cbd}
.mb-brand-row{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 22px}
.mb-brand{display:flex;align-items:center;gap:11px;color:var(--mb-ink);text-decoration:none}
.mb-mark{display:inline-flex;align-items:center;justify-content:center;background:#315cbd;color:#fff;width:34px;height:34px;border-radius:9px;font-size:25px;line-height:1;font-weight:650;letter-spacing:-2px;padding-right:2px}
.mb-brand strong{font-size:21px;font-weight:650;letter-spacing:-.65px;display:block;line-height:1.15}
.mb-brand small{display:block;font-size:10px;line-height:1.4;color:var(--mb-muted);margin-top:3px}
.mb-close-menu{color:var(--mb-muted);padding:6px}
#header-inner h1{font-size:14px;font-weight:550}
#result_list{background:#fff;font-size:13px}
#result_list thead{background:#f9fafc}
#result_list thead th{font-size:11px;font-weight:600;color:#758094;padding-top:13px;padding-bottom:13px;white-space:nowrap}
#result_list tbody td,#result_list tbody th{padding-top:15px;padding-bottom:15px;border-color:#edf0f4;vertical-align:middle}
#result_list tbody tr:hover{background:#f7f9fd}
#result_list tbody th a{color:var(--mb-ink);font-weight:550}
#changelist-search input{font-weight:400;font-size:13px;min-height:38px}
#changelist .shadow-xs{box-shadow:none}
.change-form fieldset,.change-form .inline-group{background:#fff}
.change-form input:not([type=checkbox]):not([type=radio]),.change-form textarea,.change-form select{background-color:#fff;font-size:13px}
.change-form .submit-row{background:#fff}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #315cbd;outline-offset:3px}
.mb-cell strong{display:block;font-weight:550;color:var(--mb-ink)}.mb-cell small{display:block;font-size:11px;color:var(--mb-muted);margin-top:3px;font-weight:400}
.mb-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:500;line-height:1.35;border-radius:5px;white-space:nowrap}
.mb-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.mb-badge-blue{background:#edf2fc;color:#315cbd}.mb-badge-green{background:#edf6f0;color:#35744d}.mb-badge-gray{background:#f0f2f5;color:#6c7787}.mb-badge-amber{background:#fcf4e7;color:#9b702b}.mb-badge-red{background:#fbefee;color:#b05b53}
.mb-money{font-variant-numeric:tabular-nums;white-space:nowrap}
.mb-management{padding:15px 0 0;max-width:1400px;margin:auto}
.mb-page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}
.mb-page-heading h1{font-size:24px;line-height:1.35;font-weight:620;letter-spacing:-.6px;color:var(--mb-ink)}
.mb-page-heading p{font-size:12px;color:var(--mb-muted);margin-top:7px;line-height:1.6}
.mb-button{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #dce1e8;padding:10px 13px;border-radius:7px;font-size:12px;font-weight:500;color:#46526a;white-space:nowrap}.mb-button:hover{background:#f9fafb}
.mb-management-list{border:1px solid var(--mb-line);border-radius:8px;background:white;overflow:hidden}
.mb-management-list h2{background:#f8f9fc;border-top:1px solid var(--mb-line);border-bottom:1px solid var(--mb-line);padding:13px 20px;font-size:12px;font-weight:600;color:#5b6880}
.mb-management-list section:first-child h2{border-top:0}
.mb-management-row{display:grid;grid-template-columns:minmax(170px,230px) minmax(0,1fr) 195px;align-items:center;gap:20px;padding:17px 20px;border-bottom:1px solid #edf0f4}
.mb-management-row:last-child{border:0}.mb-management-row:hover{background:#fcfdff}
.mb-management-name{font-size:13px;font-weight:550;color:#27354b;line-height:1.6}.mb-management-name:hover{color:#315cbd}
.mb-management-row>p{font-size:12px;color:#7b8696;line-height:1.65}
.mb-management-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;font-size:11px;font-weight:500;white-space:nowrap}
.mb-open-link{color:#315cbd}.mb-add-link{color:#748196}.mb-add-link>span{font-size:15px;vertical-align:middle}.mb-management-actions a:hover{text-decoration:underline}
.mb-empty{text-align:center;padding:40px 20px;color:var(--mb-muted);font-size:13px}
body.login #page{background:#f6f7fa}.mb-login{background:#fff;border:1px solid var(--mb-line);border-radius:12px;padding:34px;box-shadow:0 6px 30px #202a3b06}.mb-login .mb-brand{margin-bottom:34px}.mb-login h1{font-size:23px;line-height:1.4;letter-spacing:-.6px;font-weight:600;color:var(--mb-ink)}.mb-login>p{font-size:12px;color:var(--mb-muted);margin-top:6px;margin-bottom:28px}.mb-login label{display:block;margin:17px 0 7px;font-size:12px;font-weight:500;color:#46536a}.mb-login input:not([type=hidden]){width:100%;background:#fff;border:1px solid #dce1e8;border-radius:7px;padding:11px 12px;font-size:14px;min-height:43px}.mb-login button[type=submit]{display:block;width:100%;padding:12px;border-radius:7px;background:#315cbd;color:#fff;font-size:13px;font-weight:550;margin-top:25px}.mb-login button[type=submit]:hover{background:#264da4}.mb-login-note{font-size:10px;line-height:1.7;color:#8b95a3;border-top:1px solid #edf0f4;margin-top:26px;padding-top:18px}.mb-login-error{color:#9c4239;background:#fbf0ef;border:1px solid #f1dcd9;padding:12px;border-radius:6px;font-size:12px;line-height:1.6}
@media(min-width:1280px){.mb-close-menu{display:none}}
@media(max-width:1000px){.mb-management-row{grid-template-columns:minmax(0,1fr) auto;gap:5px 20px}.mb-management-row>p{grid-column:1;grid-row:2}.mb-management-actions{grid-column:2;grid-row:1 / 3}}
@media(max-width:720px){#main>.\@container{padding:4px 16px 20px}.mb-page-heading{display:block}.mb-page-heading h1{font-size:22px}.mb-page-heading .mb-button{margin-top:16px}.mb-management-row{padding:15px 16px;gap:6px}.mb-management-name{font-size:12px}.mb-management-row>p{font-size:11px}.mb-management-list h2{padding:12px 16px}.mb-management-actions{flex-direction:column;align-items:flex-end;gap:10px;min-width:74px}.mb-login{padding:26px}}
.mb-notification-preview{padding:20px;font-size:13px;line-height:1.7}.mb-notification-preview p{margin-top:10px;white-space:normal;overflow-wrap:anywhere}.mb-notification-note{font-size:12px;line-height:1.7;color:var(--mb-muted);margin:20px 0}
