:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#202833;background:#f4f6f8;font-size:16px;--accent:#cc4624;--border:#dce2e8;--muted:#65717e;--ink:#202833}*{box-sizing:border-box}body{margin:0}button,input,a,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,input,summary{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;flex:none}.topbar{height:88px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 36px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:750;letter-spacing:-.5px}.brand-mark{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:11px;background:var(--accent);color:#fff;font-size:31px;font-weight:800;letter-spacing:-3px;padding-right:4px}.brand-sub{display:block;font-size:12px;color:var(--muted);font-weight:500;letter-spacing:.2px;margin-top:3px}.top-actions{display:flex;align-items:center;gap:18px}.environment{font-size:12px;font-weight:750;letter-spacing:1px;color:#596573;background:#f1f3f6;padding:9px 12px;border-radius:5px}.environment.demo{background:#fff1e9;color:#9c391d}.workspace{display:grid;grid-template-columns:206px minmax(0,1fr)}.rail{border-right:1px solid var(--border);padding:36px 18px;min-height:calc(100vh - 88px);background:#fafbfc}.rail-caption{color:#74808c;font-size:11px;font-weight:700;letter-spacing:1.4px;padding:0 12px}.nav-current{display:flex;align-items:center;gap:12px;color:#ac381b;background:#fceae3;border-radius:7px;font-size:14px;font-weight:650;padding:14px 12px;margin-top:20px}.nav-current svg{width:19px}.rail-note{margin:46px 12px 0;color:var(--muted);font-size:13px;line-height:1.6}.rail-note svg{width:20px;color:#8b959e}.workspace main{padding:36px 38px 0;max-width:1640px;width:100%;margin:auto}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.8px;color:#8a5748;margin-bottom:9px}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 10px;font-weight:700}.page-heading p{color:var(--muted);margin:0;font-size:15px}.notice{padding:13px 16px;border:1px solid #f1d6bf;background:#fff7ee;color:#885329;font-size:14px;border-radius:7px;margin-top:22px;line-height:1.5}.notice.error{color:#9f2525;background:#fff2f2;border-color:#f1c4c4}.scope-bar{background:#fff;border:1px solid var(--border);border-radius:9px;padding:14px;margin:25px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.scope-tabs{display:flex;gap:4px;background:#f1f3f5;border-radius:6px;padding:4px}.scope-tabs a{font-size:14px;padding:10px 14px;border-radius:4px;white-space:nowrap;font-weight:600;color:#626d78}.scope-tabs a.selected{background:#fff;color:#222d38;box-shadow:0 1px 4px #00000012}.user-picker{display:flex;align-items:center;gap:10px;font-size:13px;color:#626d78}.user-picker input{width:115px;border:1px solid #cfd6de;border-radius:5px;padding:9px 10px;color:#293340;background:white;font-size:14px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:32px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:18px}h2{font-size:18px;font-weight:650;letter-spacing:-.3px;margin:0}.section-heading p{color:var(--muted);font-size:13px;line-height:1.5;margin:7px 0 0}.count-label{color:#7a8590;font-size:12px;white-space:nowrap;padding-top:4px}.button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.button-card{border:1px solid var(--border);background:#fff;border-radius:9px;padding:19px 20px 12px;position:relative;transition:border-color .15s}.button-card.dirty{border-color:#d48267}.card-title{display:flex;align-items:center;gap:11px;margin-bottom:14px;min-height:42px}.button-icon{width:38px;height:38px;background:#f2f4f7;color:#455263;display:grid;place-items:center;border-radius:8px}.card-title h3{font-size:15px;line-height:1.35;margin:0 0 4px;font-weight:650}.state-badge{display:block;color:#526572;font-size:12px}.state-badge.off{color:#9b663d}.state-badge.hidden{color:#8a5564}.own-rule{display:flex;gap:7px;align-items:center;color:#65717e;font-size:12px;padding:0 0 12px;border-bottom:1px solid #edf0f3;cursor:pointer}.own-rule input{accent-color:var(--accent);width:15px;height:15px;margin:0}.switch-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.switch-row>label:first-child{font-size:14px;font-weight:550;cursor:pointer}.switch-row label>span:not(.switch span){display:block;font-weight:400;font-size:11px;color:#86909a;margin-top:3px}.switch{display:inline-block;position:relative;width:36px;height:22px;flex:none;cursor:pointer}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch>span{position:absolute;inset:0;background:#bbc3cc;border-radius:22px;pointer-events:none;transition:background .15s}.switch>span:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0002;transition:transform .15s}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{transform:translateX(14px)}.switch input:focus-visible+span{outline:3px solid #edbcae;outline-offset:3px}.switch input:disabled+span{opacity:.42}.switch input:disabled{cursor:default}.note-details{font-size:12px;color:#7c8792;margin-top:13px}.note-details summary{cursor:pointer}.note-details input{width:100%;font-size:13px;border:1px solid var(--border);padding:8px;margin-top:8px;border-radius:4px}.card-source{font-size:11px;color:#8b949e;margin-top:10px}.savebar{position:sticky;bottom:0;background:#f4f6f8f5;backdrop-filter:blur(12px);padding:18px 0 22px;margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:2}.savebar #save-status{font-size:13px;color:#64727f;line-height:1.4}.save-actions{display:flex;gap:8px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;font-size:14px;font-weight:600;min-height:39px;padding:9px 14px;white-space:nowrap}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff}.primary-button:hover:not(:disabled){background:#b63d20}.secondary-button{border:1px solid #d4dce4;background:#fff;color:#495562}.primary-button svg{width:17px;height:17px}.text-button{background:none;border:0;color:#596573;font-size:13px}.preview{align-self:start;position:sticky;top:22px}.preview-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 17px}.preview-heading h2{font-size:16px}.preview-heading span{font-size:12px;color:#7c8894}.phone{background:#111315;border:5px solid #34383e;border-radius:31px;padding:15px 11px 8px;box-shadow:0 12px 22px #1a263015;color:#fff}.phone-top{display:flex;justify-content:space-between;font-size:10px;padding:0 9px 20px}.phone-title{text-align:center;color:#bfcee0;font-size:18px;margin-bottom:14px}.phone-title span{font-size:11px}.phone-menu-label{font-size:13px;text-align:center;color:#b3c3d6;margin-bottom:9px}.phone-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.phone-button{background:#fff;color:#141719;border-radius:3px;height:69px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:5px}.phone-button svg{height:18px;width:18px}.phone-button span{font-size:9px;font-weight:650;line-height:1.4}.phone-button.is-off{background:#8e9091;color:#303235}.phone-button.is-hidden{visibility:hidden}.phone-close{text-align:center;border:1px solid #5a5f64;padding:8px 4px;margin:28px 0 12px;color:#d5d8de;font-size:10px;border-radius:2px}.phone-bottom{height:3px;width:75px;margin:10px auto 2px;border-radius:3px;background:#e4e7ec}.preview-caption,.scope-caption{font-size:12px;line-height:1.6;color:#78848f;margin:16px 3px}.legend{display:flex;justify-content:center;gap:16px;font-size:11px;color:#687583}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:10px;height:10px;display:inline-block;border:1px solid #b8c0ca;border-radius:2px}.legend-on{background:#fff}.legend-off{background:#8e9091}.scope-caption{border-top:1px solid var(--border);padding-top:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.setup{width:min(480px,calc(100% - 40px));margin:12vh auto;background:#fff;border:1px solid var(--border);border-radius:14px;padding:36px}.setup h1{font-size:27px;margin-top:24px}.setup p{color:var(--muted);line-height:1.65}.setup label{display:block;margin:20px 0 8px;font-size:14px}.setup input{border:1px solid var(--border);border-radius:6px;padding:12px;width:100%;margin-bottom:18px}.setup .primary-button{margin-top:12px}
@media(min-width:1550px){.content-grid{grid-template-columns:minmax(0,1fr) 300px;gap:44px}.phone-button{height:76px}.button-card{padding:22px 24px 15px}.card-title h3{font-size:16px}.switch-row label>span:not(.switch span){font-size:12px}}
@media(max-width:1200px){.workspace{grid-template-columns:170px minmax(0,1fr)}.workspace main{padding:28px 24px 0}.rail{padding:30px 10px}.content-grid{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.button-card{padding:15px 14px 12px}.phone-button{height:63px}.card-title{gap:8px}.card-title h3{font-size:14px}.button-icon{width:30px;height:34px}.user-picker label{display:none}}
@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr)}.rail{display:none}.content-grid{grid-template-columns:minmax(0,1fr) 250px}.topbar{padding:0 24px}}
@media(max-width:760px){.topbar{height:74px;padding:0 18px}.brand{font-size:21px}.brand-sub{font-size:11px}.brand-mark{height:38px;width:38px;font-size:27px}.environment{font-size:10px;padding:7px 8px}.top-actions{gap:6px}.workspace main{padding:25px 18px 0}h1{font-size:29px}.content-grid{grid-template-columns:minmax(0,1fr)}.preview{position:static;max-width:300px;width:100%;margin:16px auto 34px}.scope-bar{padding:10px;gap:12px}.scope-tabs{width:100%;justify-content:center}.scope-tabs a{flex:1;text-align:center;padding:10px 8px}.user-picker{width:100%}.user-picker label{display:block;font-size:12px}.user-picker input{min-width:0;flex:1;width:80px}.button-grid{gap:10px}.button-card{padding:14px 12px 12px}.card-title{align-items:flex-start;min-height:53px}.button-icon{display:none}.card-title h3{font-size:14px}.savebar{padding:14px 0;flex-wrap:wrap}.save-actions{margin-left:auto}.page-heading p{font-size:14px}.notice{font-size:13px}.text-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Selector de empleados activos */
.user-picker{min-width:0;flex:1;justify-content:flex-end;max-width:570px}
.user-picker select{min-width:0;width:310px;max-width:100%;background:#fff;border:1px solid #cfd6de;border-radius:5px;padding:9px 10px;color:#293340;font:inherit;font-size:14px;text-overflow:ellipsis}
.user-picker label{display:block;flex:none}
@media(max-width:760px){.user-picker{max-width:none}.user-picker select{flex:1;width:140px}.user-picker label{font-size:13px}}