.google-map-field,.google-map-input-wrap{position:relative}.google-map-input-wrap input{padding-right:38px}.google-map-loading{color:#8f989f;font-weight:700;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.google-map-suggestions{z-index:50;background:#1a1f23;border:1px solid #424b52;border-radius:8px;max-height:300px;padding:5px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 16px 40px #0000006b}.google-map-suggestion{text-align:left;color:#eef1f3;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-direction:column;gap:3px;width:100%;padding:10px;display:flex}.google-map-suggestion:hover,.google-map-suggestion:focus{background:#252c31;outline:none}.google-map-suggestion strong{font-size:12px;font-weight:650}.google-map-suggestion span{color:#929ca4;font-size:11px;line-height:1.35}.google-map-attribution{text-align:right;white-space:nowrap;color:#b7bec4;border-top:1px solid #30383f;margin:4px 6px 0;padding:8px 4px 5px;font-family:Roboto,Arial,sans-serif;font-size:12px;line-height:1}.google-map-field>small{color:#8b939b;line-height:1.4}.nav-tabs .active{color:#f2b84b!important;background:#f2b84b29!important;box-shadow:inset 0 0 0 1px #f2b84b8c!important}.report-toolbar .button:not(.secondary){color:#111!important;box-shadow:none!important;background:#f2b84b!important;border-color:#f2b84b!important}.report-toolbar .button:not(.secondary):hover{background:#ffc95d!important;border-color:#ffc95d!important}.status-monitoring{background:#6fa8dc!important}.badge-monitoring{color:#b8d9f8!important;background:#6fa8dc14!important;border-color:#477ca8!important}.report-word{white-space:nowrap!important;word-break:keep-all!important}.report-project-text{text-wrap:balance;line-break:auto;overflow-wrap:normal;word-break:normal}.report-details{text-wrap:pretty;line-break:auto;text-align:left!important;overflow-wrap:normal!important;word-break:normal!important}.photo-grid{gap:3px!important;margin-top:6px!important;display:grid!important}.photo-grid>div{background:#eee;overflow:hidden}.photo-grid-1{grid-template-columns:1fr!important}.photo-grid-1>div{height:336px!important}.photo-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.photo-grid-2>div{height:336px!important}.photo-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.photo-grid-3>div{height:250px!important}.photo-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.photo-grid-4>div{height:165px!important}.photo-grid-5{grid-template-columns:repeat(6,minmax(0,1fr))!important}.photo-grid-5>div{grid-column:span 2;height:165px!important}.photo-grid-5>div:nth-child(4){grid-column:2/span 2}.photo-grid-5>div:nth-child(5){grid-column:4/span 2}.photo-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))!important}.photo-grid-6>div{height:165px!important}.remote-report-note{letter-spacing:.03em;text-align:center;place-items:center;margin-top:10px;color:#6f757b!important;background:0 0!important;border:0!important;min-height:220px!important;font-size:26px!important;font-weight:700!important;display:grid!important}.report-details .report-narrative-flow{text-align:left;text-wrap:pretty;word-break:normal;overflow-wrap:break-word;line-break:auto;white-space:normal!important}.report-details .report-narrative-paragraph{text-wrap:pretty;overflow-wrap:break-word;line-height:inherit;white-space:normal!important;word-break:normal!important}.report-details .report-narrative-paragraph.report-narrative-separated{margin-top:.3em;display:block}.report-details .report-narrative-paragraph.report-narrative-list-item{text-indent:-1.2em;text-wrap:pretty;margin-top:.12em;padding-left:1.2em;display:block}.report-details .report-narrative-paragraph:first-child:not(.report-narrative-list-item){display:inline}@media print{.report-details .report-narrative-flow,.report-details .report-narrative-paragraph{text-wrap:pretty;white-space:normal!important;overflow-wrap:break-word!important}}.mr-shell{max-width:1300px;color:var(--text);margin:0 auto;padding:12px 0 36px}.mr-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.mr-toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mr-toolbar-actions span{color:var(--muted);font-size:11px}.mr-body{border:1px solid var(--line);background:#181d21;border-radius:11px;padding:26px}.mr-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.mr-heading h2{margin:5px 0;font-size:25px}.mr-heading p{color:var(--muted);margin:0}.mr-linked{color:#b6e5ce;background:#183026;border:1px solid #38564c;border-radius:7px;padding:7px 10px;font-size:10px}.mr-info{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.mr-info>div{border:1px solid var(--line);border-radius:7px;padding:12px}.mr-info small{color:var(--muted);font-size:10px;display:block}.mr-info strong{overflow-wrap:anywhere;margin-top:7px;font-size:13px;display:block}.mr-section-head{justify-content:space-between;align-items:center;gap:12px;margin:24px 0 10px;display:flex}.mr-section-head h3{margin:0;font-size:15px}.mr-section-head span{color:var(--muted);font-size:11px}.mr-help{color:#9fc1ca;background:#1c2a31;border:1px solid #394750;border-radius:7px;margin-bottom:10px;padding:10px;font-size:12px}.mr-table-scroll{border:1px solid var(--line);border-radius:8px;overflow:auto}.mr-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:850px;font-size:12px}.mr-table th{text-align:left;background:#20272c;position:static}.mr-table td,.mr-table th{border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:8px 7px}.mr-table th:first-child{width:35px}.mr-table th:nth-child(2){width:110px}.mr-table th:nth-child(3){width:105px}.mr-table th:nth-child(4){width:110px}.mr-table th:nth-child(5){width:145px}.mr-table th:nth-child(6){width:60px}.mr-table th:last-child{width:auto}.mr-table input{color:#fff;background:#11181b;border:1px solid #343e45;border-radius:5px;width:100%;min-width:0;padding:7px 5px}.mr-table th:last-child:not(:nth-child(7)){width:48px}.mr-icon-button{color:#d2a4a4;cursor:pointer;background:0 0;border:0}.mr-add{margin-top:13px}.mr-empty,.mr-loading{color:var(--muted);padding:20px}.mr-item{break-inside:avoid;border:1px solid #363f47;border-radius:9px;margin:12px 0;overflow:hidden}.mr-item-title{background:#20272c;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.mr-item-title strong{font-size:13px;display:block}.mr-item-title small{color:var(--muted);margin-top:4px;display:block}.mr-item-result{align-items:center;gap:9px;font-size:11px;display:flex}.mr-item-result span{color:#b4dfd8;background:#25433e;border-radius:5px;padding:5px 7px}.mr-item-result select{color:#e5ebee;background:#11191c;border:1px solid #45505a;border-radius:5px;padding:6px;font-size:11px}.mr-remark{color:#b7c4ce;border-bottom:1px solid #313a41;padding:8px 16px;font-size:12px}.mr-photo-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:14px;display:grid}.mr-photo-pair.mr-single-photo{grid-template-columns:minmax(0,1fr)}.mr-photo-slot>strong{color:#d8e4eb;margin-bottom:9px;font-size:11px;display:block}.mr-thumbs{flex-wrap:wrap;gap:8px;display:flex}.mr-thumb{background:#15191d;border:1px solid #45505a;border-radius:6px;width:120px;height:115px;position:relative;overflow:hidden}.mr-thumb img{object-fit:contain;width:100%;height:100%}.mr-remove{color:#fff;cursor:pointer;background:#181d21;border:0;border-radius:50%;width:23px;height:23px;position:absolute;top:3px;right:3px}.mr-drop{color:#b8d4df;cursor:pointer;text-align:center;background:#1b252b;border:1px dashed #687b85;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:82px;margin-top:9px;padding:10px;font-size:12px;display:flex}.mr-drop input{display:none}.mr-no-fault{color:#9ccbbc;background:#162b27;margin:0;padding:11px 16px;font-size:12px}.mr-photo-save-hint{color:#edca82;background:#352b18;margin:0;padding:7px 16px;font-size:11px}.mr-error{color:#ffc0c0;background:#412326;border:1px solid #81383e;border-radius:6px;margin-top:15px;padding:12px}.mr-footer{color:#586a76;text-align:right;margin-top:25px;font-size:10px}.mr-preview{color:#151c22;background:#fff}.mr-preview .mr-heading{border-color:#b7c0c6}.mr-preview .mr-info>div{border-color:#ccd4da}.mr-preview .mr-section-head h3,.mr-preview .mr-item-title strong{color:#152433}.mr-preview .mr-table-scroll,.mr-preview .mr-table td,.mr-preview .mr-table th{color:#1c262d;border-color:#adb8bf}.mr-preview .mr-table th{background:#e9ecef}.mr-preview .mr-item{border-color:#b9c2ca}.mr-preview .mr-item-title{background:#eef0f2}.mr-preview .mr-remark{color:#1e2d38;border-color:#cbd3d8}.mr-preview .mr-item-result span{color:#354b59;background:#e0e7e9}.mr-preview .mr-photo-slot>strong{color:#263e4c}.mr-preview .mr-thumb{background:#f5f6f7;border-color:#cbd2d7;width:248px;max-width:100%;height:276px}.mr-preview .mr-photo-pair.mr-single-photo .mr-thumb{width:300px;height:320px}.mr-preview .mr-info small,.mr-preview .mr-heading p{color:#687985}@media (width<=650px){.mr-body{padding:13px}.mr-toolbar{flex-direction:column;align-items:flex-start}.mr-info{grid-template-columns:repeat(2,minmax(0,1fr))}.mr-photo-pair{grid-template-columns:1fr}.mr-heading{flex-direction:column;align-items:start}.mr-heading h2{font-size:20px}.mr-item-title{flex-direction:column;align-items:flex-start}}@media print{@page{size:A4 portrait;margin:12mm}body{background:#fff!important}.mr-shell{color:#111;max-width:none;padding:0}.mr-shell .no-print,.mr-toolbar,.mr-error,.mr-add,.mr-drop,.mr-remove,.mr-icon-button,.mr-item-result select,.mr-help,.mr-no-fault,.mr-photo-save-hint{display:none!important}.mr-body{color:#111;background:#fff;border:0;padding:0}.mr-heading{border-color:#aeb8c0}.mr-heading h2{font-size:20px}.mr-heading p,.mr-info small{color:#555}.mr-linked{display:none}.mr-info{grid-template-columns:repeat(4,1fr);gap:6px}.mr-info>div{color:#111;border:1px solid #ccc;padding:6px}.mr-table{min-width:0;font-size:9px}.mr-table th,.mr-table td{color:#111;border:1px solid #b5bfc6;padding:5px}.mr-table th{background:#e8ecef!important}.mr-table-scroll{overflow:visible}.mr-table th:last-child:not(:nth-child(7)),.mr-table td:last-child:not(:nth-child(7)){display:none}.mr-section-head h3{color:#111}.mr-item{break-inside:avoid;border-color:#b8c0c5}.mr-item-title{background:#edf0f2!important}.mr-item-title strong{color:#111}.mr-item-result span{color:#111;background:0 0}.mr-remark,.mr-item-title small,.mr-photo-slot>strong{color:#111}.mr-photo-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.mr-photo-pair.mr-single-photo{grid-template-columns:minmax(0,1fr)}.mr-thumb,.mr-preview .mr-thumb{border:1px solid #ddd;width:75mm;max-width:100%;height:87mm}.mr-photo-pair.mr-single-photo .mr-thumb,.mr-preview .mr-photo-pair.mr-single-photo .mr-thumb{width:91mm;height:96mm}}.mr-slot-error{color:#ffd9c5;background:#3a2623;border:1px solid #99624e;border-radius:7px;flex-direction:column;align-items:flex-start;gap:6px;margin-top:9px;padding:10px;font-size:12px;line-height:1.5;display:flex}.mr-slot-error strong{font-size:12px}.mr-slot-error span{overflow-wrap:anywhere}.mr-slot-error .button{white-space:normal;max-width:100%;font-size:11px}@media print{.mr-slot-error{display:none!important}}@media screen and (width<=650px){.mr-preview .mr-thumb{width:min(100%,248px);height:265px}.mr-preview .mr-photo-pair.mr-single-photo .mr-thumb{width:min(100%,300px);height:310px}}.mr-preview .mr-item-title{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;display:grid}.mr-preview .mr-item-title>div:first-child{overflow-wrap:anywhere;grid-column:1;min-width:0}.mr-preview .mr-item-result{grid-column:2;justify-self:center}.mr-preview .mr-photo-slot>strong{text-align:center}.mr-preview .mr-thumbs{justify-content:center}@media screen and (width<=650px){.mr-preview .mr-item-title{grid-template-columns:minmax(0,1fr)}.mr-preview .mr-item-title>div:first-child{grid-column:1}.mr-preview .mr-item-result{grid-column:1;justify-self:center}}@media print{.mr-item-title{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;display:grid!important}.mr-item-title>div:first-child{overflow-wrap:anywhere;grid-column:1;min-width:0}.mr-item-result{grid-column:2;justify-self:center}.mr-photo-slot>strong{text-align:center}.mr-thumbs{justify-content:center}}.portfolio-manager{min-height:420px}.portfolio-manager-title{border-bottom:1px solid #30383f;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.portfolio-manager-title h2{margin:6px 0;font-size:23px}.portfolio-manager-title p{color:#a7afb6;margin:0;font-size:12px}.portfolio-message{color:#c4f5cf;background:#253629;border:1px solid #426a48;border-radius:7px;padding:9px 12px;font-size:12px}.portfolio-search{color:#9ba4ac;background:#14181b;border:1px solid #3b454d;border-radius:7px;align-items:center;gap:9px;margin:15px 0;padding:0 12px;display:flex}.portfolio-search input{color:#fff;width:100%;height:40px;font:inherit;background:0 0;border:0;outline:0;font-size:12px}.portfolio-job-list{gap:7px;max-height:490px;display:grid;overflow:auto}.portfolio-job{background:#20262b;border:1px solid #333e46;border-radius:7px;align-items:center;gap:14px;padding:11px;display:flex}.portfolio-job-thumb{object-fit:cover;background:#333b43;border-radius:5px;flex:none;width:68px;height:56px}.portfolio-job-meta{flex:1;gap:4px;min-width:0;display:grid}.portfolio-job-meta strong{overflow-wrap:anywhere;font-size:13px}.portfolio-job-meta small{color:#a0abb2;font-size:11px}.portfolio-tag{color:#a0dfb9;border:1px solid #39764c;border-radius:15px;padding:4px 8px;font-size:10px}.portfolio-manager-preview h3{color:#f5a623;align-items:center;gap:8px;font-size:14px;display:flex}.portfolio-categories{flex-wrap:wrap;gap:7px;margin:16px 0;display:flex}.portfolio-categories button{color:#a9b4ba;cursor:pointer;background:#252d31;border:1px solid #434e56;border-radius:7px;padding:8px 11px;font-size:11px}.portfolio-categories button.selected{color:#f5a623;background:#f5a6231a;border-color:#8c6b2d}.portfolio-public-page{color:#f3f5f7;box-sizing:border-box;background:#101316;min-height:100vh;padding:20px}.portfolio-public-head{border-bottom:1px solid #343c43;padding:15px 0}.portfolio-public-head span{letter-spacing:.11em;color:#f5a623;font-size:11px}.portfolio-public-head h1{margin:6px 0;font-size:27px}.portfolio-public-head p{color:#aab4bb;margin:5px 0}.portfolio-public-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));align-items:start;gap:17px;margin-top:20px;display:grid}.portfolio-public-grid>.portfolio-carousel{width:100%;max-width:450px}.portfolio-empty{color:#9aa4ab;text-align:center;padding:45px}.portfolio-carousel{color:#171717;background:#fff;border:1px solid #d5d5d5;width:min(100%,440px);margin:0 auto}.portfolio-carousel-title{text-align:center;gap:4px;padding:17px 11px 15px;font:700 16px Arial,Noto Sans Thai,sans-serif;display:grid}.portfolio-carousel-title span{font-size:15px}.portfolio-carousel-stage{aspect-ratio:3/4;touch-action:pan-y;background:#e8e8e8;place-items:center;display:grid;position:relative;overflow:hidden}.portfolio-carousel-stage img{object-fit:contain;cursor:pointer;width:100%;height:100%;display:block}.portfolio-arrow{color:#fff;cursor:pointer;opacity:0;background:#000000a1;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-carousel:hover .portfolio-arrow,.portfolio-carousel:focus-within .portfolio-arrow{opacity:1}.portfolio-arrow.previous{left:8px}.portfolio-arrow.next{right:8px}.portfolio-carousel-footer{color:#555;justify-content:center;align-items:center;min-height:39px;padding:6px 38px;font-size:11px;display:flex;position:relative}.portfolio-dots{gap:7px;display:flex}.portfolio-dots button{cursor:pointer;background:#c9c9c9;border:0;border-radius:50%;width:10px;height:10px;padding:0}.portfolio-dots button.active{background:#2e2e2e}.portfolio-pause{color:#5d5d5d;cursor:pointer;background:0 0;border:0;position:absolute;right:9px}.portfolio-modal-backdrop{z-index:999;background:#000000bf;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.portfolio-modal{color:#f5f6f7;background:#181e22;border:1px solid #3c464d;border-radius:10px;width:min(1100px,100%);max-height:94vh;overflow:auto;box-shadow:0 20px 70px #0009}.portfolio-modal>header{border-bottom:1px solid #364047;justify-content:space-between;gap:15px;padding:18px;display:flex}.portfolio-modal>header h2{margin:0 0 7px;font-size:19px}.portfolio-modal>header strong{font-size:14px;display:block}.portfolio-modal>header small{color:#aab4ba;margin-top:5px;font-size:11px;display:block}.portfolio-modal-grid{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:16px;padding:15px;display:grid}.portfolio-editor label{gap:6px;font-size:12px;display:grid}.portfolio-editor select{color:#fff;background:#111619;border:1px solid #39434a;border-radius:7px;width:100%;padding:9px;font-size:12px}.portfolio-editor p{color:#adb7bd;font-size:12px}.portfolio-editor-photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:380px;margin-top:13px;display:grid;overflow:auto}.portfolio-editor-photo{background:#20272b;border:1px solid #425057;border-radius:6px;position:relative;overflow:hidden}.portfolio-editor-photo>img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.portfolio-editor-photo>span{color:#fff;background:#111b;border-radius:4px;padding:2px 5px;font-size:10px;position:absolute;top:4px;left:4px}.portfolio-editor-photo.excluded img{filter:grayscale();opacity:.35}.photo-toggle{color:#ffc1c1;cursor:pointer;background:#41282a;border:1px solid #77484c;justify-content:center;align-items:center;gap:4px;width:100%;min-height:32px;padding:6px 4px;font-size:10px;display:flex}.excluded .photo-toggle{color:#b6efc9;background:#23412f;border-color:#347d56}.photo-order{justify-content:center;gap:14px;display:flex}.photo-order button{color:#d9e0e4;cursor:pointer;background:0 0;border:0}.photo-order button:disabled{opacity:.3}.portfolio-editor label.portfolio-check{align-items:flex-start;gap:8px;margin:13px 0;line-height:1.4;display:flex}.portfolio-check input{accent-color:#f5a623}.portfolio-side{background:#20272b;border-radius:7px;padding:5px}.portfolio-modal>footer{border-top:1px solid #354047;justify-content:flex-end;gap:9px;padding:12px 18px;display:flex}.portfolio-modal>footer button:disabled{opacity:.45;cursor:not-allowed}@media (width<=800px){.portfolio-modal-grid{grid-template-columns:1fr}.portfolio-manager-title,.portfolio-job{flex-wrap:wrap}.portfolio-job-meta{flex-basis:60%}.portfolio-job>.button{margin-left:auto}.portfolio-editor-photos{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (hover:none){.portfolio-arrow{opacity:1}}.portfolio-photo-fallback{color:#f3d5a1;box-sizing:border-box;text-align:center;background:#303940;border:1px dashed #947445;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;min-height:100px;padding:11px;font:500 12px/1.4 Segoe UI,Noto Sans Thai,sans-serif;display:flex}.portfolio-photo-fallback button{color:#f8deb0;cursor:pointer;background:#282b28;border:1px solid #9d855d;border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;display:inline-flex}.portfolio-job-thumb.portfolio-photo-fallback{flex:none;gap:0;width:68px;height:56px;min-height:56px;padding:3px;overflow:hidden}.portfolio-job-thumb.portfolio-photo-fallback span{font-size:9px;line-height:1.2}.portfolio-job-thumb.portfolio-photo-fallback svg{width:13px;height:13px}.portfolio-job-thumb.portfolio-photo-fallback button{display:none}.portfolio-carousel-stage .portfolio-photo-fallback{color:#795329;background:#ede7df;border-color:#d4b891;min-height:0}.portfolio-health-panel{color:#d9e7e8;background:#242d30;border:1px solid #51636a;border-radius:7px;margin:12px 0;padding:10px;font-size:11px}.portfolio-health-panel strong{font-weight:700}.portfolio-health-panel p{color:#f1c9a0;margin:8px 0;font-size:11px;line-height:1.5}.portfolio-health-warning{color:#ffb5b5;margin-top:5px;font-weight:700;display:block}.portfolio-health-actions{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.portfolio-health-actions button:disabled{opacity:.5;cursor:progress}.portfolio-photo-bad{color:#fff4e8;text-align:center;overflow-wrap:anywhere;pointer-events:none;background:#692121eb;padding:5px;font-size:9px;line-height:1.35;position:absolute;top:22px;left:0;right:0}.portfolio-editor-photo .portfolio-photo-fallback{aspect-ratio:4/3;height:auto;min-height:0}.portfolio-categories{align-items:center;gap:8px}.portfolio-categories button{padding:9px 14px;font-weight:600}.portfolio-only-new{color:#c2cbd1;cursor:pointer;align-items:center;gap:8px;margin:3px 0 13px;padding:0 2px;font-size:12px;display:inline-flex}.portfolio-only-new input{accent-color:#f5a623;width:15px;height:15px}.portfolio-lookup-wait{color:#e4be81;background:#342a1a;border:1px solid #82622f;border-radius:7px;margin:0 0 10px;padding:8px 12px;font-size:12px}.portfolio-tag-draft{color:#f4d298;background:#352919;border-color:#917439}.portfolio-job button:disabled{opacity:.45;cursor:wait}.portfolio-existing-dialog{color:#edf0f2;background:#1b2328;border:1px solid #8b6b2d;border-radius:12px;width:min(470px,100%);padding:24px;box-shadow:0 14px 55px #000b}.portfolio-existing-icon{color:#a4ecba;background:#263d2f;border:1px solid #51885a;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:13px;display:grid}.portfolio-existing-dialog h2{color:#ffc04e;margin:0 0 14px;font-size:20px}.portfolio-existing-dialog strong{overflow-wrap:anywhere;font-size:14px}.portfolio-existing-dialog p{color:#bfcbd0;margin:8px 0;font-size:12px;line-height:1.7}.portfolio-existing-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:20px;display:flex}.portfolio-existing-actions .button{min-height:37px}@media (width<=620px){.portfolio-existing-dialog{padding:16px}.portfolio-existing-actions .button{white-space:normal;flex:1}}.portfolio-carousel{color:#edf2f5;box-shadow:none;background:0 0;border:1px solid #cad7df2e;border-radius:9px;overflow:hidden}.portfolio-carousel-title{color:#f3f6f7;text-align:center;text-shadow:0 1px 4px #00000061;overflow-wrap:anywhere;background:0 0;padding:16px 13px 15px;line-height:1.4}.portfolio-carousel-title strong{font-weight:750}.portfolio-carousel-title span{color:#c6d0d6}.portfolio-carousel-stage{background:0 0}.portfolio-carousel-footer{color:#cbd6da;background:0 0}.portfolio-dots button{background:#e7f0f459;transition:background .2s,transform .2s}.portfolio-dots button.active{background:#f5a623;transform:scale(1.12)}.portfolio-pause{color:#d4dee2}.portfolio-pause:hover{color:#f5a623}.portfolio-pause:focus-visible,.portfolio-dots button:focus-visible,.portfolio-arrow:focus-visible{outline-offset:2px;outline:2px solid #f5a623}.portfolio-side{background:0 0}.portfolio-carousel-stage .portfolio-photo-fallback{color:#f1d6aa;background:#252d33b8;border-color:#f5a62373}.portfolio-carousel-stage .portfolio-photo-fallback button{color:#ffe0a4;background:#f5a62329;border-color:#f5a6238c}@media (prefers-reduced-motion:reduce){.portfolio-dots button{transition:none}}.portfolio-health-actions .portfolio-restore-originals{color:#14191b;background:#d59624;border:1px solid #e7ad49;padding:8px 12px;font-weight:750}.portfolio-health-actions .portfolio-restore-originals:hover:not(:disabled){background:#ffc45c}.portfolio-health-actions .portfolio-restore-originals:disabled{opacity:.5;cursor:progress}.portfolio-public-embedded{color:#f3f5f7;box-sizing:border-box;background:0 0;width:100%;min-height:360px;padding:16px 0 24px}.portfolio-public-embedded .portfolio-public-head{padding:8px 0 12px}.portfolio-public-embedded .portfolio-public-head h1{font-size:22px;line-height:1.35}.portfolio-public-embedded .portfolio-public-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px;margin:14px 0 0}.portfolio-public-embedded .portfolio-public-grid>.portfolio-carousel{max-width:440px;margin:0}.portfolio-public-error{color:#ffbdbd;background:#7d27271f;border:1px solid #8c5050;border-radius:7px;padding:11px 14px;font-size:13px}@media (width<=620px){.portfolio-public-embedded .portfolio-public-head h1{font-size:19px}.portfolio-public-embedded .portfolio-public-grid{grid-template-columns:minmax(0,1fr)}}.portfolio-title-link,.portfolio-job-link{appearance:none;color:inherit;cursor:pointer;text-align:inherit;font:inherit;overflow-wrap:anywhere;background:0 0;border:0;margin:0;padding:0;font-weight:750;text-decoration:none}.portfolio-title-link:hover,.portfolio-job-link:hover{color:#f5b743;text-underline-offset:3px;text-decoration:underline}.portfolio-title-link:focus-visible,.portfolio-job-link:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid #f5a623}.portfolio-job-link{text-align:left;color:#f5f6f7;font-size:13px}.portfolio-safe-details{color:#eaf1f4;background:#1b2228;border:1px solid #435059;border-radius:10px;width:min(520px,100%);max-height:85vh;padding:21px;overflow-y:auto}.portfolio-safe-details>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.portfolio-safe-details>header h2{margin:0 0 13px;font-size:19px}.portfolio-safe-details>header button{color:#e3ebf1;cursor:pointer;background:#272f35;border:1px solid #59636b;border-radius:6px;padding:6px}.portfolio-safe-details dl{border-top:1px solid #394149;border-bottom:1px solid #394149;grid-template-columns:125px minmax(0,1fr);gap:10px;padding:13px 0;font-size:13px;display:grid}.portfolio-safe-details dt{color:#a6b5bb}.portfolio-safe-details dd{overflow-wrap:anywhere;margin:0}.portfolio-safe-details p{color:#becbd1;font-size:12px;line-height:1.65}.portfolio-carousel-stage>img{cursor:pointer}.portfolio-pause{cursor:pointer;border-radius:4px}.portfolio-legacy-manager{color:#ecf0f3;background:#1b2226;border:1px solid #444e55;border-radius:9px;margin:22px 0;padding:0}.portfolio-legacy-opener{color:#f1b54e;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;width:100%;padding:15px 16px;font-size:14px;font-weight:700;display:flex}.portfolio-legacy-opener>span{color:#aebbc3;margin-left:auto;font-size:11px}.portfolio-legacy-content{padding:0 15px 17px}.portfolio-legacy-content>p{color:#bac7cb;font-size:12px;line-height:1.7}.portfolio-legacy-actions{flex-wrap:wrap;align-items:flex-end;gap:8px;margin:14px 0;display:flex}.portfolio-legacy-actions>label{color:#a9b6bd;flex-direction:column;gap:5px;font-size:12px;display:flex}.portfolio-legacy-actions select,.portfolio-legacy-edit-body select,.portfolio-legacy-edit-body input{color:#eef3f5;background:#101518;border:1px solid #46515a;border-radius:6px;max-width:100%;height:36px;padding:7px}.portfolio-legacy-actions .button{justify-content:center;align-items:center;gap:5px;min-height:36px;display:inline-flex}.portfolio-legacy-progress{color:#eac58c;background:#2c281e;border:1px solid #705a32;border-radius:6px;padding:9px;font-size:12px}.portfolio-legacy-list{gap:6px;max-height:420px;display:grid;overflow:auto}.portfolio-legacy-row{background:#222b30;border:1px solid #404c53;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.portfolio-legacy-row>div{gap:6px;min-width:0;display:grid}.portfolio-legacy-row strong{overflow-wrap:anywhere;font-size:12px}.portfolio-legacy-row small{color:#a5b5bd;font-size:10px}.portfolio-legacy-row>.button{flex-shrink:0;font-size:11px}.portfolio-legacy-editor{width:min(1080px,100%)}.portfolio-legacy-editor>header{align-items:center}.portfolio-legacy-edit-body{flex-direction:column;gap:12px;max-height:70vh;padding:15px;display:flex;overflow-y:auto}.portfolio-legacy-edit-body label{color:#c6d2d8;gap:5px;font-size:12px;display:grid}.portfolio-legacy-edit-body>p{color:#c3cdd3;font-size:12px}.portfolio-legacy-photo-grid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:9px;max-height:345px;display:grid;overflow:auto}.portfolio-legacy-photo-grid button{color:#e5f0f5;cursor:pointer;background:#182127;border:2px solid #c79840;border-radius:5px;padding:0;overflow:hidden}.portfolio-legacy-photo-grid button.excluded{opacity:.45;border-color:#70414a}.portfolio-legacy-photo-grid img{object-fit:cover;width:100%;height:130px;display:block}.portfolio-legacy-photo-grid span{background:#20282d;padding:6px;font-size:10px;display:block}.portfolio-legacy-video-input{flex-wrap:wrap;gap:8px;display:flex}.portfolio-legacy-video-input>input{flex:1;min-width:220px}.portfolio-legacy-videos{flex-direction:column;gap:8px;display:flex}.portfolio-legacy-videos>div{color:#dfebef;align-items:center;gap:8px;font-size:12px;display:flex}.portfolio-legacy-videos button{color:#fac6c6;cursor:pointer;background:#42282b;border:1px solid #8b5555;border-radius:4px;padding:3px 7px}.portfolio-legacy-edit-body label.portfolio-legacy-check{flex-direction:row;align-items:center;gap:8px;display:flex}.portfolio-legacy-check input{accent-color:#f5a623}.portfolio-safe-details{max-height:92vh}.portfolio-youtube-list h3{color:#f5bd62;margin:13px 0;font-size:14px}.portfolio-youtube-embed{aspect-ratio:16/9;background:#0b0e10;border-radius:8px;width:100%;margin-bottom:12px;position:relative;overflow:hidden}.portfolio-youtube-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.portfolio-watch-video{color:#f3c97e;cursor:pointer;text-align:center;background:#292a26;border:0;border-top:1px solid #454442;width:100%;padding:11px;font-size:11px;display:block}.portfolio-watch-video:hover{background:#343025}@media (width<=620px){.portfolio-legacy-row{flex-wrap:wrap}.portfolio-legacy-row .button{width:100%}.portfolio-legacy-actions .button{flex:1}.portfolio-legacy-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-legacy-photo-grid img{height:95px}}.portfolio-site-importer{color:#eef1f3;background:#1a2226;border:1px solid #615334;border-radius:10px;margin:22px 0;padding:0}.portfolio-site-importer .portfolio-legacy-opener{color:#eab458}.portfolio-site-summary{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:7px;margin:14px 0;display:grid}.portfolio-site-summary>div{background:#232a2d;border:1px solid #434c50;border-radius:7px;gap:5px;padding:10px;display:grid}.portfolio-site-summary strong{color:#f3c071;font-size:13px}.portfolio-site-summary small{color:#b0bdc4;font-size:11px}.portfolio-site-filter{color:#c0cbd0;flex-direction:column;gap:6px;font-size:11px;display:flex}.portfolio-site-filter input,.portfolio-site-filter select{color:#f3f5f6;background:#0c1418;border:1px solid #485158;border-radius:6px;min-width:180px;padding:9px}.portfolio-site-rows{gap:8px;max-height:530px;display:grid;overflow:auto}.portfolio-site-row{background:#232b2f;border:1px solid #455157;border-radius:8px;padding:10px}.portfolio-site-row-header{cursor:pointer;align-items:center;gap:12px;min-width:0;display:flex}.portfolio-site-row-header>input{accent-color:#f5a623;flex:none;width:17px;height:17px}.portfolio-site-row-header>div{flex:1;gap:5px;min-width:0;display:grid}.portfolio-site-row-header strong{overflow-wrap:anywhere;font-size:12px}.portfolio-site-row-header small{color:#aab8c0;font-size:11px;line-height:1.5}.portfolio-site-row-header>img{object-fit:cover;background:#161d23;border-radius:5px;flex:none;width:64px;height:54px}.portfolio-site-row-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:9px 0 0 28px;display:flex}.portfolio-site-row-actions a{color:#f0c377;align-items:center;gap:4px;font-size:11px;display:inline-flex}.portfolio-site-preview{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:7px;padding:12px 0;display:grid}.portfolio-site-preview img{aspect-ratio:3/4;object-fit:cover;border:1px solid #45515b;border-radius:5px;width:100%;display:block}.portfolio-site-drive-status{color:#e3c48e;margin:8px 0;font-size:11px;line-height:1.6;display:block}.portfolio-site-publish{color:#d8e2e6;align-items:center;gap:8px;margin:20px 0;font-size:12px;display:flex}.portfolio-site-publish input{accent-color:#f5a623;flex:none}.portfolio-site-submit{border-top:1px solid #404b50;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:15px;display:flex}.portfolio-site-submit span{color:#ebc68c;font-size:12px}.portfolio-load-more{cursor:pointer;color:#f6c77d;background:#272a2b;border:1px solid #9a793d;border-radius:7px;margin:18px auto 8px;padding:12px 20px;font-size:13px;font-weight:700;display:block}.portfolio-load-more:hover{background:#35302a}.portfolio-video-cover{color:#fff;cursor:pointer;background:#161616;border:0;place-items:center;width:100%;height:100%;padding:0;display:grid;position:relative;overflow:hidden}.portfolio-video-cover>img{object-fit:contain;width:100%;height:100%;display:block}.portfolio-video-cover>span{color:#fff;background:#111c;padding:14px;font-size:12px;position:absolute;inset:auto 0 0}@media (width<=680px){.portfolio-site-row-header>img{width:54px;height:46px}.portfolio-site-filter input{min-width:145px}}.portfolio-site-unmatched{background:#2a281e;border:1px solid #9b733c;border-radius:7px;gap:8px;margin:12px 0;padding:12px;font-size:12px;display:grid}.portfolio-site-unmatched strong{color:#f0c37f}.portfolio-site-unmatched a{color:#e7d6b6;overflow-wrap:anywhere;align-items:center;gap:6px;display:flex}.portfolio-public-embedded .portfolio-categories{margin-top:4px}.portfolio-manager-preview{border-top:0;margin-top:17px;padding-top:0}.portfolio-site-video-cover{background:#111820;border-radius:5px;flex:none;width:64px;height:54px;position:relative;overflow:hidden}.portfolio-site-video-cover>img{object-fit:cover;width:100%;height:100%;display:block}.portfolio-site-video-cover>span{color:#fff;text-shadow:0 1px 4px #000;place-items:center;font-size:22px;display:grid;position:absolute;inset:0}.portfolio-site-video-preview{color:#e9f0f3;background:#182329;border:1px solid #45565e;border-radius:8px;gap:10px;margin:10px 0;padding:12px;display:grid}.portfolio-site-video-preview>strong{color:#f1bf73;font-size:12px}.portfolio-site-video-actions{flex-wrap:wrap;gap:8px;display:flex}.portfolio-site-video-preview>small{color:#adbfc8;font-size:11px;line-height:1.5}.portfolio-site-video-player{aspect-ratio:16/9;background:#0c1115;border-radius:7px;width:min(100%,680px);overflow:hidden}.portfolio-site-video-player iframe{border:0;width:100%;height:100%;display:block}@media (width<=680px){.portfolio-site-video-cover{width:54px;height:46px}}.portfolio-site-thumb{aspect-ratio:3/4;background:#192228;border:1px solid #44515a;border-radius:5px;width:100%;min-width:0;display:block;position:relative;overflow:hidden}.portfolio-site-thumb>img{object-fit:cover;width:100%;height:100%;display:block}.portfolio-site-row-header>.portfolio-site-thumb-cover{aspect-ratio:auto;flex:none;width:64px;height:54px}.portfolio-site-thumb-loading,.portfolio-site-thumb-retry{text-align:center;color:#bdc9cf;background:#192228;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;height:100%;font-size:10px;line-height:1.3;display:flex;position:absolute;inset:0}.portfolio-site-thumb-retry{cursor:pointer;color:#f1c88f;border:0;padding:4px}.portfolio-site-thumb-retry:hover{background:#2b3133}.portfolio-site-thumb-retry small{color:#c9b290;font-size:9px}@media (width<=680px){.portfolio-site-row-header>.portfolio-site-thumb-cover{width:54px;height:46px}}.portfolio-infinite-sentinel{color:#a8b8c1;text-align:center;justify-content:center;align-items:center;min-height:66px;margin:8px auto 28px;padding:16px;font-size:12px;display:flex}.portfolio-infinite-sentinel>button{cursor:pointer;color:#e5c692;background:#272d30;border:1px solid #6a5c47;border-radius:6px;padding:10px 16px}.portfolio-carousel-media{background:0 0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.portfolio-carousel-stage .portfolio-carousel-media>img{object-fit:contain;cursor:pointer;width:100%;height:100%;display:block}.portfolio-drive-repair{color:#e1e7eb;background:#171e23;border:1px solid #6a6b50;border-radius:8px;gap:10px;margin:12px 0;padding:13px;display:grid}.portfolio-drive-repair>strong{color:#ffc77c;font-size:13px}.portfolio-drive-repair p{white-space:normal;margin:0;font-size:12px;line-height:1.65}.portfolio-drive-repair-breadcrumb{color:#aebcc6;flex-wrap:wrap;align-items:center;gap:4px;font-size:11px;display:flex}.portfolio-drive-repair-breadcrumb button,.portfolio-drive-repair-folders button{cursor:pointer;color:#e7e9ed;text-align:left;background:#263036;border:1px solid #4c5a63;border-radius:5px;padding:7px 10px;font-size:12px}.portfolio-drive-repair-folders{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px;max-height:230px;display:grid;overflow:auto}.portfolio-drive-repair-photos{grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:9px;max-height:500px;padding:2px;display:grid;overflow:auto}.portfolio-drive-repair-photos label{cursor:pointer;background:#252d33;border:1px solid #46535b;border-radius:6px;grid-template-rows:126px auto;grid-template-columns:22px 1fr;align-items:center;gap:4px;padding:5px;display:grid}.portfolio-drive-repair-photos img{object-fit:contain;background:#0b1115;grid-column:1/-1;width:100%;height:126px}.portfolio-drive-repair-photos input,.portfolio-drive-repair-confirm input{accent-color:#efad4a}.portfolio-drive-repair-photos span{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.portfolio-drive-repair-confirm{color:#f5d2a3;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.portfolio-drive-repair-confirm input{flex:none;margin-top:3px}.portfolio-public-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.portfolio-public-language{background:#20262b;border:1px solid #384048;border-radius:8px;gap:4px;padding:4px;display:flex}.portfolio-public-language button{color:#a7b1b9;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 11px;font-size:12px}.portfolio-public-language button.active{color:#fff;background:#6b2528}.portfolio-carousel-media img[role=button]:focus-visible{outline-offset:-3px;outline:3px solid #f2a54b}.portfolio-image-lightbox{z-index:1200;box-sizing:border-box;background:#000000e8;justify-content:center;align-items:center;padding:clamp(8px,2vw,22px);display:flex;position:fixed;inset:0}.portfolio-image-lightbox-panel{color:#f2f5f7;background:#171c21;border:1px solid #46535c;border-radius:12px;flex-direction:column;width:min(1400px,100%);max-height:98vh;display:flex;overflow:hidden;box-shadow:0 24px 90px #000b}.portfolio-image-lightbox-bar{border-bottom:1px solid #39434c;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.portfolio-image-lightbox-bar div{gap:3px;min-width:0;display:grid}.portfolio-image-lightbox-bar strong{overflow-wrap:anywhere;font-size:15px;line-height:1.4}.portfolio-image-lightbox-bar small{color:#a6b2bc;font-size:11px}.portfolio-image-close,.portfolio-image-move{cursor:pointer;color:#fff;background:#273139;border:1px solid #56616b;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.portfolio-image-close{width:38px;height:38px}.portfolio-image-move{width:38px;height:48px}.portfolio-image-lightbox-stage{background:#0b0d0f;flex:1;justify-content:center;align-items:center;gap:9px;min-height:160px;padding:10px;display:flex;overflow:auto}.portfolio-image-lightbox-stage img{object-fit:contain;width:auto;min-width:0;max-width:100%;height:auto;max-height:min(72vh,960px);display:block}.portfolio-image-lightbox-stage p{color:#ffb5b5;text-align:center}.portfolio-image-lightbox-actions{border-top:1px solid #39434c;flex-wrap:wrap;align-items:center;gap:9px;padding:13px 16px;display:flex}.portfolio-image-lightbox-actions .button{font-size:12px;text-decoration:none}.portfolio-image-download-error{color:#ffb5b5;font-size:12px}@media (width<=640px){.portfolio-image-lightbox{padding:4px}.portfolio-image-lightbox-stage{gap:3px;padding:4px}.portfolio-image-lightbox-stage img{max-height:70vh}.portfolio-image-move{width:28px;height:40px}.portfolio-image-lightbox-actions{padding:9px}}.work-calendar-public{background:0 0;max-width:1600px;min-height:100vh;margin:0 auto}.work-calendar-content{color:#f3f5f7;width:100%;min-width:0;max-width:1180px;margin-inline:auto}.work-calendar-header{border-bottom:1px solid #343c42;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:6px 0 20px;display:flex}.work-calendar-header h1{color:#fff;align-items:center;gap:10px;margin:8px 0;font-size:clamp(23px,2.3vw,30px);display:flex}.work-calendar-header p{color:#aeb8c0;margin:0;font-size:13px}.work-calendar-eyebrow{letter-spacing:.11em;color:#f0777c;font-size:11px;font-weight:700}.work-calendar-list{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}.work-calendar-card{background:#1a2024;border:1px solid #374149;border-radius:10px;min-width:0;overflow:hidden}.work-calendar-card-head{border-bottom:1px solid #374149;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.work-calendar-person{align-items:center;gap:11px;display:flex}.work-calendar-person-dot{background:#9fe1e7;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #9fe1e71a}.work-calendar-card-cable .work-calendar-person-dot{background:#42d692;box-shadow:0 0 0 4px #42d6921a}.work-calendar-person h2{color:#fff;margin:0;font-size:17px}.work-calendar-person span:not(.work-calendar-person-dot){color:#a6b2ba;font-size:11px}.work-calendar-card-head>a{color:#e1ebed;white-space:nowrap;background:#242d32;border:1px solid #3a464f;border-radius:7px;align-items:center;gap:6px;padding:7px 9px;font-size:12px;text-decoration:none;display:inline-flex}.work-calendar-card-head>a:hover{color:#fff;background:#2b343b;border-color:#5f6c74}.work-calendar-iframe{background:#fff;border:0;width:100%;height:560px;display:block}.work-calendar-footnote{color:#9daab2;margin:17px 0 8px;font-size:12px;line-height:1.65}.work-calendar-public .nav-tabs{flex-wrap:wrap}.work-calendar-public .nav-tabs a,.work-calendar-public .nav-tabs span{color:#9099a1;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:8px 12px;font-weight:600;text-decoration:none;display:inline-flex}.work-calendar-public .nav-tabs a:hover,.work-calendar-public .nav-tabs a:focus-visible{color:#fff;background:#171c20}.work-calendar-public .nav-tabs .active{background:var(--hik-red-soft);color:#fff;box-shadow:inset 0 0 0 1px #d7192052}@media (width<=720px){.work-calendar-list{gap:16px}.work-calendar-iframe{height:530px}}@media (width<=520px){.work-calendar-header{flex-direction:column;align-items:flex-start}.work-calendar-iframe{height:500px}.work-calendar-card-head{padding:10px}.work-calendar-person h2{font-size:15px}}@media print{.work-calendar-public{padding:0}}:root{color:#f3f5f7;font-synthesis:none;--hik-red:#d71920;--hik-red-bright:#ef3f46;--hik-red-soft:#d719201f;--bg:#101316;--panel:#181d21;--panel-2:#20262b;--line:#30373d;--muted:#939ca4;--text:#f3f5f7;background:#101316;font-family:Inter,Segoe UI Variable Text,Segoe UI,Noto Sans Thai,Arial,sans-serif}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 12% -10%,#d7192017,#0000 34%),#101316;margin:0}button,input,select,textarea{font:inherit}a{color:#ff7479}.app-shell{max-width:1600px;min-height:100vh;margin:0 auto;padding:24px}.topbar{border-bottom:1px solid #343b41;justify-content:space-between;align-items:flex-end;gap:22px;padding:8px 0 20px;display:flex;position:relative}.topbar:after{content:"";background:var(--hik-red);width:128px;height:2px;position:absolute;bottom:-1px;left:0}.brand-block{min-width:0}.topbar h1{letter-spacing:-.035em;color:#fff;margin:5px 0 0;font-family:Segoe UI Variable Display,Segoe UI,Noto Sans Thai,Arial,sans-serif;font-size:30px;font-weight:730;line-height:1.08}.brand-word{color:var(--hik-red-bright);font-weight:800}.eyebrow{letter-spacing:.14em;color:#c8cdd1;font-size:11px;font-weight:650}.brand-block>.eyebrow{color:#f2676c;text-transform:uppercase}.header-actions,.toolbar-right{align-items:center;gap:8px;display:flex}.google-login-wrap{align-items:center;min-height:34px;display:flex}.account-chip{text-overflow:ellipsis;white-space:nowrap;color:#cfd4d8;background:#171b1f;border:1px solid #3b434a;border-radius:999px;max-width:260px;padding:7px 10px;font-size:11px;overflow:hidden}.button{border:1px solid var(--hik-red);background:var(--hik-red);color:#fff;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:inline-flex;box-shadow:0 0 #d7192000}.button:hover{background:var(--hik-red-bright);border-color:var(--hik-red-bright);box-shadow:0 0 0 3px #d719201f}.button:active{transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button.secondary{color:#edf1f4;box-shadow:none;background:#20262b;border-color:#3b444b;font-weight:600}.button.secondary:hover{background:#252c31;border-color:#59646d}.compact-button{padding:7px 10px;font-size:12px}.nav-tabs{gap:5px;margin:16px 0;display:flex}.nav-tabs button{color:#9099a1;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:8px 12px;font-weight:600;display:flex}.nav-tabs button:hover{color:#fff;background:#171c20}.nav-tabs .active,.lang-switch .active{background:var(--hik-red-soft);color:#fff}.nav-tabs .active{box-shadow:inset 0 0 0 1px #d7192052}.lang-switch{background:#20262b;border:1px solid #30383f;border-radius:8px;align-items:center;gap:2px;padding:3px;display:flex}.lang-switch button{color:#959da5;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 8px}.lang-switch .active{color:#fff}.panel,.metric-card,.form-card{background:linear-gradient(#1a1f23,#171b1f);border:1px solid #2f363c;border-radius:10px;box-shadow:0 8px 28px #0000001f}.loading-panel,.error-panel{padding:18px}.error-panel,.form-error{color:#ffadb2}.overview-toolbar{justify-content:flex-end;margin-bottom:10px;display:flex}.overview-toolbar select,.toolbar select{color:#f1f3f5;background:#15191c;border:1px solid #3a4249;border-radius:7px;outline:none;padding:8px 10px}.overview-toolbar select:focus,.toolbar select:focus{border-color:var(--hik-red)}.overview-grid{grid-template-columns:300px 1fr;gap:14px;display:grid}.metric-card{padding:22px;position:relative;overflow:hidden}.metric-card:before{content:"";background:var(--hik-red);width:3px;position:absolute;inset:0 auto 0 0}.metric-card span{color:#b5bcc2;font-size:13px}.metric-card strong{color:#fff;margin:8px 0 2px;font-size:42px;display:block}.metric-card small,.panel-title small{color:#7f8991}.status-panel{padding:16px}.work-panel{grid-column:1/-1;padding:16px}.panel-title{text-transform:uppercase;letter-spacing:.08em;color:#f05a60;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.status-card{text-align:left;color:#e4e8eb;cursor:pointer;background:#20262b;border:1px solid #313940;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:13px;display:grid}.status-card:hover{background:#242b30;border-color:#59646d}.status-card strong{font-size:20px}.status-dot{background:#8b939b;border-radius:50%;width:8px;height:8px}.status-completed{background:#45b97c}.status-in-progress{background:#37d6c4}.status-waiting-for-parts{background:#f2b84b}.status-cancelled-by-customer{background:#e5636a}.rank-list{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.rank-list button{color:#e2e6e9;cursor:pointer;background:#20262b;border:1px solid #30383f;border-radius:7px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.rank-list button:hover{background:#252c31;border-color:#555f68}.panel{padding:16px}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.search-box{align-items:center;gap:8px;min-width:420px;display:flex}.search-box input,.field input,.field select,.field textarea,.technician-entry input{color:#f2f4f5;background:#14181b;border:1px solid #384148;border-radius:7px;outline:none;padding:9px 10px}.search-box input{width:100%}.search-box input:focus,.field input:focus,.field select:focus,.field textarea:focus,.technician-entry input:focus{border-color:var(--hik-red);box-shadow:0 0 0 3px #d7192017}.toolbar-actions{align-items:center;gap:8px;display:flex}.table-wrap{border:1px solid #30383f;border-radius:8px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:1500px;font-size:12px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #2d343a;padding:9px 10px}th{color:#aeb6bd;letter-spacing:.04em;white-space:nowrap;background:#14181b;font-size:10px;position:sticky;top:0}tbody tr{cursor:pointer}tbody tr:hover{background:#20262b}.text-cell{white-space:normal;max-width:280px;line-height:1.45}.mono{font-family:Cascadia Mono,Consolas,monospace}.badge{white-space:nowrap;border:1px solid #3b4349;border-radius:999px;padding:4px 8px;font-size:10px;display:inline-flex}.badge-completed{color:#8fe1b5;background:#45b97c14;border-color:#2f7d55}.badge-in-progress{color:#78e3d7;background:#37d6c414;border-color:#287e75}.badge-waiting-for-parts{color:#ffd277;background:#f2b84b14;border-color:#8c641b}.badge-cancelled-by-customer{color:#f29aa0;background:#e5636a14;border-color:#8d373d}.row-actions{gap:4px;display:flex}.icon-button{color:#e1e5e8;cursor:pointer;background:#20262b;border:1px solid #3a434a;border-radius:6px;place-items:center;width:30px;height:30px;display:inline-grid}.icon-button:hover{border-color:#59646d}.icon-button.danger{color:#ff9ca2}.empty-row{color:#8d969e;text-align:center!important;padding:24px!important}.record-count{color:#8d969e;margin-top:10px;font-size:11px}.form-card{max-width:1040px;margin:0 auto;padding:18px}.form-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:6px;display:flex}.form-header h2{margin:3px 0;font-size:24px}.section-label{text-transform:uppercase;letter-spacing:.08em;color:#f05a60;border-bottom:1px solid #30373d;margin:22px 0 12px;padding-bottom:7px;font-size:11px;font-weight:700}.grid-2,.grid-3{gap:12px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.selection-grid{align-items:start}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex;position:relative}.field label{color:#c5cbd0;font-size:12px}.field input,.field select,.field textarea{width:100%}.field textarea{resize:vertical;line-height:1.5}.compact-field{width:180px}.sensitive-field label:after{content:" · private";color:#7f878e;text-transform:uppercase;letter-spacing:.05em;font-size:9px}.details-block{background:#151a1e;border:1px solid #30383f;border-radius:8px;margin:12px 0;padding:10px 12px}.details-block summary{cursor:pointer;color:#f16a70;margin:2px 0 8px;font-size:12px;font-weight:650}.multi-select-field{z-index:5}.multi-select-trigger{text-align:left;color:#f1f3f5;cursor:pointer;background:#14181b;border:1px solid #384148;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:41px;padding:9px 10px;display:flex}.multi-select-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.multi-select-menu{z-index:30;background:#1a1f23;border:1px solid #424b52;border-radius:8px;max-height:290px;padding:5px;position:absolute;top:70px;left:0;right:0;overflow:auto;box-shadow:0 16px 40px #00000061}.multi-select-option{color:#e3e7ea;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;padding:9px;display:flex}.multi-select-option:hover{background:#252c31}.check-box{border:1px solid #4a555d;border-radius:4px;place-items:center;width:17px;height:17px;display:grid}.check-box.checked{background:var(--hik-red);border-color:var(--hik-red);color:#fff}.selected-chips{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.selected-chips>span{background:#252b30;border:1px solid #3b454d;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;display:inline-flex}.selected-chips>span>button{color:#a2aab1;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.technician-picker{flex-direction:column;gap:8px;display:flex}.technician-entry{grid-template-columns:1fr auto;gap:8px;display:grid}.remote-photo-note,.translation-note{color:#cbd1d5;background:#151a1e;border:1px dashed #4b555d;border-radius:8px;padding:14px}.photo-uploader{flex-direction:column;gap:8px;display:flex}.upload-button{color:#e0e4e7;cursor:pointer;background:#151a1e;border:1px dashed #59646d;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:20px;display:flex}.upload-button:hover{border-color:var(--hik-red);background:#d719200a}.upload-button input{display:none}.photo-uploader small{color:#8b939b}.photo-preview-row{flex-wrap:wrap;gap:7px;display:flex}.photo-preview-row img,.photo-file{object-fit:cover;border:1px solid #343c42;border-radius:6px;width:112px;height:78px}.photo-file{color:#9ca5ad;text-align:center;justify-content:center;align-items:center;padding:7px;font-size:10px;display:flex;overflow:hidden}.form-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.form-error{background:#e5636a14;border:1px solid #74383c;border-radius:7px;margin-top:14px;padding:10px 12px}.translation-note{color:#ffc865;border-color:#8c641b;max-width:940px;margin:0 auto 10px}.report-wrap{max-width:980px;margin:0 auto}.report-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.report-page{color:#111;background:#fff;border:1px solid #222;width:760px;min-height:1060px;margin:0 auto 30px;padding:18px 20px 22px;font-family:Arial,Tahoma,sans-serif;font-size:12px}.report-head{border-bottom:2px solid #d81920;justify-content:space-between;align-items:center;padding:6px 0 10px;display:flex}.report-brand{letter-spacing:-.04em;color:#d81920;font-size:30px;font-weight:800}.report-address{text-align:right;font-size:10px;line-height:1.45}.report-title{text-align:center;border:1px solid #222;margin-top:8px;padding:8px;font-size:15px;font-weight:700}.report-table{border-collapse:collapse;width:100%;min-width:0}.report-table th,.report-table td{color:#111;background:#fff;border:1px solid #222;padding:6px 8px}.report-table th{text-align:center;color:#111;background:#efefef;font-size:11px;position:static}.report-table tbody tr:hover{background:0 0}.report-details{white-space:pre-wrap;height:50px;line-height:1.45}.signature{text-align:center;padding:14px 0 10px;line-height:1.55}.photo-grid{grid-template-columns:repeat(3,1fr);gap:3px;margin-top:6px;display:grid}.photo-grid>div{background:#eee;height:165px;overflow:hidden}.photo-grid img{object-fit:cover;width:100%;height:100%;display:block}.remote-report-note{color:#555;text-align:center;border:1px solid #222;place-items:center;min-height:260px;margin-top:6px;padding:30px;font-size:18px;font-weight:700;display:grid}.empty-state{text-align:center;color:#8f989f;background:#181d21;border:1px solid #30383f;border-radius:10px;max-width:940px;margin:0 auto;padding:30px}@media (width<=900px){.overview-grid{grid-template-columns:1fr}.work-panel{grid-column:auto}.status-grid,.rank-list{grid-template-columns:1fr 1fr}.toolbar{flex-direction:column;align-items:stretch}.search-box{min-width:0}.toolbar-actions{justify-content:space-between}.grid-3{grid-template-columns:1fr 1fr}.topbar{align-items:flex-start}.header-actions{flex-wrap:wrap;justify-content:flex-end}}@media (width<=640px){.app-shell{padding:12px}.topbar,.form-header,.report-toolbar{flex-direction:column;align-items:stretch}.topbar h1{font-size:23px}.header-actions,.toolbar-right{flex-wrap:wrap;align-items:stretch}.account-chip{max-width:100%}.status-grid,.rank-list,.grid-2,.grid-3{grid-template-columns:1fr}.button{justify-content:center}.compact-field{width:100%}.toolbar-actions{flex-direction:column;align-items:stretch}.lang-switch{width:max-content}.report-page{width:100%;min-width:680px}.report-wrap{overflow:auto}.technician-entry{grid-template-columns:1fr}}@media print{body{background:#fff}.no-print,.topbar,.nav-tabs,.translation-note{display:none!important}.app-shell{background:#fff;max-width:none;padding:0}.report-wrap{max-width:none}.report-page{box-sizing:border-box;border:0;width:210mm;min-height:297mm;margin:0 auto;padding:10mm}.photo-grid>div{height:52mm}}.bulk-action-bar{background:linear-gradient(90deg,#f2b84b1f,#f2b84b09);border:1px solid #f2b84b6b;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin:-2px 0 12px;padding:10px 12px;display:flex}.bulk-selection-summary{align-items:baseline;gap:10px;min-width:0;display:flex}.bulk-selection-summary strong{color:#f5c76a;white-space:nowrap}.bulk-selection-summary span{color:#919ba3;font-size:11px}.bulk-action-buttons{align-items:center;gap:8px;display:flex}.selection-mode-active{color:#f5c76a!important;background:#f2b84b14!important;border-color:#8c641b!important}.danger-button{background:#7f252b;border-color:#a63b42}.danger-button:hover{background:#983038;border-color:#bc4850}.bulk-select-cell{text-align:center!important;vertical-align:middle!important;width:42px!important;min-width:42px!important}.bulk-select-cell input{cursor:pointer;accent-color:#f2b84b;width:16px;height:16px;margin:0}.bulk-selected-row{box-shadow:inset 3px 0 #f2b84b;background:#f2b84b13!important}.batch-report-export-host .report-toolbar{display:none!important}@media (width<=900px){.bulk-action-bar{flex-direction:column;align-items:stretch}.bulk-selection-summary{flex-direction:column;align-items:flex-start;gap:2px}.bulk-action-buttons{grid-template-columns:1fr 1fr;display:grid}.toolbar-actions{flex-wrap:wrap}}.overview-shell{gap:12px;display:grid}.overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.overview-metrics .metric-card{appearance:none;text-align:left;color:var(--text);cursor:pointer}.overview-metrics .metric-card:hover{background:#1d2328;border-color:#4a535b}.overview-jobs-panel{padding:14px;overflow:hidden}.overview-list-title{align-items:flex-start}.overview-list-title>div{gap:3px;display:grid}.overview-list-title>div>small{text-transform:none;letter-spacing:0;font-size:10px;font-weight:500;display:block}.overview-insights-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.overview-insights-grid .work-panel{grid-column:auto;margin:0}.overview-insights-grid .rank-list{max-height:260px;overflow:auto}.service-table-compact{border:1px solid var(--line);border-radius:8px;overflow:auto}.service-jobs-compact{border-collapse:collapse;width:100%;min-width:1040px;font-size:11px}.service-jobs-compact th{text-align:left;color:#929ba3;border-bottom:1px solid var(--line);letter-spacing:.04em;white-space:nowrap;background:#14191d;padding:8px 9px;font-size:9px;font-weight:650}.service-jobs-compact td{vertical-align:middle;border-bottom:1px solid #282f34;padding:9px}.service-jobs-compact tbody tr{cursor:pointer;transition:background .12s}.service-jobs-compact tbody tr:hover{background:#1d2328}.service-jobs-compact tbody tr:last-child td{border-bottom:0}.service-jobs-compact td[data-col=date]{white-space:nowrap}.table-date{color:#e8ecef;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:block}.table-job-id{color:#717b83;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;display:block}.service-jobs-compact td[data-col=customer-site] strong{color:#f2f4f5;font-size:11px;display:block}.service-jobs-compact td[data-col=customer-site] span{color:#87919a;margin-top:2px;font-size:9px;display:block}.table-chip-list{flex-wrap:wrap;gap:4px;min-width:125px;display:flex}.table-chip-list span,.mode-pill{color:#cbd1d5;background:#1b2126;border:1px solid #343c43;border-radius:999px;align-items:center;padding:3px 6px;font-size:8px;display:inline-flex}.mode-pill{white-space:nowrap}.activity-summary{align-items:center;gap:5px;min-width:135px;display:flex}.activity-summary strong{font-size:9px;font-weight:650}.activity-summary small{background:#232a2f;border:1px solid #3c444b;border-radius:999px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.result-next-clamp{-webkit-line-clamp:2;color:#cbd1d5;-webkit-box-orient:vertical;min-width:180px;max-width:260px;line-height:1.35;display:-webkit-box;overflow:hidden}.details-button{color:#f0f2f4;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #414951;border-radius:6px;align-items:center;gap:4px;padding:6px 8px;font-size:9px;display:inline-flex}.details-button:hover{background:#252c31;border-color:#5a646c}.service-job-cards{display:none}.form-subtitle{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.4}.field label small{color:#7f8991;margin-left:4px;font-size:9px;font-weight:500}.activity-rule-note{color:#aeb6bc;background:#4e9adf12;border-left:2px solid #4e9adf;margin:8px 0 13px;padding:8px 10px;font-size:10px;line-height:1.45}.service-result-grid{margin-top:10px}.internal-note-field{background:#f0a1280d;border:1px dashed #f0a12861;border-radius:8px;margin-top:10px;padding:10px}.replacement-form-block{background:#f0a12809;border:1px solid #f0a12857;border-radius:9px;margin:12px 0 2px;padding:12px}.replacement-empty{color:#89929a;border:1px dashed #3a4249;border-radius:7px;padding:9px 10px;font-size:9px}.replacement-form-list{gap:8px;margin-top:8px;display:grid}.replacement-form-row{border:1px solid var(--line);background:#171c20;border-radius:8px;padding:9px}.replacement-form-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.replacement-form-head strong{font-size:10px}.replacement-grid{grid-template-columns:minmax(150px,1.3fr) minmax(120px,1fr) 70px minmax(120px,1fr) minmax(120px,1fr)!important}.details-block>summary small{color:#7f8991;margin-left:5px;font-size:9px;font-weight:500}.job-detail-backdrop{z-index:1500;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000ad;justify-content:flex-end;display:flex;position:fixed;inset:0}.job-detail-drawer{background:#12171b;border-left:1px solid #333b42;grid-template-rows:auto minmax(0,1fr) auto;width:min(620px,96vw);height:100%;display:grid;box-shadow:-20px 0 60px #00000059}.job-detail-head{border-bottom:1px solid var(--line);background:#151a1e;justify-content:space-between;gap:14px;padding:16px;display:flex}.job-detail-head h2{margin:4px 0 3px;font-size:21px;line-height:1.15}.job-detail-head p{color:#8f989f;margin:0;font-size:10px}.job-detail-head-meta{align-items:center;gap:7px;margin-top:9px;display:flex}.job-detail-head-meta>span:last-child{color:#8f989f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.job-detail-body{align-content:start;gap:8px;padding:11px;display:grid;overflow:auto}.job-detail-section{border:1px solid var(--line);background:#181d21;border-radius:9px;padding:11px}.job-detail-section h3{color:#f0f2f4;margin:0 0 9px;font-size:12px}.job-detail-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.job-detail-value{background:#14191d;border:1px solid #2b3238;border-radius:7px;gap:3px;padding:7px 8px;display:grid}.job-detail-value span,.job-detail-tags>span,.job-detail-text>span{text-transform:uppercase;letter-spacing:.05em;color:#79838b;font-size:8px}.job-detail-value strong{font-size:10px;font-weight:550;line-height:1.4}.job-detail-map{align-items:center;gap:5px;margin-top:8px;font-size:9px;text-decoration:none;display:inline-flex}.job-detail-tags+.job-detail-tags{margin-top:8px}.job-detail-tags>div{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.job-detail-tags b{background:#20262b;border:1px solid #363e45;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:550}.job-detail-text{background:#14191d;border-left:2px solid #3c444b;gap:4px;margin-top:8px;padding:8px 9px;display:grid}.job-detail-text p{white-space:pre-wrap;margin:0;font-size:10px;line-height:1.5}.replacement-detail-list{gap:6px;display:grid}.replacement-detail-row{background:#14191d;border:1px solid #2b3238;border-radius:7px;grid-template-columns:minmax(120px,1fr) auto 1fr 1fr;align-items:center;gap:8px;padding:8px;display:grid}.replacement-detail-row>div{gap:2px;display:grid}.replacement-detail-row small{color:#7d878f;font-size:8px}.replacement-detail-row strong{font-size:9px}.job-detail-hardware+.job-detail-hardware{margin-top:8px}.job-detail-hardware-title{justify-content:space-between;gap:10px;margin-bottom:6px;display:flex}.job-detail-hardware-title strong{font-size:9px}.job-detail-hardware-title span{color:#8a949c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.job-detail-photos{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.job-detail-photos>div{aspect-ratio:1.55;background:#11161a;border:1px solid #30383f;border-radius:7px;position:relative;overflow:hidden}.job-detail-photos img{object-fit:cover;width:100%;height:100%;display:block}.job-detail-photos span{z-index:1;background:#000000b8;border:1px solid #3a4249;border-radius:4px;padding:2px 5px;font-size:8px;position:absolute;top:5px;left:5px}.job-detail-photo-note{color:#7f8991;margin-top:6px;font-size:8px;display:block}.job-detail-empty{color:#7f8991}.job-detail-section.internal{background:#f0a1280b;border-style:dashed;border-color:#f0a12861}.job-detail-section.internal p{white-space:pre-wrap;margin:0;font-size:10px;line-height:1.5}.job-detail-section.internal small{color:#c68a32;margin-top:6px;font-size:8px;display:block}.job-detail-actions{border-top:1px solid var(--line);background:#151a1e;grid-template-columns:1fr 1fr;gap:7px;padding:10px 11px;display:grid}.job-detail-actions .button{width:100%}@media (width<=900px){.overview-metrics{grid-template-columns:repeat(2,1fr)}.overview-insights-grid{grid-template-columns:1fr}.replacement-grid{grid-template-columns:1fr 1fr!important}}@media (width<=720px){.service-table-compact{display:none}.service-job-cards{gap:7px;display:grid}.service-job-card{appearance:none;text-align:left;border:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;background:#171c20;border-radius:9px;padding:10px}.service-job-card.selected{border-color:var(--hik-red)}.service-job-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.service-job-card-top>span:first-child{color:#8c969e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.service-job-card>strong{margin-top:7px;font-size:13px;display:block}.service-job-card>small{color:#8b949c;margin-top:2px;font-size:8px;display:block}.service-job-card-tags{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.service-job-card-tags span{background:#20262b;border:1px solid #343c43;border-radius:999px;padding:3px 5px;font-size:7px}.service-job-card p{color:#c1c8cd;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0;font-size:9px;line-height:1.4;display:-webkit-box;overflow:hidden}.service-job-card-foot{color:#8e979e;justify-content:space-between;align-items:center;font-size:8px;display:flex}.service-job-card-foot span,.service-job-card-foot b{align-items:center;gap:4px;display:flex}.service-job-card-foot b{color:#eef1f3}.overview-jobs-panel{padding:10px}.job-detail-drawer{width:100vw}.job-detail-grid{grid-template-columns:1fr}.replacement-detail-row{grid-template-columns:1fr auto}.replacement-detail-row>div:nth-child(n+3){grid-column:span 1}.job-detail-head{padding:13px}.job-detail-body{padding:8px}.job-detail-actions{padding-bottom:max(10px,env(safe-area-inset-bottom))}.replacement-grid,.service-result-grid{grid-template-columns:1fr!important}}.report-result-inline{border-top:1px dashed #777;margin-top:6px;padding-top:5px;display:block}.report-result-inline strong{margin-right:3px;font-weight:700}.job-detail-wide{grid-column:1/-1}.job-detail-private-note{color:#c68a32;margin-top:7px;font-size:8px;display:block}.distribution-panel{min-width:0;padding:14px}.distribution-title{align-items:flex-start}.distribution-title small{text-transform:none;letter-spacing:0}.distribution-body{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:18px;min-height:165px;display:grid}.distribution-donut{border-radius:50%;place-items:center;width:132px;height:132px;margin:auto;display:grid;box-shadow:inset 0 0 0 1px #ffffff0d}.distribution-donut-hole{background:#171c20;border:1px solid #303840;border-radius:50%;align-content:center;place-items:center;width:82px;height:82px;display:grid;box-shadow:0 0 0 6px #0a0d102e}.distribution-donut-hole strong{color:#f4f6f7;font-size:25px;font-weight:750;line-height:1}.distribution-donut-hole span{color:#89939b;margin-top:4px;font-size:9px}.distribution-legend{gap:5px;min-width:0;display:grid}.distribution-legend button,.distribution-legend>div{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:5px;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:7px;padding:5px 2px;display:grid}.distribution-legend button{cursor:pointer}.distribution-legend button:hover{background:#20262b}.distribution-legend i{border-radius:2px;width:8px;height:8px}.distribution-legend span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.distribution-legend strong{white-space:nowrap;font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace}.distribution-legend strong small{color:#7f8991;font-weight:500}.distribution-empty{color:#8d969e!important}.job-detail-photo-note{line-height:1.4}@media (width<=720px){.distribution-body{grid-template-columns:116px minmax(0,1fr);gap:12px}.distribution-donut{width:108px;height:108px}.distribution-donut-hole{width:66px;height:66px}.distribution-donut-hole strong{font-size:20px}.distribution-legend span{font-size:9px}}.service-jobs-compact tbody tr{cursor:pointer}.service-summary-cell{gap:3px;min-width:260px;max-width:360px;display:grid}.service-summary-cell span{-webkit-line-clamp:2;color:#cbd1d5;-webkit-box-orient:vertical;font-size:9px;line-height:1.4;display:-webkit-box;overflow:hidden}.service-summary-cell b{color:#8f9aa3;margin-right:3px;font-size:8px;font-weight:650}.photo-count{color:#cbd1d5;align-items:center;gap:4px;font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.details-button:disabled{opacity:.35;cursor:not-allowed;background:0 0}.service-job-card>p+p{margin-top:-3px}.service-job-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.service-job-card-actions button{color:#eef1f3;font:600 8px var(--font-family-base);cursor:pointer;background:#1d2429;border:1px solid #3c454c;border-radius:6px;align-items:center;gap:4px;padding:5px 7px;display:inline-flex}.service-job-card-actions button:disabled{opacity:.35;cursor:not-allowed}.device-detail-backdrop{z-index:1500;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000ad;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.device-detail-modal{background:#12171b;border:1px solid #343c43;border-radius:12px;grid-template-rows:auto minmax(0,1fr);width:min(760px,96vw);max-height:min(86vh,900px);display:grid;overflow:hidden;box-shadow:0 24px 80px #00000073}.device-detail-head{border-bottom:1px solid var(--line);background:#151a1e;justify-content:space-between;gap:14px;padding:15px 16px;display:flex}.device-detail-head h2{margin:4px 0 2px;font-size:18px}.device-detail-head p{color:#89939b;margin:0;font-size:9px}.device-detail-body{align-content:start;gap:8px;padding:10px;display:grid;overflow:auto}.device-detail-section{border:1px solid var(--line);background:#181d21;border-radius:9px;padding:10px}.device-detail-section h3{align-items:center;gap:6px;margin:0 0 8px;font-size:11px;display:flex}.device-detail-list{gap:7px;display:grid}.device-detail-card{background:#14191d;border:1px solid #2d353b;border-radius:7px;padding:8px}.device-detail-card-title{justify-content:space-between;gap:10px;margin-bottom:7px;display:flex}.device-detail-card-title strong{font-size:9px}.device-detail-card-title span{color:#89939b;font:500 8px ui-monospace,SFMono-Regular,Menlo,monospace}.device-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.device-detail-value{background:#11161a;border:1px solid #2b3238;border-radius:6px;gap:3px;padding:7px 8px;display:grid}.device-detail-value span{color:#7e8991;text-transform:uppercase;letter-spacing:.05em;font-size:7px}.device-detail-value strong{overflow-wrap:anywhere;font-size:9px;font-weight:550}.replacement-device-row{background:#14191d;border:1px solid #2d353b;border-radius:7px;grid-template-columns:minmax(130px,1fr) auto minmax(110px,1fr) minmax(110px,1fr);align-items:center;gap:7px;padding:8px;display:grid}.replacement-device-row>div:first-child{gap:2px;display:grid}.replacement-device-row>div:first-child strong{font-size:9px}.replacement-device-row>div:first-child small{color:#89939b;font-size:8px}.replacement-device-row>b{font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace}.device-detail-private{color:#c68a32;margin-top:7px;font-size:8px;display:block}.device-detail-empty{text-align:center;color:#89939b;padding:18px;font-size:10px}.report-toolbar-left{align-items:center;gap:8px;min-width:0;display:flex}.report-job-picker{grid-template-columns:auto minmax(220px,420px);align-items:center;gap:7px;display:grid}.report-job-picker>span{color:#8d969e;white-space:nowrap;font-size:9px}.report-job-picker select{color:#eef1f3;background:#151b20;border:1px solid #3a4249;border-radius:7px;min-width:220px;max-width:420px;height:36px;padding:0 9px;font-size:9px}.report-photo-repair-note{text-align:center;color:#8d969e;margin:5px auto 0;font-size:8px}@media (width<=900px){.report-toolbar{align-items:stretch;gap:8px}.report-toolbar-left{flex:1;align-items:stretch}.report-job-picker{grid-template-columns:1fr}.report-job-picker>span{display:none}.report-job-picker select{width:100%;max-width:none}}@media (width<=720px){.device-detail-backdrop{align-items:stretch;padding:0}.device-detail-modal{border-left:0;border-right:0;border-radius:0;width:100vw;max-height:100vh}.device-detail-grid{grid-template-columns:1fr}.replacement-device-row{grid-template-columns:1fr auto}.replacement-device-row .device-detail-value{grid-column:span 1}.report-toolbar-left{grid-template-columns:auto minmax(0,1fr);width:100%;display:grid}.report-job-picker,.report-job-picker select{min-width:0}}.job-detail-backdrop{justify-content:center;align-items:center;padding:16px}.job-detail-drawer{border:1px solid #333b42;border-radius:10px;width:min(760px,100vw - 32px);height:auto;max-height:calc(100vh - 32px);overflow:hidden;box-shadow:0 24px 80px #00000073}.job-detail-body{min-height:0}.job-detail-actions{border-radius:0 0 10px 10px}.job-detail-text.result{border-left-color:#3c444b}.report-result-inline{display:none}.service-jobs-core-table td[data-col=contact],.service-jobs-core-table td[data-col=contact-channel]{min-width:140px}.service-jobs-core-table td[data-col=sn],.service-jobs-core-table td[data-col=password]{min-width:130px}.table-text-clamp{-webkit-line-clamp:2;color:#d6dce0;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.table-activity-list{flex-wrap:wrap;gap:4px;display:flex}.table-activity-list span{color:#cbd1d5;white-space:nowrap;background:#1b2126;border:1px solid #343c43;border-radius:999px;align-items:center;padding:3px 6px;font-size:8px;display:inline-flex}.service-row-actions{white-space:nowrap;align-items:center;gap:5px;display:flex}.mobile-hardware-line{flex-wrap:wrap;gap:5px;margin:6px 0;display:flex}.mobile-hardware-line span{color:#aeb6bc;border:1px solid #343c43;border-radius:5px;padding:3px 5px;font:500 7px ui-monospace,SFMono-Regular,Menlo,monospace}@media (width<=720px){.job-detail-backdrop{align-items:stretch;padding:0}.job-detail-drawer{border-left:0;border-right:0;border-radius:0;width:100vw;height:100%;max-height:100vh}}.service-jobs-core-table th{padding:6px 7px;line-height:1.15}.service-jobs-core-table td{vertical-align:middle;padding:5px 7px;line-height:1.25}.service-jobs-core-table td[data-col=sn],.service-jobs-core-table td[data-col=password]{min-width:125px}.table-text-clamp{color:#d6dce0;text-wrap:pretty;line-break:auto;overflow-wrap:normal;word-break:normal;line-height:1.3}.service-jobs-core-table td[data-col=issue] .table-text-clamp,.service-jobs-core-table td[data-col=solution] .table-text-clamp{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.service-jobs-core-table td[data-col=customer] .table-text-clamp,.service-jobs-core-table td[data-col=project] .table-text-clamp,.service-jobs-core-table td[data-col=contact] .table-text-clamp,.service-jobs-core-table td[data-col=contact-channel] .table-text-clamp,.service-jobs-core-table td[data-col=model] .table-text-clamp,.service-jobs-core-table td[data-col=sn] .table-text-clamp,.service-jobs-core-table td[data-col=password] .table-text-clamp,.service-jobs-core-table td[data-col=anydesk] .table-text-clamp{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.table-chip-list{gap:3px}.table-chip-list span,.table-activity-list span{padding:2px 5px;line-height:1.2}.table-activity-list{gap:3px}.service-row-actions{gap:4px}.service-row-actions .details-button{padding:5px 7px}.service-jobs-core-table{min-width:1860px}.service-jobs-core-table td{font-size:9px}.service-jobs-core-table td[data-col=date]{min-width:95px}.service-jobs-core-table td[data-col=customer]{min-width:105px}.service-jobs-core-table td[data-col=work-mode]{min-width:78px}.service-jobs-core-table td[data-col=project]{min-width:175px}.service-jobs-core-table td[data-col=contact]{min-width:95px}.service-jobs-core-table td[data-col=contact-channel]{min-width:115px}.service-jobs-core-table td[data-col=product]{min-width:105px}.service-jobs-core-table td[data-col=activity]{min-width:135px}.service-jobs-core-table td[data-col=issue],.service-jobs-core-table td[data-col=solution]{min-width:245px;max-width:290px}.service-jobs-core-table td[data-col=model]{min-width:120px}.service-jobs-core-table td[data-col=sn],.service-jobs-core-table td[data-col=password]{min-width:105px}.service-jobs-core-table td[data-col=anydesk]{min-width:100px}.service-jobs-core-table td[data-col=actions]{min-width:190px}.service-jobs-core-table .mode-pill{padding:2px 5px;font-size:7px}.service-jobs-core-table .activity-summary{gap:4px;min-width:0}.service-jobs-core-table .activity-summary strong{white-space:nowrap;text-overflow:ellipsis;max-width:98px;font-size:8px;overflow:hidden}.service-jobs-core-table .activity-summary small{padding:1px 4px;font-size:7px}.service-jobs-core-table .table-chip-list{min-width:0}.service-jobs-core-table .table-chip-list span{padding:2px 5px;font-size:7px}.service-jobs-core-table tbody tr{height:36px}.service-jobs-core-table th[data-col=date],.service-jobs-core-table td[data-col=date]{width:80px;min-width:80px;max-width:80px}.service-jobs-core-table th[data-col=customer],.service-jobs-core-table td[data-col=customer]{width:90px;min-width:90px;max-width:90px}.service-jobs-core-table th[data-col=work-mode],.service-jobs-core-table td[data-col=work-mode]{width:72px;min-width:72px;max-width:72px}.service-jobs-core-table th[data-col=project],.service-jobs-core-table td[data-col=project]{width:150px;min-width:150px;max-width:150px}.service-jobs-core-table th[data-col=contact],.service-jobs-core-table td[data-col=contact]{width:82px;min-width:82px;max-width:82px}.service-jobs-core-table th[data-col=contact-channel],.service-jobs-core-table td[data-col=contact-channel]{width:108px;min-width:108px;max-width:108px}.service-jobs-core-table th[data-col=product],.service-jobs-core-table td[data-col=product]{width:95px;min-width:95px;max-width:95px}.service-jobs-core-table th[data-col=activity],.service-jobs-core-table td[data-col=activity]{width:115px;min-width:115px;max-width:115px}.service-jobs-core-table th[data-col=issue],.service-jobs-core-table td[data-col=issue],.service-jobs-core-table th[data-col=solution],.service-jobs-core-table td[data-col=solution]{width:220px;min-width:220px;max-width:220px}.service-jobs-core-table th[data-col=model],.service-jobs-core-table td[data-col=model]{width:110px;min-width:110px;max-width:110px}.service-jobs-core-table th[data-col=sn],.service-jobs-core-table td[data-col=sn],.service-jobs-core-table th[data-col=password],.service-jobs-core-table td[data-col=password],.service-jobs-core-table th[data-col=anydesk],.service-jobs-core-table td[data-col=anydesk]{width:100px;min-width:100px;max-width:100px}.service-jobs-core-table th[data-col=actions],.service-jobs-core-table td[data-col=actions]{width:143px;min-width:143px;max-width:143px}.service-jobs-core-table .service-row-actions .details-button{padding:4px 5px;font-size:8px}.service-jobs-core-table{table-layout:fixed;width:max(100%,1785px);min-width:1785px;max-width:none}.service-jobs-core-table th,.service-jobs-core-table td{padding:4px 5px}.service-jobs-core-table td[data-col=issue] .table-text-clamp,.service-jobs-core-table td[data-col=solution] .table-text-clamp{-webkit-line-clamp:2;text-wrap:pretty;line-break:auto;overflow-wrap:normal;word-break:normal}.service-jobs-core-table td[data-col=customer] .table-text-clamp,.service-jobs-core-table td[data-col=work-mode] .mode-pill,.service-jobs-core-table td[data-col=contact] .table-text-clamp,.service-jobs-core-table td[data-col=contact-channel] .table-text-clamp,.service-jobs-core-table td[data-col=model] .table-text-clamp,.service-jobs-core-table td[data-col=sn] .table-text-clamp,.service-jobs-core-table td[data-col=password] .table-text-clamp,.service-jobs-core-table td[data-col=anydesk] .table-text-clamp{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.service-jobs-core-table .service-row-actions{gap:3px}.service-jobs-core-table{table-layout:auto;width:100%;min-width:2050px;max-width:none;font-size:10px}.service-jobs-core-table th,.service-jobs-core-table td{padding:5px 6px;font-size:10px}.service-jobs-core-table th[data-col],.service-jobs-core-table td[data-col]{width:auto;min-width:0;max-width:none}.service-jobs-core-table th[data-col=date],.service-jobs-core-table td[data-col=date]{white-space:nowrap;width:92px}.service-jobs-core-table th[data-col=customer],.service-jobs-core-table td[data-col=customer]{width:105px}.service-jobs-core-table th[data-col=work-mode],.service-jobs-core-table td[data-col=work-mode]{white-space:nowrap;width:86px}.service-jobs-core-table th[data-col=project],.service-jobs-core-table td[data-col=project]{min-width:190px}.service-jobs-core-table th[data-col=contact],.service-jobs-core-table td[data-col=contact]{width:85px}.service-jobs-core-table th[data-col=contact-channel],.service-jobs-core-table td[data-col=contact-channel]{width:128px}.service-jobs-core-table th[data-col=product],.service-jobs-core-table td[data-col=product]{width:115px}.service-jobs-core-table th[data-col=activity],.service-jobs-core-table td[data-col=activity]{width:145px}.service-jobs-core-table th[data-col=issue],.service-jobs-core-table td[data-col=issue]{min-width:285px}.service-jobs-core-table th[data-col=solution],.service-jobs-core-table td[data-col=solution]{min-width:300px}.service-jobs-core-table th[data-col=model],.service-jobs-core-table td[data-col=model]{width:135px}.service-jobs-core-table th[data-col=sn],.service-jobs-core-table td[data-col=sn],.service-jobs-core-table th[data-col=password],.service-jobs-core-table td[data-col=password]{width:115px}.service-jobs-core-table th[data-col=anydesk],.service-jobs-core-table td[data-col=anydesk]{width:120px}.service-jobs-core-table th[data-col=actions],.service-jobs-core-table td[data-col=actions]{white-space:nowrap;width:165px}.service-jobs-core-table .table-text-clamp{font-size:10px}.service-jobs-core-table .activity-summary strong{max-width:105px;font-size:9px}.service-jobs-core-table .mode-pill,.service-jobs-core-table .table-chip-list span{font-size:8px}.header-actions>.button,.report-toolbar .button{white-space:nowrap;flex-shrink:0;height:40px;min-height:40px;padding:0 12px}.header-actions>.lang-switch,.report-toolbar .lang-switch{flex-shrink:0;height:40px;min-height:40px}.header-actions>.lang-switch button,.report-toolbar .lang-switch button{white-space:nowrap;height:32px;padding:0 10px}.report-toolbar{flex-wrap:wrap;align-items:center}.report-toolbar-left{flex:500px;align-items:center;min-width:0}.report-job-picker{flex:auto;grid-template-columns:auto minmax(0,1fr);min-width:0}.report-job-picker select{width:100%;min-width:0;max-width:none;height:40px}.report-toolbar .toolbar-right{flex:none}@media (width<=900px){.report-toolbar-left{align-items:center}.report-job-picker{grid-template-columns:1fr}}@media (width<=720px){.report-toolbar-left{width:100%}}.job-detail-actions.job-detail-actions-single{grid-template-columns:minmax(0,1fr)}.report-job-picker>span,.report-job-picker select{font-size:12px}.service-jobs-core-table th{font-size:14px}.service-jobs-core-table td,.service-jobs-core-table .table-text-clamp,.service-jobs-core-table .table-date,.service-jobs-core-table .activity-summary strong,.service-jobs-core-table .activity-summary small,.service-jobs-core-table .mode-pill,.service-jobs-core-table .table-chip-list span,.service-jobs-core-table .service-row-actions .details-button,.job-detail-drawer .job-detail-head .eyebrow,.job-detail-drawer .job-detail-head p,.job-detail-drawer .job-detail-head-meta>span:last-child,.job-detail-drawer .job-detail-head-meta .badge{font-size:12px}.job-detail-drawer .job-detail-section h3{font-size:14px;line-height:1.4}.job-detail-drawer .job-detail-value span,.job-detail-drawer .job-detail-tags>span,.job-detail-drawer .job-detail-text>span{font-size:12px;line-height:1.35}.job-detail-drawer .job-detail-value strong,.job-detail-drawer .job-detail-tags b,.job-detail-drawer .job-detail-text p,.job-detail-drawer .job-detail-map,.job-detail-drawer .job-detail-hardware-title span,.job-detail-drawer .replacement-detail-row small,.job-detail-drawer .replacement-detail-row strong,.job-detail-drawer .job-detail-photos span,.job-detail-drawer .job-detail-photo-note,.job-detail-drawer .job-detail-private-note,.job-detail-drawer .job-detail-section.internal p,.job-detail-drawer .job-detail-section.internal small,.job-detail-drawer .job-detail-empty{font-size:12px;line-height:1.5}.job-detail-drawer .job-detail-hardware-title strong,.job-detail-drawer .job-detail-actions .button{font-size:14px;line-height:1.4}@media screen and (width<=720px){.report-wrap{width:100%;min-width:0;max-width:100%;overflow:visible}.report-toolbar{flex-flow:column;align-items:stretch;gap:10px;margin-bottom:12px;display:flex}.report-toolbar-left{flex:none;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:40px;display:grid}.report-job-picker{flex:none;width:100%;min-width:0;display:block}.report-job-picker select{width:100%;min-width:0;max-width:100%;height:40px;display:block}.report-toolbar .toolbar-right{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;width:100%;display:flex}.report-preview-viewport{width:100%;min-width:0;margin:0 0 20px;position:relative;overflow:visible}.report-page{transform-origin:0 0;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:760px;min-width:760px;max-width:none;margin:0}}@media print{.report-preview-viewport{height:auto!important}.report-page{transform:none!important}}.photo-preview-item{flex:0 0 112px;width:112px;height:78px;display:block;position:relative}.photo-preview-item img,.photo-preview-item .photo-file{object-fit:cover;width:100%;height:100%}.photo-remove-button{z-index:2;color:#fff;cursor:pointer;background:#b9232e;border:1px solid #ffb3b6;border-radius:6px;place-items:center;width:27px;height:27px;padding:0;display:grid;position:absolute;top:4px;right:4px;box-shadow:0 1px 7px #00000073}.photo-remove-button:hover{background:#e02a37}.photo-remove-button:focus-visible{outline-offset:2px;outline:2px solid #fff}.photo-remove-button:disabled{opacity:.55;cursor:wait}.photo-removal-note{line-height:1.5;color:#ffc66e!important;font-size:12px!important}.photo-order-help{color:#a6bfce;margin:7px 0 6px;font-size:12px;line-height:1.5;display:block}.photo-sortable{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;border:1px solid #44545f;border-radius:7px;overflow:hidden}.photo-sortable:active{cursor:grabbing}.photo-sortable:focus-within{outline:1px solid #e7b758}.photo-sortable img{pointer-events:none}.photo-order-number{color:#fff;pointer-events:none;background:#0c141cd9;border-radius:5px;place-items:center;min-width:23px;height:23px;padding:0 4px;font-size:12px;font-weight:700;display:grid;position:absolute;top:4px;left:4px}.photo-move-controls{gap:3px;display:flex;position:absolute;bottom:3px;left:3px}.photo-move-controls button{color:#fff;cursor:pointer;background:#101c23ed;border:1px solid #82909b;border-radius:5px;min-width:29px;height:28px;padding:0 4px;font-size:21px;line-height:1}.photo-move-controls button:disabled{opacity:.35;cursor:default}.photo-move-controls button:focus-visible{outline-offset:1px;outline:2px solid #fff}.photo-sortable .photo-file{overflow-wrap:break-word;justify-content:center;align-items:center;padding:6px 3px;font-size:11px;display:flex}@media (hover:none){.photo-sortable{cursor:default}.photo-move-controls button{min-width:34px;height:32px}}.photo-save-progress{color:#ffd47b;background:#25251c;border:1px solid #5d512f;border-radius:8px;margin:14px 0 0;padding:10px 12px;font-size:13px;line-height:1.5}.saved-history-field{min-width:0}.saved-history-input-wrap{position:relative}.saved-history-input-wrap>input{width:100%}.saved-history-suggestions{overscroll-behavior:contain;max-height:260px;top:calc(100% + 5px);overflow-y:auto}.saved-history-hint{color:#8b939b;font-size:11px;line-height:1.4}.overview-insights-grid .activity-overview-panel{grid-column:1/-1;justify-self:start;width:100%;min-width:0}.activity-overview-panel{padding:14px}.activity-overview-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.activity-overview-heading>span{color:#f6b855;font-size:14px;font-weight:700}.activity-overview-heading>small{color:#88929b;font-size:11px;font-weight:500}.activity-overview-scroller{overscroll-behavior:contain;scrollbar-color:#4a535b transparent;max-height:355px;overflow:hidden auto}.activity-overview-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:8px;display:grid}.activity-overview-tile{color:#e9edf0;text-align:left;min-width:0;min-height:50px;font:inherit;cursor:pointer;background:#20262b;border:1px solid #354047;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;transition:background .15s,border-color .15s;display:flex}.activity-overview-tile:hover{background:#273037;border-color:#a4474e}.activity-overview-tile:focus-visible{outline:2px solid var(--hik-red-bright);outline-offset:2px}.activity-overview-name{word-break:break-word;min-width:0;font-size:13px;font-weight:600;line-height:1.4}.activity-overview-count{font-variant-numeric:tabular-nums;color:#c8d0d7;flex:none;font-size:15px;font-weight:700}.activity-overview-empty{color:#949ea6;text-align:center;grid-column:1/-1;padding:18px;font-size:12px}.activity-overview-note{color:#87929b;margin-top:10px;font-size:11px;line-height:1.45;display:block}@media (width<=720px){.overview-insights-grid{grid-template-columns:1fr}.activity-overview-grid{grid-template-columns:minmax(0,1fr)}.activity-overview-scroller{max-height:350px}}.narrative-suggestion-bar{color:#c5d2d9;background:#17232a;border:1px solid #3b4a51;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:10px 0;padding:10px 12px;font-size:12px;display:flex}.narrative-suggestion-bar .button{flex:none;min-height:32px;padding:7px 10px;font-size:12px}.nav-tabs{flex-wrap:wrap}.drive-existing-photo-import{background:#17292b;border:1px solid #345957;border-radius:8px;flex-direction:column;align-items:flex-start;gap:7px;margin:0 0 12px;padding:11px 12px;display:flex}.drive-existing-photo-import .button{white-space:normal;text-align:left;max-width:100%}.drive-existing-photo-import small{color:#abc9c7;font-size:11px;line-height:1.5}.drive-existing-photo-import [role=status]{color:#9be2c5}.app-legal-links{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;font-size:12px;display:flex}.app-legal-links a{color:#b5cedf;text-underline-offset:3px;padding:3px 7px;text-decoration:underline}.app-legal-links a:hover{color:#fff}.app-footer{border-top:1px solid #30383f;max-width:1180px;margin:32px auto 0;padding:16px 6px 8px}.app-footer .app-legal-links{justify-content:center;gap:12px;margin:0;font-size:11px}.app-footer .app-legal-links a{color:#8fa0ad;text-underline-offset:3px;padding:3px 6px}.app-footer .app-legal-links a:hover{color:#e5edf2}@media (width<=520px){.app-footer{margin-top:24px;padding-top:14px}.app-footer .app-legal-links{gap:5px}}.public-app-information{color:#d6e3ed;background:#1a292f;border:1px solid #38505c;border-radius:9px;margin:0 0 15px;padding:15px 18px}.public-app-information strong{color:#f2c46a;font-size:15px}.public-app-information p{margin:6px 0;font-size:13px;line-height:1.6}.public-app-information a{color:#9cd5ff;text-underline-offset:3px;font-size:13px}@media print{.app-legal-links,.public-app-information{display:none!important}}.english-repair-toolbar{color:#ffe4a6;background:#322b1b;border:1px solid #886c38;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;padding:11px 14px;font-size:13px;display:flex}.english-repair-toolbar .button{white-space:normal;min-height:36px}.english-repair-note{color:#bfe7ca;margin:0 0 10px;font-size:13px}@media print{.english-repair-toolbar,.english-repair-note{display:none!important}.report-wrap{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important}.report-preview-viewport{height:auto!important;min-height:0!important;overflow:visible!important}.report-wrap .report-page{width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;box-shadow:none!important;border:0!important;margin:0!important;padding:0!important;transform:none!important}.report-wrap .report-page .report-table{width:100%!important;min-width:0!important}.report-wrap .report-page .photo-grid{break-inside:avoid-page;page-break-inside:avoid}.report-wrap .report-page .photo-grid>div{break-inside:avoid;page-break-inside:avoid}}.followup-form-banner{color:#f6dfac;background:#2d271c;border:1px solid #7c6735;border-radius:8px;flex-direction:column;gap:5px;margin:8px 0 15px;padding:11px 13px;font-size:12px;line-height:1.55;display:flex}.followup-form-banner strong{color:#ffcc6e;font-size:13px}.job-detail-section.linked-visits{background:#15222b;border:1px solid #516575;border-radius:8px;padding:12px}.job-detail-section.linked-visits p{margin:7px 0;font-size:12px;line-height:1.6}.linked-report-button{color:#a6d0ff;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #81bfff;padding:0}.linked-report-button:hover{color:#fff;border-color:#fff}.linked-report-button:focus-visible{outline-offset:3px;outline:2px solid #fff}.report-related-links{flex-wrap:wrap;align-items:center;gap:7px;margin:6px 0 8px;display:flex}.report-followup-reference{text-align:center;color:#273441;padding:2px 4px;font-size:9px;line-height:1.12}@media print{.report-followup-reference{padding:0 2px;font-size:9px}}.completion-report-select{box-sizing:border-box;color:#eef3f6;background:#121b23;border:1px solid #485762;border-radius:6px;width:100%;min-height:37px;margin:6px 0 9px;padding:7px 9px;font-size:12px}.completion-link-error{color:#ffb7ad;margin-top:7px;font-size:12px}.english-repair-note{background:#2a251a;border:1px solid #79612e;border-radius:7px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:8px 0;padding:10px 12px;font-size:12px;display:flex}.job-status-pill{text-overflow:ellipsis;white-space:nowrap;color:#d1dbe2;background:#27313a;border:1px solid #596574;border-radius:5px;min-width:0;max-width:100%;padding:3px 6px;font-size:10px;line-height:1.35;display:inline-block;overflow:hidden}.job-status-pill[data-status=Completed]{color:#b5e7ce;background:#18392e;border-color:#346852}.job-status-pill[data-status=In\ Progress]{color:#c5dcfb;background:#1d3349;border-color:#385977}.job-status-pill[data-status=Monitoring]{color:#f2dcac;background:#453720;border-color:#83683c}.job-status-pill[data-status="Waiting for Parts"]{color:#f8c8a9;background:#492d22;border-color:#986042}.job-status-pill[data-status="Cancelled by Customer"]{color:#d9d0d4;background:#40333a;border-color:#75616c}.service-table-fit .service-jobs-core-table td[data-col=status]{white-space:nowrap}@media screen and (width>=1201px){.table-wrap.service-table-fit{scrollbar-width:thin;width:100%;min-width:0;max-width:100%;overflow:hidden auto}.service-table-fit>table.service-jobs-core-table{border-collapse:collapse;table-layout:fixed!important;width:100%!important;min-width:0!important;max-width:100%!important}.service-table-fit>table.service-jobs-core-table th[data-col],.service-table-fit>table.service-jobs-core-table td[data-col]{box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;padding:6px 4px;overflow:hidden;min-width:0!important;max-width:none!important}.service-table-fit .service-jobs-core-table th{white-space:normal;overflow-wrap:anywhere;font-size:clamp(10px,.7vw,13px);line-height:1.25}.service-table-fit .service-jobs-core-table td,.service-table-fit .service-jobs-core-table .table-text-clamp,.service-table-fit .service-jobs-core-table .activity-summary strong,.service-table-fit .service-jobs-core-table .table-date,.service-table-fit .service-jobs-core-table .mode-pill,.service-table-fit .service-jobs-core-table .table-chip-list span{font-size:clamp(10px,.63vw,12px)}.service-table-fit .service-jobs-core-table .table-text-clamp{white-space:normal;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-width:0;max-width:100%;line-height:1.3;display:-webkit-box;overflow:hidden}.service-table-fit .service-jobs-core-table .table-chip-list,.service-table-fit .service-jobs-core-table .activity-summary{flex-wrap:nowrap;width:100%;max-width:100%;overflow:hidden;min-width:0!important}.service-table-fit .service-jobs-core-table .activity-summary strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;overflow:hidden}.service-table-fit .service-jobs-core-table th[data-col=date]{width:5%!important}.service-table-fit .service-jobs-core-table th[data-col=customer]{width:7%!important}.service-table-fit .service-jobs-core-table th[data-col=project]{width:11%!important}.service-table-fit .service-jobs-core-table th[data-col=map]{width:3.5%!important}.service-table-fit .service-jobs-core-table th[data-col=status]{width:8%!important}.service-table-fit .service-jobs-core-table th[data-col=product]{width:7.5%!important}.service-table-fit .service-jobs-core-table th[data-col=contact]{width:6.5%!important}.service-table-fit .service-jobs-core-table th[data-col=activity]{width:7.5%!important}.service-table-fit .service-jobs-core-table th[data-col=issue],.service-table-fit .service-jobs-core-table th[data-col=solution]{width:11.5%!important}.service-table-fit .service-jobs-core-table th[data-col=model]{width:6.5%!important}.service-table-fit .service-jobs-core-table th[data-col=sn]{width:6%!important}.service-table-fit .service-jobs-core-table th[data-col=actions]{width:9%!important}.service-table-fit .service-jobs-core-table td[data-col=actions]{white-space:nowrap;vertical-align:middle;overflow:visible;display:table-cell!important}.service-table-fit .service-jobs-core-table .service-row-actions button{vertical-align:middle;justify-content:center;align-items:center;gap:3px;min-height:25px;margin-right:2px;padding:4px 5px;font-size:10px;display:inline-flex}.service-table-fit .service-jobs-core-table .service-row-actions .icon-button{width:25px;min-width:25px;height:25px}.service-map-cell{text-align:center}.service-map-link{white-space:nowrap;color:#ff7479;justify-content:center;align-items:center;gap:3px;width:100%;font-size:11px;text-decoration:none;display:inline-flex}.service-map-link:hover{text-decoration:underline}.service-map-empty{color:#87919a}.table-password-masked{white-space:nowrap;letter-spacing:1px;color:#9ca5ac}.service-table-fit .bulk-select-cell{width:2.5%!important;min-width:0!important}}@media screen and (width>=1201px) and (width<=1600px){.service-table-fit .service-jobs-core-table td[data-col=actions] button.details-button{width:28px;min-width:28px;height:28px;font-size:0}.service-table-fit .service-jobs-core-table td[data-col=actions] button.details-button svg{width:16px;height:16px}}@media screen and (width<=1200px){.table-wrap.service-table-fit{display:none!important}.service-job-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid!important}.service-job-card{appearance:none;text-align:left;color:#f3f5f7;cursor:pointer;background:#171c20;border:1px solid #30373d;border-radius:9px;width:100%;min-width:0;padding:12px}.service-job-card.selected{border-color:#d71920}.service-job-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.service-job-card-top>span{color:#9ca5ac;font-family:Consolas,monospace;font-size:11px}.service-job-card-top>strong{overflow-wrap:anywhere;font-size:13px}.service-job-card>small{color:#adb5bb;margin-top:7px;font-size:11px;display:block}.service-job-card-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.service-job-card-tags>span{background:#242b30;border:1px solid #434c53;border-radius:12px;padding:4px 7px;font-size:10px}.service-job-card>p{color:#cbd1d5;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:9px 0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.service-job-card-foot{justify-content:flex-end;margin-top:10px;display:flex}.service-job-card-actions{flex-wrap:wrap;gap:6px;display:flex}.service-job-card-actions button{color:#fff;background:#20262b;border:1px solid #414951;border-radius:6px;align-items:center;gap:5px;padding:7px 9px;font-size:11px;display:inline-flex}.mobile-hardware-line{color:#9aa4ac;flex-wrap:wrap;gap:8px;font-size:10px;display:flex}.service-card-map{color:#ff7479;align-items:center;gap:5px;margin-top:8px;font-size:12px;display:inline-flex}}@media screen and (width<=700px){.service-job-cards{grid-template-columns:minmax(0,1fr)}.service-job-card-top{align-items:flex-start}}@media print{.table-wrap.service-table-fit{display:none!important}}