/* Settings share the workbench palette without changing tool or login styles. */
.admin-panel,.perm-modal{
  --brand:#0c5994;--brand2:#094876;--brand-light:#edf5fb;
  --brand-rgb:12,89,148;--line:#e6ecf2;--muted:#7a899c;
}
.admin-panel{background:#f3f6fa;padding:32px max(24px,calc((100% - 1150px)/2)) 48px;color:#172c44;}
.settings-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;}
.settings-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#0c5994;display:flex;align-items:center;gap:8px;}
.settings-eyebrow:before{content:"";width:14px;height:3px;background:#ffc763;}
.settings-heading h2{margin:8px 0 6px;font-size:25px;line-height:1.35;letter-spacing:-.6px;}
.settings-heading p{margin:0;color:#7a899c;font-size:13px;}
.settings-heading-note{color:#94a1b1;font-size:12px;padding-bottom:3px;}
.admin-panel .admin-tabs{gap:28px;border-bottom:1px solid #dfe7ef;margin:0 0 24px;}
.admin-panel .admin-tabs .at-item{position:relative;border:0;border-radius:0;background:transparent;box-shadow:none;color:#7a899c;padding:0 2px 15px;font-size:14px;font-weight:500;}
.admin-panel .admin-tabs .at-item:hover{color:#0c5994;background:transparent;}
.admin-panel .admin-tabs .at-item.active{color:#0c5994;background:transparent;box-shadow:none;font-weight:700;}
.admin-panel .admin-tabs .at-item.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#0c5994;border-radius:2px;}
.admin-panel .card{border:0;border-radius:12px;box-shadow:none;padding:24px 28px;margin-bottom:18px;}
.admin-panel .card h4{font-size:16px;color:#172c44;margin:0 0 18px;font-weight:650;}
.admin-panel #cardNew h4{margin-bottom:6px;}
.settings-help{margin:0 0 22px;font-size:12.5px;line-height:1.6;color:#7a899c;}
.admin-panel .row{gap:14px;}
.admin-panel .row label,.admin-panel .fld label{font-size:12px;color:#65768b;margin-bottom:8px;}
.admin-panel .row input,.admin-panel .row select,.admin-panel .row textarea,.admin-panel .fld input,.admin-panel .fld select,.admin-panel .fld textarea{border:1px solid #e3e9f0;border-radius:6px;background:#f8fafc;box-shadow:none;font-family:inherit;}
.admin-panel .row input:focus,.admin-panel .row select:focus,.admin-panel .fld input:focus,.admin-panel .fld textarea:focus{border-color:#0c5994;background:#fff;box-shadow:0 0 0 3px #edf5fb;}
.admin-panel .btn,.perm-modal .btn{border-radius:6px;box-shadow:none;font-family:inherit;}
.admin-panel .btn:not(.ghost):not(.danger):not(.gold),.perm-modal .btn:not(.ghost):not(.danger){background:#0c5994;}
.admin-panel .btn:not(.ghost):not(.danger):not(.gold):hover,.perm-modal .btn:not(.ghost):not(.danger):hover{background:#094876;}
.admin-panel .btn.ghost,.perm-modal .btn.ghost{background:#fff;border-color:#e3e9f0;color:#526b83;}
.admin-panel .btn.ghost:hover,.perm-modal .btn.ghost:hover{color:#0c5994;background:#edf5fb;}
.admin-panel .perm-block{margin-top:24px;padding-top:20px;border-top:1px solid #edf1f5;}
.admin-panel .perm-head-row{margin-bottom:12px;}
.admin-panel .perm-head-row>label{font-size:13px;font-weight:600;color:#172c44;}
.admin-panel .perm-sub{font-size:12px;color:#8b98a8;font-weight:400;}
.admin-panel .perm-quick{gap:16px;}
.admin-panel .perm-quick .btn{padding:5px 0;border:0;background:transparent;color:#0c5994;font-weight:500;}
.admin-panel .perm-grid,.perm-modal .perm-grid{display:block;}
.perm-group{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:start;gap:14px;padding:10px 0;border-bottom:1px solid #f0f3f6;}
.perm-group:last-child{border-bottom:0;}
.perm-group-title{grid-column:auto;font-size:12px;color:#8a98a8;font-weight:500;letter-spacing:0;padding:9px 0;}
.perm-group-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 10px;}
.admin-panel .perm-item,.perm-modal .perm-item{min-width:0;border:0;border-radius:5px;background:transparent;padding:9px 7px;color:#526579;font-size:13px;gap:8px;}
.admin-panel .perm-item.on,.perm-modal .perm-item.on{border:0;background:transparent;color:#23445f;}
.admin-panel .perm-item:hover,.perm-modal .perm-item:hover{border:0;background:#f1f6fa;}
.admin-panel .perm-item .pi-ico,.perm-modal .perm-item .pi-ico{display:none;}
.admin-panel .perm-item input,.perm-modal .perm-item input{width:15px;height:15px;flex-basis:15px;accent-color:#0c5994;}
.admin-panel .msg:empty{display:none;}
.admin-panel th{background:#f7f9fc;color:#7a899c;font-weight:500;padding:13px 12px;}
.admin-panel td{padding:15px 12px;border-color:#edf1f5;}
.admin-panel .tag{border-radius:4px;}
.admin-panel .tag.on{color:#0c5994;background:#edf5fb;}
.admin-panel .subtabs{gap:8px;margin-bottom:18px;}
.admin-panel .subtab{border:0;background:transparent;color:#7a899c;border-radius:5px;}
.admin-panel .subtab.active{background:#e6eff7;color:#0c5994;}
.perm-modal .perm-box{width:800px;border-radius:12px;box-shadow:0 18px 60px #172c4426;padding:26px;}
.perm-modal .perm-group-items{grid-template-columns:repeat(3,minmax(0,1fr));}
.admin-panel :is(button,input,select,textarea):focus-visible,.perm-modal :is(button,input):focus-visible{outline:2px solid #0c5994;outline-offset:3px;}
#cardUserList{overflow-x:auto;}
@media(max-width:1000px){.perm-group-items{grid-template-columns:repeat(3,minmax(0,1fr));}.settings-heading-note{display:none;}}
@media(max-width:640px){
  .admin-panel{padding:22px 14px 32px;}.settings-heading{margin-bottom:22px;}.settings-heading h2{font-size:22px;}
  .admin-panel .admin-tabs{gap:22px;margin-bottom:18px;}.admin-panel .admin-tabs .at-item{font-size:13px;gap:6px;}
  .admin-panel .card{padding:20px 16px;border-radius:10px;}.admin-panel .row{gap:12px;}
  .admin-panel .row .fld{min-width:calc(50% - 12px);}.admin-panel #nuBtn{margin-left:auto;}
  .admin-panel .perm-sub{display:block;margin:5px 0 0;font-size:11.5px;}
  .perm-group{grid-template-columns:1fr;gap:3px;padding:9px 0;}.perm-group-title{padding:3px 0;}
  .perm-group-items,.perm-modal .perm-group-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px;}
  .admin-panel .perm-item,.perm-modal .perm-item{font-size:12px;padding:9px 2px;}
  .admin-panel #cardUserList table{min-width:640px;}.perm-modal .perm-box{padding:20px 16px;}
}