.selected-location{margin:14px 0;padding:12px;background:#eef5ff;border-radius:10px}.selected-location a{float:right}.location-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.location-list a{display:grid;padding:13px;border:1px solid var(--line);border-radius:12px;color:#182230}.location-list b{color:var(--red)}.location-list small{color:#667085}.gallery-title{margin-top:22px}.photo-gallery,.photo-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 18px}.photo-gallery a{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.photo-gallery img,.photo-preview img{display:block;width:100%;height:150px;object-fit:cover}.photo-gallery small{display:block;padding:7px;color:#667085}.photo-preview img{border-radius:10px;border:1px solid var(--line)}
@media(max-width:720px){.location-list{grid-template-columns:1fr}.photo-gallery,.photo-preview{grid-template-columns:repeat(2,1fr)}.photo-gallery img,.photo-preview img{height:130px}}
.selected-count{margin-top:8px;color:var(--green);font-weight:700}.preview-card{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.preview-card small{display:block;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-photo{position:absolute;top:7px;right:7px;width:auto;min-height:34px;padding:5px 10px;border-radius:99px;background:#a9232d;color:#fff;box-shadow:0 2px 8px #0004}
.saved-photo{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.saved-photo>a{display:block;border:0!important;border-radius:0!important}.saved-photo form{padding:7px}.delete-saved-photo{min-height:36px;padding:6px 10px;background:#fff;color:var(--red);border:1px solid #efb6bb}
.saved-photo .delete-saved-photo{width:calc(100% - 14px);margin:7px}.pending-label{display:none;padding:7px;text-align:center;color:#9d1c29;font-weight:700}.saved-photo.pending-delete{opacity:.55;background:#ffe1e4}.saved-photo.pending-delete .pending-label{display:block}.saved-photo.pending-delete>a{pointer-events:none}.form-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.form-actions .success{margin-top:0}.cancel-button{display:grid;place-items:center;min-height:46px;border:1px solid #cfd8df;border-radius:10px;background:#fff;color:#344054;font-weight:700}@media(max-width:520px){.form-actions{grid-template-columns:1fr}.form-actions .success{order:-1}}
.brand-logo{width:78px;height:42px;object-fit:contain}.login-logo{display:block;width:min(230px,75%);height:auto;margin:0 auto 18px}
.login-card{position:relative;overflow:hidden;max-width:440px;margin:64px auto;background:#fff;border:1px solid #d8e0e7;border-radius:20px;padding:34px 36px 28px;box-shadow:0 18px 45px #17365d18}.login-card:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#07568b,#17365d,#a9232d)}.login-brand{display:grid;place-items:center;min-height:92px;margin-bottom:20px;padding:8px 20px;background:linear-gradient(145deg,#f7fbff,#fff);border:1px solid #e6edf2;border-radius:16px}.login-card .login-logo{width:min(235px,82%);margin:0}.login-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.login-title h1{margin:0;font-size:27px;color:#12263f}.login-title span{white-space:nowrap;padding:7px 11px;border-radius:99px;background:#eaf4fb;color:#07568b;font-size:13px;font-weight:800}.login-subtitle{margin:0 0 22px;color:#667085;line-height:1.55}.login-form{display:grid;gap:10px}.login-form label{margin:0;color:#344054}.login-form input{height:52px;border:1.5px solid #b8c5d0;background:#fbfcfd;font-size:18px;letter-spacing:2px}.login-form input:focus{outline:3px solid #07568b20;border-color:#07568b}.login-form button{height:50px;margin-top:10px;border-radius:11px;background:linear-gradient(135deg,#b5232e,#941b25);box-shadow:0 8px 18px #a9232d2b}.login-form button:hover{filter:brightness(.96)}.login-help{display:block;margin-top:18px;text-align:center;color:#8491a1}@media(max-width:520px){.login-card{margin:28px auto;padding:28px 22px 24px;border-radius:16px}.login-title{display:block}.login-title span{display:inline-block;margin-top:8px}.login-brand{min-height:82px}}
.action-heading,.action-cell{width:104px;min-width:104px;text-align:center!important}.asset-action-button{display:inline-flex;align-items:center;justify-content:center;width:88px;min-height:36px;padding:7px 9px;border:1px solid #e4a9ae;border-radius:9px;background:#fff7f8;color:var(--red);font-size:13px;font-weight:700;line-height:1;white-space:nowrap}.asset-action-button:hover{background:var(--red);border-color:var(--red);color:#fff}
.chrome-notice{margin:0 0 20px;padding:13px;border:1px solid #b8d9ee;border-radius:12px;background:#f0f8fd;color:#07568b}.chrome-notice[hidden]{display:none}.chrome-notice b,.chrome-notice small{display:block}.chrome-notice small{margin-top:3px;color:#526b7d}.chrome-notice button{margin-top:10px;min-height:42px;background:#07568b}
.summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.summary-head h1{margin-bottom:4px}.summary-head p{margin:0;color:#667085}.summary-head>strong{padding:9px 13px;border-radius:99px;background:#eaf4fb;color:#07568b}.summary-kpis{grid-template-columns:repeat(5,1fr)}.summary-kpis>div:nth-child(2){border-bottom:3px solid #07568b}.summary-kpis>div:nth-child(3){border-bottom:3px solid var(--green)}.summary-kpis>div:nth-child(4){border-bottom:3px solid var(--red)}.summary-filter{display:grid;grid-template-columns:minmax(230px,1fr) 220px 210px 105px auto;gap:9px;align-items:center;margin-bottom:18px}.summary-filter>a{padding:10px;white-space:nowrap}.check-filter{display:flex;align-items:center;gap:7px;margin:0;font-weight:500}.check-filter input{width:18px;min-height:18px}.summary-table{min-width:1080px}.summary-table .num{text-align:center}.summary-table td{vertical-align:middle}.done-text{color:var(--green);font-weight:700}.issue-text{color:var(--red);font-weight:700}.summary-progress{width:120px;height:9px;overflow:hidden;border-radius:99px;background:#e6ebef}.summary-progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#07568b,var(--green))}.pct{display:block;margin-top:5px;text-align:center;color:#475467;font-weight:700}@media(max-width:900px){.summary-kpis{grid-template-columns:repeat(2,1fr)}.summary-filter{grid-template-columns:1fr 1fr}.summary-filter button{grid-column:1/-1}}@media(max-width:560px){.summary-head{display:block}.summary-head>strong{display:inline-block;margin-top:10px}.summary-filter{grid-template-columns:1fr}.summary-filter button{grid-column:auto}}
.required-label{display:flex;align-items:center;gap:7px}.required-label .required-mark{color:#d92d20;font-size:18px;line-height:1}.required-label small{color:#d92d20;font-weight:600}.required-select:invalid{color:#7c8796;border-color:#e5a3a9;background:#fffafa}.required-select option{color:#182230}
.photo-required-error{margin:-2px 0 12px;padding:10px 12px;border:1px solid #f0a6ad;border-radius:9px;background:#fff1f2;color:#a9232d;font-weight:700}.photo-required-error[hidden]{display:none!important}
.auto-refresh{position:fixed;right:18px;bottom:16px;z-index:20;padding:8px 12px;border:1px solid #cad7e1;border-radius:99px;background:#fffffff2;color:#52606d;font-size:12px;box-shadow:0 5px 18px #17365d1c;backdrop-filter:blur(5px)}.refresh-dot{display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:50%;background:var(--green)}.refresh-dot.wait{background:#e6a700}@media(max-width:600px){.auto-refresh{right:10px;bottom:10px;max-width:calc(100% - 20px)}}
.kpis>.kpi-link{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;color:#182230;transition:.15s ease}.kpis>.kpi-link strong{display:block;font-size:30px}.kpi-link em{display:block;margin-top:4px;color:#07568b;font-size:11px;font-style:normal}.kpis>.kpi-link:hover{transform:translateY(-2px);border-color:#8ab7d4;box-shadow:0 6px 18px #17365d16}.kpis>.kpi-link.active{border:2px solid #07568b;background:#f1f8fc}.kpis>.issue-kpi em{color:var(--red)}.kpis>.issue-kpi.active{border-color:var(--red);background:#fff5f6}.active-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 16px;padding:11px 13px;border-radius:10px;background:#eef6fb;color:#07568b}.active-filter a{white-space:nowrap;font-weight:700}
.menu-toggle{display:none;width:44px;min-height:42px;padding:10px;border:1px solid #d7e0e7;border-radius:11px;background:#fff}.menu-toggle span{display:block;width:21px;height:2px;margin:4px auto;border-radius:2px;background:#17365d;transition:.2s}.main-nav>a>span{display:none}.logout-link{color:#a9232d}@media(max-width:720px){.app-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:9px 14px;background:#fff;border-bottom:1px solid #dfe5ea}.app-header .brand{min-width:0;gap:9px}.app-header .brand-logo{flex:0 0 auto;width:62px;height:34px}.app-header .brand>div{min-width:0}.app-header .brand b{display:block;overflow:hidden;color:#17365d;font-size:15px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.app-header .brand small{display:none}.menu-toggle{display:block;flex:0 0 auto}.menu-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.app-header .main-nav{position:absolute;top:calc(100% + 1px);left:10px;right:10px;display:none;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border:1px solid #d9e2e8;border-radius:0 0 16px 16px;background:#fff;box-shadow:0 16px 30px #17365d26}.app-header .main-nav.open{display:grid}.app-header .main-nav a{display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 12px;border:1px solid #e1e7ec;border-radius:10px;background:#f8fafb;color:#17365d;font-size:14px;font-weight:700;line-height:1.2}.app-header .main-nav a:active{background:#edf4f8}.app-header .main-nav a>span{display:inline-grid;place-items:center;width:24px;height:24px;color:#07568b;font-size:18px}.app-header .main-nav .logout-link{grid-column:1/-1;justify-content:center;border-color:#efc2c6;background:#fff5f6;color:#a9232d}}
.location-summary{margin:18px 0 20px;padding:16px;border:1px solid #dfe7ed;border-radius:14px;background:#f8fafc}.location-summary h2{margin:0 0 12px}.location-summary-grid{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:8px}.location-summary-grid a{display:block;min-height:76px;padding:11px;border:1px solid #dce4ea;border-radius:10px;background:#fff;color:#182230;transition:.15s}.location-summary-grid small{display:block;color:#667085;white-space:nowrap}.location-summary-grid strong{display:block;margin-top:4px;font-size:24px}.location-summary-grid a:hover{transform:translateY(-2px);box-shadow:0 5px 14px #17365d14}.location-summary-grid a.active{border:2px solid #07568b;background:#eef7fc}.location-summary-grid .loc-done strong{color:var(--green)}.location-summary-grid .loc-pending strong{color:#9a6700}.location-summary-grid .loc-issue strong{color:var(--red)}.location-summary-grid .loc-issue.active{border-color:var(--red);background:#fff3f4}@media(max-width:1000px){.location-summary-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){.location-summary{padding:12px}.location-summary-grid{grid-template-columns:repeat(2,1fr)}.location-summary-grid a{min-height:70px}.location-summary-grid strong{font-size:22px}}
.kpis>.pending-kpi em{color:#9a6700}.kpis>.pending-kpi.active{border-color:#d99a16;background:#fff9eb}
.photo-source-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 10px}.photo-source-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;margin:0;padding:10px 14px;border:1px solid #cad6df;border-radius:11px;cursor:pointer;font-weight:700;transition:.15s}.photo-source-button span{font-size:20px}.camera-button{border-color:#07568b;background:#07568b;color:#fff}.library-button{background:#f5f8fa;color:#17365d}.photo-source-button:active{transform:scale(.98)}.upload-master,.upload-source{position:absolute!important;width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0!important}.selected-count:empty{display:none}.selected-count{padding:9px 11px;border-radius:9px;background:#edf8f2}@media(max-width:480px){.photo-source-actions{grid-template-columns:1fr}.photo-source-button{min-height:48px}}
.note-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.note-heading label{margin:0}.note-heading small{color:#667085}.voice-actions{display:grid;grid-template-columns:1fr;margin:8px 0}.voice-actions button{min-height:48px;margin:0;border-radius:11px}.voice-start{background:#07568b}.voice-stop{background:#b4232d}.voice-status{min-height:22px;margin:4px 0 10px;color:#667085;font-size:13px}.voice-status.recording{color:#b4232d;font-weight:700}.voice-status.working{color:#07568b;font-weight:700}.voice-status.success{color:var(--green);font-weight:700}.voice-status.error{padding:9px;border-radius:8px;background:#fff0f1;color:#b4232d;font-weight:700}.voice-result{margin:10px 0 12px;padding:13px;border:1px solid #c8dce9;border-radius:12px;background:#f5faff}.voice-result[hidden]{display:none}.voice-result p{margin:0 0 9px}.voice-result p>b,.voice-result p>span{display:block}.voice-result p>span{margin-top:3px;white-space:pre-wrap}.voice-result-actions{display:grid;grid-template-columns:2fr 1fr;gap:8px}.voice-result-actions button{min-height:42px;margin:0}.voice-result-actions button:last-child{border:1px solid #cfd8df;background:#fff;color:#344054}@media(max-width:520px){.note-heading{align-items:flex-start;flex-direction:column;gap:3px}.voice-result-actions{grid-template-columns:1fr}}
.plan-filter{display:grid;grid-template-columns:minmax(260px,1fr) 210px 130px auto;gap:9px;align-items:center;margin:4px 0 18px}.plan-filter>a{padding:10px;white-space:nowrap}.plan-table{min-width:1120px}.plan-table td{vertical-align:middle}.plan-table .num{text-align:center}.plan-table td>b{display:block}.plan-table td>small{display:block}.plan-status,.priority-tag{display:inline-block;margin-top:6px;padding:5px 9px;border-radius:99px;background:#eef2f5;color:#475467;font-size:12px;font-weight:700;white-space:nowrap}.status-กำลังดำเนินการ{background:#eaf4fb;color:#07568b}.status-เสร็จแล้ว{background:#dff5e8;color:#126a42}.status-เลื่อน{background:#fff1cc;color:#7b5700}.priority-tag{background:#ffe1e4;color:#9d1c29}.overdue-row{background:#fff8f8}.overdue-text{color:#b4232d!important;font-weight:700}.form-intro{margin-top:4px;color:#667085}.plan-form-card h1{margin-top:12px}.plan-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.plan-form-grid small{display:block;margin-top:4px;color:#667085}.report-kpis{grid-template-columns:repeat(5,1fr)}.report-kpis>div:nth-child(2),.report-kpis>div:nth-child(3){border-bottom:3px solid var(--green)}.report-kpis>div:nth-child(4),.report-kpis>div:nth-child(5){border-bottom:3px solid var(--red)}.report-overall{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.report-overall small{display:block;color:#667085}.report-overall>strong{font-size:28px;color:#07568b}.report-progress{margin-bottom:20px;height:13px}.report-progress i{background:linear-gradient(90deg,#07568b,var(--green))}.report-table{min-width:1350px}@media(max-width:800px){.plan-filter{grid-template-columns:1fr 1fr}.plan-filter button{grid-column:1/-1}.report-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.plan-filter,.plan-form-grid{grid-template-columns:1fr}.plan-filter button{grid-column:auto}.report-overall{align-items:flex-start}.summary-head .button-link{display:inline-flex;margin-top:12px}}
.nav-group{position:relative}.nav-group>summary{display:flex;align-items:center;gap:6px;color:var(--red);cursor:pointer;list-style:none;white-space:nowrap}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:after{content:"⌄";margin-left:2px;font-size:12px;transition:.15s}.nav-group[open]>summary:after{transform:rotate(180deg)}.nav-group>summary>span{display:none}.nav-submenu{position:absolute;top:calc(100% + 12px);right:0;z-index:30;display:grid;gap:5px;width:245px;padding:10px;border:1px solid #d9e2e8;border-radius:12px;background:#fff;box-shadow:0 14px 32px #17365d2b}.nav-submenu a{display:flex;align-items:center;gap:9px;min-height:42px;padding:9px 10px;border-radius:9px;color:#17365d;font-size:14px;font-weight:700}.nav-submenu a:hover{background:#eef5f9}.nav-submenu a>span{display:inline-grid;place-items:center;width:22px;color:#07568b;font-size:17px}.nav-section-label{padding:8px 10px 3px;border-top:1px solid #e5eaee;color:#7a8794;font-size:11px;font-weight:800;letter-spacing:.04em}.report-tabs{display:flex;gap:8px;margin:0 0 18px;padding:5px;border:1px solid #dce4ea;border-radius:12px;background:#fff}.report-tabs a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;border-radius:9px;color:#475467;font-weight:700}.report-tabs a.active{background:#07568b;color:#fff;box-shadow:0 4px 12px #07568b2c}
@media(max-width:720px){.app-header .main-nav{grid-template-columns:1fr}.app-header .nav-group{grid-column:1/-1}.app-header .nav-group>summary{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 12px;border:1px solid #dce5eb;border-radius:11px;background:#f5f8fa;color:#17365d;font-size:15px;font-weight:800}.app-header .nav-group>summary>span{display:inline-grid;place-items:center;width:25px;height:25px;color:#07568b;font-size:18px}.app-header .nav-group>summary:after{margin-left:auto}.app-header .nav-submenu{position:static;width:auto;margin-top:7px;padding:7px;grid-template-columns:1fr 1fr;border-radius:10px;box-shadow:none;background:#f8fafb}.app-header .nav-submenu a{min-height:48px;background:#fff}.app-header .nav-section-label{grid-column:1/-1}.app-header .main-nav .logout-link{grid-column:1/-1}.report-tabs{position:sticky;top:61px;z-index:4}.report-tabs a{flex:1;padding:8px;font-size:13px}}
@media(max-width:430px){.app-header .nav-submenu{grid-template-columns:1fr}.report-tabs{gap:4px}.report-tabs a{font-size:12px}}
.nav-nested{position:relative}.nav-nested>summary{display:flex;align-items:center;gap:9px;min-height:42px;padding:9px 10px;border-radius:9px;color:#17365d;font-size:14px;font-weight:800;cursor:pointer;list-style:none}.nav-nested>summary::-webkit-details-marker{display:none}.nav-nested>summary:after{content:"›";margin-left:auto;font-size:18px}.nav-nested>summary:hover,.nav-nested[open]>summary{background:#eef5f9}.nav-nested-menu{display:grid;gap:5px;margin:2px 0 5px 18px;padding-left:8px;border-left:2px solid #dce8ef}.nav-nested-menu a{min-height:38px!important}@media(max-width:720px){.nav-nested{grid-column:1/-1}.nav-nested>summary{min-height:48px;background:#fff}.nav-nested>summary:after{content:"⌄"}.nav-nested-menu{margin:5px 0 0 14px}}
.summary-kpis,.report-kpis{grid-template-columns:repeat(6,1fr)}