/* Opt-in presentation layer. The canonical demo and SQL contracts remain intact. */
body.s1{--bg:#fff;--surface:#fff;--surface-2:#f5f7fb;--surface-3:#e6eaf4;--line:#dde3ec;--text:#0b1428;--text-2:#44536b;--text-3:#64728a;--accent:#1a3375;--accent-text:#14295f;--accent-weak:#e6eaf4;--crit:#d1242b;--high:#a65a00;--med:#2f5fd0;--low:#24764b;--mono:var(--sans);background:#fff;color:var(--text);font-size:15px}
.s1 [hidden]{display:none!important}.s1 button,.s1 select,.s1 input,.s1 textarea{font:inherit}.s1 :focus-visible{outline:3px solid #628bdd;outline-offset:3px}.s1 button:disabled{opacity:.45;cursor:not-allowed}
.s1 .app{grid-template-columns:232px minmax(0,1fr);height:100dvh}.s1 .main{min-width:0;background:#fff}.s1 .side{background:#fff}.s1 .brand{padding:25px 22px 28px}.s1 .wordmark{font-size:43px;line-height:1}.s1 .brand .sub{font:12px var(--sans);letter-spacing:3px;margin-top:12px;color:#536583}.s1 .nav{padding:26px 12px}.s1 .nav a{min-height:50px;margin-bottom:8px;font-size:15px;border-radius:6px;padding:12px 16px;cursor:pointer}.s1 .nav a.active{box-shadow:inset 3px 0 var(--accent);background:#f0f3f9;color:var(--accent);font-weight:600}.s1 .nav a.sub-item{padding-left:16px}.s1 .nav .cnt,.s1 .nav-group{display:none}.s1 .side-foot{padding:24px 20px;border-top:1px solid var(--line);gap:12px}.s1 .side-foot .who{min-width:0;font-size:13px;line-height:1.6}.s1 .side-foot .who b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s1 .side-foot .who br{display:none}
.s1 .topbar{height:90px;flex:none;padding:18px 26px;gap:18px;background:white;border-bottom:1px solid var(--line)}.s1 #viewTitle{font:700 28px var(--display);letter-spacing:-.8px;white-space:nowrap}.s1 #viewTitle small{display:none}.s1 .topbar>.spacer{flex:1}.s1 .topbar .search{width:290px;min-width:140px;background:#fff;border:1px solid var(--line);height:44px;border-radius:6px}.s1 .search input{font-size:14px;min-width:0;width:100%}.s1 #newBtn{height:44px;border-radius:6px;box-shadow:none;white-space:nowrap}.s1 #theme,.s1 .topbar>[aria-label=Notificaciones],.s1 #burger,.s1 .top-av{display:none}.s1 .demo-notice{background:#f8f9fc;font-size:12px;color:#52617a;padding:7px 26px;border:0;border-bottom:1px solid var(--line)}
.s1 #view-tablero{position:relative;min-height:0;overflow:auto;padding:0;background:white}.s1 .vtoolbar{padding:20px 26px;min-height:82px;gap:14px;border-bottom:1px solid var(--line);flex:none;background:white}.s1 .seg{background:transparent;border:0;padding:0;gap:6px}.s1 .seg button{padding:11px 18px;min-height:44px;font-size:15px;border-radius:5px;display:flex;align-items:center;gap:8px}.s1 .seg button.on{background:var(--accent);color:white;box-shadow:none}.s1 .seg button svg{width:18px;height:18px}.s1 .sel{background:white;min-height:44px;font-size:14px;border:1px solid var(--line);border-radius:6px;max-width:210px}.s1 #metrics{display:none}.s1 #ticketList{padding:0;min-height:0;flex:1}.s1 .s1-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}.s1 .s1-table th{text-align:left;font-weight:400;color:#61718c;padding:12px 16px;background:#fafbfe;border-bottom:1px solid var(--line)}.s1 .s1-table td{padding:20px 16px;border-bottom:1px solid var(--line);vertical-align:middle;overflow-wrap:anywhere;height:78px}.s1 .s1-table th:first-child{width:13%}.s1 .s1-table th:nth-child(2){width:29%}.s1 .s1-table th:nth-child(3){width:16%}.s1 .s1-table th:nth-child(4){width:12%}.s1 .s1-table th:nth-child(5){width:16%}.s1 .s1-table th:last-child{width:14%}.s1 .s1-table tr[data-id]{cursor:pointer}.s1 .s1-table tr[data-id]:hover{background:#f7f9fd}.s1 .s1-table tr.selected{background:#edf3fd;box-shadow:inset 3px 0 var(--accent)}.s1 .s1-title{font-weight:500}.s1 .s1-table .prio{font:14px var(--sans);padding:5px 9px;border-radius:5px;letter-spacing:0}.s1 .s1-state{font-size:13px;white-space:nowrap}.s1 .s1-state::before{content:'';display:inline-block;width:7px;height:7px;background:var(--state);border-radius:50%;margin-right:8px}.s1 .s1-folio{font-size:12px}.s1 .s1-mobile-id{display:none}.s1 .s1-count{padding:18px 26px;color:var(--text-3);font-size:13px;border-top:1px solid var(--line);margin-top:auto;background:white}.s1 .s1-clear{background:none;border:0;color:var(--accent);text-decoration:underline;padding:10px;cursor:pointer}.s1 .s1-empty{padding:55px 24px;text-align:center;color:var(--text-2)}
.s1 .s1-summary{position:fixed;right:0;top:123px;bottom:0;width:320px;background:white;border-left:1px solid var(--line);z-index:20;display:flex;flex-direction:column;padding:28px 24px;overflow:auto}.s1.s1-detail #view-tablero{margin-right:320px}.s1 .s1-summary h2{font:600 22px/1.35 var(--sans);margin:18px 0}.s1 .s1-summary h3{font-size:15px;margin:0 0 12px}.s1 .s1-summary p{font-size:15px;line-height:1.7;overflow-wrap:anywhere}.s1 .s1-summary .s1-section{border-top:1px solid var(--line);padding:22px 0}.s1 .s1-summary dl{display:grid;grid-template-columns:1fr 1.3fr;gap:20px 10px;font-size:14px;margin:0}.s1 .s1-summary dt{color:var(--text-2)}.s1 .s1-summary dd{margin:0;overflow-wrap:anywhere}.s1 .s1-detail-head{display:flex;justify-content:space-between;align-items:center;color:var(--text-2);font-size:13px}.s1 .s1-close,.s1 .s1-back{border:0;background:white;color:var(--accent);min-width:44px;min-height:44px;cursor:pointer}.s1 .s1-close svg{width:20px;height:20px}.s1 .s1-back{display:none}.s1 .s1-detail-action{margin-top:auto;min-height:48px;border:1px solid var(--accent);background:white;border-radius:5px;color:var(--accent);padding:12px}.s1 .s1-activity{padding:8px 0;line-height:1.6;font-size:14px}.s1 .s1-activity small{display:block;color:var(--text-3)}.s1 .s1-filters-button{display:none}.s1 .drawer{max-width:100vw}.s1 .board-wrap{padding:20px;min-height:380px}.s1 .col-head>.dot{position:static;transform:none;box-shadow:none;border:0}.s1 .card .reveal{display:none}.s1 .card{box-shadow:none}.s1 .col{border:0;background:#f8f9fc}.s1 .pane-scroll{padding:20px}.s1 .s1-mode-note{padding:10px 22px;color:var(--text-3);font-size:12px}
.s1 .s1-login{position:fixed;inset:0;z-index:120;background:#fff;overflow:auto;padding:42px 48px;display:flex;flex-direction:column}.s1.s1-login-open .app{visibility:hidden}.s1 .s1-login .brand{border:0;padding:0}.s1 .s1-login .wordmark{font-size:58px}.s1 .s1-login-layout{max-width:1220px;width:100%;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:65px 0}.s1 .s1-login h1{font:700 54px/1.12 var(--display);letter-spacing:-1.5px;margin:0 0 24px}.s1 .s1-login-intro p{font-size:23px;color:#536583;line-height:1.5}.s1 .s1-login-card{padding:55px 45px;border:1px solid var(--line);border-radius:6px;text-align:center}.s1 .s1-login-card h2{font:700 36px var(--display);margin:16px 0}.s1 .s1-login-card p{font-size:17px;color:#536583;line-height:1.6}.s1 .s1-google{width:100%;min-height:52px;margin:24px 0;border:1px solid #76829a;background:#fff;border-radius:5px;color:var(--text);display:flex;align-items:center;justify-content:center;gap:12px}.s1 .s1-google svg{width:22px;height:22px}.s1 .s1-enter{padding:12px;border:0;background:var(--accent);color:#fff;border-radius:5px;width:100%;min-height:46px}.s1 .s1-login footer{color:#61718c;font-size:13px;display:flex;justify-content:space-between;gap:20px}.s1 #s1LoginMessage{color:var(--text-2);font-size:14px;line-height:1.5;margin:16px 0}.s1 .s1-review-link{border:0;background:transparent;color:var(--accent);cursor:pointer;padding:10px;text-decoration:underline}.s1 .local-controls{font-size:12px}.s1 #incidentPager{order:20}.s1 #incidentPager small{display:none}.s1 .sla-panel{margin:8px 22px;padding:12px}.s1 .sla-panel:not([open]){background:#fafbfe}.s1 .topbar #localTeam{max-width:175px}
@media(min-width:761px) and (max-width:1200px){.s1 .app{grid-template-columns:185px minmax(0,1fr)}.s1 .topbar{gap:10px;padding:18px}.s1 #viewTitle{font-size:24px}.s1.s1-detail #view-tablero{margin-right:0}.s1 .s1-summary{box-shadow:-8px 0 25px #12204718}.s1 .s1-table td,.s1 .s1-table th{padding-left:12px;padding-right:12px}.s1 .topbar .search{width:220px}}
@media(max-width:760px){.s1 .app{display:block;height:100dvh;min-height:0}.s1 .main{height:100dvh}.s1 .side{width:260px}.s1 .topbar{height:76px;padding:14px 18px;gap:14px;flex-wrap:wrap}.s1 #burger,.s1 .top-av{display:flex}.s1 #viewTitle{font:700 22px var(--display)}.s1 .topbar .search{position:absolute;top:161px;left:18px;right:18px;width:auto;z-index:2;height:44px}.s1 #newBtn{width:44px;padding:12px;font-size:0;margin-left:auto}.s1 #newBtn svg{width:22px;height:22px}.s1 .top-av{display:none}.s1 .demo-notice{min-height:67px;padding:10px 18px;font-size:11px;line-height:1.5}.s1 #view-tablero{padding-top:73px;flex:1;min-height:0}.s1 .vtoolbar{padding:0 18px 12px;min-height:104px;gap:8px;flex-wrap:wrap}.s1 .seg{width:100%;justify-content:space-between}.s1 .seg button{padding:10px 14px;font-size:14px}.s1 .seg button svg{display:none}.s1 .s1-filters-button{display:block;background:white;border:1px solid var(--line);border-radius:4px;padding:8px 14px;min-height:44px;color:var(--accent)}.s1 .vtoolbar .sel{display:none;max-width:none;width:calc(50% - 5px)}.s1 .vtoolbar.s1-filters-open .sel{display:block}.s1 .s1-table thead{display:none}.s1 .s1-table,.s1 .s1-table tbody{display:block}.s1 .s1-table tr{display:grid;grid-template-columns:1fr auto;gap:9px 12px;padding:15px 18px;border-bottom:1px solid var(--line)}.s1 .s1-table td{padding:0;height:auto;border:0}.s1 .s1-table td.s1-folio{display:none}.s1 .s1-table td.s1-title{grid-column:1/-1;font-size:15px}.s1 .s1-mobile-id{display:inline;margin-right:10px;font-weight:600;font-size:12px}.s1 .s1-table td.s1-owner{font-size:12px;text-align:right;grid-column:2;grid-row:2}.s1 .s1-table td.s1-priority{grid-row:3}.s1 .s1-table td.s1-sla{grid-row:3;grid-column:2;text-align:right;font-size:12px}.s1 .s1-table .prio{padding:3px 8px;font-size:12px}.s1 .s1-state{font-size:12px}.s1 .s1-count{padding:14px 18px;font-size:12px}.s1 .s1-summary{inset:0;width:100%;padding:18px 24px;z-index:90;border:0}.s1 .s1-summary h2{font-size:24px}.s1 .s1-back{display:inline-block;text-align:left;padding:0;margin-bottom:18px}.s1.s1-detail #view-tablero{margin-right:0}.s1.s1-detail .app{visibility:hidden}.s1 .s1-summary .s1-section{padding:22px 0}.s1 .s1-summary dl{gap:22px;font-size:15px}.s1 .s1-detail-action{margin-top:18px}.s1 .s1-login{padding:32px 24px}.s1 .s1-login>.brand{text-align:center;margin:40px auto 24px}.s1 .s1-login .wordmark{font-size:56px}.s1 .s1-login-layout{display:block;padding:15px 0;margin:0 auto;max-width:420px}.s1 .s1-login-intro{display:none}.s1 .s1-login-card{border:0;padding:5px 0 20px}.s1 .s1-login-card h2{font-size:28px}.s1 .s1-login-card p{font-size:16px}.s1 .s1-login footer{margin-top:auto;font-size:12px;display:block;text-align:center}.s1 .s1-login footer span{display:block;margin-top:6px}.s1 .s1-google{margin:26px 0 16px}.s1 #ticketMatrix{min-height:540px;flex:none}.s1 .modal{max-height:90dvh;overflow:auto}.s1 .local-controls{padding:8px 18px}.s1 .local-controls~#view-tablero{padding-top:0}.s1.s1-connected .topbar .search{position:static;flex:1}.s1.s1-connected .topbar{height:auto}.s1.s1-connected #view-tablero{padding-top:0}}
.s1 .topbar .search.sm input{width:100%;height:100%;border:0;border-radius:6px;background:white}.s1 .s1-table .prio,.s1 .s1-summary .prio{text-transform:none}.s1 .s1-summary h2:focus{outline:0}.s1 .vtoolbar>.spacer{order:0}.s1 .vtoolbar #fPrio{margin-left:auto}.s1 .s1-google img{flex:none}
@media(max-width:760px){.s1 .vtoolbar #fPrio{margin-left:0}.s1 .vtoolbar>.spacer{display:none}}
.s1 .s1-mobile-brand,.s1 .s1-mobile-heading{display:none}.s1 .s1-team-label{font-size:14px;color:var(--text-2);border:1px solid var(--line);padding:10px 14px;border-radius:5px;white-space:nowrap}.s1 .nav svg{width:19px;height:19px;flex:none}
@media(max-width:760px){.s1 .s1-team-label,.s1 #viewTitle{display:none}.s1 .s1-mobile-brand{display:block}.s1 .s1-mobile-brand .wordmark{font-size:33px}.s1 .s1-mobile-heading{display:block;position:absolute;left:18px;top:12px;font-size:18px;font-weight:600}.s1 #view-tablero{padding-top:121px}.s1 .topbar .search{top:209px}.s1 .s1-table tr{padding:10px 18px;gap:5px 12px}.s1 .s1-summary .s1-section{padding:17px 0}.s1 .s1-summary p{margin:8px 0 16px}.s1 .s1-summary .s1-back{margin-bottom:8px}.s1 .s1-activity{padding:5px 0}}
.s1 .s1-summary{padding-bottom:90px}.s1 .s1-detail-action{position:fixed;bottom:18px;right:24px;width:272px;z-index:1;background:white}.s1 .s1-summary .s1-section{padding:16px 0}.s1 .s1-summary h2{margin:12px 0}.s1 .s1-summary p{margin:8px 0 16px}
@media(max-width:760px){.s1 .s1-detail-action{width:calc(100% - 48px)}}
@media(prefers-reduced-motion:reduce){.s1 *{transition:none!important;animation:none!important}}