:root{--ink:#172e3b;--muted:#70818a;--navy:#102d39;--teal:#137e70;--teal-dark:#096858;--line:#e7ecee;--paper:#f6f8f9;--radius:14px;--bs-body-font-family:'Segoe UI',Inter,Arial,sans-serif;--bs-body-color:var(--ink);--bs-primary:var(--teal)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--teal);text-decoration:none}a:hover{color:var(--teal-dark)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait}h1,h2,h3,p{margin-top:0}h1{font-size:32px;font-weight:720;letter-spacing:-1px;line-height:1.2;margin-bottom:10px}h2{font-size:19px;font-weight:680;letter-spacing:-.35px}h3{font-size:16px;font-weight:680}p{line-height:1.7}h2 svg,h3 svg{vertical-align:-4px;margin-right:5px}a,button{transition:background-color .15s,color .15s,box-shadow .15s}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #69bcae;outline-offset:3px}label{font-weight:600;display:block;margin:18px 0 8px}label span:not(.toggle-row span){color:inherit}label>span:first-child{color:inherit}.btn{min-height:46px;padding:11px 18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:650;white-space:nowrap;border:1px solid transparent}.btn-primary{background:var(--teal);border-color:var(--teal);color:white;box-shadow:0 4px 8px #137e7010}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background:var(--teal-dark)!important;border-color:var(--teal-dark)!important;color:white}.btn-primary:disabled{background:#83b8af;border-color:#83b8af}.btn-light{background:white;border:1px solid #dfe6e8;color:var(--ink)}.btn-light:hover{background:#f2f6f5;border-color:#c7d8d4}.full-width{width:100%;margin-top:20px}.form-control,.form-select{border:1px solid #dce4e7;border-radius:9px;min-height:48px;font-size:14px;padding:11px 13px;color:var(--ink);background-color:white}.form-control:focus,.form-select:focus{border-color:#6cae9f;box-shadow:0 0 0 3px #137e7015}.form-control:read-only{background:#f5f7f8;color:#6d7f89}textarea.form-control{min-height:110px}.validation-message{color:#b03838;font-size:12px;margin-top:6px}.muted{color:var(--muted)}.field-help{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.65}.text-button{border:0;background:none;color:var(--teal);font-weight:650;min-height:44px;padding:8px 4px}.danger-text{color:#b14646}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:9px;background:transparent;color:#657d87}.icon-button:hover{background:#eff5f4}.avatar{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#dbede7;color:#237963;font-size:12px;font-weight:700;flex-shrink:0}.avatar.small{width:32px;height:32px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#2c8e7f;color:white;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:720;letter-spacing:-.6px}.brand small{display:block;font-size:8px;font-weight:550;letter-spacing:1.15px;color:#90b0bb;margin-top:4px}.online-dot{height:6px;width:6px;border-radius:50%;background:#50bda3;display:inline-block}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.7px;color:#7a929b;display:block;margin-bottom:12px}.app-shell{display:flex;min-height:100vh}.sidebar{background:var(--navy);width:252px;min-width:252px;position:fixed;inset:0 auto 0 0;color:#a4bbc3;padding:30px 20px;display:flex;flex-direction:column;z-index:40}.sidebar .brand{color:white;padding:0 5px;margin-bottom:43px}.nav-caption{color:#78949f;font-size:9px;font-weight:750;letter-spacing:1.6px;padding:0 16px;margin-bottom:12px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav>a{display:flex;align-items:center;gap:13px;color:#acc1c9;min-height:47px;padding:12px 16px;border-radius:9px;font-weight:560;font-size:13px}.sidebar nav>a.active{background:#234c55;color:#d3f0e5;box-shadow:inset 3px 0 #4da58f}.sidebar nav>a:hover{background:#1e414b;color:white}.sidebar nav .nav-caption{margin-top:28px}.main-shell{margin-left:252px;width:calc(100% - 252px)}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 38px;gap:15px}.topbar-label{font-size:12px;font-weight:550;color:#748790;display:flex;align-items:center;gap:9px}.topbar-actions{display:flex;align-items:center;gap:15px}.topbar-user{display:flex;align-items:center;gap:10px;color:#40555f;font-weight:550;font-size:12px}.topbar-divider{height:26px;width:1px;background:var(--line)}.mobile-menu{display:none}.page-content{max-width:1510px;padding:36px 38px 28px;margin:auto;min-height:calc(100vh - 132px)}footer{color:#93a1a7;font-size:10px;max-width:1510px;display:flex;justify-content:space-between;margin:auto;padding:10px 38px 22px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading p{color:var(--muted);margin-bottom:0;font-size:13px}.page-heading .eyebrow{margin-bottom:10px}.page-heading .btn{flex-shrink:0}.greeting-dot{color:var(--teal)}.welcome-banner{background:#e6f0ec;border:1px solid #d7e7e0;border-radius:var(--radius);position:relative;overflow:hidden;padding:30px 34px;margin-bottom:23px;min-height:250px;display:flex;align-items:center;justify-content:space-between}.banner-label{font-size:9px;letter-spacing:1.6px;font-weight:750;color:#548475;display:flex;align-items:center;gap:7px;margin-bottom:15px}.welcome-banner h2{font-size:27px;line-height:1.24;font-weight:700;letter-spacing:-.6px;color:#21493f;margin-bottom:12px}.welcome-banner p{font-size:12px;color:#6c857c;line-height:1.75;margin-bottom:15px}.welcome-banner a{display:inline-flex;gap:8px;align-items:center;color:#286d5a;font-size:12px;font-weight:700;min-height:30px}.city-illustration{width:330px;max-width:40%;align-self:flex-end;margin:0 12px -9px}.city-illustration svg{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:28px}.stat-card{position:relative;padding:23px 21px;background:white;border:1px solid var(--line);border-radius:12px;color:var(--ink);display:flex;flex-direction:column}.stat-card:hover{box-shadow:0 5px 20px #183c4210;color:var(--ink)}.stat-icon{width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.stat-card .stat-icon{position:absolute;right:19px;top:19px}.blue{color:#6484ba;background:#edf2fa}.red{color:#c77670;background:#fbeeee}.amber{color:#bf9651;background:#fbf5e8}.green{color:#5a9e87;background:#ebf5ef}.stat-label{font-size:11px;color:#7a8a93;padding-right:43px;font-weight:600;margin-bottom:15px;min-height:19px}.stat-card strong{font-size:31px;line-height:1;font-weight:730;letter-spacing:-1px;margin-bottom:12px}.stat-card small{font-size:10px;color:#8c9a9f}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px;overflow:hidden}.padded{padding:25px 28px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 25px 21px;border-bottom:1px solid #eff2f3}.panel-heading h2{margin-bottom:6px;font-size:17px}.panel-heading p{margin:0;font-size:11px;color:#8a999f}.subtle-link{font-size:11px;font-weight:650;display:inline-flex;align-items:center;gap:7px;min-height:36px;color:#638778}.ticket-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.ticket-table th{background:#fcfdfd;color:#86959c;font-weight:600;font-size:10px;padding:15px 22px;border-bottom:1px solid var(--line)}.ticket-table td{padding:18px 22px;border-bottom:1px solid #eff2f3;vertical-align:middle}.ticket-table tr:last-child td{border-bottom:0}.ticket-table tbody tr:hover{background:#fafcfc}.ticket-title{display:block;color:#314852;font-weight:650;font-size:12px;line-height:1.5}.ticket-title:hover{color:var(--teal)}.ticket-number{display:block;color:#93a1a7;font-size:10px;margin-top:5px;font-weight:400}.ticket-number span{font-size:9px}.location-name{font-size:11px;font-weight:550}.technician{font-size:10px;color:#71818a}.priority{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:550;color:#88949a}.priority-high{color:#b08c43}.priority-emergency{color:#c26c62;background:#fcf0ed;padding:5px 8px;border-radius:5px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:6px;font-weight:550;font-size:10px;white-space:nowrap;color:#688bae;background:#edf4fb}.status-badge i{width:5px;height:5px;display:inline-block;border-radius:50%;background:currentColor}.status-badge.closed{color:#538c70;background:#edf5ee}.status-badge.working{color:#b58c45;background:#fcf6e9}.table-arrow a{color:#94a7ad;display:flex;align-items:center;justify-content:center;width:30px;height:30px}.table-arrow{padding-left:0!important}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.quick-card{display:flex;align-items:center;gap:16px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--ink)}.quick-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:#eef5f2;color:#679889;flex-shrink:0}.quick-card h3{font-size:12px;margin:0 0 6px;font-weight:650}.quick-card p{font-size:10px;color:#8a989f;margin:0}.quick-card>svg{margin-left:auto;color:#8da29c}.quick-card:hover{background:#fbfdfc;color:var(--ink)}.feedback{display:flex;align-items:flex-start;gap:10px;border-radius:10px;padding:15px 17px;font-size:13px;margin-bottom:20px;line-height:1.6}.feedback svg{flex-shrink:0;margin-top:2px}.feedback.error{background:#fff0ef;border:1px solid #f2d2ce;color:#9c443d}.feedback.success{background:#edf7f0;border:1px solid #d6e8db;color:#377c51}.breadcrumbs{font-size:10px;display:flex;align-items:center;gap:9px;color:#99a6ac;margin-bottom:25px}.breadcrumbs a{color:#81939b}.empty-state{padding:40px 18px;text-align:center}.empty-state h3{font-size:16px;margin-bottom:9px}.empty-state p{font-size:12px;color:var(--muted);max-width:420px;margin:0 auto}.empty-icon{width:60px;height:60px;border-radius:18px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;background:#eff6f2;color:#74a493}.loading{padding:45px;text-align:center;color:var(--muted)}.list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid var(--line)}.list-tabs{display:flex;gap:20px}.list-tabs button{background:none;border:0;padding:19px 0;font-weight:600;font-size:12px;color:#84939b;border-bottom:2px solid transparent}.list-tabs button.active{color:var(--teal);border-bottom-color:var(--teal)}.count-label{font-size:11px;color:#8e9ca2}.filters{padding:20px 25px;display:flex;gap:10px;flex-wrap:wrap}.filters .form-select{width:auto;font-size:11px;min-height:43px;padding-right:30px}.filters .form-control{width:160px}.search-field{display:flex;align-items:center;border:1px solid #dce4e7;border-radius:9px;gap:8px;padding:0 13px;color:#8aa0a8;flex:1;min-width:220px}.search-field input{border:0;outline:0;background:none;min-height:43px;width:100%;font-size:12px;color:var(--ink)}.sort-bar{padding:0 25px 18px;display:flex;justify-content:space-between;font-size:10px;color:#8e9ea6;align-items:center}.sort-bar label{font-size:10px;font-weight:400;margin:0}.sort-bar select{border:0;background:none;color:#526e79;padding:4px}.pagination-bar{padding:17px 23px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:11px;color:var(--muted);gap:15px}.pagination-bar>div{display:flex;gap:8px}.pagination-bar .btn{font-size:11px;min-height:38px;padding:8px 11px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px 20px}.span-2{grid-column:span 2}.field label{font-size:12px}.form-divider{height:1px;background:var(--line);margin:25px 0}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.priority-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.priority-option{display:flex;align-items:flex-start;gap:8px;padding:14px 12px;border:1px solid #e1e7e8;border-radius:10px;margin:0;cursor:pointer;font-weight:400}.priority-option input{margin-top:4px;accent-color:var(--teal)}.priority-option strong{display:block;font-size:12px}.priority-option small{display:block;font-size:10px;color:#85979e;line-height:1.5;margin-top:4px}.priority-option.selected{border-color:#78b4a1;background:#f5faf7}.photo-choices{display:flex;gap:12px;margin:15px 0;flex-wrap:wrap}.upload-button{position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;min-height:58px;padding:15px 18px;border:1px dashed #bcd1ca;border-radius:10px;color:#649486;background:#f8fbf9;font-size:12px;flex:1;margin:0}.upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-button:focus-within{outline:3px solid #69bcae}.upload-button.compact{display:inline-flex;min-height:45px;margin-top:14px}.selected-file{display:flex;align-items:center;gap:8px;color:#749389;font-size:12px}.selected-file button{margin-left:auto}.tip-card{background:#e9f2ed;border:1px solid #dce8e0;border-radius:14px;padding:27px;color:#416a5b}.tip-card .quick-icon{background:#d8e8df;margin-bottom:22px}.tip-card h3{font-size:21px;line-height:1.35;letter-spacing:-.4px}.tip-card p{font-size:12px;color:#729080;margin-bottom:20px}.tip-card ol{font-size:12px;padding-left:18px;line-height:2.6}.tip-person{display:flex;align-items:center;gap:11px;border-top:1px solid #d3e1d8;padding-top:18px;margin-top:25px;font-size:11px}.tip-person strong{display:block;font-size:12px;margin-top:3px}.panel-inline-heading{display:flex;justify-content:space-between;align-items:center}.description{white-space:pre-wrap;color:#586f79;font-size:14px;line-height:1.85;margin:14px 0 25px}.ticket-meta{display:flex;gap:32px;flex-wrap:wrap;padding:17px 0 0;border-top:1px solid var(--line);font-size:12px;color:#566f7a}.ticket-meta strong{display:block;font-size:10px;font-weight:550;color:#91a0a6;margin-bottom:7px}.count-pill{font-size:10px;background:#f0f4f5;color:#7f959d;display:inline-block;padding:4px 9px;border-radius:20px;font-weight:550;margin-left:6px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.photo-grid img{width:100%;height:130px;object-fit:cover;border-radius:9px;background:#f1f4f4}.photo-grid a span{font-size:10px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:6px 0;color:var(--muted)}.discussion{margin:20px 0}.comment{padding:17px;background:#f7f9f9;border:1px solid #edf1f2;border-radius:10px;margin-bottom:12px}.comment>div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.comment time{font-size:10px;color:#94a2a9}.comment p{white-space:pre-wrap;font-size:13px;color:#607983;margin:10px 0 0}.timeline{margin:23px 0 0}.timeline article{display:flex;gap:17px;position:relative;padding:0 0 24px 0}.timeline article:before{content:'';position:absolute;left:5px;top:13px;bottom:0;width:1px;background:#e0e9e5}.timeline article:last-child:before{display:none}.timeline-dot{width:11px;height:11px;flex-shrink:0;margin-top:3px;border:3px solid #d6e8de;background:#70a28b;border-radius:50%;position:relative}.timeline strong{display:block;font-size:12px;color:#4a6671}.timeline small{display:block;font-size:10px;color:#8fa2aa;margin-top:6px}.timeline details{margin-top:8px;font-size:11px;color:#809990}.timeline pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:10px;color:#5d737f;line-height:1.7;background:#f6f8f8;padding:13px;margin:8px 0}.back-link{padding:5px 10px;font-size:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);gap:20px;font-size:12px}.toggle-row small{display:block;font-weight:400;color:#85969c;line-height:1.6;margin-top:4px}.toggle-row input{width:20px;height:20px;accent-color:var(--teal);flex-shrink:0}.assigned-location{display:flex;align-items:center;gap:10px;font-size:12px;padding:14px 0;border-bottom:1px solid var(--line)}.location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.location-card{padding:24px;background:white;border:1px solid var(--line);border-radius:14px}.location-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.location-symbol{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid #dbe8e3;border-radius:14px;color:#71a38f;background:#f1f7f3}.location-card h2{font-size:18px;line-height:1.5;margin-bottom:6px}.location-card p{font-size:11px;color:#8a9aa1;min-height:36px}.location-card-meta{font-size:10px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#93a59e}.location-card-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding-top:18px;margin-top:19px;border-top:1px solid var(--line)}.location-card-actions .text-button{font-size:11px}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:8px 0}.checkbox-grid label{display:flex;align-items:center;gap:9px;margin:0;font-size:12px;font-weight:450;min-height:40px;padding:7px 12px;background:#f8faf9;border:1px solid var(--line);border-radius:8px}.checkbox-grid input{width:18px;height:18px;accent-color:var(--teal)}.notification{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.notification>div{flex:1}.notification a{font-size:13px;font-weight:600;color:#42645a}.notification small{display:block;font-size:10px;color:#91a2aa;margin-top:5px}.notification.read{opacity:.7}.status-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:8px 0}.dot-separator{margin:0 8px;color:#a0b0b5}.startup{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column;gap:20px}.startup h1{font-size:26px;margin-bottom:0}.startup p{color:var(--muted);font-size:12px}.public-main{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-composition{display:grid;grid-template-columns:1fr 1fr;width:100%;min-height:100vh}.login-intro{background:#102f3b;padding:44px 10%;color:white;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.login-intro:after{content:'';position:absolute;border:1px solid #234b56;width:580px;height:580px;border-radius:50%;bottom:-400px;right:-160px;pointer-events:none}.login-intro .brand{color:white}.intro-copy{padding:60px 0;max-width:430px}.intro-copy .eyebrow{color:#81b2a2;letter-spacing:2px;margin-bottom:25px}.intro-copy h1{font-size:52px;line-height:1.12;letter-spacing:-1.9px;font-weight:650}.intro-copy em{font-style:normal;color:#83c6ab}.intro-copy p{font-size:14px;color:#a6bec5;line-height:1.85;margin-top:25px;max-width:350px}.intro-tags{display:flex;gap:20px;color:#b9d4cd;font-size:11px;margin-top:32px}.intro-tags span{display:flex;gap:6px;align-items:center}.login-intro>small{font-size:8px;color:#7697a3;letter-spacing:2px}.login-form-side{display:flex;align-items:center;justify-content:center;padding:35px;background:#fbfcfc}.login-card{width:100%;max-width:410px;padding:20px}.login-card h2{font-size:27px;line-height:1.3;letter-spacing:-.7px;margin:0 0 12px}.login-card>p{color:#89999f;font-size:12px;margin-bottom:28px}.login-card label{font-size:12px;margin-top:22px}.login-card .full-width{margin-top:28px}.login-card .text-button{display:block;margin:14px auto;font-size:12px}.login-help{margin-top:35px;border-top:1px solid var(--line);padding-top:25px;display:flex;gap:10px;align-items:center;color:#84989e;font-size:11px;line-height:1.6}.skip-link{position:fixed;top:-60px;left:12px;background:white;color:var(--teal);padding:12px;z-index:100}.skip-link:focus{top:10px}#blazor-error-ui{display:none;position:fixed;bottom:0;background:#fbe6e0;padding:16px;width:100%;z-index:100;border-top:1px solid #e5b4a6;color:#953e2e}#blazor-error-ui .dismiss{float:right;border:0;background:none;color:inherit}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
@media(min-width:1600px){.page-content{padding-top:45px}.welcome-banner{min-height:280px}.city-illustration{width:380px}.welcome-banner h2{font-size:31px}.ticket-table td{padding-top:22px;padding-bottom:22px}}
@media(max-width:1200px){.sidebar{width:222px;min-width:222px;padding:26px 16px}.main-shell{margin-left:222px;width:calc(100% - 222px)}.page-content{padding:28px 24px}.topbar{padding:0 24px}.detail-grid{grid-template-columns:minmax(0,1fr) 265px;gap:18px}.ticket-table td,.ticket-table th{padding-left:15px;padding-right:15px}.location-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:20px 16px}.stat-card .stat-icon{width:31px;height:31px;right:14px}.stat-label{font-size:10px;padding-right:27px}.quick-card{padding:18px 15px;gap:12px}.priority-options{grid-template-columns:1fr}.priority-option small{margin-top:0}.priority-option span{display:flex;align-items:center;gap:9px}.welcome-banner{padding:27px}.city-illustration{max-width:35%}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:252px}.sidebar.is-open{transform:translateX(0);box-shadow:0 0 0 100vw #0d263867}.main-shell{margin:0;width:100%}.mobile-menu{display:inline-flex}.topbar{height:68px;justify-content:flex-start}.topbar-actions{margin-left:auto}.page-content{padding:28px}.stats-grid{gap:12px}.welcome-banner{min-height:245px}.ticket-table td{padding-left:18px;padding-right:18px}.login-intro{padding:35px 9%}.intro-copy h1{font-size:42px}.intro-tags{gap:10px;flex-wrap:wrap}.detail-grid{grid-template-columns:minmax(0,1fr) 260px}.padded{padding:23px}.quick-card p{line-height:1.6}}
@media(max-width:650px){body{font-size:14px}h1{font-size:27px;letter-spacing:-.7px}.page-content{padding:23px 17px}.topbar{padding:0 13px;height:63px}.topbar-label{font-size:10px}.topbar-user>span:last-child{display:none}.topbar-actions{gap:6px}.topbar-divider{display:none}.page-heading{display:block;margin-bottom:22px}.page-heading .btn{margin-top:18px;width:100%}.page-heading p{font-size:12px}.eyebrow{font-size:9px}.welcome-banner{padding:25px;min-height:unset;margin-bottom:18px}.welcome-banner h2{font-size:25px}.welcome-banner p{font-size:12px}.welcome-banner a{min-height:44px}.city-illustration{display:none}.banner-label{font-size:8px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.stat-card{padding:19px 17px}.stat-label{font-size:10px;max-width:110px;line-height:1.5;margin-bottom:12px;min-height:29px;padding-right:14px}.stat-card strong{font-size:30px}.stat-card .stat-icon{right:12px;top:14px;width:29px;height:29px;border-radius:8px}.stat-card .stat-icon svg{width:17px;height:17px}.stat-card small{font-size:9px}.panel-heading{padding:19px 18px;flex-wrap:wrap;gap:4px}.panel-heading h2{font-size:17px}.panel-heading .subtle-link{font-size:11px;min-height:44px}.ticket-table thead{display:none}.ticket-table tbody{display:flex;flex-direction:column}.ticket-table tr{display:grid;grid-template-columns:1fr 1fr;padding:17px 18px;gap:10px;border-bottom:1px solid var(--line);position:relative}.ticket-table tr:last-child{border:0}.ticket-table td{display:flex;flex-direction:column;align-items:flex-start;padding:0;border:0;font-size:12px;overflow-wrap:anywhere}.ticket-table td:first-child{grid-column:span 2;padding-right:23px}.ticket-title{font-size:14px}.ticket-number{font-size:10px}.ticket-table td:not(:first-child):not(.table-arrow):before{content:attr(data-label);display:block;color:#9aabb2;font-size:9px;margin-bottom:5px}.ticket-table .table-arrow{position:absolute;right:15px;top:20px}.ticket-table td:empty{display:none}.location-name{font-size:12px}.technician{font-size:11px}.status-badge,.priority{font-size:10px}.quick-grid{grid-template-columns:1fr;gap:13px}.quick-card{padding:19px}.quick-card h3{font-size:13px}.quick-card p{font-size:11px}.quick-card .quick-icon{width:42px;height:42px}.detail-grid{grid-template-columns:1fr;gap:0}.detail-grid>aside{order:-1}.detail-grid .tip-card{display:none}.detail-grid aside .panel{margin-bottom:18px}.padded{padding:22px 18px}.padded h2{font-size:18px}.form-grid{grid-template-columns:1fr;gap:0}.span-2{grid-column:auto}.priority-options{grid-template-columns:1fr}.priority-option{min-height:58px;padding:15px 12px;gap:12px}.priority-option strong{font-size:13px}.priority-option small{font-size:11px}.priority-option span{display:block}.priority-option small{margin-top:3px}.form-actions{gap:10px}.form-actions .btn{flex:1;padding:12px 10px}.photo-choices{flex-direction:column;gap:10px}.upload-button{min-height:55px}.photo-grid{grid-template-columns:1fr 1fr}.photo-grid img{height:120px}.ticket-meta{gap:20px;font-size:12px}.comment>div{display:block}.comment time{display:block;margin-top:4px}.location-grid{grid-template-columns:1fr;gap:15px}.location-card{padding:24px}.location-card p{min-height:0}.location-card h2{font-size:19px}.location-card-meta{font-size:11px}.location-card-actions .text-button,.subtle-link{min-height:44px;font-size:12px}.checkbox-grid{grid-template-columns:1fr}.checkbox-grid label{font-size:13px;min-height:48px}.list-toolbar{padding:0 18px}.list-tabs{gap:17px}.list-tabs button{min-height:55px;font-size:12px}.count-label{font-size:10px}.filters{padding:18px;gap:10px}.search-field{width:100%;flex:auto;min-height:48px}.filters .form-select{flex:1;width:calc(50% - 10px);min-height:46px;font-size:12px}.filters .btn{flex:1}.filters .form-control{width:100%}.sort-bar{padding:0 18px 18px;gap:8px;align-items:flex-start}.sort-bar>span{display:none}.sort-bar label{margin-left:auto;font-size:11px}.sort-bar select{min-height:40px}.pagination-bar{padding:18px;flex-direction:column;gap:12px}.pagination-bar>div{width:100%}.pagination-bar .btn{flex:1;min-height:45px}.notification{align-items:flex-start;gap:12px;flex-wrap:wrap}.notification a{font-size:12px}.notification .stat-icon{width:32px;height:32px}.notification .text-button{margin-left:44px;font-size:12px}.breadcrumbs{font-size:10px;margin-bottom:18px;flex-wrap:wrap}footer{padding:8px 18px 22px;font-size:9px;gap:12px}.login-composition{grid-template-columns:1fr}.login-intro{padding:28px;min-height:180px}.intro-copy{padding:30px 0 5px}.intro-copy .eyebrow{font-size:8px;margin-bottom:15px}.intro-copy h1{font-size:34px;line-height:1.14}.intro-copy h1 br{display:none}.intro-copy p,.intro-tags,.login-intro>small{display:none}.login-form-side{padding:23px 17px;align-items:flex-start}.login-card{padding:14px 10px;max-width:440px}.login-card h2{font-size:24px}.login-help{margin-top:23px}.login-card>p{font-size:12px}.public-main>.login-card{padding:30px}.desktop-only{display:none}.toggle-row{font-size:13px}.back-link{margin:0 0 15px}.selected-file{overflow-wrap:anywhere;font-size:11px;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.audit-changes{padding:12px;margin-top:8px;background:#f7f9f8;border-radius:8px}.audit-changes>div{display:grid;grid-template-columns:minmax(90px,35%) 1fr;gap:10px;padding:5px 0;font-size:11px}.audit-changes strong{font-size:10px;color:#7e939a;font-weight:550}.audit-changes span{color:#486674;white-space:pre-wrap;overflow-wrap:anywhere}
.drawer-close,.menu-backdrop{display:none}@media(max-width:900px){.sidebar{visibility:hidden}.sidebar.is-open{visibility:visible;box-shadow:none}.drawer-close{display:flex;position:absolute;right:5px;top:3px;color:#b4cdc7;font-size:27px}.menu-backdrop{display:block;position:fixed;inset:0;background:#0d263867;border:0;z-index:39}}

.organization-brand{flex-direction:column;align-items:flex-start;gap:14px}.organization-logo{display:block;width:100%;max-width:260px;padding:12px;background:transparent;border-radius:10px;line-height:0}.organization-logo svg{display:block;width:100%;height:auto;overflow:hidden}.sidebar .organization-brand{margin-bottom:30px}.sidebar .organization-logo{max-width:202px;padding-left:0;padding-right:24px}.login-intro .organization-brand{max-width:280px}@media(max-width:650px){.login-intro .organization-brand{max-width:220px;gap:10px}.organization-logo{padding:10px}}
.brand-line{display:flex;align-items:center;gap:12px}
.location-cover{display:block;width:100%;height:160px;object-fit:cover;border-radius:10px;margin-bottom:20px}.location-map-links{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 22px}.location-map-links .btn{font-size:11px;padding:10px}.location-section-heading{margin-top:32px}.location-photo-preview{width:100%;max-height:280px;object-fit:contain;border-radius:10px;background:#f3f7f6}.location-photo-empty{text-align:center;padding:30px 12px;background:#f3f7f6;border-radius:10px;color:#7b9790}.location-photo-empty p{margin:15px 0 0}.location-upload{margin:10px 0;min-height:50px}@media(max-width:650px){.location-map-links .btn{flex:1;min-height:46px}.location-cover{height:190px}}
.user-menu{position:relative}.user-menu-trigger{border:0;background:transparent;border-radius:9px;min-height:44px;padding:5px 9px;max-width:320px}.user-menu-trigger:hover,.user-menu-trigger[aria-expanded=true]{background:#eff5f3}.user-menu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:#76918b;transition:transform .15s}.user-menu-chevron svg{display:block}.user-menu-trigger[aria-expanded=true] .user-menu-chevron{transform:rotate(180deg)}.user-menu-backdrop{position:fixed;inset:0;z-index:49;border:0;background:transparent;cursor:default}.user-menu-panel{position:absolute;right:0;top:calc(100% + 10px);width:280px;max-width:calc(100vw - 26px);z-index:50;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 15px 40px #102f3b24;padding:8px}.user-menu-identity{padding:13px 12px 17px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.user-menu-identity strong{display:block;font-size:13px;color:var(--ink)}.user-menu-identity small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.user-menu-panel nav{padding:7px 0}.user-menu-panel nav a,.user-menu-signout button{display:flex;align-items:center;gap:11px;width:100%;min-height:46px;padding:11px 12px;border-radius:8px;font-weight:550;font-size:13px;color:#48646f}.user-menu-panel nav a:hover{background:#eff6f3;color:var(--teal)}.user-menu-signout{border-top:1px solid var(--line);padding-top:7px}.user-menu-signout button{border:0;background:transparent;color:#ac4f45;text-align:left}.user-menu-signout button:hover{background:#fff0ef}.user-menu-panel .feedback{margin:8px 0 0;font-size:12px}#zmena-hesla,#nastaveni-oznameni{scroll-margin-top:24px}@media(max-width:650px){.topbar-user .user-menu-name{display:none}.topbar-user .user-menu-chevron{display:inline-flex}.user-menu-trigger{padding:4px;gap:5px;min-width:48px}}


.account-tabs{display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid var(--line);margin:20px 0 0;padding:0 8px}.account-tabs button{position:relative;min-height:48px;padding:12px 20px;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;background:#f0f4f5;color:#607681;font-weight:600;line-height:1.4;box-shadow:none;transition:background .15s,color .15s}.account-tabs button:hover{background:#e8f0ee;color:var(--teal)}.account-tabs button[aria-selected=true]{z-index:1;background:#fff;color:var(--teal);border-color:var(--line);margin-bottom:-1px;padding-bottom:13px}.account-tabs button[aria-selected=true]::before{content:"";position:absolute;top:-1px;left:8px;right:8px;height:3px;background:var(--teal);border-radius:3px}.user-editor [role=tabpanel]{border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;padding:24px}.account-tabs button:focus-visible{outline:3px solid #6fbeb1;outline-offset:3px}.user-editor-heading{padding:0;border:0;align-items:flex-start}.user-editor-heading p{margin-bottom:0}.permission-summary{background:#eff6f3;border-radius:10px;padding:16px;line-height:1.7}.user-editor [hidden]{display:none}@media(max-width:650px){.account-tabs{gap:3px;padding:0 3px}.account-tabs button{flex:1;min-width:0;padding:10px 8px;font-size:12px}.account-tabs button[aria-selected=true]{padding-bottom:11px}.user-editor [role=tabpanel]{padding:18px 14px}.user-editor-heading{gap:12px;flex-wrap:wrap}}

.calendar-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:22px;margin-bottom:20px;flex-wrap:wrap}.calendar-toolbar>div:first-child{min-width:220px;flex:1;max-width:380px}.calendar-toolbar label{margin-top:0}.calendar-month-controls,.calendar-view{display:flex;align-items:center;gap:10px}.calendar-month-controls strong{min-width:150px;text-align:center;text-transform:capitalize}.calendar-view .btn{min-height:48px}.calendar-summary{display:flex;gap:22px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:20px 0}.calendar-summary>span{display:flex;align-items:center;gap:8px}.calendar-summary>a{margin-left:auto}.calendar-dot{width:9px;height:9px;border-radius:50%;background:#208b9a}.calendar-dot.done{background:#12806e}.calendar-dot.overdue{background:#c75d43}.calendar-board{overflow:hidden;margin-bottom:24px}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{background:#f3f7f8;color:#617a86;text-align:center;padding:14px 0;font-size:12px;font-weight:700}.calendar-day{min-height:125px;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:12px;background:white;border:0;border-top:1px solid var(--line);border-right:1px solid var(--line);text-align:left;color:var(--ink);cursor:pointer;min-width:0}.calendar-day:nth-child(7n){border-right:0}.calendar-day:hover,.calendar-day.selected{background:#edf8f5}.calendar-day.selected{box-shadow:inset 0 0 0 2px #12806e}.calendar-day.outside{background:#f8fafb;color:#bdc9ce;cursor:default}.calendar-day-number{font-size:13px;font-weight:600;align-self:flex-start;padding:2px 5px}.calendar-day.today .calendar-day-number{background:#12806e;color:white;border-radius:50%}.calendar-chip{border-left:3px solid #208b9a;background:#eaf5f8;color:#236677;font-size:11px;line-height:1.5;padding:4px 6px;border-radius:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.calendar-chip.done{border-color:#12806e;background:#e6f6ef;color:#127260}.calendar-chip.overdue{border-color:#c75d43;background:#fff0e9;color:#a64b35}.calendar-more{font-size:11px;color:#617a86}.service-row{display:flex;align-items:center;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.service-date{display:flex;flex-direction:column;align-items:center;min-width:56px;border-radius:10px;background:#f2f7f7;padding:10px;color:#446873}.service-date strong{font-size:22px;line-height:1.2}.service-date span{font-size:11px;text-transform:uppercase}.service-info{flex:1}.service-info h3{font-size:16px;margin:0 0 6px}.service-info p{font-size:13px;margin:0;color:#617a86}.service-info small{color:#617a86}.service-state.done{color:#12806e}.service-state.overdue{color:#a64b35}.service-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.calendar-agenda{margin-bottom:24px}.calendar-subscription p{max-width:850px}.calendar-subscription h2{margin-top:12px}.calendar-subscription input{font-size:13px}.service-editor{max-width:850px}.service-description{white-space:pre-wrap;background:#f5f8f8;border-radius:10px;padding:20px}.service-cancel{margin-top:24px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:#617a86}@media(max-width:760px){.calendar-toolbar{padding:16px;gap:16px}.calendar-toolbar>div:first-child{max-width:none;width:100%;flex-basis:100%}.calendar-month-controls{flex:1;justify-content:space-between}.calendar-view{width:100%}.calendar-view .btn{flex:1;justify-content:center}.calendar-day{min-height:82px;padding:5px;gap:3px}.calendar-chip{font-size:9px;padding:3px 2px;border-left-width:2px}.calendar-weekdays{padding:10px 0}.calendar-summary{gap:12px;font-size:12px}.calendar-summary>a{margin-left:0}.service-row{gap:12px;flex-wrap:wrap}.service-actions{width:100%;padding-left:68px;gap:10px}.service-actions .btn{min-height:48px}.calendar-more{font-size:9px}.calendar-day-number{padding:2px}.service-info h3{font-size:14px}}
.calendar-archive-option{display:flex;align-items:center;gap:10px;font-size:13px;color:#617a86;margin:0 0 12px}.calendar-archive-option input{width:20px;height:20px;accent-color:#12806e}
.boot-progress{position:relative;width:112px;height:112px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--teal) var(--blazor-load-percentage,0%),#deebe7 0);box-shadow:0 8px 28px #137e7010}.boot-progress:before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--paper)}.boot-progress-text{z-index:1;font-size:25px;font-weight:700;color:var(--teal)}.boot-progress-text:after{content:var(--blazor-load-percentage-text,"0%")}.startup-spinner{width:36px;height:36px;border:3px solid #deebe7;border-top-color:var(--teal);border-radius:50%;animation:startup-spin .85s linear infinite}.startup{padding:24px;text-align:center}.startup p{max-width:420px;line-height:1.7}.startup [hidden]{display:none!important}@keyframes startup-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.startup-spinner{animation:none}}
.login-intro .organization-logo{padding-left:0;padding-right:24px}

.intro-copy h1[tabindex="-1"]:focus{outline:none}
.assignment-picker{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start;margin:22px 0}.assignment-selected{min-width:0}.assignment-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.assignment-heading h3{margin:0}.assignment-count{background:#e8f3ef;color:var(--teal);border-radius:20px;min-width:28px;text-align:center;padding:4px 8px;font-size:12px;font-weight:700}.assignment-row{display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:10px;padding:15px;margin-bottom:10px;background:#fff}.assignment-person{display:flex;align-items:center;gap:12px;min-width:0}.assignment-person strong,.assignment-result strong{display:block;font-size:13px;overflow-wrap:anywhere}.assignment-person small,.assignment-result small{display:block;color:var(--muted);font-size:11px;margin-top:4px;overflow-wrap:anywhere}.assignment-symbol{width:36px;height:36px;flex-shrink:0;background:#eef5f2;border-radius:9px;color:var(--teal);display:flex;align-items:center;justify-content:center}.assignment-controls{display:flex;align-items:center;gap:14px;padding-left:48px}.assignment-role{min-width:0;flex:1;font-size:12px;min-height:44px}.assignment-remove{font-size:12px;flex-shrink:0}.assignment-add{background:#f6f9f8;border:1px solid #e4ede8;border-radius:12px;padding:18px;min-width:0}.assignment-add label{margin:0 0 10px}.assignment-search{position:relative}.assignment-search>svg{position:absolute;left:12px;top:15px;color:var(--muted);pointer-events:none}.assignment-query{padding-left:40px;min-height:48px}.assignment-result{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e4ede8;padding:12px 0}.assignment-result>div{min-width:0}.assignment-add-button{min-height:44px;padding:8px 12px;font-size:12px}.assignment-empty{font-size:12px;color:var(--muted);padding:16px 0;line-height:1.6}.location-people{max-width:100%}@media(max-width:800px){.assignment-picker{grid-template-columns:1fr;gap:18px}.assignment-controls{padding-left:0}.assignment-add{padding:16px}}
.location-editor [role=tabpanel]{border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;padding:24px}.location-editor [hidden]{display:none}.location-editor .detail-grid{margin-bottom:0}.location-editor .location-basics{min-width:0}.location-photo-section{background:#f6f9f8;border:1px solid var(--line);border-radius:12px;padding:20px}.location-editor .location-people{border:0;margin:0;padding:0}.location-editor>.account-tabs{margin-top:0}.location-editor .location-basics .form-actions{margin-bottom:0}@media(max-width:650px){.location-editor [role=tabpanel]{padding:18px 14px}.location-editor{padding:18px 14px}.location-photo-section{padding:16px}}

.btn>svg,.text-button>svg,.subtle-link>svg{width:18px;height:18px;flex-shrink:0}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.location-card{display:flex;flex-direction:column;min-width:0}.location-card-meta{margin-top:auto;margin-bottom:16px;padding-top:12px}.location-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;align-items:center;margin-top:0;padding-top:10px}.location-card-actions .action-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:6px 0;border:0;background:transparent;color:var(--teal);font-size:12px;font-weight:600;white-space:nowrap;text-decoration:none}.location-card-actions .action-link:hover{text-decoration:underline;color:var(--teal-dark)}.location-card-actions .action-link:nth-child(n+3){border-top:1px solid #eff2f3;color:#71818a;font-size:11px}.location-card-actions .action-link.danger-text{color:#b14646}.location-card-actions .action-link svg{flex-shrink:0;opacity:.8}.account-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.account-tabs button svg{flex-shrink:0}
.list-tabs button{display:inline-flex;align-items:center;gap:7px}