:root{--navy:#173a59;--navy2:#102d47;--teal:#0e8096;--teal2:#0a6a7d;--cyan:#2ca6b8;--bg:#f4f7f9;--card:#fff;--text:#173247;--muted:#70808c;--line:#e3e9ed;--danger:#c74141;--success:#2b8a66;--warning:#b8841d;--shadow:0 12px 40px rgba(23,58,89,.08);--radius:18px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.hsd-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:var(--teal)}.hsd-muted{color:var(--muted)}.hsd-logo-fallback{align-items:center;gap:8px;color:#fff}.hsd-logo-fallback b{display:grid;place-items:center;width:38px;height:42px;background:linear-gradient(145deg,#0f5f78,#2ca6b8);clip-path:polygon(50% 0,100% 14%,92% 78%,50% 100%,8% 78%,0 14%);font-style:normal;font-size:23px}.hsd-logo-fallback em{font-style:normal;font-weight:900;font-size:22px;letter-spacing:.08em}.hsd-guest-body{min-height:100vh;background:#eef3f6}.hsd-guest-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(380px,46%) 1fr}.hsd-guest-brand{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--navy2),var(--navy) 48%,var(--teal2));color:#fff;display:flex;align-items:center;padding:7vw}.hsd-guest-brand:before,.hsd-guest-brand:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.hsd-guest-brand:before{width:520px;height:520px;right:-260px;top:-100px}.hsd-guest-brand:after{width:340px;height:340px;left:-180px;bottom:-160px}.hsd-guest-brand-inner{position:relative;z-index:1;max-width:520px}.hsd-brand-logo{margin-bottom:90px}.hsd-login-logo{max-width:180px;max-height:100px;object-fit:contain;filter:brightness(0) invert(1)}.hsd-guest-brand .hsd-kicker{color:#83d3dd}.hsd-guest-brand h1{font-size:clamp(40px,5vw,68px);line-height:1.02;margin:12px 0 20px;letter-spacing:-.04em}.hsd-guest-brand p{font-size:18px;line-height:1.65;color:#d6e4eb;max-width:500px}.hsd-domain-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:32px}.hsd-domain-pills span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);padding:9px 12px;border-radius:999px;font-size:12px}.hsd-guest-card-wrap{display:flex;align-items:center;justify-content:center;padding:50px}.hsd-guest-card{width:min(510px,100%);background:#fff;padding:46px;border-radius:24px;box-shadow:var(--shadow)}.hsd-mobile-brand{display:none}.hsd-guest-card h2{font-size:34px;margin:8px 0 8px;letter-spacing:-.03em}.hsd-guest-card>.hsd-muted{margin:0 0 30px}.hsd-form label{display:grid;gap:8px;font-size:13px;font-weight:750;color:#345064}.hsd-form input,.hsd-form select,.hsd-form textarea,.hsd-filterbar input,.hsd-filterbar select,.hsd-ticket-form input,.hsd-ticket-form select,.hsd-ticket-form textarea,.hsd-reply textarea{width:100%;border:1px solid #d8e1e6;border-radius:11px;padding:12px 13px;background:#fff;color:var(--text);outline:none;transition:.18s}.hsd-form input:focus,.hsd-form select:focus,.hsd-form textarea:focus,.hsd-ticket-form input:focus,.hsd-ticket-form select:focus,.hsd-ticket-form textarea:focus,.hsd-reply textarea:focus{border-color:#55a9b8;box-shadow:0 0 0 3px rgba(14,128,150,.1)}.hsd-form small,.hsd-ticket-form small{font-weight:500;color:var(--muted)}.hsd-stack{display:grid;gap:18px}.hsd-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hsd-password{display:flex;border:1px solid #d8e1e6;border-radius:11px;overflow:hidden;background:#fff}.hsd-password input{border:0!important;box-shadow:none!important}.hsd-password button{border:0;background:transparent;color:var(--teal);font-weight:700;padding:0 13px;cursor:pointer}.hsd-btn{border:0;border-radius:11px;padding:12px 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.18s}.hsd-btn:hover{transform:translateY(-1px)}.hsd-btn-primary{background:linear-gradient(135deg,var(--teal),#116f8d);color:#fff;box-shadow:0 8px 18px rgba(14,128,150,.18)}.hsd-btn-secondary{background:#edf3f5;color:#23465d}.hsd-btn-light{background:#fff;color:var(--navy)}.hsd-btn-full{width:100%}.hsd-guest-links{display:flex;justify-content:center;gap:10px;margin-top:24px;font-size:13px;color:var(--teal);font-weight:700}.hsd-alert{padding:13px 15px;border-radius:12px;margin-bottom:18px;font-size:13px;font-weight:650;transition:.25s}.hsd-alert-error{background:#fff0f0;color:#993e3e;border:1px solid #f1caca}.hsd-alert-success{background:#ecf8f3;color:#267356;border:1px solid #c8eadb}.hsd-app{min-height:100vh}.hsd-sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:260px;background:linear-gradient(180deg,var(--navy2),#11334f);color:#d9e7ee;padding:24px 18px;display:flex;flex-direction:column}.hsd-sidebar-brand{display:flex;align-items:center;gap:12px;padding:4px 10px 26px}.hsd-sidebar-logo{width:48px;height:48px;object-fit:contain;filter:brightness(0) invert(1)}.hsd-sidebar-brand>span{display:grid}.hsd-sidebar-brand b{font-size:18px;letter-spacing:.12em;color:#fff}.hsd-sidebar-brand small{font-size:10px;color:#9eb8c6}.hsd-nav{display:grid;gap:5px}.hsd-nav>a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;color:#c8d9e2;font-size:13px;font-weight:650}.hsd-nav>a i{font-style:normal;width:22px;text-align:center;font-size:18px;color:#87b7c5}.hsd-nav>a:hover,.hsd-nav>a.active{background:rgba(64,170,188,.16);color:#fff}.hsd-nav>a.active i{color:#75d6e1}.hsd-nav-label{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#6f93a5;font-weight:800;padding:22px 12px 7px}.hsd-sidebar-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding:18px 8px 0;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.hsd-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#1b829b,#2aa8b8);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900}.hsd-sidebar-user div:nth-child(2){display:grid;min-width:0}.hsd-sidebar-user strong{font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hsd-sidebar-user span{font-size:10px;color:#8fabb9}.hsd-sidebar-user>a{color:#85a7b7}.hsd-main{margin-left:260px;min-height:100vh}.hsd-topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:20}.hsd-topbar>div:first-of-type{display:grid}.hsd-topbar-title{font-size:14px;font-weight:800}.hsd-topbar small{font-size:10px;color:var(--muted);margin-top:2px}.hsd-top-actions{margin-left:auto}.hsd-icon-btn{width:38px;height:38px;border-radius:12px;background:#edf4f6;display:grid;place-items:center;color:var(--teal);font-size:11px;font-weight:900}.hsd-menu-btn{display:none;border:0;background:transparent;font-size:20px;margin-right:12px}.hsd-content{padding:32px 34px 60px;max-width:1600px;margin:auto}.hsd-hero{background:linear-gradient(120deg,var(--navy) 0%,#17516c 55%,var(--teal) 100%);border-radius:22px;color:#fff;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:var(--shadow);overflow:hidden;position:relative}.hsd-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:40px solid rgba(255,255,255,.06);right:8%;top:-120px}.hsd-hero .hsd-kicker{color:#8de1e8}.hsd-hero h1{font-size:36px;line-height:1.1;margin:5px 0 8px;letter-spacing:-.03em}.hsd-hero p{margin:0;color:#d7e7ec}.hsd-hero .hsd-btn{position:relative;z-index:1}.hsd-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.hsd-stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 5px 20px rgba(23,58,89,.03);display:grid;gap:5px;transition:.2s}.hsd-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.hsd-stat-card span{font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.07em}.hsd-stat-card strong{font-size:30px;letter-spacing:-.04em}.hsd-stat-card small{color:#8c99a2}.hsd-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 25px rgba(23,58,89,.035);padding:22px}.hsd-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.hsd-panel h2,.hsd-panel-head h2{font-size:18px;margin:0}.hsd-panel-head p{margin:4px 0 0;font-size:12px;color:var(--muted)}.hsd-panel-head>a{font-size:12px;font-weight:750;color:var(--teal)}.hsd-table-wrap{overflow:auto;margin:0 -8px}.hsd-table{width:100%;border-collapse:collapse;font-size:12px}.hsd-table th{text-align:left;padding:11px 13px;color:#7c8b96;text-transform:uppercase;letter-spacing:.07em;font-size:9px;border-bottom:1px solid var(--line)}.hsd-table td{padding:13px;border-bottom:1px solid #edf1f3;vertical-align:middle}.hsd-table tr[data-href]{cursor:pointer}.hsd-table tbody tr:hover{background:#f9fbfc}.hsd-table td small{display:block;color:#8c99a2;margin-top:3px}.hsd-badge,.hsd-priority{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.status-new{background:#edf3ff;color:#3a66a7}.status-assigned{background:#f0ebff;color:#6d4ab2}.status-in_progress{background:#fff5db;color:#9b7118}.status-waiting_user{background:#fff0e4;color:#b46324}.status-resolved{background:#e8f7ef;color:#247452}.status-closed{background:#eef1f3;color:#66747d}.priority-low{background:#eef2f4;color:#687680}.priority-normal{background:#ebf5f7;color:#357486}.priority-high{background:#fff2de;color:#a56918}.priority-critical{background:#ffe9e9;color:#b84141}.hsd-empty{text-align:center;padding:50px 20px;color:var(--muted)}.hsd-empty h3{color:var(--text);margin:8px 0}.hsd-empty-icon{margin:auto;width:48px;height:48px;border-radius:50%;background:#e9f7f4;color:var(--success);display:grid;place-items:center;font-size:20px}.hsd-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.hsd-page-head h1{font-size:32px;margin:5px 0 5px;letter-spacing:-.03em}.hsd-page-head p{margin:0;color:var(--muted);font-size:13px}.hsd-filterbar{display:grid;grid-template-columns:minmax(220px,1fr) 190px 180px auto;gap:10px;margin-bottom:16px}.hsd-search{position:relative}.hsd-search span{position:absolute;left:12px;top:10px;color:#8a9aa4}.hsd-search input{padding-left:34px}.hsd-filterbar select,.hsd-filterbar input{padding:10px 12px;font-size:12px}.hsd-ticket-form{display:grid;gap:18px}.hsd-form-section{display:grid;grid-template-columns:50px 260px 1fr;gap:20px;align-items:start}.hsd-section-number{width:42px;height:42px;border-radius:13px;background:#edf6f8;color:var(--teal);display:grid;place-items:center;font-size:11px;font-weight:900}.hsd-form-section>div:nth-child(2) h2{margin:2px 0 6px;font-size:18px}.hsd-form-section>div:nth-child(2) p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.hsd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hsd-form-grid label{display:grid;gap:7px;font-size:12px;font-weight:750}.hsd-span-2{grid-column:1/-1}.hsd-priority-note{background:#f5f9fa;border:1px solid #e2edef;border-radius:12px;padding:13px;display:grid;gap:4px;font-size:12px}.hsd-priority-note span{color:var(--muted)}.hsd-form-actions{display:flex;justify-content:flex-end;gap:10px}.hsd-ticket-head{margin-bottom:20px}.hsd-back{font-size:11px;color:var(--teal);font-weight:750}.hsd-ticket-number{margin-top:20px;font-size:11px;color:var(--teal);font-weight:900;letter-spacing:.06em}.hsd-ticket-head h1{font-size:30px;margin:5px 0 10px;letter-spacing:-.03em}.hsd-ticket-meta{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px;flex-wrap:wrap}.hsd-ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.hsd-thread{display:grid;gap:14px}.hsd-message{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.hsd-message.internal{background:#fff9e8;border-color:#f1dfac}.hsd-message.mine{border-left:3px solid var(--teal)}.hsd-message-head{display:flex;gap:10px;align-items:center}.hsd-avatar-small{width:32px;height:32px;border-radius:10px}.hsd-message-head>div:last-child{display:grid}.hsd-message-head strong{font-size:12px}.hsd-message-head span{font-size:10px;color:#8c99a2;margin-top:2px}.hsd-internal-tag{display:inline-flex!important;background:#f3db91;color:#7a5c16!important;padding:2px 5px;border-radius:5px;margin-left:5px}.hsd-message-body{font-size:13px;line-height:1.65;padding:14px 0 0;color:#304b5e}.hsd-attachments{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.hsd-attachments a{background:#f4f7f8;border:1px solid #e3e9ed;padding:8px 10px;border-radius:9px;font-size:11px;font-weight:700}.hsd-attachments small{color:#8b98a2;margin-left:6px}.hsd-reply{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.hsd-reply>label{display:grid;gap:8px;font-size:12px;font-weight:750}.hsd-reply-actions{display:flex;align-items:center;gap:12px;margin-top:10px}.hsd-reply-actions .hsd-btn{margin-left:auto}.hsd-file-btn{font-size:11px;font-weight:750;color:var(--teal);cursor:pointer}.hsd-check{font-size:11px;color:#725816;display:flex;align-items:center;gap:6px}.hsd-ticket-side{display:grid;gap:16px;align-content:start}.hsd-ticket-side .hsd-panel h3{margin:0 0 15px;font-size:15px}.hsd-detail-list{margin:0;display:grid}.hsd-detail-list>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #edf1f3}.hsd-detail-list>div:last-child{border-bottom:0}.hsd-detail-list dt{font-size:10px;color:#87959f}.hsd-detail-list dd{font-size:11px;text-align:right;margin:0;font-weight:750}.hsd-detail-list dd small{display:block;color:#8f9ba4;font-weight:500;margin-top:2px}.hsd-settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.hsd-settings-grid .hsd-panel h2{margin:0 0 18px}.hsd-domain-list{display:grid;gap:10px;margin-top:18px}.hsd-domain-list>div{display:flex;justify-content:space-between;padding:13px;border:1px solid var(--line);border-radius:11px}.hsd-domain-list span{color:var(--teal);font-size:12px}.hsd-profile-panel{max-width:780px}.hsd-link-btn{border:0;background:none;color:var(--teal);font-weight:750;font-size:11px;cursor:pointer}.hsd-dialog{border:0;border-radius:18px;padding:0;box-shadow:0 25px 80px rgba(20,48,68,.25);width:min(460px,90vw)}.hsd-dialog::backdrop{background:rgba(8,28,42,.55)}.hsd-dialog form{padding:24px}.hsd-dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.hsd-dialog-head h3{margin:4px 0}.hsd-dialog-head button{border:0;background:#eef3f5;width:32px;height:32px;border-radius:10px;font-size:20px;cursor:pointer}.hsd-overlay{display:none}
@media(max-width:1100px){.hsd-stat-grid{grid-template-columns:repeat(2,1fr)}.hsd-form-section{grid-template-columns:44px 1fr}.hsd-form-section>.hsd-form-grid{grid-column:2}.hsd-ticket-layout{grid-template-columns:1fr}.hsd-ticket-side{grid-template-columns:1fr 1fr}.hsd-filterbar{grid-template-columns:1fr 1fr}.hsd-search{grid-column:1/-1}.hsd-settings-grid{grid-template-columns:1fr}}
@media(max-width:780px){.hsd-guest-wrap{grid-template-columns:1fr}.hsd-guest-brand{display:none}.hsd-guest-card-wrap{padding:24px;min-height:100vh}.hsd-guest-card{padding:28px}.hsd-mobile-brand{display:block;margin-bottom:24px}.hsd-mobile-brand .hsd-login-logo{filter:none;max-width:150px}.hsd-mobile-brand .hsd-logo-fallback{display:flex!important;color:var(--navy)!important}.hsd-grid-2{grid-template-columns:1fr}.hsd-sidebar{transform:translateX(-100%);transition:.2s}.hsd-main{margin-left:0}.hsd-menu-open .hsd-sidebar{transform:translateX(0)}.hsd-menu-open .hsd-overlay{display:block;position:fixed;z-index:25;inset:0;background:rgba(7,26,40,.45)}.hsd-menu-btn{display:block}.hsd-topbar{padding:0 18px}.hsd-content{padding:22px 16px 50px}.hsd-hero{padding:25px;align-items:flex-start;flex-direction:column}.hsd-hero h1{font-size:29px}.hsd-stat-grid{gap:10px}.hsd-stat-card{padding:16px}.hsd-page-head{align-items:flex-start;flex-direction:column}.hsd-page-head h1{font-size:27px}.hsd-filterbar{grid-template-columns:1fr}.hsd-search{grid-column:auto}.hsd-form-section{grid-template-columns:1fr}.hsd-form-section>.hsd-form-grid{grid-column:auto}.hsd-section-number{display:none}.hsd-form-grid{grid-template-columns:1fr}.hsd-span-2{grid-column:auto}.hsd-ticket-head h1{font-size:25px}.hsd-ticket-side{grid-template-columns:1fr}.hsd-reply-actions{flex-wrap:wrap}.hsd-reply-actions .hsd-btn{width:100%;margin-left:0}.hsd-table{min-width:760px}.hsd-panel{padding:17px}}

/* V1.1 - Tareas TI, bitácoras e informes */
.hsd-ticket-main,.hsd-task-main{display:grid;gap:18px;min-width:0}.hsd-worklog-panel{margin-top:0}.hsd-empty-compact{padding:18px 10px}.hsd-worklog-list{display:grid;gap:0;margin:4px 0 22px}.hsd-worklog{display:grid;grid-template-columns:20px 1fr;gap:12px;position:relative;padding:3px 0 20px}.hsd-worklog:after{content:"";position:absolute;left:6px;top:17px;bottom:-2px;width:1px;background:#dfe8ec}.hsd-worklog:last-child:after{display:none}.hsd-worklog-dot{width:13px;height:13px;border:3px solid #d7eeed;background:var(--teal);border-radius:50%;margin-top:4px;z-index:1}.hsd-worklog-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hsd-worklog-head strong{font-size:12px;color:var(--text)}.hsd-worklog-head span{font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;background:#e9f7f4;color:#27735f;padding:4px 7px;border-radius:999px}.hsd-worklog-head span.muted{background:#eef2f4;color:#73828c}.hsd-worklog p{font-size:12px;line-height:1.65;color:#405d70;margin:7px 0}.hsd-worklog small{font-size:10px;color:#87959f}.hsd-worklog-form{border-top:1px solid var(--line);padding-top:20px}.hsd-worklog-form h3{font-size:14px;margin:0 0 15px}.hsd-worklog-form .hsd-btn{margin-top:14px}.task-status-pending{background:#eef2f4;color:#687680}.task-status-in_progress{background:#fff5db;color:#9b7118}.task-status-blocked{background:#ffe9e9;color:#b84141}.task-status-completed{background:#e8f7ef;color:#247452}.task-status-cancelled{background:#f1eef4;color:#746779}.hsd-filterbar-wide{grid-template-columns:minmax(200px,1fr) 170px 170px 170px auto}.hsd-report-filter{margin-bottom:18px}.hsd-report-form{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr)) auto;gap:12px;align-items:end}.hsd-report-form label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#526b7a}.hsd-report-downloads{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.hsd-report-card{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:16px}.hsd-report-card h2{font-size:15px;margin:0 0 5px}.hsd-report-card p{font-size:11px;color:var(--muted);line-height:1.5;margin:0}.hsd-report-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#eef7f7;color:var(--teal);font-size:10px;font-weight:900;letter-spacing:.04em}.hsd-report-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hsd-report-preview>div{border:1px solid var(--line);background:#fafcfc;border-radius:12px;padding:15px;display:grid;gap:5px}.hsd-report-preview strong{font-size:15px;color:var(--navy)}.hsd-report-preview span{font-size:10px;color:var(--muted)}.hsd-stat-time{font-size:21px!important}.hsd-ticket-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.hsd-ticket-head>div{min-width:0}.hsd-ticket-head .hsd-btn{flex:0 0 auto;margin-bottom:5px}
@media(max-width:1100px){.hsd-filterbar-wide{grid-template-columns:1fr 1fr}.hsd-filterbar-wide .hsd-search{grid-column:1/-1}.hsd-report-form{grid-template-columns:1fr 1fr}.hsd-report-form .hsd-btn{align-self:end}.hsd-report-downloads{grid-template-columns:1fr}.hsd-report-preview{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.hsd-ticket-head{align-items:flex-start;flex-direction:column}.hsd-ticket-head .hsd-btn{width:100%}.hsd-filterbar-wide,.hsd-report-form{grid-template-columns:1fr}.hsd-filterbar-wide .hsd-search{grid-column:auto}.hsd-report-card{grid-template-columns:48px 1fr}.hsd-report-card .hsd-btn{grid-column:1/-1}.hsd-report-preview{grid-template-columns:1fr}}
.hsd-head-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
@media(max-width:780px){.hsd-head-actions{width:100%}.hsd-head-actions .hsd-btn{flex:1;justify-content:center}}

.hsd-logo-text-fallback{font-weight:900;letter-spacing:.08em;font-size:24px;color:#fff}.hsd-mobile-brand .hsd-logo-text-fallback{color:var(--navy)}.hsd-info-box{background:#edf6f8;border:1px solid #d7e9ed;border-radius:11px;padding:12px 13px;font-size:12px;line-height:1.5;color:#476171}

/* V1.2 - Microsoft 365 SSO */
.hsd-btn-microsoft{background:#fff;color:#263746;border:1px solid #cfd9df;box-shadow:0 6px 16px rgba(23,58,89,.08);font-size:14px;padding:14px 18px}.hsd-btn-microsoft:hover{border-color:#9eafb9;box-shadow:0 10px 24px rgba(23,58,89,.12)}.hsd-ms-grid{width:18px;height:18px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px}.hsd-ms-grid i:nth-child(1){background:#f35325}.hsd-ms-grid i:nth-child(2){background:#81bc06}.hsd-ms-grid i:nth-child(3){background:#05a6f0}.hsd-ms-grid i:nth-child(4){background:#ffba08}.hsd-login-note{text-align:center;color:var(--muted);font-size:11px;line-height:1.5;margin:12px 10px 22px}.hsd-local-access{border-top:1px solid var(--line);padding-top:16px;margin-top:8px}.hsd-local-access summary{cursor:pointer;text-align:center;color:#6f808b;font-size:11px;font-weight:750;list-style:none}.hsd-local-access summary::-webkit-details-marker{display:none}.hsd-local-access[open] summary{margin-bottom:18px;color:var(--teal)}


/* V1.2.1 - UI refresh */
.hsd-logo-card{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.28);border-radius:22px;padding:18px 24px;box-shadow:0 18px 40px rgba(10,31,46,.18);backdrop-filter:blur(10px)}
.hsd-brand-logo{margin-bottom:44px}
.hsd-login-logo{max-width:260px;max-height:96px;object-fit:contain;filter:none;display:block}
.hsd-guest-brand{padding:0;isolation:isolate;align-items:stretch;background:#0d2b42}
.hsd-guest-brand-media,.hsd-guest-brand-scrim,.hsd-guest-brand-corner-mask{position:absolute;inset:0}
.hsd-guest-brand-media{background-image:url('https://hima.cl/assets/images/services/wrangler-producto.jpg');background-size:cover;background-position:center center;transform:scale(1.03)}
.hsd-guest-brand-scrim{background:linear-gradient(135deg,rgba(8,29,45,.92) 0%,rgba(16,45,71,.84) 42%,rgba(8,110,130,.64) 100%)}
.hsd-guest-brand-corner-mask{inset:0 0 auto auto;width:140px;height:110px;background:linear-gradient(135deg,rgba(9,35,52,.98),rgba(18,57,84,.92));border-bottom-left-radius:22px;box-shadow:-18px 18px 36px rgba(8,28,42,.32)}
.hsd-guest-brand:before,.hsd-guest-brand:after{display:none}
.hsd-guest-brand-inner{padding:56px 56px 52px;max-width:620px;display:flex;flex-direction:column;justify-content:center}
.hsd-guest-brand .hsd-kicker{color:#a6ebf1}
.hsd-guest-brand h1{font-size:clamp(38px,4.7vw,62px);margin:14px 0 18px;max-width:10ch}
.hsd-guest-brand p{font-size:17px;line-height:1.7;color:#e3edf1;max-width:540px}
.hsd-domain-pills{margin-top:26px}
.hsd-domain-pills span{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.14);font-size:11px;padding:10px 12px}
.hsd-guest-highlights{display:grid;grid-template-columns:1fr;gap:14px;margin-top:28px;max-width:520px}
.hsd-guest-highlights>div{display:grid;gap:5px;padding:14px 15px;border-radius:16px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(4px)}
.hsd-guest-highlights strong{font-size:13px;color:#fff}
.hsd-guest-highlights span{font-size:12px;line-height:1.55;color:#d9e6ec}
.hsd-guest-card-wrap{padding:42px;background:linear-gradient(180deg,#f6f9fb 0%,#eef4f7 100%)}
.hsd-guest-card{width:min(540px,100%);padding:44px;border-radius:28px;box-shadow:0 20px 48px rgba(15,37,54,.08)}
.hsd-mobile-brand{display:none}
.hsd-mobile-brand .hsd-logo-card{width:100%;background:linear-gradient(135deg,#13314c,#0f5571);border-color:rgba(255,255,255,.06);padding:18px}
.hsd-mobile-brand .hsd-login-logo{filter:none;max-width:220px}
.hsd-sidebar{width:276px;background:linear-gradient(180deg,#102d47 0%,#123753 50%,#11334f 100%);padding:26px 18px}
.hsd-main{margin-left:276px}
.hsd-sidebar-brand{display:grid;grid-template-columns:1fr;gap:12px;padding:2px 10px 24px;align-items:start}
.hsd-sidebar-logo-wrap{display:inline-flex;align-items:center;justify-content:flex-start;background:#fff;border-radius:18px;padding:14px 18px;box-shadow:0 10px 30px rgba(4,19,30,.18);max-width:100%}
.hsd-sidebar-logo{width:150px;height:auto;max-height:52px;object-fit:contain;filter:none;display:block}
.hsd-sidebar-brand-copy{display:block;padding-left:4px}
.hsd-sidebar-brand-copy small{font-size:11px;color:#a9c1cd;letter-spacing:.06em;text-transform:uppercase}
.hsd-nav{gap:7px}
.hsd-nav>a{padding:12px 13px;border-radius:14px;font-size:13px;font-weight:700}
.hsd-nav>a:hover,.hsd-nav>a.active{background:rgba(91,194,208,.14)}
.hsd-nav-icon{width:24px;height:24px;display:inline-grid;place-items:center;flex:0 0 24px;color:#8fc0cf;background:rgba(255,255,255,.05);border-radius:10px}
.hsd-nav-icon svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.hsd-nav>a.active .hsd-nav-icon,.hsd-nav>a:hover .hsd-nav-icon{color:#8ef1ff;background:rgba(255,255,255,.09)}
.hsd-sidebar-user>a .hsd-nav-icon{background:rgba(255,255,255,.05)}
.hsd-sidebar-user>a{display:inline-grid;place-items:center}
.hsd-topbar{height:82px;padding:0 34px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px)}
.hsd-icon-btn{background:linear-gradient(135deg,#e8f5f7,#dff0f3);color:#0f6f83}
.hsd-hero{background:linear-gradient(120deg,#12314b 0%,#164862 55%,#0f8093 100%);padding:36px 38px 34px}
.hsd-hero:after{width:260px;height:260px;border-width:32px;right:-30px;top:-110px;opacity:.5}
.hsd-btn-icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:8px;background:rgba(255,255,255,.18);font-weight:900}
.hsd-stat-card{position:relative;padding-top:18px;gap:6px}
.hsd-stat-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#edf7f9;color:#118296;font-style:normal;font-size:16px;margin-bottom:4px}
.hsd-logo-text-fallback{font-weight:900;letter-spacing:.08em;font-size:22px;color:#12314b}
@media(max-width:980px){.hsd-guest-wrap{grid-template-columns:1fr}.hsd-guest-brand{display:none}.hsd-guest-card-wrap{padding:24px;min-height:100vh}.hsd-guest-card{padding:30px}.hsd-mobile-brand{display:block;margin-bottom:22px}.hsd-main{margin-left:0}.hsd-sidebar{transform:translateX(-100%);transition:.2s}.hsd-menu-open .hsd-sidebar{transform:translateX(0)}.hsd-menu-open .hsd-overlay{display:block;position:fixed;z-index:25;inset:0;background:rgba(7,26,40,.45)}}
@media(max-width:780px){.hsd-mobile-brand .hsd-logo-card{padding:16px;border-radius:18px}.hsd-mobile-brand .hsd-login-logo{max-width:200px}.hsd-sidebar-brand{padding-right:2px}.hsd-sidebar-logo-wrap{padding:12px 14px}.hsd-sidebar-logo{width:136px}.hsd-topbar{padding:0 18px}.hsd-content{padding:22px 16px 50px}.hsd-hero{padding:24px}.hsd-hero:after{display:none}}

/* V1.2.2 - Final visual polish */
.hsd-logo-card{background:linear-gradient(145deg,#102f49,#174a64);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 42px rgba(4,22,34,.24);padding:20px 26px}
.hsd-login-logo{width:auto;max-width:275px;max-height:104px;filter:none!important}
.hsd-guest-brand-media{background-size:cover;background-position:28% center;filter:saturate(.92) contrast(1.03)}
.hsd-guest-brand-scrim{background:linear-gradient(115deg,rgba(7,27,43,.94) 0%,rgba(13,43,65,.86) 46%,rgba(8,107,126,.62) 100%)}
.hsd-guest-brand-corner-mask{width:240px;height:165px;background:linear-gradient(145deg,#0b2a42 0%,#123f5c 72%,rgba(18,63,92,.94) 100%);border-bottom-left-radius:34px;box-shadow:-20px 20px 50px rgba(5,24,37,.36)}
.htp-portal-login .hsd-guest-brand-media{background-image:url('../images/portal-procesos-login.jpg');background-position:65% center;filter:saturate(.98) contrast(1.04)}
.htp-portal-login .hsd-guest-brand-scrim{background:linear-gradient(115deg,rgba(7,27,43,.9) 0%,rgba(13,43,65,.77) 48%,rgba(8,48,70,.48) 100%)}
.hsd-brand-logo{margin-bottom:46px;align-self:flex-start}
.hsd-guest-brand-inner{padding:54px clamp(42px,5vw,78px);max-width:680px}
.hsd-guest-highlights{grid-template-columns:repeat(3,minmax(0,1fr));max-width:650px;gap:10px}
.hsd-guest-highlights>div{padding:14px 13px;min-height:100px;align-content:start}
.hsd-guest-card{border:1px solid #e5ecef}
.hsd-sidebar-logo-wrap{background:linear-gradient(145deg,#0d2940,#184862);border:1px solid rgba(255,255,255,.11);box-shadow:0 12px 30px rgba(3,18,29,.22);padding:16px 18px;min-height:72px}
.hsd-sidebar-logo{width:168px;max-width:100%;height:auto;max-height:58px;filter:none!important}
.hsd-sidebar-brand-copy small{color:#91afbd;font-size:10px;letter-spacing:.11em}
.hsd-nav-icon{border:1px solid rgba(255,255,255,.035)}
.hsd-menu-btn{width:38px;height:38px;border-radius:11px;align-items:center;justify-content:center;color:#21455c;background:#eef5f7;cursor:pointer}
.hsd-menu-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.hsd-stat-card{grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:12px;align-items:center}
.hsd-stat-icon{grid-column:1;grid-row:1/3;width:42px;height:42px;border-radius:13px;margin:0;background:linear-gradient(145deg,#e9f6f8,#f5fbfc);border:1px solid #dceef1;color:#0f8094}
.hsd-stat-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hsd-stat-label{grid-column:2;grid-row:1;text-transform:uppercase;letter-spacing:.07em;font-size:10px!important}
.hsd-stat-card strong{grid-column:2;grid-row:2;font-size:30px}
.hsd-stat-card small{grid-column:1/-1;grid-row:3;margin-top:8px;padding-top:10px;border-top:1px solid #edf2f4}
.hsd-btn-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.hsd-empty-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.hsd-mobile-brand{position:relative;isolation:isolate;overflow:hidden;background-image:linear-gradient(125deg,rgba(9,35,53,.94),rgba(11,92,111,.78)),url('https://hima.cl/assets/images/services/wrangler-producto.jpg');background-size:cover;background-position:22% center}
.hsd-mobile-brand:after{content:"";position:absolute;z-index:-1;right:0;top:0;width:150px;height:105px;background:linear-gradient(145deg,rgba(9,35,53,.98),rgba(14,67,88,.96));border-bottom-left-radius:24px}
.hsd-mobile-brand .hsd-logo-card{position:relative;z-index:1;background:rgba(12,43,64,.9);border-color:rgba(255,255,255,.14);box-shadow:0 10px 28px rgba(5,24,36,.25)}
.hsd-mobile-brand .hsd-login-logo{max-width:225px;max-height:78px;filter:none!important}
@media(max-width:1180px){.hsd-guest-highlights{grid-template-columns:1fr 1fr}.hsd-guest-highlights>div:last-child{grid-column:1/-1}}
@media(max-width:980px){.hsd-mobile-brand{display:block;margin:-30px -30px 28px;padding:30px;border-radius:28px 28px 20px 20px}.hsd-mobile-brand .hsd-logo-card{display:flex;width:max-content;max-width:100%}.hsd-menu-btn{display:inline-flex}}
@media(max-width:780px){.hsd-guest-card-wrap{padding:16px}.hsd-guest-card{padding:24px;border-radius:24px}.hsd-mobile-brand{margin:-24px -24px 24px;padding:24px;border-radius:24px 24px 18px 18px}.hsd-mobile-brand .hsd-logo-card{padding:16px 18px;border-radius:16px}.hsd-mobile-brand .hsd-login-logo{max-width:190px;max-height:70px}.hsd-sidebar{width:min(286px,86vw)}.hsd-stat-grid{grid-template-columns:1fr 1fr}.hsd-stat-card{padding:15px}.hsd-stat-card strong{font-size:27px}}
@media(max-width:520px){.hsd-stat-grid{grid-template-columns:1fr}.hsd-guest-card h2{font-size:30px}.hsd-login-note{margin-left:0;margin-right:0}.hsd-mobile-brand .hsd-logo-card{width:100%}.hsd-mobile-brand .hsd-login-logo{max-width:200px;margin:auto}.hsd-guest-links{font-size:12px;flex-wrap:wrap}}

.hsd-logo-card .hsd-logo-text-fallback,.hsd-sidebar-logo-wrap .hsd-logo-text-fallback{color:#fff}

/* V1.2.3 - verificación, alertas y administración */
.hsd-btn-danger{background:#b83b3b;color:#fff;box-shadow:0 8px 18px rgba(184,59,59,.16)}
.hsd-btn-danger:hover{background:#a73232}
.hsd-danger-zone{border-color:#efd1d1;background:linear-gradient(180deg,#fff,#fffafa)}
.hsd-danger-zone h3{color:#9e3434}
.hsd-code-input{text-align:center!important;font-size:30px!important;font-weight:850!important;letter-spacing:.22em!important;padding:15px!important;color:var(--navy)!important}
.hsd-resend-form{text-align:center;margin-top:16px}
.hsd-resend-form .hsd-link-btn{font-size:12px}

/* =========================================================
   V1.2.5 — HIMA UI SYSTEM
   Capa final: tipografía, iconos y responsive global
   ========================================================= */
:root{
  --hsd-font:'Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --hsd-sidebar-w:264px;
  --hsd-text-xs:.75rem;
  --hsd-text-sm:.8125rem;
  --hsd-text-md:.875rem;
  --hsd-text-lg:1rem;
}
html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
html,body{max-width:100%;}
body,.hsd-app,.hsd-guest-wrap,button,input,select,textarea{font-family:var(--hsd-font)!important;}
body{font-size:var(--hsd-text-md);line-height:1.5;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6,p,span,small,strong,label,button,input,select,textarea,a{font-family:inherit;}
h1,h2,h3,h4{color:inherit;font-weight:700;letter-spacing:-.025em;}
p{line-height:1.6;}
small{font-size:var(--hsd-text-xs);line-height:1.45;}
.hsd-kicker,.hsd-nav-label,.hsd-stat-label,.hsd-table th{text-transform:none!important;letter-spacing:.015em!important;}
.hsd-kicker{font-size:.75rem;font-weight:700;}
.hsd-nav-label{font-size:.75rem;font-weight:600;}
.hsd-table{font-size:.8125rem;}
.hsd-table th{font-size:.75rem;font-weight:600;}
.hsd-table td{font-size:.8125rem;}
.hsd-btn{font-size:.8125rem;font-weight:600;min-height:42px;}
.hsd-form label,.hsd-ticket-form label,.hsd-report-form label{font-size:.8125rem;font-weight:600;}
.hsd-form input,.hsd-form select,.hsd-form textarea,.hsd-filterbar input,.hsd-filterbar select,.hsd-ticket-form input,.hsd-ticket-form select,.hsd-ticket-form textarea,.hsd-reply textarea{font-size:.875rem;min-height:44px;}
.hsd-svg-icon{display:block;width:1.125rem;height:1.125rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;}
.hsd-btn>.hsd-svg-icon,.hsd-inline-icon .hsd-svg-icon,.hsd-file-btn>.hsd-svg-icon,.hsd-back>.hsd-svg-icon{width:1rem;height:1rem;flex:0 0 auto;}
.hsd-inline-icon{display:inline-flex;vertical-align:-.18em;margin-left:.2rem;}
.hsd-back{display:inline-flex;align-items:center;gap:.4rem;}
.hsd-file-btn{display:inline-flex;align-items:center;gap:.4rem;}
.hsd-worklog-form h3{display:flex;align-items:center;gap:.45rem;}
.hsd-worklog-form h3 .hsd-svg-icon{width:1rem;height:1rem;color:var(--teal);}

/* LOGIN — el login normal cabe completo en notebooks de baja altura */
.hsd-guest-wrap{width:100%;}
.hsd-guest-page-login{height:100vh;height:100dvh;min-height:0;overflow:hidden;}
.hsd-guest-page-login .hsd-guest-brand,.hsd-guest-page-login .hsd-guest-card-wrap{height:100%;min-height:0;}
.hsd-guest-page-login .hsd-guest-brand-inner{height:100%;min-height:0;justify-content:center;}
.hsd-guest-page-login .hsd-guest-card-wrap{overflow:hidden;padding:clamp(18px,3vw,42px);}
.hsd-guest-page-login .hsd-guest-card{max-height:calc(100dvh - 36px);overflow:visible;padding:clamp(28px,3.2vw,44px);}
.hsd-guest-card h2{font-size:clamp(1.75rem,2.4vw,2.125rem);line-height:1.15;font-weight:700;}
.hsd-guest-card>.hsd-muted{font-size:.875rem;line-height:1.55;}
.hsd-guest-brand h1{font-weight:700;letter-spacing:-.04em;}
.hsd-guest-brand p{font-size:clamp(.875rem,1.25vw,1.0625rem);}
.hsd-guest-highlights strong{font-weight:600;}
.hsd-guest-highlights span{font-size:.75rem;}
.hsd-login-note{font-size:.75rem;}
.hsd-local-access summary{font-size:.75rem;}

/* SIDEBAR — siempre mantiene visible el usuario y permite scroll solo en navegación */
.hsd-sidebar{width:var(--hsd-sidebar-w)!important;height:100vh;height:100dvh;max-height:100dvh;overflow:hidden;padding:20px 16px!important;display:flex;flex-direction:column;}
.hsd-main{margin-left:var(--hsd-sidebar-w)!important;min-width:0;}
.hsd-sidebar-brand{flex:0 0 auto;padding:0 6px 16px!important;gap:9px!important;}
.hsd-sidebar-logo-wrap{min-height:60px!important;padding:11px 14px!important;border-radius:14px!important;}
.hsd-sidebar-logo{width:142px!important;max-height:46px!important;}
.hsd-sidebar-brand-copy small{font-size:.6875rem!important;font-weight:600;letter-spacing:.025em!important;text-transform:none!important;}
.hsd-nav{display:flex!important;flex-direction:column;gap:4px!important;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:2px 3px 12px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent;}
.hsd-nav::-webkit-scrollbar{width:4px}.hsd-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:10px}
.hsd-nav>a{flex:0 0 auto;min-height:42px;padding:9px 10px!important;border-radius:11px!important;font-size:.8125rem!important;font-weight:600!important;}
.hsd-nav-label{flex:0 0 auto;padding:13px 10px 4px!important;color:#8ba7b6!important;}
.hsd-nav-icon{width:22px!important;height:22px!important;flex:0 0 22px!important;border-radius:7px!important;background:transparent!important;border:0!important;}
.hsd-nav-icon .hsd-svg-icon{width:18px;height:18px;}
.hsd-sidebar-user{flex:0 0 auto;margin-top:0!important;padding:14px 5px 2px!important;background:linear-gradient(180deg,rgba(16,45,71,0),#11334f 22%);}
.hsd-sidebar-user strong{font-size:.75rem!important;font-weight:600;}
.hsd-sidebar-user span{font-size:.6875rem!important;}
.hsd-sidebar-user>a .hsd-nav-icon{width:30px!important;height:30px!important;border-radius:9px!important;background:rgba(255,255,255,.055)!important;}
.hsd-avatar{width:36px;height:36px;border-radius:10px;font-size:.75rem;}

/* DASHBOARD / APP */
.hsd-topbar{height:72px!important;padding:0 clamp(18px,2.6vw,34px)!important;}
.hsd-topbar-title{font-size:.875rem;font-weight:700;}
.hsd-topbar small{font-size:.75rem;}
.hsd-content{width:100%;max-width:1540px;padding:clamp(20px,2.5vw,34px) clamp(16px,2.5vw,34px) 48px!important;}
.hsd-hero{padding:clamp(24px,3vw,34px)!important;border-radius:18px!important;}
.hsd-hero h1{font-size:clamp(1.75rem,3vw,2.25rem)!important;font-weight:700;}
.hsd-hero p{font-size:.875rem;line-height:1.55;}
.hsd-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px!important;}
.hsd-stat-card{min-width:0;padding:16px!important;border-radius:14px!important;}
.hsd-stat-icon{width:38px!important;height:38px!important;border-radius:11px!important;}
.hsd-stat-icon .hsd-svg-icon{width:19px;height:19px;}
.hsd-stat-label{font-size:.75rem!important;font-weight:600!important;}
.hsd-stat-card strong{font-size:1.75rem!important;font-weight:700;}
.hsd-stat-card small{font-size:.75rem;}
.hsd-panel{padding:clamp(16px,2vw,22px)!important;border-radius:16px!important;min-width:0;}
.hsd-panel h2,.hsd-panel-head h2{font-size:1.0625rem!important;font-weight:700;}
.hsd-panel-head p{font-size:.8125rem!important;}
.hsd-page-head h1{font-size:clamp(1.65rem,2.6vw,2rem)!important;font-weight:700;}
.hsd-page-head p{font-size:.8125rem!important;line-height:1.55;}
.hsd-ticket-head h1{font-size:clamp(1.45rem,2.4vw,1.875rem)!important;}
.hsd-table-wrap{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
.hsd-table{min-width:720px;}
.hsd-table th,.hsd-table td{padding:12px 13px!important;}
.hsd-filterbar,.hsd-filterbar-wide,.hsd-report-form{min-width:0;}
.hsd-search span{display:grid;place-items:center;width:18px;height:18px;top:11px!important;}
.hsd-search span .hsd-svg-icon{width:16px;height:16px;}
.hsd-dialog{max-height:min(88vh,720px);max-height:min(88dvh,720px);overflow:auto;}

/* Notebook angosto: el sidebar pasa a drawer antes de aplastar el dashboard */
@media (max-width:1120px){
  .hsd-main{margin-left:0!important;}
  .hsd-sidebar{transform:translateX(-100%);transition:transform .2s ease;box-shadow:18px 0 50px rgba(5,24,37,.24);}
  .hsd-menu-open .hsd-sidebar{transform:translateX(0);}
  .hsd-menu-open .hsd-overlay{display:block;position:fixed;z-index:25;inset:0;background:rgba(7,26,40,.48);}
  .hsd-menu-btn{display:inline-flex!important;}
  .hsd-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* Notebook bajo (1366x768 / 1280x720): compactar verticalmente, sin cortar login/sidebar */
@media (min-width:981px) and (max-height:820px){
  .hsd-guest-page-login .hsd-guest-brand-inner{padding:26px clamp(34px,4vw,56px)!important;}
  .hsd-guest-page-login .hsd-brand-logo{margin-bottom:22px!important;}
  .hsd-guest-page-login .hsd-logo-card{padding:13px 18px!important;border-radius:16px!important;}
  .hsd-guest-page-login .hsd-login-logo{max-width:210px!important;max-height:72px!important;}
  .hsd-guest-page-login .hsd-guest-brand h1{font-size:clamp(2rem,3.5vw,2.75rem)!important;margin:8px 0 10px!important;max-width:12ch!important;}
  .hsd-guest-page-login .hsd-guest-brand p{margin:0!important;line-height:1.5!important;}
  .hsd-guest-page-login .hsd-domain-pills{margin-top:14px!important;}
  .hsd-guest-page-login .hsd-domain-pills span{padding:7px 9px!important;}
  .hsd-guest-page-login .hsd-guest-highlights{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:14px!important;}
  .hsd-guest-page-login .hsd-guest-highlights>div{min-height:0!important;padding:10px!important;}
  .hsd-guest-page-login .hsd-guest-card-wrap{padding:18px!important;}
  .hsd-guest-page-login .hsd-guest-card{padding:28px 32px!important;border-radius:20px!important;}
  .hsd-guest-page-login .hsd-guest-card h2{font-size:1.75rem!important;margin:5px 0 6px!important;}
  .hsd-guest-page-login .hsd-guest-card>.hsd-muted{margin-bottom:20px!important;}
  .hsd-guest-page-login .hsd-login-note{margin:8px 6px 14px!important;}
  .hsd-guest-page-login .hsd-local-access{padding-top:12px!important;}
  .hsd-sidebar{padding-top:14px!important;padding-bottom:12px!important;}
  .hsd-sidebar-brand{padding-bottom:9px!important;}
  .hsd-sidebar-logo-wrap{min-height:50px!important;padding:8px 12px!important;}
  .hsd-sidebar-logo{width:124px!important;max-height:38px!important;}
  .hsd-sidebar-brand-copy{display:none!important;}
  .hsd-nav{gap:2px!important;}
  .hsd-nav>a{min-height:36px!important;padding:7px 9px!important;}
  .hsd-nav-label{padding:8px 9px 2px!important;}
  .hsd-sidebar-user{padding-top:9px!important;}
}
@media (min-width:981px) and (max-height:690px){
  .hsd-guest-page-login .hsd-guest-highlights{display:none!important;}
  .hsd-guest-page-login .hsd-domain-pills{margin-top:10px!important;}
  .hsd-guest-page-login .hsd-guest-brand h1{font-size:2rem!important;}
  .hsd-guest-page-login .hsd-brand-logo{margin-bottom:16px!important;}
  .hsd-guest-page-login .hsd-guest-card{padding:22px 28px!important;}
  .hsd-sidebar-user .hsd-avatar{width:32px;height:32px;}
  .hsd-nav>a{min-height:32px!important;padding:5px 8px!important;}
}

/* Tablet / teléfono */
@media (max-width:980px){
  .hsd-guest-wrap{display:block!important;min-height:100vh;min-height:100dvh;height:auto!important;overflow:visible!important;}
  .hsd-guest-brand{display:none!important;}
  .hsd-guest-card-wrap{display:flex!important;align-items:flex-start!important;min-height:100vh;min-height:100dvh;height:auto!important;padding:18px!important;overflow:visible!important;}
  .hsd-guest-card{width:min(580px,100%)!important;max-height:none!important;margin:auto;padding:28px!important;border-radius:22px!important;overflow:visible!important;}
  .hsd-mobile-brand{display:block!important;margin:-28px -28px 26px!important;padding:26px!important;border-radius:22px 22px 18px 18px!important;}
  .hsd-mobile-brand .hsd-logo-card{width:max-content!important;max-width:100%;padding:14px 17px!important;border-radius:14px!important;}
  .hsd-mobile-brand .hsd-login-logo{max-width:min(220px,68vw)!important;max-height:72px!important;}
  .hsd-content{padding:20px 16px 44px!important;}
  .hsd-topbar{height:66px!important;padding:0 16px!important;}
  .hsd-hero{align-items:flex-start!important;flex-direction:column!important;gap:20px!important;}
  .hsd-hero .hsd-btn{width:100%;}
  .hsd-page-head{align-items:flex-start!important;flex-direction:column!important;}
  .hsd-head-actions{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));}
  .hsd-head-actions .hsd-btn{width:100%;}
  .hsd-filterbar,.hsd-filterbar-wide,.hsd-report-form{grid-template-columns:1fr 1fr!important;}
  .hsd-search{grid-column:1/-1!important;}
  .hsd-form-section{grid-template-columns:1fr!important;}
  .hsd-form-section>.hsd-form-grid{grid-column:auto!important;}
  .hsd-section-number{display:none!important;}
  .hsd-ticket-layout,.hsd-settings-grid{grid-template-columns:1fr!important;}
  .hsd-ticket-side{grid-template-columns:1fr 1fr!important;}
}
@media (max-width:640px){
  .hsd-guest-card-wrap{padding:10px!important;}
  .hsd-guest-card{padding:20px!important;border-radius:18px!important;}
  .hsd-mobile-brand{margin:-20px -20px 22px!important;padding:20px!important;border-radius:18px 18px 14px 14px!important;}
  .hsd-grid-2,.hsd-form-grid,.hsd-filterbar,.hsd-filterbar-wide,.hsd-report-form,.hsd-report-downloads,.hsd-report-preview,.hsd-ticket-side{grid-template-columns:1fr!important;}
  .hsd-stat-grid{grid-template-columns:1fr!important;}
  .hsd-stat-card{grid-template-columns:auto 1fr!important;}
  .hsd-page-head h1{font-size:1.55rem!important;}
  .hsd-head-actions{grid-template-columns:1fr!important;}
  .hsd-reply-actions{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;}
  .hsd-reply-actions .hsd-btn{width:100%!important;margin:0!important;}
  .hsd-ticket-head{align-items:flex-start!important;flex-direction:column!important;}
  .hsd-ticket-head>.hsd-btn,.hsd-ticket-head>.hsd-head-actions{width:100%!important;}
  .hsd-dialog{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;border-radius:16px!important;}
  .hsd-dialog form{padding:18px!important;}
  .hsd-table{min-width:680px;}
}
@media (max-width:380px){
  .hsd-guest-card{padding:16px!important;}
  .hsd-mobile-brand{margin:-16px -16px 20px!important;padding:16px!important;}
  .hsd-content{padding-left:12px!important;padding-right:12px!important;}
  .hsd-panel{padding:14px!important;}
  .hsd-hero{padding:20px!important;}
}
@media (max-width:980px){
  .hsd-guest-page-login .hsd-guest-card-wrap{align-items:center!important;}
}

/* =========================================================
   V1.2.6 — ICON SYSTEM HARDENING
   Un solo tamaño, semántica coherente y aislamiento del tema
   ========================================================= */
svg.hsd-svg-icon{
  display:block!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  flex:0 0 18px!important;
  overflow:visible!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vertical-align:middle!important;
}
.hsd-btn>svg.hsd-svg-icon,
.hsd-back>svg.hsd-svg-icon,
.hsd-file-btn>svg.hsd-svg-icon,
.hsd-attachments a>svg.hsd-svg-icon,
.hsd-dialog-head button>svg.hsd-svg-icon,
.hsd-worklog-form h3>svg.hsd-svg-icon{
  width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;flex-basis:16px!important;
}
.hsd-nav-icon>svg.hsd-svg-icon{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;}
.hsd-stat-icon>svg.hsd-svg-icon{width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;max-width:19px!important;max-height:19px!important;}
.hsd-empty-icon>svg.hsd-svg-icon{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important;}
.hsd-inline-icon>svg.hsd-svg-icon{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;max-width:14px!important;max-height:14px!important;}
.hsd-menu-btn>svg.hsd-svg-icon{width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;max-width:21px!important;max-height:21px!important;}
.hsd-search span>svg.hsd-svg-icon{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;}
.hsd-btn,.hsd-back,.hsd-file-btn,.hsd-attachments a,.hsd-worklog-form h3{align-items:center;}
.hsd-btn{white-space:nowrap;}
.hsd-back{font-size:.8125rem!important;font-weight:600!important;line-height:1.2!important;color:var(--teal)!important;}
.hsd-inline-icon{display:inline-grid!important;place-items:center!important;width:14px!important;height:14px!important;margin-left:3px!important;}
.hsd-dialog-head button{display:grid!important;place-items:center!important;padding:0!important;}
.hsd-report-card .hsd-btn{justify-self:end;}
@media(max-width:640px){
  .hsd-btn{white-space:normal;text-align:center;}
  .hsd-report-card .hsd-btn{justify-self:stretch;width:100%;}
}

/* V1.2.8 - correo y edición de usuarios */
.hsd-mail-test-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end}
@media(max-width:620px){.hsd-mail-test-form{grid-template-columns:1fr}.hsd-mail-test-form .hsd-btn{width:100%}}


/* V1.2.11 - protección contra tickets duplicados */
.hsd-alert-warning{background:#fff8e6;color:#74550f;border:1px solid #ecd99d}
.hsd-duplicate-note{background:#eef7f9;border:1px solid #d7e9ed;border-radius:12px;padding:13px;display:grid;gap:4px;font-size:12px;color:#476171}
.hsd-duplicate-note strong{color:#244b60}
.hsd-btn[aria-busy="true"],.hsd-btn:disabled{opacity:.72;cursor:not-allowed;transform:none!important}