:root{color-scheme:light;--font-body:-apple-system,BlinkMacSystemFont,"SF Pro Text","IBM Plex Sans Thai",sans-serif;--brand:#0a7a60;--brand-ink:#0a6b55;--brand-deep:#05604b;--accent:#12b898;--brand-soft:#d5f2ec;--brand-wash:#eaf4ef;--on-brand:#ffffff;--on-brand-deep:#ffffff;--plane:#dcece6;--surface-1:#ffffff;--field:#f4f8f6;--field-border:#e6efeb;--hairline:#8b9c99;--hairline-soft:#dbe6e1;--edge:#6e817d;--text-primary:#14322b;--text-secondary:#42544f;--text-muted:#5f716e;--good:#00655b;--good-bg:var(--brand-soft);--warning:#7a5300;--warning-bg:#fdf2d5;--warning-border:#eddfb0;--warning-bg-soft:#fdf9ee;--critical:#b3261e;--critical-bg:#fdeae7;--critical-border:#f3cfc9;--neutral-status:#566361;--neutral-bg:#eef1f0;--neutral-border:#dbe2df;--grade:#6a5f4a;--grade-bg:#f7f2e8;--info:#1f6b73;--info-bg:#e4f1f3;--line-brand:#067a37;--scrim:rgba(20,50,43,0.38);--handle:#d7e3df;--switch-off:#dbe4e1;--legend-bg:rgba(255,255,255,0.55);--skeleton-1:#e8efec;--skeleton-2:#eef3f1;--chevron-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b9c99' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--check-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");--tap:44px;--r-field:12px;--r-panel:18px;--r-card:22px;--r-card-lg:26px;--r-pill:999px;--shadow-card:0 3px 10px rgba(15,31,28,0.06);--shadow-float:0 8px 22px rgba(10,122,96,0.28);--shadow-bar:0 -6px 20px rgba(20,50,43,0.1);--shadow-frame:0 12px 30px rgba(20,50,43,0.14)}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--plane);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.5;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{font-weight:700;line-height:1.25}h1{font-size:26px;letter-spacing:-.5px}h2{font-size:17px;letter-spacing:-.2px}h3{font-size:15px}.page-title{font-size:26px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:4px 0 12px}.section-title{font-size:15px;font-weight:700;margin:6px 0 8px}.t-page{font-size:28px;letter-spacing:-.6px}.t-page,.t-sheet{font-weight:700;line-height:1.2}.t-sheet{font-size:22px;letter-spacing:-.35px}.t-name{font-size:19px;font-weight:700;letter-spacing:-.3px;line-height:1.25}.t-body{font-size:16px;font-weight:400}.t-meta{font-size:13px;color:var(--text-secondary)}.num,.t-num{font-weight:700;letter-spacing:-.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.1}.t-num{font-size:21px}.t-num.lg{font-size:30px;letter-spacing:-1px}.shell{max-width:960px;margin:0 auto;padding:8px 16px calc(92px + env(safe-area-inset-bottom))}@media (min-width:720px){.shell{padding:16px 20px 64px}}.topbar{display:flex;align-items:center;gap:11px;padding:6px 0 12px}.topbar-id{display:flex;flex-direction:column;min-width:0;margin-right:auto;line-height:1.25}.topbar .brand{font-weight:700;color:var(--brand-ink)}.topbar .brand,.topbar .who{font-size:13px;white-space:nowrap}.topbar .who{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;max-width:48vw}.page-main{display:block;min-width:0}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:10px 16px;border-radius:var(--r-pill);background:var(--brand);color:var(--on-brand);font-weight:700;box-shadow:var(--shadow-float);transform:translateY(-200%)}.skip-link:focus{transform:none;outline:2px solid var(--brand-ink);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.mainnav{display:none;align-items:center;gap:6px;padding:7px;border-radius:var(--r-pill);background:var(--brand);overflow-x:auto;scrollbar-width:none}.mainnav::-webkit-scrollbar{display:none}.mainnav.in-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;max-width:none;margin:0 auto;gap:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:var(--surface-1);box-shadow:var(--shadow-bar);overflow:visible}.mainnav.in-bar .mobile-more,.mainnav.in-bar a{flex:1 1;min-width:var(--tap);height:54px;padding:0;border:0;border-radius:14px;background:transparent;color:var(--text-secondary);font:inherit;font-size:11.5px;font-weight:700;line-height:1.15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.mainnav.in-bar .mobile-more{cursor:pointer;-webkit-tap-highlight-color:transparent}.mainnav.in-bar .mobile-more .ico,.mainnav.in-bar a .ico{width:28px;height:28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.mainnav.in-bar .mobile-more .lbl,.mainnav.in-bar a .lbl{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mainnav.in-bar .mobile-more.active,.mainnav.in-bar a.active{flex:1 1;min-width:var(--tap);padding:0;background:transparent;color:var(--brand-ink)}.mainnav.in-bar .mobile-more.active .ico,.mainnav.in-bar a.active .ico{background:var(--brand-wash)}.mainnav.in-bar a.active .lbl{display:block}.mobile-menu-backdrop{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-end;background:var(--scrim)}.mobile-menu-sheet{width:100%;max-height:min(72dvh,560px);box-sizing:border-box;overflow-y:auto;padding:8px 16px calc(20px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:var(--surface-1);box-shadow:var(--shadow-frame)}.mobile-menu-sheet .sheet-handle{margin:2px auto 12px}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.mobile-menu-head h2{margin:0;font-size:20px}.mobile-menu-list{display:grid;grid-gap:8px;gap:8px}.mobile-menu-list a{min-height:var(--tap);display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-field);background:var(--field);color:var(--text-primary);font-weight:700}.mobile-menu-list a.active{background:var(--brand-wash);color:var(--brand-ink)}.mobile-menu-list a>svg:last-child{margin-left:auto;color:var(--edge)}.mobile-menu-icon{width:36px;height:36px;flex:none;display:inline-flex;border-radius:12px;background:var(--surface-1);color:var(--brand-ink)}.mainnav a,.mobile-menu-icon{align-items:center;justify-content:center}.mainnav a{display:flex;gap:7px;height:46px;flex:0 1 46px;min-width:var(--tap);border-radius:var(--r-pill);color:var(--on-brand);font-size:14.5px;font-weight:700;white-space:nowrap;-webkit-tap-highlight-color:transparent}.mainnav a .ico{display:flex;flex:none}.mainnav a .ico,.mainnav a .ico svg{width:20px;height:20px}.mainnav a .lbl{display:none}.mainnav a.active{flex:0 0 auto;min-width:0;padding:0 14px;background:var(--surface-1);color:var(--brand-ink)}.mainnav a.active .lbl{display:inline;overflow:hidden;text-overflow:ellipsis}@media (min-width:720px){.mainnav.in-head{display:flex;padding:5px}.mainnav.in-bar{display:none}.mainnav a{flex:0 1 auto;min-width:0;height:40px;padding:0 14px}.mainnav a .lbl{display:inline}.mainnav a:not(.active):hover{background:rgba(255,255,255,.14)}.mainnav a.active{flex:none}}.avatar{width:44px;height:44px;flex:none;border-radius:50%;background:var(--brand-soft);color:var(--good);display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;letter-spacing:-.2px;line-height:1}.avatar.sm{width:34px;height:34px;font-size:13px}.avatar.md{width:42px;height:42px;font-size:14px}.avatar.lg{width:56px;height:56px;font-size:19px}.avatar.white{background:var(--surface-1);color:var(--brand-ink)}.avatar.deep{background:var(--brand-deep);color:var(--on-brand-deep)}.avatar.warn{background:var(--warning-bg);color:var(--warning)}.avatar.critical{background:var(--critical-bg);color:var(--critical)}.avatar.info{background:var(--info-bg);color:var(--info)}.avatar.muted{background:var(--neutral-bg);color:var(--neutral-status)}.card{background:var(--surface-1);border:none;border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:16px;margin-bottom:12px}.card.jade,.card.lg{border-radius:var(--r-card-lg)}.card.jade{background:var(--brand);color:var(--on-brand);box-shadow:0 8px 20px rgba(10,122,96,.24)}.card h2{font-size:17px;margin:0 0 10px}.panel{background:var(--brand-wash);border-radius:var(--r-panel);padding:12px 14px}.panel h3{font-size:15px;margin:0 0 8px}.panel .field input,.panel .field select,.panel .field textarea,.panel .input{background:var(--surface-1)}.inset{background:var(--field);border-radius:var(--r-panel);padding:12px 14px}.list{gap:9px}.list,.list .row{display:flex;flex-direction:column}.list .row{background:var(--surface-1);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:13px 14px;gap:5px}.list .row .title{font-weight:700;font-size:18px;letter-spacing:-.3px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.list .row .meta{font-size:13px;color:var(--text-secondary);display:flex;gap:6px 12px;flex-wrap:wrap}.list .row.link{cursor:pointer}.list .row.link:hover{box-shadow:0 0 0 1.5px var(--brand),var(--shadow-card)}.kv .k{font-size:13px;color:var(--text-secondary)}.kv .v{font-size:15.5px}.badge,.kv .v{font-weight:700}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 11px;border-radius:var(--r-pill);font-size:13px;line-height:1.3;white-space:nowrap;background:var(--neutral-bg);color:var(--neutral-status)}.badge.ok{background:var(--brand-soft);color:var(--good)}.badge.brand,.badge.new{background:var(--brand-wash);color:var(--brand-ink)}.badge.warn{background:var(--warning-bg);color:var(--warning)}.badge.bad,.badge.critical{background:var(--critical-bg);color:var(--critical)}.badge.muted{background:var(--neutral-bg);color:var(--neutral-status)}.badge.gold,.badge.grade{background:var(--grade-bg);color:var(--grade)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.on-brand{background:var(--brand-deep);color:var(--on-brand-deep)}.badge.on-white{background:var(--surface-1);color:var(--critical)}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips.scroll{flex:none;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.chips.scroll::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--tap);padding:8px 15px;border:none;border-radius:var(--r-pill);background:var(--field);color:var(--text-primary);font:inherit;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 0 0 1px var(--edge)}.chip.on,.chip.white.on{box-shadow:none}.chip.sm{min-height:38px;padding:6px 13px;font-size:13.5px}.chip.white{background:var(--surface-1);color:var(--text-secondary)}.chip.active,.chip.on,.chip[aria-pressed=true],.chip[aria-selected=true]{background:var(--brand);color:var(--on-brand);font-weight:700}.chip.warn{background:var(--warning-bg);color:var(--warning)}.chip.muted{background:var(--neutral-bg);color:var(--neutral-status)}.chip.critical{background:var(--critical-bg);color:var(--critical)}.chip:disabled{opacity:.55;cursor:default}.field{margin-bottom:12px}.field label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:5px}.field input,.field select,.field textarea,.input{box-sizing:border-box;width:100%;max-width:100%;min-height:var(--tap);padding:10px 14px;border-radius:var(--r-field);border:1.5px solid var(--edge);background:var(--field);color:var(--text-primary);font:inherit;font-size:16px;line-height:1.35;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field select,select.input{padding-right:38px;background-image:var(--chevron-img);background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{outline:none;border-color:var(--brand);background-color:var(--surface-1)}.field input::placeholder,.field textarea::placeholder,.input::placeholder{color:var(--text-muted)}.field input:disabled,.field select:disabled,.field textarea:disabled,.input:disabled{opacity:.6}.field textarea,textarea.input{min-height:88px;border-radius:16px;resize:vertical}.field input[type=checkbox],input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;min-height:0;padding:0;margin:0;flex:none;position:relative;display:inline-block;vertical-align:middle;border:1.5px solid var(--hairline);border-radius:6px;background:var(--surface-1);cursor:pointer}input[type=checkbox]:checked{background:var(--brand) var(--check-img) center /16px no-repeat;border-color:var(--brand)}input[type=checkbox]:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}input[type=checkbox]:disabled{opacity:.5;cursor:default}input[type=checkbox].switch{width:50px;height:30px;border:none;border-radius:var(--r-pill);background:var(--switch-off);transition:background .15s}input[type=checkbox].switch:before{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:left .15s}input[type=checkbox].switch:checked{background:var(--brand)}input[type=checkbox].switch:checked:before{left:23px}.field input[type=radio],input[type=radio]{width:22px;height:22px;min-height:0;padding:0;margin:0;flex:none;accent-color:var(--brand)}.check-row{display:flex;gap:10px;font-size:15px}.btn,.check-row{align-items:center;min-height:var(--tap);cursor:pointer}.btn{display:inline-flex;justify-content:center;gap:7px;padding:10px 20px;border:none;border-radius:var(--r-pill);background:var(--brand-wash);color:var(--brand-ink);font:inherit;font-size:15px;font-weight:700;line-height:1.2;white-space:nowrap;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:filter .12s,transform .12s}.btn:hover{filter:brightness(.96)}.btn:active{transform:scale(.98)}.btn:focus-visible,.chip:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}.btn svg{width:18px;height:18px;flex:none}.btn.primary{background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-float)}.btn.secondary{background:var(--brand-wash);color:var(--brand-ink);box-shadow:none}.btn.plain{background:var(--surface-1);color:var(--text-secondary);font-weight:600}.btn.danger{background:var(--critical-bg);color:var(--critical)}.btn.line{background:var(--line-brand);color:#fff}.btn.on{background:var(--brand);color:var(--on-brand)}.btn.sm{padding:8px 14px;font-size:14px}.btn.lg{min-height:54px;padding:12px 24px;font-size:17px}.btn.icon{width:var(--tap);height:var(--tap);padding:0;border-radius:50%;flex:none}.btn.icon.plain,.btn.icon.white{background:var(--surface-1);color:var(--text-primary)}.btn.block{display:flex;width:100%}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn.primary:disabled{opacity:1;background:var(--brand-wash);color:var(--text-secondary)}.btn.link{background:none;box-shadow:none;color:var(--text-secondary);font-weight:500;text-decoration:underline;min-height:var(--tap);padding:4px 6px}.row-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.sheet-backdrop{position:fixed;inset:0;z-index:50;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;height:calc(100dvh - 52px);max-height:calc(100dvh - 52px);background:var(--surface-1);color:var(--text-primary);border-radius:30px 30px 0 0;box-shadow:var(--shadow-frame);display:flex;flex-direction:column;overflow:hidden}.sheet-handle{width:42px;height:4px;flex:none;border-radius:var(--r-pill);background:var(--handle);margin:0 auto}.sheet-head{padding:14px 18px 12px;display:flex;flex-direction:column;gap:10px}.sheet-head h2{margin:0;font-size:21px;letter-spacing:-.35px}.sheet-body{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 18px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:11px}.sheet-foot{padding:10px 18px calc(16px + env(safe-area-inset-bottom));background:var(--surface-1);box-shadow:var(--shadow-bar)}.sheet-foot .btn.primary{min-height:54px;font-size:17px}@media (min-width:720px){.sheet-backdrop{align-items:center;padding:20px}.sheet{max-width:560px;height:auto;max-height:calc(100dvh - 40px);border-radius:var(--r-card-lg)}}.notice{padding:11px 13px;border:1px solid transparent;border-radius:14px;font-size:14px;line-height:1.4;margin-bottom:12px;background:var(--brand-wash);color:var(--text-primary)}.notice.info{background:var(--info-bg);color:var(--info)}.notice.warn{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.notice.critical,.notice.error{background:var(--critical-bg);border-color:var(--critical-border);color:var(--critical)}.notice.ok,.notice.success{background:var(--brand-soft);color:var(--good)}.empty{text-align:center;padding:28px 12px}.empty,.legend{color:var(--text-secondary)}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;padding:11px 14px;border-radius:20px;background:var(--legend-bg);font-size:13px}.legend>*{display:inline-flex;align-items:center;gap:5px}.legend svg{width:14px;height:14px;color:var(--brand-ink)}.skeleton{background:var(--skeleton-1);border-radius:8px;animation:skeleton-pulse 1.4s ease-in-out infinite}.skeleton.circle{width:42px;height:42px;border-radius:50%}.skeleton.line{height:15px}.skeleton.line.sm{height:11px;background:var(--skeleton-2)}@keyframes skeleton-pulse{50%{opacity:.6}}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:10px;gap:10px;margin-bottom:12px}.tile{background:var(--surface-1);border-radius:var(--r-panel);box-shadow:var(--shadow-card);padding:12px 14px}.tile .num{font-size:26px}.tile .lbl{font-size:13px;color:var(--text-muted)}.muted{color:var(--text-secondary)}.card .muted,.list .row .muted,.panel .muted,.sheet .muted,.tile .muted{color:var(--text-muted)}.small{font-size:13px;line-height:1.55}.mt-2{margin-top:8px}.mt-3{margin-top:12px}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}.btn,input[type=checkbox].switch,input[type=checkbox].switch:before{transition:none}}.nav-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;pointer-events:none;opacity:0;transition:opacity .15s ease}.nav-progress.on{opacity:1}.nav-progress.on:before{content:"";position:absolute;inset:0 auto 0 0;width:40%;border-radius:0 999px 999px 0;background:linear-gradient(90deg,transparent,var(--accent),var(--brand));animation:nav-progress-slide 1.1s cubic-bezier(.4,0,.2,1) infinite}@keyframes nav-progress-slide{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}@media (prefers-reduced-motion:reduce){.nav-progress.on:before{animation:none;width:100%;opacity:.7}}.pick{position:relative}.pick-btn{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;min-height:var(--tap);padding:10px 14px;border-radius:var(--r-field);border:1.5px solid var(--edge);background:var(--field);color:var(--text-primary);font:inherit;font-size:16px;text-align:left;cursor:pointer}.pick-btn>svg{flex:none;color:var(--brand)}.pick-btn.empty .pick-val{color:var(--text-muted)}.pick-btn:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.pick-btn:disabled{opacity:.6;cursor:not-allowed}.pick-val{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-pop{position:absolute;z-index:40;top:calc(100% + 6px);left:0;width:280px;max-width:calc(100vw - 32px);padding:10px;border-radius:var(--r-card);border:1px solid var(--hairline);background:var(--surface-1);box-shadow:var(--shadow-card)}.pick-pop.time{width:220px}.pick-head{display:flex;align-items:center;gap:4px;margin-bottom:6px}.pick-title{flex:1 1;text-align:center;font-weight:650;font-size:15px}.pick-nav{width:32px;height:32px;border:none;border-radius:50%;background:var(--field);color:var(--text-primary);font-size:18px;line-height:1;cursor:pointer}.pick-nav:hover{background:var(--brand-wash)}.pick-dow,.pick-week{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px}.pick-dow{margin-bottom:2px}.pick-dow span{text-align:center;font-size:11px;color:var(--text-muted)}.pick-grid:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:8px}.pick-day{height:34px;border:none;border-radius:8px;background:transparent;color:var(--text-primary);font:inherit;font-size:14px;cursor:pointer}.pick-day:hover:not(:disabled){background:var(--brand-wash)}.pick-day.out{color:var(--text-muted)}.pick-day.today{font-weight:700;box-shadow:inset 0 0 0 1.5px var(--brand-soft)}.pick-day.sel{background:var(--brand);color:#fff;font-weight:700}.pick-day.focus:not(.sel){box-shadow:inset 0 0 0 2px var(--brand)}.pick-day:disabled{color:var(--text-muted);opacity:.45;cursor:not-allowed}.pick-foot{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}.pick-time-typed{margin-bottom:8px}.pick-time-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.pick-time-col{max-height:190px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.pick-slot{padding:7px 0;border:none;border-radius:8px;background:var(--field);color:var(--text-primary);font:inherit;font-size:14px;cursor:pointer}.pick-slot:hover{background:var(--brand-wash)}.pick-slot.sel{background:var(--brand);color:#fff;font-weight:700}@media (min-width:900px){.cust-summary-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cust-summary-actions .cust-cta{flex:0 0 auto;display:inline-flex;width:auto;min-width:200px;min-height:46px;font-size:16px}.cust-summary-actions .cust-actions-row{flex:0 0 auto;margin-top:0!important}.cust-actions-row .btn{flex:0 0 auto;min-width:124px}.cust-summary-actions .cust-status-panel{flex:1 0 100%}}.appt-panel-facts dd,.cform-help,.cust-line-meta,.inline-help,.small,:lang(th) dd,:lang(th) li,:lang(th) p{overflow-wrap:normal;word-break:normal;line-break:auto;-webkit-hyphens:none;hyphens:none}.kv-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;line-height:1.55}.photos{display:flex;flex-direction:column;gap:10px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.photo-thumb{display:block;width:100%;aspect-ratio:1;padding:0;border:1px solid var(--hairline-soft);border-radius:14px;overflow:hidden;background:var(--brand-wash);cursor:pointer}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.photo-thumb:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.photo-add{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.photo-file{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.photo-file:focus-visible+.btn{outline:2px solid var(--brand);outline-offset:2px}.photo-add-off{background:var(--brand-wash);color:var(--text-secondary);cursor:default}.photo-view{position:fixed;inset:0;z-index:60;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:16px}.photo-view-inner{max-width:min(920px,100%);max-height:100%;display:flex;flex-direction:column;gap:10px;background:var(--surface-1);border-radius:var(--r-card);padding:12px;box-shadow:var(--shadow-frame)}.photo-view-inner img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:12px;background:var(--brand-wash)}.photo-view-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.photo-view-bar .small{flex:1 1;min-width:0}body.nav-busy .page-main{opacity:.5;filter:blur(1.5px);transition:opacity .18s ease .12s,filter .18s ease .12s;pointer-events:none}@media (prefers-reduced-motion:reduce){body.nav-busy .page-main{filter:none;opacity:.6;transition:none}}