/* Segment 10 · unified Settings, Users & Roles */
.settings-segment-tabs{display:flex;gap:6px;overflow-x:auto;margin:0 0 18px;padding:5px;border:1px solid #dbe6ef;border-radius:12px;background:#f7fbff}
.settings-segment-tabs button,.settings-subtabs button{border:0;background:transparent;color:#657b8e;font:inherit;font-size:10px;font-weight:800;padding:9px 12px;border-radius:8px;white-space:nowrap;cursor:pointer}
.settings-segment-tabs button:hover,.settings-subtabs button:hover{background:#edf5fc;color:#285d8c}
.settings-segment-tabs button.active,.settings-subtabs button.active{background:#fff;color:#195f9c;box-shadow:0 1px 5px rgba(30,78,118,.12)}
.settings-segment-body{display:grid;gap:16px}
.settings-card,.settings-subcard{background:#fff;border:1px solid #dce6ef;border-radius:12px;box-shadow:0 3px 14px rgba(24,64,101,.035);overflow:hidden}
.settings-card{padding:18px}
.settings-subcard{margin:14px 0;padding:14px}
.settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.settings-card-head h2,.settings-subcard h3{margin:0;color:#213f59;font-size:15px}
.settings-card-head p{margin:4px 0 0;color:#7890a4;font-size:10px;line-height:1.5;max-width:680px}
.settings-two-column{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.settings-company-profile{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #e0e9f0;border-radius:10px;background:#f9fcff}
.settings-company-logo,.settings-print-logo{width:72px;height:72px;object-fit:contain;border:1px solid #d8e3ec;border-radius:10px;background:#fff;padding:7px}
.settings-company-profile h3{margin:0;color:#24445f;font-size:18px}
.settings-company-profile p{margin:5px 0;color:#647d91;font-size:10px}
.settings-company-profile small{color:#92a0ac;font-size:8.5px}
.settings-print-brand{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #e0e9f0;border-radius:10px;margin-bottom:14px}
.settings-print-brand b,.settings-print-brand span{display:block}.settings-print-brand b{color:#25445e;font-size:13px}.settings-print-brand span{margin-top:4px;color:#7e91a2;font-size:9px}
.settings-rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.settings-rule-grid article{border:1px solid #e0e8ef;border-radius:9px;background:#fbfdff;padding:14px}
.settings-rule-grid b,.settings-rule-grid span{display:block}.settings-rule-grid b{color:#2d526f;font-size:11px}.settings-rule-grid span{margin-top:5px;color:#71879a;font-size:9px;line-height:1.5}
.settings-subtabs{display:flex;gap:5px;margin:-4px 0 16px;padding-bottom:10px;border-bottom:1px solid #e5edf3}
.settings-subtabs button{background:#f5f9fc}
.users-role-head{margin-bottom:14px}
.settings-permission-summary{display:flex;flex-wrap:wrap;gap:4px;max-width:540px}
.settings-permission-summary i,.material-tag-list i{font-style:normal;border:1px solid #d9e7f2;border-radius:999px;background:#f3f8fc;color:#4c708e;font-size:8px;padding:3px 7px}
.settings-permission-summary small{align-self:center;color:#8495a3}
.permission-matrix-wrap{max-height:620px;overflow:auto}
.permission-matrix th:first-child,.permission-matrix td:first-child{position:sticky;left:0;background:#fff;z-index:1;min-width:170px}
.permission-matrix td.yes{color:#23734b;font-weight:900;text-align:center}.permission-matrix td.no{color:#b0bcc5;text-align:center}
.permission-matrix td small{display:block;color:#8a9ba8;margin-top:2px;font-size:8px}
.settings-role-permissions{display:grid;gap:8px}
.settings-role-permissions section{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid #dde7ef;border-radius:9px;padding:11px 12px;background:#fbfdff}
.settings-role-permissions section>div:first-child b,.settings-role-permissions section>div:first-child small{display:block}
.settings-role-permissions section>div:first-child b{font-size:10px;color:#31526d}.settings-role-permissions section>div:first-child small{font-size:8px;color:#8a99a6;margin-top:3px}
.settings-role-permissions section>div:last-child{display:flex;gap:12px}.settings-role-permissions label{display:flex;align-items:center;gap:5px;color:#526f86;font-size:9px;font-weight:700}
.settings-approval-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.settings-approval-list article{display:flex;gap:10px;padding:13px;border:1px solid #dfe9f0;border-radius:9px;background:#fbfdff}
.settings-approval-list article>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e8f5ee;color:#24744d;font-weight:900;flex:0 0 auto}
.settings-approval-list b{display:block;color:#2e506b;font-size:10px}.settings-approval-list p{margin:4px 0 0;color:#72889b;font-size:8.5px;line-height:1.45}
.settings-card .tablewrap{border:1px solid #e1e9f0;border-radius:9px;overflow:auto}
.settings-card table{margin:0}
.settings-card .grid+.btn,.settings-card .notice+.grid{margin-top:14px}
.settings-card>.btn{margin-top:14px}
.settings-card .material-settings-card{border:0}
@media(max-width:980px){.settings-two-column{grid-template-columns:1fr}.settings-rule-grid{grid-template-columns:1fr}.settings-approval-list{grid-template-columns:1fr}}
@media(max-width:640px){.settings-card{padding:14px}.settings-card-head{flex-direction:column}.settings-card-head .btn{width:100%}.settings-company-profile{align-items:flex-start}.settings-role-permissions section{align-items:flex-start;flex-direction:column}.settings-segment-tabs{border-radius:9px}}