:root{--wine:#061a2f;--wine-dark:#020f1f;--rose:#173a5c;--orange:#ff6500;--cream:#f7f9fc;--sand:#e9eef4;--wood:#536579;--brand-ink:#0a1c2e}
body{background:#f4f7fa!important;color:var(--brand-ink)!important}
.side,.sidebar{background:linear-gradient(165deg,var(--wine),var(--wine-dark))!important}
.brand b,.logo{background:var(--orange)!important;color:#061a2f!important;box-shadow:0 8px 20px #00102038!important}
.brand-logo{width:100%;height:82px;padding:6px 10px;background:#fff;border-radius:15px;box-shadow:0 10px 24px #00102047}.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}.sidebar .logo{font-size:0;background:#fff url('/images/bitdish-logo.png') center 20%/145px 97px no-repeat!important}.sidebar .logo:after{content:""}
.brand small{display:block;color:#bed0df;font:700 9px/1.2 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-top:2px}
.nav a,.nav button{transition:.18s ease}.nav a:hover,.nav a.active,.nav button:hover,.nav button.active{background:#fff!important;color:var(--orange)!important;transform:translateY(-1px)}
.top,.topbar{background:#fffffff5!important;border-color:#dce4ec!important}.top h1,.topbar h1,.panel-head h2,.section h2,.metric strong{color:var(--wine)!important}.content{max-width:1600px;width:100%;margin-inline:auto}
.card,.section,.panel,.metric{border-color:#dce4ec!important;box-shadow:0 10px 32px #07192b0d!important}.card,.metric{position:relative;overflow:hidden}.card:before,.metric:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--orange)}
.button,.pay,.confirm,.login{background:linear-gradient(135deg,var(--orange),#ff7a18)!important;color:#fff!important;box-shadow:0 8px 18px #ff650033;transition:.18s ease}.button:hover,.pay:hover,.confirm:hover,.login:hover{transform:translateY(-1px);box-shadow:0 11px 23px #ff650047}.button.secondary{background:#edf2f7!important;color:var(--wine)!important;box-shadow:none}
.side .nav a{color:#c7d5e2}.badge,.status{background:#fff1dc!important;color:#9c4e00!important}.status:before{background:var(--orange)!important}.profile{border-color:#ffffff2e!important}.profile small{color:#b8cad9!important}.date{color:#627386!important}
.modal-back,.modal-backdrop{background:#001020b8!important}.wrap{border-color:#dce4ec!important;box-shadow:0 28px 90px #00102024!important}.form>p,.remember,.demo{color:#627386!important}.login{font-size:0}.login:after{content:"Ingresar a BitDish";font-size:14px}
th{background:#f5f8fb;color:#526579!important}tr:hover td{background:#f8fafc}.avatar{background:#e8eef5!important;color:var(--wine)!important}input:focus,select:focus{border-color:var(--orange)!important;box-shadow:0 0 0 3px #ff650017;outline:0}
.metric-icon,.empty-icon{background:#fff0e6!important;color:var(--orange)!important}.table-card{background:#fff!important;border-color:#dce4ec!important}.table-card:hover{border-color:var(--orange)!important;box-shadow:0 12px 25px #07192b1f!important}.table-card.selected{background:#fff6ef!important;border-color:var(--orange)!important}.table-card.occupied{background:#edf4fa!important;border-color:#b9cbdb!important}.table-dot,.dot{background:#36a269!important}.occupied .table-dot,.dot.busy{background:var(--orange)!important}.available-text{color:#25754b!important}
.category-tabs{scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.cat.active{background:var(--wine)!important;border-color:var(--wine)!important}.product:hover{background:#fff7eb!important;border-color:var(--orange)!important}.product span,.qty button{color:var(--wine)!important}.totals{background:#fffaf2!important}.method.active{border-color:var(--wine)!important;background:#fff0f3!important;color:var(--wine)!important}.toast{background:var(--wine-dark)!important}
.visual{background:radial-gradient(circle at 18% 15%,#ff650038,transparent 26%),linear-gradient(150deg,#173a5c,var(--wine) 48%,var(--wine-dark))!important}.visual .logo b{background:var(--orange)!important}.visual p{color:#c7d5e2!important}.quote{border-color:var(--orange)!important}.eyebrow{color:var(--orange)!important}.form h2{color:var(--wine)}
.visual .logo{font-size:0;width:210px;height:92px;background:#fff url('/images/bitdish-logo.png') center/contain no-repeat!important;border-radius:16px;box-shadow:0 12px 28px #00102052}.visual .logo b{display:none}
@media(max-width:900px){.side{position:sticky!important;top:0;z-index:15;box-shadow:0 8px 24px #00102042}.brand-logo{width:150px;height:58px;margin-bottom:12px!important}.side .nav{gap:7px}.side .nav a{color:#dce8f2;white-space:nowrap;min-height:42px;display:flex;align-items:center}.top{height:68px!important}.top h1{font-size:21px!important}.section-head{gap:14px}}
@media(max-width:700px){.sidebar{background:linear-gradient(90deg,var(--wine-dark),var(--wine))!important;box-shadow:0 -7px 24px #00102042}.sidebar .nav button{color:#dce8f2}.metrics{gap:10px!important}.metric{padding:14px!important}.metric strong{font-size:18px!important}.table-card{min-height:112px!important}.order-panel{border-radius:16px!important}.products{max-height:230px!important}.product{min-height:62px}.pay{min-height:48px}}
@media(max-width:520px){.top span{display:none}.content{padding:14px!important}.grid{gap:10px!important}.card{padding:16px!important}.section-head{align-items:flex-start!important;flex-direction:column}.section-head .button{width:100%;text-align:center}.modal{padding:20px!important;border-radius:16px!important}}
.app-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#fff;opacity:1;visibility:visible;transition:opacity .32s ease,visibility .32s ease}.app-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-brand{width:min(360px,78vw);text-align:center}.loader-brand img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.loader-progress{width:190px;height:4px;margin:8px auto 0;overflow:hidden;border-radius:99px;background:#dfe6ed}.loader-progress span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff6500,#ff8b3d);animation:bitdish-load 1.05s ease-in-out infinite}.loader-brand p{margin:14px 0 0;color:#627386;font-size:12px;font-weight:700;letter-spacing:.02em}@keyframes bitdish-load{0%{transform:translateX(-120%)}100%{transform:translateX(340%)}}@media(prefers-reduced-motion:reduce){.loader-progress span{animation-duration:2.2s}.app-loader{transition:none}}@media(max-width:520px){.loader-brand{width:min(290px,82vw)}.loader-brand p{font-size:11px}}
.top-title{display:flex;align-items:center;gap:12px}.menu-toggle,.menu-close,.nav-overlay{display:none}.menu-toggle{width:42px;height:42px;border:1px solid #dce4ec;border-radius:11px;background:#fff;color:#061a2f;align-items:center;justify-content:center;cursor:pointer}.menu-toggle svg{width:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.menu-close{position:absolute;top:15px;right:15px;width:38px;height:38px;border:0;border-radius:10px;background:#ffffff17;color:#fff;font-size:28px;line-height:1;cursor:pointer}
@media(max-width:900px){body.menu-open{overflow:hidden}.shell{display:block!important}.side{display:flex!important;position:fixed!important;inset:0 auto 0 0!important;width:min(310px,86vw)!important;height:100dvh!important;padding:22px 18px!important;transform:translateX(-104%);transition:transform .28s ease!important;z-index:80!important;overflow-y:auto}.menu-open .side{transform:translateX(0)}.side .brand-logo{width:190px!important;height:72px!important;margin:0 48px 28px 0!important}.side .nav{display:grid!important;overflow:visible!important}.side .nav a{width:100%;min-height:46px;padding:12px!important}.side .profile{display:block!important;margin-top:auto}.menu-toggle,.menu-close{display:flex}.nav-overlay{display:block;position:fixed;inset:0;z-index:70;border:0;background:#00102099;opacity:0;visibility:hidden;transition:.25s ease}.menu-open .nav-overlay{opacity:1;visibility:visible}.top{position:sticky;top:0;z-index:30;padding:0 18px!important}.main{width:100%}.content{padding:18px!important}.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:680px}}
@media(max-width:560px){.top{height:64px!important}.top h1{font-size:19px!important}.top>span{display:none}.content{padding:14px!important}.grid{grid-template-columns:1fr!important}.section{margin-top:14px!important}.section-head{padding:16px!important}.section-head h2{font-size:18px!important}.section-head .button{width:100%;text-align:center}.empty{padding:34px 18px!important}.modal-back{align-items:end!important;padding:0!important}.modal{width:100%!important;max-height:92dvh!important;border-radius:20px 20px 0 0!important;padding:20px!important}.actions{position:sticky;bottom:-20px;background:#fff;padding:14px 0 20px}.actions .button{flex:1}}
.top-kicker{display:block;color:#8999aa;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:3px}.header-user{display:flex;align-items:center;gap:10px;padding-left:20px;border-left:1px solid #e5ebf1}.header-user>div:last-child{display:grid}.header-user strong{font-size:12px;color:#0a1c2e}.header-user small{font-size:10px;color:#7a8b9d;margin-top:2px}.header-avatar{width:38px;height:38px;border-radius:12px;background:#fff0e6;color:#ff6500;display:grid;place-items:center;font-weight:900}
.nav-section{display:block;margin:18px 11px 7px;color:#71869b;font-size:8px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.side .nav a{display:flex;align-items:center;gap:11px;min-height:46px}.side .nav a i{width:27px;height:27px;border:1px solid #ffffff30;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:8px;color:#aac0d3}.side .nav a.active{box-shadow:inset 3px 0 0 #ff6500}.side .nav a.active i{border-color:#ff650055;color:#ff6500;background:#ff650011}
.welcome-panel{position:relative;overflow:hidden;min-height:168px;padding:32px 38px;border-radius:20px;background:linear-gradient(115deg,#102b4c,#214d7c);color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 16px 35px #07192b18}.welcome-panel:after{content:"";position:absolute;right:9%;top:-100px;width:290px;height:290px;border:56px solid #ffffff0a;border-radius:50%}.welcome-panel>div{position:relative;z-index:1}.system-pill{display:inline-flex;align-items:center;gap:7px;background:#ffffff16;border:1px solid #ffffff12;border-radius:99px;padding:6px 10px;font-size:10px;font-weight:800;color:#dce8f2}.system-pill i{width:7px;height:7px;border-radius:50%;background:#43d49b;box-shadow:0 0 0 5px #43d49b1f}.welcome-panel h2{font-size:26px;margin:25px 0 6px}.welcome-panel p{margin:0;color:#c2d1df}.welcome-date{min-width:175px;border-left:1px solid #ffffff30;padding-left:28px;display:grid!important;grid-template-columns:auto 1fr;align-items:end}.welcome-date small{grid-column:1/-1;color:#a9c0d6;text-transform:uppercase;font-size:10px}.welcome-date strong{font-size:43px;line-height:1;margin-right:12px}.welcome-date span{font-size:11px;color:#c5d5e3;padding-bottom:5px;text-transform:capitalize}
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}.dash-metric{position:relative;display:flex;align-items:center;gap:14px;min-height:105px;padding:18px 20px;background:#fff;border:1px solid #dce4ec;border-radius:17px;box-shadow:0 8px 24px #07192b0a}.dash-icon{flex:0 0 auto;width:44px;height:44px;border-radius:13px;display:grid;place-items:center}.dash-icon svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.8}.dash-icon.orange{background:#fff0e6;color:#ff6500}.dash-icon.blue{background:#e9f1ff;color:#356ad8}.dash-icon.violet{background:#f0eaff;color:#8056d7}.dash-icon.green{background:#e6f7f1;color:#249b72}.dash-metric small{display:block;color:#8191a2;font-size:11px}.dash-metric strong{display:block;color:#07192b;font-size:21px;margin-top:5px}.metric-arrow{position:absolute;top:18px;right:18px;color:#a4b2c0}
.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:18px;margin-top:20px}.dashboard-card,.quick-start{background:#fff;border:1px solid #dce4ec;border-radius:18px;overflow:hidden;box-shadow:0 8px 25px #07192b08}.dashboard-card>header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #e8edf2}.dashboard-card h2,.quick-start h2{margin:3px 0 0;color:#0a1c2e;font-size:18px}.section-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#8a9aad}.text-link{color:#ff6500;font-size:11px;font-weight:800}.text-link span{margin-left:4px}.count-badge{padding:6px 9px;border-radius:99px;background:#f1f4f7;color:#6f8193;font-size:9px;font-weight:800}.friendly-empty{min-height:285px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty-circle{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff0e6;color:#ff6500;font-weight:900;margin-bottom:12px}.friendly-empty>strong,.compact-empty strong{color:#12263d}.friendly-empty p,.compact-empty p{color:#8998a7;font-size:11px}.friendly-empty .button{margin-top:10px;font-size:11px}.compact-empty{min-height:285px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.compact-empty>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e7f7f0;color:#23956f;margin-bottom:12px}.payment-list,.open-table-list{padding:5px 20px}.payment-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;padding:14px 2px;border-bottom:1px solid #edf1f4}.row-avatar,.table-number{width:37px;height:37px;border-radius:10px;background:#edf3ff;color:#356ad8;display:grid;place-items:center;font-size:10px;font-weight:900}.row-main{display:grid}.row-main small,.open-table-list small{color:#8b9aaa;font-size:10px;margin-top:3px}.payment-row>span{color:#8998a7;font-size:10px}.payment-row>strong{font-size:12px}.open-table-list a{display:flex;align-items:center;gap:11px;padding:13px 2px;border-bottom:1px solid #edf1f4}.open-table-list a div{display:grid;flex:1}.open-table-list b{font-size:11px}.quick-start{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:18px;padding:24px}.quick-start p{margin:5px 0 0;color:#8797a7;font-size:11px}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;flex:1;max-width:760px}.quick-actions a{position:relative;display:grid;padding:14px;border:1px solid #e2e8ee;border-radius:13px;transition:.18s}.quick-actions a:hover{border-color:#ff6500;transform:translateY(-1px)}.quick-actions a span{position:absolute;right:12px;top:10px;color:#ff6500;font-size:9px;font-weight:900}.quick-actions strong{font-size:11px}.quick-actions small{color:#8999a9;font-size:9px;margin-top:5px}
@media(max-width:1100px){.dashboard-metrics{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1fr}.quick-start{align-items:flex-start;flex-direction:column}.quick-actions{width:100%;max-width:none}}
@media(max-width:700px){.header-user>div:last-child{display:none}.header-user{border:0;padding-left:0}.welcome-panel{padding:25px;min-height:180px}.welcome-panel h2{font-size:23px;margin-top:22px}.welcome-date{display:none!important}.dashboard-metrics{grid-template-columns:1fr}.dashboard-columns{gap:14px}.dashboard-card>header{padding:18px}.friendly-empty,.compact-empty{min-height:220px}.quick-start{padding:18px}.quick-actions{grid-template-columns:1fr}.payment-row{grid-template-columns:auto 1fr auto}.payment-row>span{display:none}}
.company-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;background:#fff;border:1px solid #dce4ec;border-radius:18px}.company-hero h2{margin:5px 0;color:#0a1c2e;font-size:23px}.company-hero p{margin:0;color:#7e8fa0;font-size:12px}.company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.company-card{background:#fff;border:1px solid #dce4ec;border-radius:17px;overflow:hidden;box-shadow:0 8px 24px #07192b08}.company-card header{display:flex;align-items:center;gap:11px;padding:18px;border-bottom:1px solid #edf1f4}.company-card h3{margin:0 0 5px;font-size:14px}.company-monogram{width:42px;height:42px;border-radius:12px;background:#fff0e6;color:#ff6500;display:grid;place-items:center;font-weight:900}.icon-action{margin-left:auto;border:0;background:#f3f6f8;border-radius:9px;width:34px;height:34px;color:#718294;cursor:pointer}.company-card dl{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:18px;gap:16px}.company-card dt{color:#91a0ae;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.company-card dd{margin:4px 0 0;color:#273a4e;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-card footer{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;background:#f8fafc;color:#768797;font-size:10px}.company-card footer button{border:0;background:transparent;cursor:pointer}.company-grid>.friendly-empty{grid-column:1/-1;min-height:300px}@media(max-width:1100px){.company-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.company-hero{align-items:flex-start;flex-direction:column;padding:20px}.company-hero .button{width:100%}.company-grid{grid-template-columns:1fr}.company-card dl{gap:13px}.company-card footer{padding:12px 16px}}

/* Superficie de gestión inspirada en BitGestor, con identidad BitDish. */
.management-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:4px 0 22px}.management-heading h2{margin:5px 0 4px;color:var(--wine);font-size:28px;letter-spacing:-.02em}.management-heading p{margin:0;color:#748599;font-size:13px}.management-primary{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.management-primary span{font-size:17px;line-height:1}.management-filters{display:grid;grid-template-columns:minmax(340px,1fr) 220px 54px 54px;gap:12px;padding:20px;background:#f7f8fd;border:1px solid #e2e7f0;border-radius:18px;box-shadow:0 10px 30px #07192b08}.search-control,.select-control{min-width:0;height:54px;display:flex;align-items:center;background:#fff;border:1px solid #dce4ec;border-radius:13px;transition:.18s}.search-control:focus-within,.select-control:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px #ff650014}.search-control svg,.filter-submit svg,.filter-clear svg,.row-action svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.search-control svg{margin:0 15px;color:#22364c}.search-control input{min-width:0;flex:1;height:100%;padding:0 16px 0 0;border:0;background:transparent;color:#14273c;font-weight:600}.search-control input:focus,.select-control select:focus{box-shadow:none!important}.search-control input::placeholder{color:#9ba9ba;font-weight:600}.select-control{padding-left:16px}.select-control span{color:#7d8c9c;font-size:12px}.select-control select{flex:1;height:100%;border:0;padding:0 35px 0 5px;background:transparent;color:#273b51;font-weight:700}.filter-submit,.filter-clear{width:54px;height:54px;border:0;border-radius:13px;display:grid;place-items:center;cursor:pointer}.filter-submit{background:var(--orange);color:#fff;box-shadow:0 8px 18px #ff65002e}.filter-clear{background:#fff;color:#607286;border:1px solid #dce4ec}.filter-submit:hover,.filter-clear:hover,.row-action:hover{transform:translateY(-1px)}.management-table-card{margin-top:22px;background:#fff;border:1px solid #e0e6ed;border-radius:20px;overflow:hidden;box-shadow:0 15px 40px #07192b0d}.management-table-summary{min-height:70px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f5;color:#718398;font-size:11px}.management-table-summary strong{color:#182c42}.management-table th{padding:17px 20px;background:#fbfcfe;color:#7e8ca0!important;font-size:9px;letter-spacing:.09em;white-space:nowrap}.management-table td{padding:18px 20px;border-color:#edf1f5;vertical-align:middle;color:#33475c;font-size:11px}.management-table tr:last-child td{border-bottom:0}.company-identity{min-width:210px;display:flex;align-items:center;gap:12px}.company-identity>div:last-child,.stacked-cell{display:grid;gap:4px}.company-identity strong,.table-value{color:#12263d}.company-identity small,.stacked-cell small{color:#8b9aab}.company-monogram{flex:0 0 auto}.team-count{display:inline-grid;place-items:center;min-width:27px;height:27px;margin-right:5px;border-radius:8px;background:#edf3f9;color:#173a5c;font-weight:900}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:99px;font-size:9px;font-weight:900}.status-chip i{width:6px;height:6px;border-radius:50%}.status-chip.is-active{background:#e8f8f1;color:#238060}.status-chip.is-active i{background:#33ad80}.status-chip.is-inactive{background:#f2f4f6;color:#718193}.status-chip.is-inactive i{background:#9aa7b4}.actions-column{text-align:right!important}.row-action{width:39px;height:39px;border:1px solid #dce4ec;border-radius:11px;background:#fff;color:#607286;cursor:pointer;transition:.18s}.row-action svg{width:17px;height:17px}.row-action:hover{border-color:var(--orange);color:var(--orange);background:#fff8f3}.management-empty{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.management-empty>div{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#fff0e6;color:var(--orange);font-weight:900}.management-empty strong{margin-top:13px;color:#14283e;font-size:14px}.management-empty p{margin:6px 0 16px;color:#8797a7}.management-pagination{min-height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1f5;color:#7d8d9f;font-size:11px}.management-pagination div{display:flex;gap:7px}.management-pagination a,.management-pagination .disabled{padding:8px 11px;border:1px solid #dce4ec;border-radius:9px;background:#fff;color:#31465c;font-weight:700}.management-pagination .disabled{opacity:.45}.company-modal{width:min(680px,100%)}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:19px}.modal-heading h2{margin:5px 0 0}.modal-heading button{width:36px;height:36px;border:0;border-radius:10px;background:#f1f4f7;color:#65778a;font-size:22px;cursor:pointer}
@media(max-width:1050px){.management-filters{grid-template-columns:minmax(260px,1fr) 190px 52px 52px}.management-table-wrap table{min-width:1050px}}
@media(max-width:700px){.management-heading{align-items:flex-start;flex-direction:column;margin-bottom:16px}.management-heading h2{font-size:24px}.management-heading .button{width:100%;justify-content:center}.management-filters{grid-template-columns:1fr 52px;padding:14px;gap:10px}.search-control{grid-column:1/-1}.select-control{min-width:0}.filter-submit,.filter-clear{width:52px}.filter-clear{display:none}.management-table-card{margin-top:15px;border-radius:16px}.management-table-summary{padding:0 16px;min-height:58px}.management-table-summary span{display:none}.management-table th,.management-table td{padding-left:15px;padding-right:15px}.management-pagination{padding:0 16px}.company-modal{border-radius:20px 20px 0 0}}

/* Selector global con búsqueda */
.search-select{position:relative;width:100%;min-width:0}.search-select-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;opacity:0!important;pointer-events:none!important}.search-select-trigger{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #dce4ec;border-radius:10px;background:#fff;color:#20354b;text-align:left;font-weight:650;cursor:pointer;transition:border-color .18s,box-shadow .18s}.search-select-trigger svg{flex:0 0 auto;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .18s}.search-select-trigger.is-placeholder{color:#78899b}.search-select.is-open .search-select-trigger{border-color:var(--orange);box-shadow:0 0 0 3px #ff650017}.search-select.is-open .search-select-trigger svg{transform:rotate(180deg)}.search-select-panel{display:none;position:absolute;z-index:130;top:calc(100% + 7px);left:0;width:max(100%,220px);padding:8px;background:#fff;border:1px solid #d7e0e9;border-radius:12px;box-shadow:0 18px 45px #07192b25}.search-select.is-open .search-select-panel{display:block}.search-select-search{width:100%;height:39px;padding:0 11px;border:1px solid #dce4ec;border-radius:9px;background:#f8fafc;color:#183049;font-size:12px}.search-select-options{max-height:220px;overflow:auto;padding-top:6px;scrollbar-width:thin}.search-select-option{width:100%;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#273b51;text-align:left;cursor:pointer}.search-select-option:hover,.search-select-option:focus{outline:0;background:#fff3e9;color:#bd4c00}.search-select-option i{display:none;color:var(--orange);font-style:normal;font-weight:900}.search-select-option.is-selected{background:#eef4fa;color:#102b4c;font-weight:800}.search-select-option.is-selected i{display:block}.search-select-option:disabled{opacity:.45;cursor:not-allowed}.search-select-empty{padding:14px 10px;color:#8796a6;text-align:center;font-size:11px}.search-select-empty[hidden],.search-select-option[hidden]{display:none}.field .search-select-trigger{min-height:41px}.select-control>.search-select{height:100%;flex:1}.select-control .search-select-trigger{height:100%;min-height:0;padding:0 13px 0 6px;border:0;background:transparent;box-shadow:none!important}.select-control .search-select-panel{left:auto;right:0;min-width:240px}.select-control:has(.search-select.is-open){border-color:var(--orange);box-shadow:0 0 0 3px #ff650014}.modal .search-select-panel{z-index:150}
.search-select.has-error .search-select-trigger{border-color:#c7463f!important;box-shadow:0 0 0 3px #c7463f18!important}.errors strong{display:block;margin-bottom:5px}.errors ul{margin:0;padding-left:19px}.errors li+li{margin-top:3px}
@media(max-width:560px){.search-select-panel{position:fixed;z-index:180;left:12px!important;right:12px!important;top:auto;bottom:12px;width:auto;max-height:min(430px,70dvh);padding:12px;border-radius:17px;box-shadow:0 15px 60px #00102055}.search-select-search{height:46px}.search-select-options{max-height:min(340px,56dvh)}.search-select-option{min-height:44px}.search-select.is-open:before{content:"";position:fixed;z-index:170;inset:0;background:#0010207a}}

/* Gestión de usuarios */
.users-filters{grid-template-columns:minmax(360px,1fr) minmax(170px,210px) minmax(170px,210px) 54px 54px}.users-filters.is-superadmin{grid-template-columns:minmax(330px,1fr) minmax(200px,240px) minmax(145px,175px) minmax(150px,180px) 54px 54px}.users-table{min-width:1050px}.user-identity{min-width:220px}.user-avatar{flex:0 0 auto;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#e9f1fa,#f2f6fa);color:#173a5c;font-weight:900}.role-chip{display:inline-flex;padding:7px 10px;border-radius:8px;font-size:9px;font-weight:900;white-space:nowrap}.role-superadmin{background:#fff0e6;color:#c54e00}.role-admin{background:#eaf1ff;color:#3565c8}.role-cashier{background:#eee9ff;color:#7353c4}.role-waiter{background:#e7f7f1;color:#238060}.user-modal{width:min(650px,100%)}.modal-help{margin:13px 0 0;padding:10px 12px;border-radius:10px;background:#f5f8fb;color:#76889a;font-size:10px;line-height:1.45}
@media(max-width:1350px){.users-filters{grid-template-columns:minmax(280px,1fr) repeat(2,minmax(140px,175px)) 52px 52px}.users-filters.is-superadmin{grid-template-columns:minmax(250px,1fr) minmax(155px,180px) minmax(125px,150px) minmax(130px,155px) 52px 52px}.users-filters.is-superadmin .search-control,.users-filters.is-superadmin .filter-submit,.users-filters.is-superadmin .filter-clear{grid-column:auto}}
@media(max-width:950px){.users-filters,.users-filters.is-superadmin{grid-template-columns:repeat(2,minmax(0,1fr)) 52px 52px}.users-filters .search-control,.users-filters.is-superadmin .search-control{grid-column:1/-1}.users-filters .filter-submit,.users-filters.is-superadmin .filter-submit{grid-column:auto}.users-filters .filter-clear,.users-filters.is-superadmin .filter-clear{grid-column:auto}}
@media(max-width:700px){.users-filters,.users-filters.is-superadmin{grid-template-columns:1fr 52px}.users-filters .search-control,.users-filters.is-superadmin .search-control{grid-column:1/-1}.users-filters .select-control,.users-filters.is-superadmin .select-control{grid-column:1/-1}.users-filters .filter-submit,.users-filters.is-superadmin .filter-submit{grid-column:1/-1;width:100%}.users-filters .filter-clear,.users-filters.is-superadmin .filter-clear{display:none}.user-modal{border-radius:20px 20px 0 0}}
.branches-filters{grid-template-columns:minmax(360px,1fr) minmax(170px,210px) 54px 54px}.branches-filters.is-superadmin{grid-template-columns:minmax(330px,1fr) minmax(210px,250px) minmax(170px,210px) 54px 54px}.branches-table{min-width:1100px}.branch-identity{min-width:225px}.branch-monogram{flex:0 0 auto;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#fff0e6;color:var(--orange);font-weight:900}.branch-counts{display:flex;gap:7px;white-space:nowrap}.branch-counts span{padding:6px 8px;border-radius:8px;background:#f1f5f8;color:#6e8091;font-size:9px}.branch-counts b{color:#173a5c}.branch-modal{width:min(720px,100%)}
@media(max-width:1100px){.branches-filters,.branches-filters.is-superadmin{grid-template-columns:minmax(260px,1fr) minmax(170px,210px) 52px 52px}.branches-filters.is-superadmin .search-control{grid-column:span 2}}
@media(max-width:700px){.branches-filters,.branches-filters.is-superadmin{grid-template-columns:1fr 52px}.branches-filters .search-control,.branches-filters.is-superadmin .search-control,.branches-filters .select-control,.branches-filters.is-superadmin .select-control{grid-column:1/-1}.branches-filters .filter-submit,.branches-filters.is-superadmin .filter-submit{grid-column:1/-1;width:100%}.branches-filters .filter-clear,.branches-filters.is-superadmin .filter-clear{display:none}.branch-modal{border-radius:20px 20px 0 0}}

/* Controles compactos y consistentes para todos los módulos administrativos. */
.management-filters{padding:14px 16px;gap:10px;border-radius:16px}
.search-control,.select-control{height:46px;border-radius:11px;font-size:12px}
.search-control svg,.filter-submit svg,.filter-clear svg{width:18px;height:18px}
.search-control svg{margin:0 12px}
.search-control input{font-size:12px}
.select-control{padding-left:13px}
.select-control span{font-size:10px}
.select-control select{font-size:11px}
.filter-submit,.filter-clear{width:46px;height:46px;border-radius:11px}
.button,.management-primary{font-size:11px}
.management-table-summary{min-height:58px;padding:0 20px}
.management-summary-main{display:flex;align-items:center;gap:22px;min-width:0}
.management-page-size{display:inline-flex;align-items:center;gap:7px;color:#718398;font-size:10px;font-weight:700;white-space:nowrap}
.management-page-size select{height:34px;min-width:64px;padding:0 27px 0 10px;border:1px solid #d7e0e8;border-radius:9px;background:#fff;color:#173f67;font-size:10px;font-weight:800;cursor:pointer}
@media(max-width:700px){.management-filters{padding:12px}.search-control,.select-control,.filter-submit,.filter-clear{height:44px}.management-summary-main{gap:12px}.management-page-size span{display:none}}
.venue-heading{align-items:center}.venue-actions{display:flex;gap:10px}.venue-filters{grid-template-columns:minmax(320px,1fr) minmax(260px,340px) 54px 54px}.venue-section{margin-top:20px;background:#fff;border:1px solid #dce4ec;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #07192b0a}.venue-section>header{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid #edf1f5}.venue-section h3{margin:4px 0 0;font-size:17px}.area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.area-card{display:flex;align-items:center;gap:11px;padding:15px;border:1px solid #e0e7ee;border-radius:14px;background:#fff}.area-icon{width:42px;height:42px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;background:#fff0e6;color:var(--orange);font-weight:900}.area-main{min-width:0;flex:1}.area-main>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:7px}.area-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.area-main small{display:block;margin-top:4px;color:#8797a8;font-size:9px}.area-meta{display:flex!important;gap:10px;margin-top:9px;color:#6f8193;font-size:9px}.area-meta b{color:#173a5c}.area-card-actions{display:flex;flex:0 0 auto;gap:6px}.area-card-actions .row-action{border:0;background:#f4f7f9}.area-card-actions .danger-action{color:#c7473f;background:#fff2f0}.area-card-actions .danger-action:hover{background:#ffe3df}.compact-venue-empty{grid-column:1/-1;min-height:180px}.venue-tables{margin-top:18px}.table-identity{display:flex;align-items:center;gap:10px}.table-identity>span{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#edf3f9;color:#173a5c;font-size:9px;font-weight:900}.capacity-chip{padding:7px 9px;border-radius:8px;background:#f2f5f8;color:#53677a;font-size:9px;font-weight:800}.table-status{display:inline-flex;padding:7px 10px;border-radius:99px;font-size:9px;font-weight:900}.table-status-available{background:#e7f7f1;color:#238060}.table-status-occupied{background:#fff0e6;color:#bf4d00}.table-status-reserved{background:#eaf1ff;color:#3565c8}.table-status-maintenance{background:#f1f3f5;color:#6f7e8d}.delete-area-modal{width:min(520px,100%)}.delete-area-notice{display:flex;gap:12px;margin:4px 0 18px;padding:14px;border-radius:13px;background:#fff4f1;color:#8f332d}.delete-area-notice>span{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#ffdcd7;font-weight:900}.delete-area-notice strong{display:block;color:#7d2923}.delete-area-notice p{margin:4px 0 0;font-size:11px;line-height:1.5}.delete-area-warning{margin:12px 0 0;padding:11px 12px;border-radius:10px;background:#fff1df;color:#9b510f;font-size:11px;font-weight:700}.danger-button{background:#c7473f!important;box-shadow:0 8px 18px #c7473f2b!important}.danger-button:hover{background:#ad3731!important}.danger-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important}
.table-row-actions{display:flex;justify-content:flex-end;gap:6px}.table-row-actions .danger-action{color:#c7473f!important;background:#fff2f0!important}.table-row-actions .danger-action:hover{background:#ffe3df!important}
@media(max-width:1100px){.area-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.venue-heading{align-items:flex-start}.venue-actions{width:100%;flex-direction:column}.venue-actions .button{width:100%;text-align:center;justify-content:center}.venue-filters{grid-template-columns:1fr}.venue-filters>*{grid-column:1/-1}.venue-filters .filter-submit{width:100%}.venue-filters .filter-clear{display:none}.area-grid{grid-template-columns:1fr;padding:12px}.area-main>div:first-child{align-items:flex-start;flex-direction:column}.venue-section>header{padding:16px}}
.catalog-heading{align-items:center}.catalog-filters{grid-template-columns:minmax(280px,1fr) repeat(3,minmax(150px,190px)) 54px 54px}.catalog-filters.is-superadmin{grid-template-columns:minmax(260px,1fr) repeat(4,minmax(135px,175px)) 54px 54px}.catalog-categories{margin-top:20px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.category-card{display:grid;grid-template-columns:8px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px;border:1px solid #e0e7ee;border-radius:14px}.category-color{width:8px;height:44px;border-radius:99px;background:var(--category-color)}.category-card>div:nth-child(2){min-width:0}.category-card strong,.category-card small{display:block}.category-card small{margin-top:5px;color:#8192a4;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-products{margin-top:18px}.products-table{min-width:1100px}.product-identity{display:flex;align-items:center;gap:11px;min-width:290px}.product-identity>span{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--category-color) 14%,white);color:var(--category-color);font-size:10px;font-weight:900}.product-identity strong,.product-identity small{display:block}.product-identity small{margin-top:3px;color:#8797a8;font-size:9px}.product-identity p{max-width:310px;margin:5px 0 0;color:#65788b;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-pill{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.category-pill i{width:8px;height:8px;border-radius:50%}.price-cell strong,.price-cell small{display:block;white-space:nowrap}.price-cell small{margin-top:4px;color:#8a99a8;font-size:9px}.branch-summary{display:flex;align-items:center;gap:8px;max-width:220px}.branch-summary b{padding:6px 9px;border-radius:9px;background:#eef3f8}.branch-summary span{font-size:9px;color:#6c7f91;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-modal{width:min(600px,100%)}.product-modal{width:min(760px,100%)}.field textarea{width:100%;resize:vertical;border:1px solid #dbe3eb;border-radius:10px;padding:11px;background:#fff;font:inherit}.field input[type=color]{height:43px;padding:5px}.branch-picker{margin:0;padding:0;border:0}.branch-picker legend{font-size:11px;font-weight:800}.branch-picker>p{margin:4px 0 9px;color:#7e8fa0;font-size:10px}.branch-picker>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:180px;overflow:auto}.branch-picker label{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #dce5ed;border-radius:11px;cursor:pointer}.branch-picker label:has(input:checked){border-color:#ff7a35;background:#fff6f0}.branch-picker input{width:16px;height:16px;accent-color:var(--orange)}.branch-picker b,.branch-picker small{display:block}.branch-picker small{margin-top:3px;color:#8998a6;font-size:9px}
@media(max-width:1250px){.catalog-filters,.catalog-filters.is-superadmin{grid-template-columns:repeat(3,minmax(0,1fr)) 54px 54px}.catalog-filters .search-control{grid-column:1/-1}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.catalog-heading{align-items:flex-start}.catalog-filters,.catalog-filters.is-superadmin{grid-template-columns:1fr}.catalog-filters>*{grid-column:1/-1}.catalog-filters .filter-submit{width:100%}.catalog-filters .filter-clear{display:none}.category-grid{grid-template-columns:1fr;padding:12px}.category-card{grid-template-columns:7px minmax(0,1fr) auto}.category-card>.status-chip{grid-column:2}.category-card>.table-row-actions{grid-column:3;grid-row:1/3}.branch-picker>div{grid-template-columns:1fr}.product-modal,.catalog-modal{border-radius:20px 20px 0 0}}
.catalog-filters{grid-template-columns:minmax(260px,1fr) repeat(4,minmax(135px,180px)) 54px 54px}.catalog-filters.is-superadmin{grid-template-columns:minmax(240px,1fr) repeat(5,minmax(125px,165px)) 54px 54px}.product-classification{display:grid;gap:6px}.offering-type{width:max-content;padding:5px 8px;border-radius:99px;font-size:8px;font-weight:900}.offering-item{background:#eef3f8;color:#5a6f83}.offering-menu{background:#fff0e6;color:#bd4c00}.offering-buffet{background:#e9eeff;color:#425eb5}
@media(max-width:1250px){.catalog-filters,.catalog-filters.is-superadmin{grid-template-columns:repeat(3,minmax(0,1fr)) 54px 54px}}@media(max-width:700px){.catalog-filters,.catalog-filters.is-superadmin{grid-template-columns:1fr}}
.product-identity>img{width:48px;height:48px;flex:0 0 auto;border-radius:12px;object-fit:cover;background:#eef2f5}.product-image-picker{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;padding:12px;border:1px dashed #ced9e3;border-radius:14px;background:#f8fafc}.product-image-preview{width:120px;height:90px;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:#eaf0f5;color:#7a8c9e;font-size:10px;font-weight:800}.product-image-preview img{width:100%;height:100%;object-fit:cover}.product-image-picker>div:last-child{display:grid;justify-items:start;gap:7px}.product-image-picker input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.image-upload-button{display:inline-flex!important;margin:0!important;padding:9px 12px;border-radius:9px;background:#173a5c;color:#fff!important;cursor:pointer}.product-image-picker small{color:#8494a3;font-size:9px}.remove-image-control{display:flex!important;align-items:center;gap:7px;margin:2px 0 0!important;color:#b33f38!important;cursor:pointer}.remove-image-control input{position:static!important;width:15px!important;height:15px!important;opacity:1!important;pointer-events:auto!important;accent-color:#c7473f}
@media(max-width:560px){.product-image-picker{grid-template-columns:1fr}.product-image-preview{width:100%;height:150px}}
.product-image-picker{cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.product-image-picker:hover,.product-image-picker:focus-visible{border-color:#ff8a4d;background:#fffaf7;outline:0;box-shadow:0 0 0 3px #ff6a0014}.product-image-picker.is-dragging{border-color:var(--orange);border-style:solid;background:#fff3eb;box-shadow:0 0 0 4px #ff6a001c}.dropzone-copy>strong{color:#173a5c;font-size:11px}.dropzone-copy>span{color:#92a0ad;font-size:9px}.image-drop-error{margin:0!important;color:#b33f38!important;font-size:10px!important;font-weight:800}.product-image-picker.is-dragging .product-image-preview{background:#ffe6d7;color:var(--orange)}
.kitchen-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.kitchen-head h2{margin:6px 0 4px;font-size:30px}.kitchen-head p{margin:0;color:#74869a}.kitchen-live{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #dce5ed;border-radius:12px;background:#fff;color:#64778a;font-size:10px}.kitchen-live i{width:8px;height:8px;border-radius:50%;background:#25ae7b;box-shadow:0 0 0 5px #25ae7b18}.kitchen-live b{color:#173a5c}.kitchen-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.kitchen-metrics article{padding:16px 18px;border:1px solid #dce5ed;border-radius:15px;background:#fff}.kitchen-metrics span{display:block;color:#75879a;font-size:10px;font-weight:800}.kitchen-metrics strong{display:block;margin-top:7px;font-size:25px;color:#0d2943}.station-tabs{display:flex;gap:8px;margin-bottom:16px;overflow:auto}.station-tabs button{border:1px solid #d8e1e9;border-radius:99px;background:#fff;padding:9px 14px;color:#64778a;font-weight:800;white-space:nowrap}.station-tabs button.active{border-color:#ff6410;background:#ff6410;color:#fff}.kitchen-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kitchen-board>.management-empty{grid-column:1/-1}.kitchen-ticket{position:relative;overflow:hidden;border:1px solid #dce4eb;border-top:5px solid #f0a23a;border-radius:16px;background:#fff}.kitchen-ticket.status-preparing{border-top-color:#4384d1}.kitchen-ticket.status-ready{border-top-color:#25a978}.kitchen-ticket.is-late{box-shadow:0 0 0 2px #d74c4330}.kitchen-ticket>header{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #edf1f4}.kitchen-ticket header span,.kitchen-ticket header small{display:block}.kitchen-ticket header span{font-size:16px;font-weight:900}.kitchen-ticket header small{margin-top:4px;color:#8595a4;font-size:9px}.kitchen-ticket header b{color:#c54d14}.ticket-product{padding:18px 15px;min-height:96px}.ticket-product strong{font-size:17px}.ticket-product p{margin:9px 0 0;padding:8px;border-radius:8px;background:#fff4d9;color:#895b11;font-size:10px}.kitchen-ticket footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;background:#f8fafb}.kitchen-ticket footer>span{color:#77899a;font-size:9px}.kitchen-ticket footer div{display:flex;gap:6px}.kitchen-ticket footer button{border:0;border-radius:8px;padding:8px 10px;background:#173a5c;color:#fff;font-size:9px;font-weight:900}.kitchen-ticket footer button.cancel{background:#fff0ee;color:#b43d36}.ticket-state{position:absolute;right:12px;top:55px;padding:5px 8px;border-radius:99px;background:#eef3f7;color:#5e7184;font-size:8px;font-style:normal;font-weight:900}.kitchen-toast{position:fixed;right:24px;bottom:24px;z-index:50;display:none;padding:12px 16px;border-radius:11px;background:#173a5c;color:#fff}.kitchen-toast.show{display:block}.kitchen-toast.error{background:#b43d36}@media(max-width:1100px){.kitchen-board{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.kitchen-head{align-items:flex-start;flex-direction:column}.kitchen-live{width:100%}.kitchen-metrics{grid-template-columns:repeat(2,1fr)}.kitchen-board{grid-template-columns:1fr}.kitchen-ticket footer{align-items:flex-start;flex-direction:column}.kitchen-ticket footer div{width:100%}.kitchen-ticket footer button{flex:1}}
.role-access-preview{grid-column:1/-1;margin-top:14px;padding:14px;border:1px solid #dce7e2;border-radius:13px;background:#f5faf8}.role-access-preview>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.role-access-preview strong{color:#102941;font-size:13px}.role-access-preview>div:first-child>span{color:#1f795c;font-size:9px;font-weight:800;text-align:right}.role-access-preview p{margin:4px 0 10px;color:#718398;font-size:9px}.permission-editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.permission-editor label{position:relative;display:flex;align-items:center;gap:7px;min-height:38px;padding:8px 10px;border:1px solid #dce5ed;border-radius:10px;background:#fff;color:#486276;font-size:8px;font-weight:800;cursor:pointer}.permission-editor input{position:absolute;opacity:0;pointer-events:none}.permission-editor i{width:18px;height:18px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #cad7df;border-radius:5px;color:transparent;font-style:normal}.permission-editor label:has(input:checked){border-color:#2aa477;background:#edf9f4;color:#176b50}.permission-editor input:checked+i{border-color:#2aa477;background:#2aa477;color:#fff}.permission-editor label:has(input:disabled){cursor:not-allowed;opacity:.75}.permission-help{display:block;margin-top:9px;color:#778a99;font-size:8px}.access-locked{color:#8a98a5;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}@media(max-width:700px){.permission-editor{grid-template-columns:1fr 1fr}}@media(max-width:460px){.permission-editor{grid-template-columns:1fr}}