/* SMART HELPDESK V3 — interface rebuilt against the supplied SMA app.
   UI fidelity: workspace shell, typography, compact cards, table rhythm,
   forms, login split, navigation and mobile behavior are adapted from SMA.
   This stylesheet intentionally leaves backend routes/business logic intact. */
:root{--navy:#1D293D;--navy2:#2A3A51;--navy3:#37506b;--orange:#21BCFF;--orange-dark:#078fc5;--canvas:#f3f7fc;--paper:#fff;--line:#e2e9f2;--text:#1d293d;--muted:#6e7d92;--blue:#109ed5;--green:#168560;--red:#be4056;--shadow:0 2px 5px #1d293d04;--radius:11px;font-family:'Segoe UI',Inter,Arial,sans-serif;font-size:14px;color:var(--text)}
html{scroll-behavior:smooth}body.sma-native{background:var(--canvas);color:var(--text);font-family:'Segoe UI',Inter,Arial,sans-serif} .sma-native *{box-sizing:border-box}
.sma-native a{color:#0984b6} .sma-native a:hover{text-decoration:underline} .sma-native h1{font-size:29px;font-weight:650;letter-spacing:-.8px} .sma-native h2{font-size:17px;font-weight:650;letter-spacing:-.2px} .sma-native h3{font-size:14px;font-weight:650} .sma-native p{line-height:1.6}
.sma-native .eyebrow{font-size:9px;letter-spacing:1.3px;font-weight:700;color:#93a3b9;margin:0 0 9px} .sma-native .subtle,.sma-native small{color:var(--muted);font-size:11px;line-height:1.6}.sma-native .page-subtitle{font-size:11px;color:var(--muted);margin:0}
.sma-native button:focus-visible,.sma-native a:focus-visible,.sma-native input:focus-visible,.sma-native select:focus-visible,.sma-native textarea:focus-visible{outline:3px solid #21bcff;outline-offset:3px}
/* Top bar precisely follows SMA proportions. */
.sma-native .app-shell{display:block;min-height:100dvh} .sma-native .topbar{position:fixed;inset:0 0 auto;height:76px;padding:0 27px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px;z-index:60;backdrop-filter:none;box-shadow:none}
.sma-native .top-brand{display:flex;align-items:center;gap:10px;min-width:208px;text-decoration:none!important;color:var(--navy)} .sma-native .top-logo{width:39px;height:39px;border-radius:10px;object-fit:contain} .sma-native .brand-copy{display:block} .sma-native .brand-copy strong{display:block;font-size:23px;line-height:1.06;font-weight:800;color:var(--navy);letter-spacing:.2px} .sma-native .brand-copy small{display:block;margin-top:3px;font-size:8px;line-height:1.15;letter-spacing:.8px;font-weight:700;color:#879bb6}
.sma-native .top-meta{border-left:1px solid var(--line);padding-left:25px;display:flex;flex-direction:column;align-items:start;gap:5px;font-size:inherit;color:var(--text)} .sma-native .top-meta strong{font-size:14px;font-weight:650} .sma-native .top-meta small{font-size:10px}
.sma-native .top-right{display:flex;align-items:center;gap:16px;margin-left:auto} .sma-native .top-clock{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums} .sma-native .top-live{background:#ebf9f3;border:1px solid #ccefe2;color:var(--green);border-radius:20px;padding:6px 9px;font-size:9px;font-weight:700;letter-spacing:.7px;display:flex;align-items:center;gap:6px} .sma-native .online-indicator{width:7px;height:7px;border-radius:50%;background:#20b98b;box-shadow:0 0 0 3px #20b98b16;flex:none}
.sma-native .user-pill{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--ink,#1d293d);text-decoration:none!important} .sma-native .user-avatar,.sma-native .workspace-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0799d9,#21bcff);color:white;font-size:13px;font-weight:700;box-shadow:none} .sma-native .user-info{display:flex;flex-direction:column;gap:2px} .sma-native .user-info strong{font-size:11px} .sma-native .user-info small{font-size:10px}
.sma-native .topbar .action-icon{border:0;background:transparent;min-width:36px;min-height:36px;width:36px;height:36px} .sma-native .topbar .action-icon:hover{background:#e9f3fb} .sma-native .top-notification-count{right:-2px;top:-3px;border:0;border-radius:10px;background:var(--orange);color:var(--navy);font-size:9px;min-width:17px;padding:3px}
/* White sidebar, workspace card and traditional SMA row navigation. */
.sma-native .rail{position:fixed;top:76px;bottom:0;left:0;inset:76px auto 0 0;width:232px;padding:20px 13px;display:flex;flex-direction:column;align-items:stretch;gap:0;z-index:40;background:white;border-right:1px solid var(--line);box-shadow:none;overflow-y:auto;overflow-x:visible;scrollbar-width:thin}
.sma-native .workspace-card{display:flex;align-items:center;gap:10px;padding:12px 10px;border:1px solid #dceafb;border-radius:9px;background:#f3f8ff;margin-bottom:24px;min-height:60px} .sma-native .workspace-profile{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px} .sma-native .workspace-profile strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .sma-native .workspace-profile small{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .sma-native .workspace-card .online-indicator{width:7px;height:7px}
.sma-native .nav-section-title{display:block;margin:2px 11px 14px;font-size:9px;font-weight:700;color:#93a3b9;letter-spacing:1.2px} .sma-native .rail-links{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:3px;overflow:visible}
.sma-native .rail .nav-icon{height:auto;min-height:38px;width:100%;display:flex;align-items:center;justify-content:start;gap:11px;padding:10px 13px;border:none;border-radius:6px;color:#627187;background:transparent;text-decoration:none!important;font-size:11px;font-weight:550;box-shadow:none;white-space:normal} .sma-native .rail .nav-icon svg{width:18px;height:18px;flex-shrink:0;stroke-width:1.7} .sma-native .rail .nav-text{display:inline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-size:11px;font-weight:550} .sma-native .rail .nav-icon:hover{background:#f0f7fc;color:#128dbc;transform:none} .sma-native .rail .nav-icon.active{background:#e9f8ff;border-left:3px solid var(--orange);padding-left:10px;color:#098bbd} .sma-native .rail .nav-icon[data-tip]::before,.sma-native .rail .nav-icon[data-tip]::after{display:none!important}
.sma-native .rail-bottom{margin-top:auto;padding-top:25px;width:100%} .sma-native .rail-bottom form{display:flex;align-items:center;width:100%;gap:9px;background:#fff6f8;border:1px solid #f0d5db;border-radius:7px;padding:0 9px;color:var(--red)} .sma-native .rail-bottom form .action-icon{border:0;background:transparent;border-radius:6px;color:var(--red);width:34px;min-width:34px;height:38px;min-height:38px;padding:0} .sma-native .rail-bottom form .action-icon:hover{background:#fbe7ec} .sma-native .signout-copy{font-size:11px;font-weight:600}
/* Page geometry and cards follow actual SMA dashboard. */
.sma-native .body-wrap{margin:0 0 0 232px;width:auto;min-height:100dvh;display:flex;flex-direction:column}
.sma-native .app-content{max-width:1900px;width:100%;margin:0 auto;min-height:calc(100dvh - 40px);padding:104px 29px 24px}
.sma-native .page-top{display:flex;justify-content:space-between;align-items:start;gap:20px;margin:0 0 23px} .sma-native .page-top h1{font-size:29px;font-weight:650;letter-spacing:-.8px;margin:0 0 10px;line-height:1.15} .sma-native .page-date{font-size:11px;white-space:nowrap;padding-top:8px;color:var(--muted)}
.sma-native .app-footer{font-size:10px;color:#9baabd;padding:7px 18px 19px;text-align:center}
.sma-native .dashboard-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 19px;padding:14px 17px;background:white;border:1px solid var(--line);border-radius:9px} .sma-native .dashboard-greeting{display:block;font-size:13px;font-weight:650} .sma-native .dashboard-greeting-sub{display:block;margin-top:3px;font-size:11px;color:var(--muted)}
.sma-native .welcome-panel{display:none} .sma-native .metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:0 0 23px} .sma-native .metric-card{display:block;min-height:0;background:white;border:1px solid var(--line);border-bottom:3px solid #21bcff50;border-radius:11px;box-shadow:none;padding:19px} .sma-native .metric-card:nth-child(2){border-bottom-color:#e7b24c50} .sma-native .metric-card:nth-child(3){border-bottom-color:#21bcff80} .sma-native .metric-card:nth-child(4){border-bottom-color:#2cbc8450} .sma-native .metric-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#eaf8ff;color:#0d9cce;border-radius:8px;margin:0 0 13px} .sma-native .metric-icon.orange{background:#fff7e8;color:#a8771d} .sma-native .metric-icon.green{background:#eafaf2;color:#168560} .sma-native .metric-icon.sky,.sma-native .metric-icon.blue{background:#eaf8ff;color:#0d9cce} .sma-native .metric-icon svg{width:18px;height:18px;stroke-width:1.7} .sma-native .metric-card strong{display:block;font-size:30px;font-weight:650;letter-spacing:-.7px;color:#1d293d;line-height:1.18} .sma-native .metric-card>span:last-child{display:block;font-size:11px;margin-top:7px;color:var(--muted);font-weight:400}
.sma-native .dashboard-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(255px,1fr);gap:21px;align-items:start} .sma-native .stacked-panels{display:grid;gap:20px} .sma-native .panel{padding:22px;margin:0;background:#fff;border:1px solid var(--line);border-radius:11px;min-width:0;box-shadow:0 2px 5px #1d293d03} .sma-native .panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px} .sma-native .panel-head h2{margin:0;font-size:17px;font-weight:650;letter-spacing:-.2px} .sma-native .panel-head p{margin:8px 0 0;font-size:11px;color:var(--muted)} .sma-native .panel-head a{font-size:11px}
.sma-native .attention-item{padding:15px 0;border-bottom:1px solid #eef3f8;display:flex;align-items:center;gap:12px} .sma-native .attention-item:last-child{border-bottom:0;padding-bottom:0} .sma-native .attention-icon{width:34px;height:34px;border-radius:8px} .sma-native .attention-icon.orange{background:#fff7e8;color:#a8771d} .sma-native .attention-icon.rose{background:#fff0f4;color:#be4056} .sma-native .attention-item strong{font-size:11px;font-weight:650} .sma-native .attention-item small{font-size:10px}
.sma-native .mini-step{border-bottom:1px solid #edf2f7;padding:13px 0;font-size:11px;gap:10px} .sma-native .mini-step svg{width:16px;height:16px;color:#0898cb} .sma-native .mini-step:last-child{border-bottom:0}
/* SMA table pattern reused for all ticket queues, including dashboard. */
.sma-native .ticket-table-wrap{width:100%;max-width:100%;overflow-x:auto;scrollbar-width:thin}
.sma-native .tickets-table{width:100%;border-collapse:collapse;border-spacing:0;white-space:nowrap;text-align:left;font-size:11px;min-width:800px}
.sma-native .tickets-table th{background:#f7f9fc;color:#7d8ba0;font-size:9px;letter-spacing:.5px;text-transform:uppercase;font-weight:600;padding:13px 11px;border-bottom:1px solid var(--line)}
.sma-native .tickets-table td{padding:14px 11px;border-bottom:1px solid #eef3f8;color:#55657d;font-size:11px;vertical-align:middle} .sma-native .tickets-table tbody tr:last-child td{border-bottom:0} .sma-native .tickets-table tbody tr:hover{background:#fafcff} .sma-native .tickets-table .table-ticket-title{display:block;max-width:255px;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:#1d293d;line-height:1.45;text-decoration:none} .sma-native .tickets-table .table-ticket-title:hover{color:#078fbc;text-decoration:underline} .sma-native .tickets-table td small{display:block;font-size:9px;margin-top:5px;color:#90a0b1} .sma-native .ticket-row-actions{display:flex;gap:3px;align-items:center}
/* Badges exactly match SMA density. */
.sma-native .status,.sma-native .priority,.sma-native .role-badge{display:inline-flex;align-items:center;border:1px solid #dee7f1;border-radius:5px;padding:4px 8px;font-size:9px;font-weight:650;line-height:1.2;white-space:nowrap;background:#f4f7fb;color:#697b92}
.sma-native .status-done,.sma-native .status-in_progress,.sma-native .status-assigned{background:#ebfaf3;border-color:#cfefdf;color:#168560}.sma-native .status-in_progress,.sma-native .status-assigned{background:#eaf8ff;border-color:#c7e7f7;color:#087da8} .sma-native .status-new,.sma-native .status-returned{background:#fff1f4;border-color:#f4d9e0;color:#be4056}.sma-native .status-solution_submitted,.sma-native .status-waiting_student{background:#fff7e7;border-color:#f2e2b9;color:#a8771d}.sma-native .priority-urgent,.sma-native .priority-high{background:#fff1f4;border-color:#f4d9e0;color:#be4056}.sma-native .priority-medium{background:#fff7e7;border-color:#f2e2b9;color:#a8771d}.sma-native .priority-low{background:#ebfaf3;border-color:#cfefdf;color:#168560}
/* Icon-only toolbar with hover, keyboard focus and accessible names. */
.sma-native .action-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:36px;min-height:36px;width:36px;height:36px;border:1px solid #d1dce9;border-radius:7px;background:white;color:#52667f;box-shadow:none;transition:background .15s,border-color .15s,color .15s;transform:none}.sma-native .action-icon svg{width:17px;height:17px;stroke-width:1.8}.sma-native .action-icon:hover{background:#edf5fb;color:#0785b3;border-color:#bedef0;transform:none}.sma-native .action-icon.primary,.sma-native .action-icon.emphasis{background:#21bcff;border-color:#21bcff;color:#092d45}.sma-native .action-icon.primary:hover,.sma-native .action-icon.emphasis:hover{background:#6ad0fd;border-color:#6ad0fd;color:#092d45}.sma-native .action-icon.danger{background:#fff6f8;color:#be4056;border-color:#efc8d0}.sma-native .action-icon.xl,.sma-native .action-icon.big{width:43px;height:43px;min-width:43px;min-height:43px}.sma-native .ticket-row-actions .action-icon{width:32px;height:32px;min-width:32px;min-height:32px;border:0;background:transparent}.sma-native .ticket-row-actions .action-icon:hover{background:#e9f3fb}.sma-native .action-icon[data-tip]::after,.sma-native .attach-inline[data-tip]::after{background:#1d293d;color:white;font-size:11px;z-index:100}.sma-native .action-icon[data-tip]::before{border-top-color:#1d293d}
/* Form & configuration fidelity. */
.sma-native .form-stack label,.sma-native .form-grid label{font-size:11px;font-weight:600;gap:7px;color:#3e5169}.sma-native input:not([type=checkbox]):not([type=radio]),.sma-native select,.sma-native textarea{font-family:inherit;font-size:12px;background:white;border:1px solid #cbd7e5;border-radius:7px;color:var(--text);outline:none}.sma-native input:focus,.sma-native select:focus,.sma-native textarea:focus{border-color:#129ed4;box-shadow:0 0 0 3px #21bcff20}.sma-native input[type=checkbox]{accent-color:#13a9e2}.sma-native .filter-select,.sma-native .search-field{border-radius:7px;border-color:#d1deea}.sma-native .filter-select select,.sma-native .search-field input{border:0!important;box-shadow:none!important}.sma-native .filters{gap:10px}.sma-native .panel .form-bottom{border-top:1px solid var(--line)}.sma-native .upload-box{background:#f8fbff;border:1px dashed #b8d4e9;border-radius:8px}.sma-native .upload-box svg{color:#078ec0}
.sma-native .config-list{gap:0}.sma-native .config-row{background:white;border:0;border-bottom:1px solid #eef3f8;border-radius:0;padding:15px 3px}.sma-native .config-row:last-child{border-bottom:0}.sma-native .config-row:hover{background:#fafcff;box-shadow:none}.sma-native .config-row-icon{background:#eaf8ff;color:#0d9cce;border-radius:8px}.sma-native .config-row-main strong{font-size:12px}.sma-native .config-row-main small{font-size:10px}
.sma-native .chat-bubble{border-radius:9px;border-color:#e2e9f2}.sma-native .chat-message.mine .chat-bubble{background:#eaf8ff;border-color:#cbe9f8}.sma-native .chat-message.internal .chat-bubble{background:#fff9eb;border-color:#f5e5bb}.sma-native .progress-step.done>b{background:#168560}.sma-native .wizard-steps span.current b{background:#21bcff;color:#123d52}
.sma-native .quick-dialog{border:1px solid var(--line);border-radius:11px}.sma-native .quick-dialog-heading h2{font-size:16px}.sma-native .quick-dialog-icon{background:#eaf8ff;color:#0d9cce}.sma-native .ui-toast{background:#1d293d}
/* Authentication: structurally matches SMA's 44% / 56% split login. */
body.sma-native.auth-body{background:white}.sma-native .auth-layout{display:grid;grid-template-columns:44% 56%;min-height:100dvh;background:#fff}.sma-native .auth-hero{position:relative;display:flex;flex-direction:column;padding:45px 55px;background:#1D293D;color:#a2b2c7;overflow:hidden;min-height:100dvh;box-shadow:none}.sma-native .auth-hero:before{content:none}.sma-native .auth-hero:after{content:"";position:absolute;right:-200px;bottom:-230px;width:450px;height:450px;border:1px solid #21bcff18;border-radius:50%;box-shadow:0 0 0 60px #21bcff06,0 0 0 125px #21bcff04;pointer-events:none}.sma-native .auth-logo{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:#fff}.sma-native .auth-logo img{width:39px;height:39px;border-radius:9px}.sma-native .auth-logo span{display:block}.sma-native .auth-logo strong{display:block;color:white;font-size:24px;letter-spacing:.3px;font-weight:800;line-height:1.15}.sma-native .auth-logo small{display:block;color:#93a9c4;letter-spacing:1px;font-size:8px;font-weight:600;margin-top:2px}.sma-native .hero-content{margin:auto 0;padding:65px 0;max-width:none;position:relative;z-index:2}.sma-native .hero-content .eyebrow{font-size:9px;color:#21bcff;margin-bottom:12px}.sma-native .hero-content h1{font-size:43px;line-height:1.2;font-weight:650;letter-spacing:-1.3px;color:white;margin:0 0 19px}.sma-native .hero-content h1 span{color:#21bcff}.sma-native .hero-content>p:not(.eyebrow){max-width:340px;font-size:12px;line-height:1.8;color:#9eafc5;margin:0}.sma-native .hero-highlights{display:flex;flex-direction:column;gap:0;margin:15px 0 0}.sma-native .hero-highlights>div{display:flex;align-items:start;gap:16px;margin-top:23px;background:transparent;padding:0;border:0;color:#e0e9f5;font-size:12px}.sma-native .hero-highlights svg{width:23px;height:23px;color:#21bcff;flex:none}.sma-native .hero-highlights span{display:block}.sma-native .hero-highlights small{display:block;margin-top:7px;font-size:10px;color:#8ea2bd}.sma-native .hero-foot{font-size:10px;color:#8298b4;z-index:1}
.sma-native .auth-right{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:45px;min-height:100dvh;background:#fff}.sma-native .login-panel{max-width:385px;width:100%;background:none;border:0;box-shadow:none;border-radius:0;padding:0}.sma-native .login-panel .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:10px;color:#93a3b9}.sma-native .login-panel h2{font-size:30px;font-weight:650;letter-spacing:-.8px;margin:0 0 12px}.sma-native .login-panel>.subtle{font-size:12px;margin:0 0 27px}.sma-native .login-panel form{gap:0}.sma-native .login-panel form>label{margin:0 0 17px;font-size:11px;font-weight:600;color:var(--text)}.sma-native .login-panel input{min-height:42px!important;border:1px solid #cbd7e5;border-radius:7px;font-size:12px;padding:10px 12px;box-shadow:none}.sma-native .login-panel input:focus{border-color:#129ed4;box-shadow:0 0 0 3px #21bcff20}.sma-native .password-wrap{display:block;position:relative}.sma-native .password-wrap .password-eye{position:absolute;right:4px;top:4px;min-width:34px;min-height:34px;width:34px;height:34px;border:0;background:transparent;color:#718096}.sma-native .login-options{display:flex;justify-content:space-between;align-items:center;margin:2px 0 18px;font-size:11px;color:#6e7d92}.sma-native .login-options span{display:flex;align-items:center;gap:6px}.sma-native .login-options svg{color:#168560}.sma-native .login-submit{margin:0;display:block;background:transparent;padding:0;border:0}.sma-native .login-button{width:100%;min-height:42px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:8px;background:#21bcff;border:1px solid #21bcff;color:#092d45;font-weight:650;font-size:12px;cursor:pointer}.sma-native .login-button:hover{background:#6ad0fd}.sma-native .login-note{margin:23px 0 0;font-size:11px;color:#6e7d92;line-height:1.7;text-align:center}.sma-native .auth-footer{font-size:10px;color:#9ba7b7;margin-top:37px;padding:0}.sma-native .auth-footer:before{content:none}
/* Adaptive layout derives the same breakpoint scale used in SMA. */
@media(min-width:1500px){.sma-native .app-content{padding-left:42px;padding-right:42px}.sma-native .dashboard-layout{grid-template-columns:minmax(0,2.3fr) minmax(290px,1fr)}}
@media(max-width:1150px){.sma-native .topbar{gap:18px;padding:0 20px}.sma-native .top-right{gap:9px}.sma-native .top-clock{display:none}.sma-native .app-content{padding-left:22px;padding-right:22px}.sma-native .metrics-grid{gap:12px}.sma-native .metric-card{padding:16px}.sma-native .dashboard-layout{grid-template-columns:1fr}.sma-native .stacked-panels{grid-template-columns:1fr 1fr;gap:19px}.sma-native .auth-hero{padding:35px}.sma-native .auth-right{padding:35px}.sma-native .hero-content h1{font-size:36px}}
@media(max-width:850px){.sma-native .topbar{height:65px;gap:13px;padding:0 16px}.sma-native .topbar .mobile-menu{display:inline-flex;min-width:36px;width:36px;height:36px;background:transparent;border:0}.sma-native .top-brand{min-width:0;gap:7px}.sma-native .top-logo{width:31px;height:31px}.sma-native .brand-copy strong{font-size:19px}.sma-native .brand-copy small{font-size:7px}.sma-native .top-meta{border:0;padding:0}.sma-native .top-meta strong{font-size:12px}.sma-native .top-meta small{font-size:9px}.sma-native .top-live,.sma-native .user-info{display:none}.sma-native .user-avatar{width:32px;height:32px}.sma-native .top-right{gap:7px}.sma-native .rail{top:65px;bottom:0;width:260px;transform:translateX(-101%);transition:transform .18s ease;z-index:59;padding:20px 13px}.sma-native.menu-open .rail{transform:translateX(0)}.sma-native .body-wrap{margin:0;width:100%}.sma-native .app-content{padding:91px 20px 93px}.sma-native .mobile-scrim{display:none}.sma-native.menu-open .mobile-scrim{display:block;position:fixed;inset:65px 0 0;background:#13233b66;z-index:58}.sma-native .mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);min-height:65px;justify-content:space-around;align-items:stretch;z-index:55;padding:0 4px env(safe-area-inset-bottom)}.sma-native .mobile-bottom .mobile-navitem{width:auto;flex:1;min-width:0;min-height:64px;height:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:0;background:transparent;border-radius:0;padding:8px 3px;color:#6e7d92;box-shadow:none;font-size:9px}.sma-native .mobile-bottom .mobile-navitem .nav-text{display:block;font-size:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%;text-align:center}.sma-native .mobile-bottom .mobile-navitem svg{width:19px;height:19px}.sma-native .mobile-bottom .mobile-navitem.active{color:#098bbd;background:#effaff;border-top:2px solid #21bcff}.sma-native .mobile-bottom .mobile-navitem[data-tip]::before,.sma-native .mobile-bottom .mobile-navitem[data-tip]::after{display:none!important}.sma-native .app-footer{padding-bottom:77px}.sma-native .auth-layout{grid-template-columns:1fr}.sma-native .auth-hero{min-height:auto;padding:30px}.sma-native .auth-logo{margin-bottom:0}.sma-native .hero-content{padding:45px 0}.sma-native .hero-content h1{font-size:33px}.sma-native .auth-right{min-height:auto;padding:42px 25px}.sma-native .login-panel{max-width:470px}}
@media(max-width:650px){.sma-native .page-top h1{font-size:25px}.sma-native .page-date{display:none}.sma-native .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:17px}.sma-native .metric-card{padding:14px}.sma-native .metric-card strong{font-size:25px}.sma-native .dashboard-layout,.sma-native .stacked-panels{grid-template-columns:1fr;gap:15px}.sma-native .panel{padding:17px;margin:0}.sma-native .dashboard-actions{padding:12px 14px}.sma-native .app-content{padding:86px 13px 91px}.sma-native .ticket-table-wrap{overflow:visible}.sma-native .tickets-table{min-width:0;display:block;white-space:normal}.sma-native .tickets-table thead{display:none}.sma-native .tickets-table tbody{display:grid;gap:10px}.sma-native .tickets-table tr{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:14px;border:1px solid var(--line);border-radius:9px;background:#fff}.sma-native .tickets-table td{border:0;padding:0;font-size:10px;min-width:0;overflow-wrap:anywhere}.sma-native .tickets-table td:nth-child(1){grid-column:1/-1}.sma-native .tickets-table td:nth-child(2),.sma-native .tickets-table td:nth-child(3){grid-column:auto}.sma-native .tickets-table td:nth-child(4),.sma-native .tickets-table td:nth-child(5){grid-column:auto}.sma-native .tickets-table td:nth-child(6){grid-column:1;align-self:center}.sma-native .tickets-table td:nth-child(7){grid-column:2;grid-row:4/6;align-self:end}.sma-native .tickets-table td:not(:first-child):not(:last-child)::before{content:attr(data-label);display:block;font-size:9px;text-transform:uppercase;letter-spacing:.4px;color:#91a0b2;margin:0 0 3px}.sma-native .tickets-table .table-ticket-title{max-width:none;white-space:normal;font-size:12px}.sma-native .ticket-row-actions .action-icon{min-width:40px;min-height:40px;width:40px;height:40px;border:1px solid #dbe6f0}.sma-native .auth-hero{padding:24px 23px;min-height:auto}.sma-native .hero-content{padding:28px 0}.sma-native .hero-content h1{font-size:29px}.sma-native .hero-highlights{display:none}.sma-native .hero-content>p:not(.eyebrow){font-size:11px}.sma-native .hero-foot{display:none}.sma-native .auth-right{padding:37px 23px 24px}.sma-native .top-meta small{display:none}.sma-native .top-search{display:none}}
@media(max-width:390px){.sma-native .top-meta{display:none}.sma-native .topbar{gap:9px}.sma-native .top-right{gap:3px}.sma-native .metrics-grid{gap:8px}.sma-native .app-content{padding-left:10px;padding-right:10px}.sma-native .dashboard-actions{gap:8px}.sma-native .dashboard-greeting{font-size:12px}.sma-native .action-icon{min-width:36px;min-height:36px}}
@media(prefers-reduced-motion:reduce){.sma-native *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Installer and primary authentication action */
.sma-native .login-submit{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 0;padding:0}.sma-native .login-submit-caption{font-size:11px;color:#6e7d92;font-weight:600}.sma-native .login-submit .action-icon{border-radius:7px;width:44px;min-width:44px;height:44px;min-height:44px}.sma-native .install-wrap{max-width:1080px;gap:36px;padding:37px 26px}.sma-native .install-intro h1{font-size:36px;font-weight:650;letter-spacing:-1px}.sma-native .install-intro p{font-size:12px;color:#6e7d92}.sma-native .brand-symbol{border-radius:11px;background:#1d293d}.sma-native .auth-card{border-radius:11px;box-shadow:0 2px 6px #1d293d0a;padding:30px;background:#fff}.sma-native .install-card h2{font-size:21px;font-weight:650}.sma-native .install-points{font-size:11px;color:#64748b;font-weight:550}.sma-native .install-points span::first-letter{color:#079ccf}.sma-native .install-submit{padding-top:12px;border-top:1px solid #e2e9f2;margin-top:12px}.sma-native .install-submit>span{font-size:11px;font-weight:650;color:#52667f}.sma-native .install-card .form-stack input{min-height:41px;border:1px solid #cbd7e5;border-radius:7px;padding:10px 12px;font-size:12px}.sma-native .install-card .form-stack label{font-size:11px}.sma-native .install-card .form-stack{gap:14px}
@media(max-width:850px){.sma-native .install-wrap{grid-template-columns:1fr;gap:10px;padding:25px 18px}.sma-native .install-intro{text-align:left;padding:12px}.sma-native .install-intro h1{font-size:27px;margin:16px 0 6px}.sma-native .install-points{margin-top:13px;gap:9px}.sma-native .install-card{max-width:100%}.sma-native .auth-card{padding:23px}}

/* Floating tooltip is attached to document body, so scrolling containers cannot clip it. */
.sma-native.tooltips-ready .action-icon[data-tip]::after,.sma-native.tooltips-ready .action-icon[data-tip]::before{display:none!important}
.floating-action-tooltip{position:fixed;pointer-events:none;z-index:2000;background:#1d293d;color:#fff;padding:8px 10px;border-radius:6px;box-shadow:0 8px 24px #10203340;font-family:'Segoe UI',Arial,sans-serif;font-size:11px;font-weight:600;max-width:min(260px,calc(100vw - 16px));width:max-content;line-height:1.4;overflow-wrap:anywhere}
.floating-action-tooltip[hidden]{display:none!important}