.modalbox.role-modal .settings-modal-form{width:100%;}
.modalbox.role-modal .settings-modal-form > div{grid-column:1 / -1;width:100%;}
.settings-role-permissions{display:flex;flex-direction:column;gap:0px;margin-top:10px;max-height:420px;overflow:auto;padding:0px;border:1px solid rgb(216, 222, 230);border-radius:10px;background:rgb(248, 250, 252);width:100%;box-sizing:border-box;}
.settings-check{gap:14px;width:100%;min-height:42px;padding:9px 14px;border-bottom:1px solid rgb(226, 230, 234);box-sizing:border-box;display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;font-weight:500 !important;}
.settings-check:last-child{border-bottom:0px;}
.settings-check span{flex:1 1 0%;min-width:0px;}
.settings-check input{width:17px !important;height:17px !important;flex:0 0 17px !important;margin:0px !important;align-self:center !important;}
.settings-you{display:inline-block;margin-left:8px;font-size:10px;color:rgb(22, 131, 75);background:rgb(237, 249, 243);padding:3px 6px;border-radius:12px;}
.settings-role{white-space:nowrap;display:inline-block;font-size:11px;font-weight:700;color:rgb(89, 99, 109);background:rgb(238, 241, 244);padding:4px 8px;border-radius:20px;}
.modalbox:has(table), .modalbox:has(.tablewrap), .modalbox:has(.history-detail), .modalbox:has(.settings-form-grid), .modalbox.history-operation-modal, .modalbox.product-card-modal, .modalbox.defect-media-modal, .modalbox.role-modal{width:max-content;min-width:min(900px, -36px + 100vw);max-width:none;}
@media (max-width: 700px){.modalbox:has(table), .modalbox:has(.tablewrap), .modalbox:has(.history-detail), .modalbox:has(.settings-form-grid), .modalbox.history-operation-modal, .modalbox.product-card-modal, .modalbox.defect-media-modal, .modalbox.role-modal, #modal .modalbox:has(#mText table){min-width:calc(-20px + 100vw);}}
#modal #transitDocsPreview > .settings-note, #modal #transitDocsPreview > .actions, #modal #transitDocsPreview > .hint{flex:0 0 auto;}
.settings-page{max-width:1280px;margin:0px auto;}
.settings-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;margin-bottom:16px;border-radius:12px;background:linear-gradient(135deg, rgb(37, 43, 49) 0%, rgb(52, 59, 67) 100%);color:rgb(255, 255, 255);box-shadow:rgba(28, 35, 42, 0.14) 0px 10px 28px;}
.settings-eyebrow{font-size:10px;letter-spacing:0.15em;color:rgb(174, 183, 192);font-weight:700;margin-bottom:5px;}
.settings-hero h2{margin:0px 0px 4px;font-size:22px;letter-spacing:-0.02em;}
.settings-hero p{margin:0px;color:rgb(198, 205, 212);font-size:13px;}
.settings-version{min-width:110px;padding:11px 14px;border:1px solid rgba(255, 255, 255, 0.13);border-radius:9px;background:rgba(255, 255, 255, 0.06);text-align:right;}
.settings-version span{display:block;color:rgb(174, 183, 192);font-size:11px;margin-bottom:3px;}
.settings-version b{font-size:16px;color:rgb(255, 255, 255);}
.settings-grid{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));gap:15px;}
.settings-card{background:rgb(255, 255, 255);border:1px solid var(--line);border-radius:11px;padding:18px;box-shadow:var(--shadow);min-width:0px;}
.settings-card-head{display:flex;align-items:center;gap:12px;margin-bottom:15px;}
.settings-card-head h3{margin:0px 0px 2px;font-size:15px;color:rgb(37, 43, 49);}
.settings-card-head p{margin:0px;color:rgb(122, 131, 141);font-size:12px;}
.settings-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:18px;flex:0 0 40px;}
.settings-icon.red{background:rgb(255, 240, 243);color:rgb(200, 16, 46);}
.settings-icon.blue{background:rgb(237, 245, 255);color:rgb(40, 103, 166);}
.settings-icon.green{background:rgb(237, 249, 243);color:rgb(22, 131, 75);}
.settings-icon.gray{background:rgb(238, 241, 244);color:rgb(89, 99, 109);}
.settings-user{display:flex;align-items:center;gap:10px;padding:11px 0px;border-top:1px solid rgb(237, 240, 242);}
.settings-user:first-of-type{border-top:0px;padding-top:0px;}
.settings-avatar{width:34px;height:34px;border-radius:50%;background:rgb(238, 241, 244);display:flex;align-items:center;justify-content:center;font-weight:700;color:rgb(78, 89, 100);}
.settings-user > div:nth-child(2){flex:1 1 0%;min-width:0px;}
.settings-user b, .settings-user span{display:block;}
.settings-user span{font-size:12px;color:rgb(122, 131, 141);margin-top:2px;}
.settings-badge{font-style:normal;font-size:10px;font-weight:700;color:rgb(101, 112, 122);background:rgb(240, 242, 244);border-radius:20px;padding:5px 8px;white-space:nowrap;}
.settings-badge.admin{color:rgb(22, 131, 75);background:rgb(237, 249, 243);}
.settings-permission, .settings-info-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0px;border-top:1px solid rgb(237, 240, 242);font-size:13px;}
.settings-permission:first-of-type, .settings-info-row:first-of-type{border-top:0px;}
.settings-permission b{font-size:11px;font-weight:700;padding:4px 8px;border-radius:20px;white-space:nowrap;}
.settings-permission b.off{color:rgb(122, 74, 82);background:rgb(255, 241, 243);}
.settings-backup-card{display:flex;flex-direction:column;}
.settings-backup-status{display:flex;align-items:center;gap:10px;padding:12px;background:rgb(246, 250, 248);border:1px solid rgb(220, 238, 229);border-radius:8px;margin-bottom:12px;}
.settings-status-dot{width:9px;height:9px;border-radius:50%;background:rgb(22, 131, 75);box-shadow:rgba(22, 131, 75, 0.1) 0px 0px 0px 4px;}
.settings-backup-status b, .settings-backup-status span{display:block;}
.settings-backup-status span{font-size:11px;color:rgb(122, 131, 141);margin-top:2px;}
.settings-backup-btn{align-self:flex-start;}
.settings-note{font-size:11px;color:rgb(122, 131, 141);margin-top:9px;line-height:1.45;}
.settings-info-row b{font-weight:600;color:rgb(51, 59, 67);}
@media (max-width: 850px){.settings-grid{grid-template-columns:1fr;}}
@media (max-width: 850px){.settings-hero{align-items:flex-start;flex-direction:column;}}
@media (max-width: 850px){.settings-version{text-align:left;width:100%;}}
.settings-subnav{display:flex;gap:7px;margin-bottom:15px;padding:5px;background:rgb(228, 232, 236);border:1px solid rgb(213, 218, 224);border-radius:9px;width:max-content;max-width:100%;}
.settings-subnav button{background:transparent;border:0px;color:rgb(88, 99, 110);padding:8px 13px;border-radius:6px;font-size:13px;font-weight:600;}
.settings-subnav button:hover{background:rgb(247, 248, 250);color:rgb(37, 43, 49);}
.settings-subnav button.active{background:rgb(255, 255, 255);color:var(--red);box-shadow:rgba(27, 35, 44, 0.08) 0px 2px 7px;}
.settings-panel{background:rgb(255, 255, 255);border:1px solid var(--line);border-radius:11px;padding:18px;box-shadow:var(--shadow);}
.settings-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px;}
.settings-panel-head h3{margin:0px 0px 3px;font-size:17px;}
.settings-panel-head p{margin:0px;color:rgb(120, 129, 139);font-size:12px;}
.settings-panel .tablewrap{margin-top:5px;}
.settings-user-cell{display:flex;align-items:center;gap:9px;}
.settings-user-cell > div:nth-child(2){display:flex;align-items:center;gap:7px;}
.settings-role.admin{color:rgb(22, 131, 75);background:rgb(237, 249, 243);}
.settings-user-actions{display:flex;gap:6px;flex-wrap:wrap;}
.settings-user-actions button{padding:6px 9px;font-size:12px;}
.settings-delete-user:hover{color:rgb(169, 12, 37);border-color:rgb(226, 160, 171);background:rgb(255, 243, 245);}
.settings-password-box{max-width:720px;border:1px solid rgb(224, 228, 232);border-radius:10px;padding:18px;background:rgb(250, 251, 252);}
.settings-password-user{display:flex;align-items:center;gap:10px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid rgb(227, 231, 235);}
.settings-password-user span, .settings-password-user b{display:block;}
.settings-password-user span{font-size:12px;color:rgb(120, 129, 139);margin-top:2px;}
.settings-form-grid{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));gap:13px;}
.settings-form-grid label, .settings-modal-form label{display:flex;flex-direction:column;gap:5px;color:rgb(85, 95, 105);font-size:12px;font-weight:600;}
.settings-form-grid label:last-child{grid-column:1 / -1;}
.settings-form-grid input, .settings-modal-form input, .settings-modal-form select{box-sizing:border-box;width:100%;padding:9px 10px;border:1px solid rgb(200, 206, 213);border-radius:7px;background:rgb(255, 255, 255);color:rgb(32, 37, 43);font:inherit;}
.settings-form-grid input:focus, .settings-modal-form input:focus, .settings-modal-form select:focus{outline:none;border-color:rgb(212, 58, 82);box-shadow:rgba(200, 16, 46, 0.1) 0px 0px 0px 3px;}
.settings-form-actions{display:flex;justify-content:flex-end;margin-top:15px;padding-top:13px;border-top:1px solid rgb(227, 231, 235);}
.settings-modal-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.settings-modal-form label:first-child{grid-column:1 / -1;}
.settings-modal-form .muted{font-weight:400;font-size:11px;}
@media (max-width: 760px){.settings-panel-head{align-items:flex-start;flex-direction:column;}}
@media (max-width: 760px){.settings-form-grid, .settings-modal-form{grid-template-columns:1fr;}}
@media (max-width: 760px){.settings-form-grid label:last-child, .settings-modal-form label:first-child{grid-column:auto;}}
@media (max-width: 760px){.settings-subnav{width:100%;overflow:auto;}}
.settings-access{display:inline-block;font-size:11px;font-weight:700;padding:4px 8px;border-radius:20px;white-space:nowrap;}
.settings-access.full{color:rgb(22, 131, 75);background:rgb(237, 249, 243);}
.settings-access.limited{color:rgb(106, 101, 112);background:rgb(240, 242, 244);}
.settings-error-panel pre{white-space:pre-wrap;background:rgb(246, 247, 248);padding:12px;border-radius:7px;color:rgb(122, 38, 51);}
.settings-general-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.general-settings-tabs{display:flex;gap:10px;margin:4px 0px 18px;padding:5px;width:max-content;max-width:100%;background:rgb(228, 232, 236);border:1px solid rgb(213, 218, 224);border-radius:10px;}
.general-settings-tabs button{min-width:190px;padding:11px 20px;border:0px;border-radius:7px;background:transparent;color:rgb(89, 99, 109);font-size:13px;font-weight:700;cursor:pointer;}
.general-settings-tabs button:hover{background:rgb(247, 248, 250);color:rgb(37, 43, 49);}
.general-settings-tabs button.active{background:rgb(255, 255, 255);color:var(--red);box-shadow:rgba(27, 35, 44, 0.1) 0px 2px 8px;}
.general-settings-content{border:1px solid rgb(217, 224, 231);border-radius:11px;background:rgb(255, 255, 255);padding:16px;}
.settings-general-view .settings-panel-head{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgb(237, 240, 243);}
.settings-general-view .settings-panel-head h3{margin:0px 0px 4px;}
@media (max-width: 650px){.general-settings-tabs{width:100%;}}
@media (max-width: 650px){.general-settings-tabs button{min-width:0px;flex:1 1 0%;padding:10px 8px;}}
.settings-general-block{border:1px solid rgb(217, 224, 231);border-radius:12px;background:rgb(255, 255, 255);padding:16px;}
.settings-general-block .settings-panel-head{padding:0px 0px 12px;margin-bottom:12px;border-bottom:1px solid rgb(237, 240, 243);}
.settings-general-block .settings-panel-head h3{margin:0px 0px 4px;}
@media (max-width: 1000px){.settings-general-grid{grid-template-columns:1fr;}}