/* /buildoo_onsite/static/src/scss/app.scss */
 :root{--onsite-bg-1: #f7fbff; --onsite-bg-2: #ebf3ff; --onsite-bg-3: #dce8fb; --onsite-bg-highlight: rgba(255, 255, 255, 0.92); --onsite-surface: #ffffff; --onsite-surface-muted: #f8faff; --onsite-border: #ccd6ea; --onsite-text: #1b2740; --onsite-muted: #5c6986; --onsite-primary: #007aff; --onsite-primary-contrast: #ffffff; --onsite-success: #1d9f6e; --onsite-danger: #d84f5f; --onsite-pill-neutral-bg: #ecf2ff; --onsite-pill-neutral-fg: #355c9d; --onsite-topbar-text: #1b2842; --onsite-back-bg: rgba(35, 53, 90, 0.13); --onsite-back-fg: #273453; --onsite-app-tile-text: #24395f; --onsite-card-shadow: 0 3px 8px rgba(0, 0, 0, 0.05); --onsite-safe-top: env(safe-area-inset-top, 0px); --onsite-safe-right: env(safe-area-inset-right, 0px); --onsite-safe-bottom: env(safe-area-inset-bottom, 0px); --onsite-safe-left: env(safe-area-inset-left, 0px); --onsite-vh: 100dvh;}html[data-onsite-theme="dark"]{--onsite-bg-1: #1d2336; --onsite-bg-2: #121726; --onsite-bg-3: #0b101b; --onsite-bg-highlight: rgba(126, 159, 229, 0.16); --onsite-surface: #1e2128; --onsite-surface-muted: #101624; --onsite-border: #2e3851; --onsite-text: #edf1ff; --onsite-muted: #9aa6c3; --onsite-primary: #78a8ff; --onsite-primary-contrast: #0d1729; --onsite-success: #42c689; --onsite-danger: #ff8a96; --onsite-pill-neutral-bg: #323336; --onsite-pill-neutral-fg: #78a8ff; --onsite-topbar-text: #edf2ff; --onsite-back-bg: rgba(255, 255, 255, 0.14); --onsite-back-fg: #ffffff; --onsite-app-tile-text: #f1f5ff; --onsite-card-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);}body.o_onsite_body{background: radial-gradient(120% 80% at 0% 0%, var(--onsite-bg-highlight) 0%, transparent 62%), linear-gradient(170deg, var(--onsite-bg-1) 0%, var(--onsite-bg-2) 45%, var(--onsite-bg-3) 100%); min-height: 100vh; min-height: 100dvh; min-height: var(--onsite-vh); overflow-y: auto;}body.o_onsite_body #wrapwrap{min-height: 100vh; min-height: 100dvh; min-height: var(--onsite-vh);}#buildoo_onsite_root{min-height: 100vh; min-height: 100dvh; min-height: var(--onsite-vh); color: var(--onsite-text); box-sizing: border-box; padding: 0;}.onsite-shell{max-width: 960px; margin: 0 auto; position: relative;}.onsite-shell.is-document-viewer, .onsite-shell.is-image-editor{max-width: none;}.onsite-shell.is-document-viewer, .onsite-shell.is-image-editor, .onsite-shell.is-chat-thread{min-height: 100vh; min-height: 100dvh; min-height: var(--onsite-vh); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.onsite-shell.is-chat-thread{height: 100vh; height: 100dvh; height: var(--onsite-vh); overflow: hidden;}.onsite-shell.is-chat-thread .onsite-topbar{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;}.onsite-topbar{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0; min-height: 2.75rem; padding: calc(0.5rem + var(--onsite-safe-top)) calc(0.85rem + var(--onsite-safe-right)) 0.5rem calc(0.85rem + var(--onsite-safe-left)); background: color-mix(in srgb, var(--onsite-surface-muted), var(--onsite-surface) 68%); border: 0; box-shadow: inset 0 -1px 0 var(--onsite-border);}.onsite-topbar.is-document-viewer .onsite-topbar-title h1, .onsite-topbar.is-image-editor .onsite-topbar-title h1{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.onsite-topbar.is-image-editor{padding-bottom: 0.35rem;}.onsite-main{padding: 0.75rem calc(0.85rem + var(--onsite-safe-right)) calc(0.85rem + var(--onsite-safe-bottom)) calc(0.85rem + var(--onsite-safe-left));}.onsite-main.is-document-viewer, .onsite-main.is-image-editor, .onsite-main.is-chat-thread{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-height: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.onsite-main.is-chat-thread{overflow: hidden;}.onsite-main.is-document-viewer, .onsite-main.is-image-editor{padding: 0 0 var(--onsite-safe-bottom) 0;}.onsite-back-btn, .onsite-app-switcher-btn{width: 2.75rem; height: 2.75rem; border-radius: 1.125rem; border: 1px solid var(--onsite-border); color: var(--onsite-back-fg); background: var(--onsite-surface); display: grid; place-items: center; box-shadow: var(--onsite-card-shadow); flex: none;}.onsite-back-btn i, .onsite-app-switcher-btn i{font-size: 1.1rem;}.onsite-app-switcher-btn.is-open{background: color-mix(in srgb, var(--onsite-primary), var(--onsite-surface) 82%); border-color: color-mix(in srgb, var(--onsite-primary), var(--onsite-border) 45%);}.onsite-topbar-title{min-width: 0; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; color: var(--onsite-topbar-text);}.onsite-app-caption{font-size: 0.74rem; opacity: 0.76; letter-spacing: 0.03em; text-transform: uppercase;}.onsite-topbar-title h1{margin: 0; font-size: 1.25rem; font-weight: 600; line-height: 1.2;}.onsite-topbar-actions{display: -webkit-box; display: -webkit-flex; display: flex; gap: 0.5rem; align-items: center;}.onsite-header-chat-btn{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem;}.onsite-header-chat-count{min-width: 1rem; text-align: center; line-height: 1;}.onsite-feedback{padding: 0.7rem 0.85rem; border: 1px solid color-mix(in srgb, var(--onsite-primary), var(--onsite-border) 35%); border-radius: 0.9rem; background: color-mix(in srgb, var(--onsite-primary), var(--onsite-surface) 92%); color: color-mix(in srgb, var(--onsite-primary), var(--onsite-text) 35%); display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; gap: 0.65rem; box-shadow: var(--onsite-card-shadow);}.onsite-header-feedback{margin: 0.75rem calc(0.85rem + var(--onsite-safe-right)) 0 calc(0.85rem + var(--onsite-safe-left));}.onsite-screen-feedback{margin-bottom: 0.85rem;}.onsite-main.is-document-viewer .onsite-screen-feedback, .onsite-main.is-image-editor .onsite-screen-feedback{margin: 0 calc(0.85rem + var(--onsite-safe-right)) 0.85rem calc(0.85rem + var(--onsite-safe-left));}.onsite-feedback.is-error{border-color: color-mix(in srgb, var(--onsite-danger), var(--onsite-border) 35%); background: color-mix(in srgb, var(--onsite-danger), var(--onsite-surface) 93%); color: color-mix(in srgb, var(--onsite-danger), var(--onsite-text) 28%);}.onsite-feedback-icon{flex: none; font-size: 1rem; line-height: 1.3; margin-top: 0.05rem;}.onsite-feedback-text{min-width: 0; font-size: 0.92rem; font-weight: 500; line-height: 1.35;}.onsite-feedback-action{width: calc(100% - (1.7rem + var(--onsite-safe-left) + var(--onsite-safe-right))); text-align: left; font: inherit; cursor: pointer;}.onsite-feedback-main{min-width: 0; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; display: grid; gap: 0.18rem;}.onsite-feedback-action-label{font-size: 0.74rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; color: inherit; opacity: 0.82;}.onsite-feedback-chevron{flex: none; font-size: 0.95rem; line-height: 1.3; margin-top: 0.05rem;}.onsite-app-switcher-layer{position: absolute; inset: 0; z-index: 40;}.onsite-app-switcher-backdrop{position: fixed; inset: 0; border: 0; background: rgba(16, 24, 40, 0.34);}.onsite-app-switcher-panel{position: absolute; top: calc(3.85rem + var(--onsite-safe-top)); left: calc(0.85rem + var(--onsite-safe-left)); width: calc(100vw - 2rem); max-width: 22rem; border: 1px solid var(--onsite-border); border-radius: 1rem; background: color-mix(in srgb, var(--onsite-surface), transparent 3%); box-shadow: 0 18px 48px rgba(15, 23, 42, 0.24); padding: 0.85rem; backdrop-filter: blur(14px);}html[data-onsite-theme="dark"] .onsite-app-switcher-panel{box-shadow: 0 18px 48px rgba(0, 0, 0, 0.48);}.onsite-app-switcher-header{font-size: 0.82rem; font-weight: 700; color: var(--onsite-muted); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.75rem;}.onsite-app-switcher-list{display: grid; gap: 0.55rem;}.onsite-app-switcher-entry{width: 100%; border: 1px solid var(--onsite-border); border-radius: 0.9rem; background: var(--onsite-surface); color: var(--onsite-text); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.7rem 0.8rem; text-align: left;}.onsite-app-switcher-entry.is-active{border-color: color-mix(in srgb, var(--onsite-primary), var(--onsite-border) 30%); background: color-mix(in srgb, var(--onsite-primary), var(--onsite-surface) 90%);}.onsite-app-switcher-entry-main{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 0.75rem; min-width: 0;}.onsite-app-switcher-entry-icon{width: 2.4rem; height: 2.4rem; border-radius: 0.8rem; display: grid; place-items: center; font-size: 1rem; color: #ffffff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18); flex: none;}.onsite-app-switcher-entry-icon.projects{background: linear-gradient(145deg, #6ab8ff, #2f6add);}.onsite-app-switcher-entry-icon.project_updates{background: linear-gradient(145deg, #ff9f6b, #d4572f);}.onsite-app-switcher-entry-icon.construction_diary{background: linear-gradient(145deg, #9ac271, #4f7f34);}.onsite-app-switcher-entry-icon.timesheets{background: linear-gradient(145deg, #57d0cb, #117591);}.onsite-app-switcher-entry-icon.time_off{background: linear-gradient(145deg, #f2a85d, #c2602f);}.onsite-app-switcher-entry-icon.documents{background: linear-gradient(145deg, #56c38d, #1f8a6a);}.onsite-app-switcher-entry-icon.chat{background: linear-gradient(145deg, #7b9cff, #3450b8);}.onsite-app-switcher-entry-icon.conflicts{background: linear-gradient(145deg, #ffba72, #df6d3e);}.onsite-app-switcher-entry-icon.settings{background: linear-gradient(145deg, #8ea2cc, #58688e);}.onsite-app-switcher-entry-label{font-size: 0.96rem; font-weight: 600; line-height: 1.2;}.onsite-app-switcher-entry-meta{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 0.45rem; flex: none;}.onsite-app-switcher-entry .onsite-app-badge{position: static; top: auto; right: auto; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center;}.onsite-app-switcher-entry-current{font-size: 0.72rem; font-weight: 700; color: var(--onsite-primary); text-transform: uppercase; letter-spacing: 0.04em;}.onsite-shell .btn-primary{background-color: var(--onsite-primary); border-color: var(--onsite-primary); color: var(--onsite-primary-contrast);}.onsite-shell .btn-primary:hover, .onsite-shell .btn-primary:focus, .onsite-shell .btn-primary:active, .onsite-shell .btn-check:checked + .btn-primary{background-color: color-mix(in srgb, var(--onsite-primary), #000 12%); border-color: color-mix(in srgb, var(--onsite-primary), #000 12%); color: var(--onsite-primary-contrast);}html[data-onsite-theme="dark"] .onsite-shell .btn-primary:hover, html[data-onsite-theme="dark"] .onsite-shell .btn-primary:focus, html[data-onsite-theme="dark"] .onsite-shell .btn-primary:active, html[data-onsite-theme="dark"] .onsite-shell .btn-check:checked + .btn-primary{background-color: color-mix(in srgb, var(--onsite-primary), #fff 12%); border-color: color-mix(in srgb, var(--onsite-primary), #fff 12%);}.onsite-sync-state-btn{width: 2.5rem; height: 2.5rem; min-height: 2.5rem; padding: 0; border-radius: 0.85rem; border: 1px solid var(--onsite-primary); background: var(--onsite-primary); color: var(--onsite-primary-contrast); font-size: 0.95rem; font-weight: 600; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; flex: none; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(0, 122, 255, 0.26); transition: transform 0.15s ease, box-shadow 0.15s ease;}.onsite-sync-state-btn i{font-size: 1rem; line-height: 1;}.onsite-sync-state-icon{display: inline-block;}.onsite-sync-state-icon::before{display: inline-block; transform-origin: 50% 50%;}.onsite-sync-state-icon.is-spinning::before{-webkit-animation: onsite-sync-state-spin 0.9s linear infinite; animation: onsite-sync-state-spin 0.9s linear infinite;}@-webkit-keyframes onsite-sync-state-spin{from{-webkit-transform: rotate(0deg); transform: rotate(0deg);}to{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}@keyframes onsite-sync-state-spin{from{-webkit-transform: rotate(0deg); transform: rotate(0deg);}to{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}.onsite-sync-state-btn:hover, .onsite-sync-state-btn:focus{transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0, 122, 255, 0.32);}.onsite-sync-state-btn:active{transform: translateY(0); box-shadow: 0 4px 10px rgba(0, 122, 255, 0.24);}.onsite-sync-state-btn.is-online{background-color: var(--onsite-primary); border-color: var(--onsite-primary); color: var(--onsite-primary-contrast);}.onsite-sync-state-btn.is-offline{background-color: var(--onsite-primary); border-color: var(--onsite-primary); color: var(--onsite-primary-contrast);}.onsite-active-timer-chip{max-width: 10rem; min-height: 2.5rem; padding: 0.55rem 0.85rem; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--onsite-success), var(--onsite-border) 40%); background: color-mix(in srgb, var(--onsite-success), var(--onsite-surface) 88%); color: color-mix(in srgb, var(--onsite-success), var(--onsite-text) 25%); display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; font-size: 0.88rem; font-weight: 700; font-variant-numeric: tabular-nums; box-shadow: 0 6px 14px rgba(17, 117, 145, 0.14);}.onsite-active-timer-chip span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.onsite-home{padding-top: 0.65rem;}.onsite-install-card{margin-top: 1rem; border: 1px solid var(--onsite-border); border-radius: 0.8rem; padding: 0.75rem; background: color-mix(in srgb, var(--onsite-surface), transparent 12%);}.onsite-install-title{font-size: 0.9rem; font-weight: 700; margin-bottom: 0.3rem;}.onsite-install-text{color: var(--onsite-muted); font-size: 0.82rem; line-height: 1.35;}.onsite-install-actions{margin-top: 0.55rem; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 0.45rem; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.onsite-app-grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem 0rem;}.onsite-app-tile{position: relative; border: 0; background: transparent; color: var(--onsite-app-tile-text); text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; -webkit-box-pack: start; justify-content: flex-start; gap: 0.42rem; height: 100%;}.onsite-app-icon{position: relative; width: 4rem; height: 4rem; border-radius: 1rem; display: grid; place-items: center; font-size: 1.6rem; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22); color: #ffffff;}.onsite-app-tile.projects .onsite-app-icon{background: linear-gradient(145deg, #6ab8ff, #2f6add);}.onsite-app-tile.project_updates .onsite-app-icon{background: linear-gradient(145deg, #ff9f6b, #d4572f);}.onsite-app-tile.construction_diary .onsite-app-icon{background: linear-gradient(145deg, #9ac271, #4f7f34);}.onsite-app-tile.timesheets .onsite-app-icon{background: linear-gradient(145deg, #57d0cb, #117591);}.onsite-app-tile.time_off .onsite-app-icon{background: linear-gradient(145deg, #f2a85d, #c2602f);}.onsite-app-tile.documents .onsite-app-icon{background: linear-gradient(145deg, #56c38d, #1f8a6a);}.onsite-app-tile.chat .onsite-app-icon{background: linear-gradient(145deg, #7b9cff, #3450b8);}.onsite-app-tile.conflicts .onsite-app-icon{background: linear-gradient(145deg, #ffba72, #df6d3e);}.onsite-app-tile.settings .onsite-app-icon{background: linear-gradient(145deg, #8ea2cc, #58688e);}.onsite-app-label{width: 100%; font-size: 0.84rem; font-weight: 600; line-height: 1.2; overflow-wrap: anywhere;}.onsite-app-badge{position: absolute; top: -0.12rem; right: 1.1rem; min-width: 1.28rem; height: 1.28rem; border-radius: 999px; padding: 0 0.34rem; background: var(--onsite-danger); color: #ffffff; font-size: 0.72rem; line-height: 1.28rem; font-weight: 700;}.onsite-app-icon .onsite-app-badge{top: -0.35rem; right: -0.45rem;}.onsite-panel{background: var(--onsite-surface); border: 1px solid var(--onsite-border); border-radius: 0.95rem; padding: 0.82rem;}.onsite-panel.list-panel{background: transparent; border: 0; border-radius: 0; padding: 0;}.onsite-panel-header{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin-bottom: 0.75rem;}.onsite-panel-header .onsite-topbar-actions{-webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; justify-content: flex-end;}.onsite-inline-menu-backdrop{position: fixed; inset: 0; border: 0; background: transparent; padding: 0; margin: 0; z-index: 30;}.onsite-inline-menu-anchor{position: relative;}.onsite-panel-header .btn.btn-sm.onsite-inline-menu-toggle{width: 2.5rem; min-width: 2.5rem; min-height: 2.5rem; height: 2.5rem; padding: 0; border-radius: 0.7rem; transform: none; box-shadow: none;}.onsite-panel-header .btn.btn-sm.onsite-inline-menu-toggle:hover, .onsite-panel-header .btn.btn-sm.onsite-inline-menu-toggle:focus, .onsite-panel-header .btn.btn-sm.onsite-inline-menu-toggle:active{transform: none; box-shadow: none;}.onsite-inline-menu{position: absolute; top: calc(100% + 0.45rem); right: 0; z-index: 31; min-width: 14rem; padding: 0.45rem; border: 1px solid color-mix(in srgb, var(--onsite-border), var(--onsite-primary) 16%); border-radius: 1rem; background: color-mix(in srgb, var(--onsite-surface), var(--onsite-surface-muted) 14%); box-shadow: 0 16px 36px rgba(20, 33, 62, 0.18); display: grid; gap: 0.25rem;}.onsite-inline-menu-item{width: 100%; border: 0; border-radius: 0.8rem; background: transparent; color: var(--onsite-text); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 0.7rem; padding: 0.8rem 0.9rem; text-align: left; font-size: 0.95rem; font-weight: 600;}.onsite-inline-menu-item:hover, .onsite-inline-menu-item:focus{background: color-mix(in srgb, var(--onsite-primary), var(--onsite-surface) 90%); color: color-mix(in srgb, var(--onsite-primary), var(--onsite-text) 38%);}.onsite-inline-menu-item i{width: 1rem; text-align: center; color: var(--onsite-primary);}.onsite-record-list-panel .onsite-panel-header .btn.btn-sm, .onsite-panel-header .btn.btn-sm.onsite-panel-action-btn, .onsite-topbar .btn.btn-sm.onsite-panel-action-btn, .onsite-setting-row .btn.btn-sm.onsite-panel-action-btn, .onsite-doc-upload-actions .btn.btn-sm.onsite-panel-action-btn, .onsite-image-editor-toolbar .btn.btn-sm.onsite-panel-action-btn, .onsite-formview .btn.btn-sm.onsite-form-section-action-btn{min-height: 2.5rem; padding: 0.625rem 1rem; border-radius: 0.85rem; font-size: 0.95rem; font-weight: 600; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(0, 122, 255, 0.26); transition: transform 0.15s ease, box-shadow 0.15s ease; white-space: nowrap;}.onsite-record-list-panel .onsite-panel-header .btn.btn-sm:hover, .onsite-record-list-panel .onsite-panel-header .btn.btn-sm:focus, .onsite-panel-header .btn.btn-sm.onsite-panel-action-btn:hover, .onsite-panel-header .btn.btn-sm.onsite-panel-action-btn:focus, .onsite-topbar .btn.btn-sm.onsite-panel-action-btn:hover, .onsite-topbar .btn.btn-sm.onsite-panel-action-btn:focus, .onsite-setting-row .btn.btn-sm.onsite-panel-action-btn:hover, .onsite-setting-row .btn.btn-sm.onsite-panel-action-btn:focus, .onsite-doc-upload-actions .btn.btn-sm.onsite-panel-action-btn:hover, .onsite-doc-upload-actions .btn.btn-sm.onsite-panel-action-btn:focus, .onsite-image-editor-toolbar .btn.btn-sm.onsite-panel-action-btn:hover, .onsite-image-editor-toolbar .btn.btn-sm.onsite-panel-action-btn:focus, .onsite-formview .btn.btn-sm.onsite-form-section-action-btn:hover, .onsite-formview .btn.btn-sm.onsite-form-section-action-btn:focus{transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0, 122, 255, 0.32);}.onsite-record-list-panel .onsite-panel-header .btn.btn-sm:active, .onsite-panel-header .btn.btn-sm.onsite-panel-action-btn:active, .onsite-topbar .btn.btn-sm.onsite-panel-action-btn:active, .onsite-setting-row .btn.btn-sm.onsite-panel-action-btn:active, .onsite-doc-upload-actions .btn.btn-sm.onsite-panel-action-btn:active, .onsite-image-editor-toolbar .btn.btn-sm.onsite-panel-action-btn:active, .onsite-formview .btn.btn-sm.onsite-form-section-action-btn:active{transform: translateY(0); box-shadow: 0 4px 10px rgba(0, 122, 255, 0.24);}.onsite-panel-header .btn.btn-sm.onsite-panel-action-btn.is-active{background: color-mix(in srgb, var(--onsite-primary), var(--onsite-surface) 88%); border-color: color-mix(in srgb, var(--onsite-primary), var(--onsite-border) 24%); color: var(--onsite-primary);}.onsite-formview .btn.btn-sm.onsite-form-section-action-btn.is-active{background: color-mix(in srgb, var(--onsite-primary), var(--onsite-surface) 88%); border-color: color-mix(in srgb, var(--onsite-primary), var(--onsite-border) 24%); color: var(--onsite-primary);}html[data-onsite-theme="dark"] .onsite-sync-state-btn, html[data-onsite-theme="dark"] .onsite-record-list-panel .onsite-panel-header .btn.btn-sm, html[data-onsite-theme="dark"] .onsite-panel-header .btn.btn-sm.onsite-panel-action-btn, html[data-onsite-theme="dark"] .onsite-topbar .btn.btn-sm.onsite-panel-action-btn, html[data-onsite-theme="dark"] .onsite-setting-row .btn.btn-sm.onsite-panel-action-btn, html[data-onsite-theme="dark"] .onsite-doc-upload-actions .btn.btn-sm.onsite-panel-action-btn, html[data-onsite-theme="dark"] .onsite-image-editor-toolbar .btn.btn-sm.onsite-panel-action-btn{box-shadow: 0 8px 18px rgba(0, 122, 255, 0.42);}html[data-onsite-theme="dark"] .onsite-sync-state-btn:hover, html[data-onsite-theme="dark"] .onsite-sync-state-btn:focus, html[data-onsite-theme="dark"] .onsite-record-list-panel .onsite-panel-header .btn.btn-sm:hover, html[data-onsite-theme="dark"] .onsite-record-list-panel .onsite-panel-header .btn.btn-sm:focus, html[data-onsite-theme="dark"] .onsite-panel-header .btn.btn-sm.onsite-panel-action-btn:hover, html[data-onsite-theme="dark"] .onsite-panel-header .btn.btn-sm.onsite-panel-action-btn:focus, html[data-onsite-theme="dark"] .onsite-topbar .btn.btn-sm.onsite-panel-action-btn:hover, html[data-onsite-theme="dark"] .onsite-topbar .btn.btn-sm.onsite-panel-action-btn:focus, html[data-onsite-theme="dark"] .onsite-setting-row .btn.btn-sm.onsite-panel-action-btn:hover, html[data-onsite-theme="dark"] .onsite-setting-row .btn.btn-sm.onsite-panel-action-btn:focus, html[data-onsite-theme="dark"] .onsite-doc-upload-actions .btn.btn-sm.onsite-panel-action-btn:hover, html[data-onsite-theme="dark"] .onsite-doc-upload-actions .btn.btn-sm.onsite-panel-action-btn:focus, html[data-onsite-theme="dark"] .onsite-image-editor-toolbar .btn.btn-sm.onsite-panel-action-btn:hover, html[data-onsite-theme="dark"] .onsite-image-editor-toolbar .btn.btn-sm.onsite-panel-action-btn:focus{box-shadow: 0 10px 24px rgba(0, 122, 255, 0.5);}html[data-onsite-theme="dark"] .onsite-sync-state-btn:active, html[data-onsite-theme="dark"] .onsite-record-list-panel .onsite-panel-header .btn.btn-sm:active, html[data-onsite-theme="dark"] .onsite-panel-header .btn.btn-sm.onsite-panel-action-btn:active, html[data-onsite-theme="dark"] .onsite-topbar .btn.btn-sm.onsite-panel-action-btn:active, html[data-onsite-theme="dark"] .onsite-setting-row .btn.btn-sm.onsite-panel-action-btn:active, html[data-onsite-theme="dark"] .onsite-doc-upload-actions .btn.btn-sm.onsite-panel-action-btn:active, html[data-onsite-theme="dark"] .onsite-image-editor-toolbar .btn.btn-sm.onsite-panel-action-btn:active{box-shadow: 0 4px 10px rgba(0, 122, 255, 0.34);}html[data-onsite-theme="dark"] .onsite-inline-menu{border-color: color-mix(in srgb, var(--onsite-border), var(--onsite-primary) 18%); background: color-mix(in srgb, var(--onsite-surface), var(--onsite-surface-muted) 22%); box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42);}.onsite-panel-header .btn.btn-sm.onsite-panel-action-btn.onsite-inline-menu-toggle, .onsite-panel-header .btn.btn-sm.onsite-panel-action-btn.onsite-inline-menu-toggle:hover, .onsite-panel-header .btn.btn-sm.onsite-panel-action-btn.onsite-inline-menu-toggle:focus, .onsite-panel-header .btn.btn-sm.onsite-panel-action-btn.onsite-inline-menu-toggle:active{width: 2.5rem; min-width: 2.5rem; min-height: 2.5rem; height: 2.5rem; padding: 0; border-radius: 0.7rem; transform: none; box-shadow: none;}html[data-onsite-theme="dark"] .onsite-panel-header .btn.btn-sm.onsite-inline-menu-toggle, html[data-onsite-theme="dark"] .onsite-panel-header .btn.btn-sm.onsite-inline-menu-toggle:hover, html[data-onsite-theme="dark"] .onsite-panel-header .btn.btn-sm.onsite-inline-menu-toggle:focus, html[data-onsite-theme="dark"] .onsite-panel-header .btn.btn-sm.onsite-inline-menu-toggle:active{box-shadow: none;}.onsite-panel-header h2{margin: 0; font-size: 1.125rem; font-weight: 600; line-height: 1.35;}.onsite-record-list-panel .onsite-panel-header h2{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 0;}.onsite-list{display: grid; gap: 0.5rem;}.onsite-list-search{margin-bottom: 0.75rem;}.onsite-list-search-row{display: grid; gap: 0.5rem;}.onsite-list-search input{width: 100%; border: 1px solid var(--onsite-border); border-radius: 0.48rem; padding: 0.5rem; background: var(--onsite-surface); color: var(--onsite-text); font-size: 0.9rem;}.onsite-list-search-tag-filter{min-width: 0;}.onsite-list-search-filter-trigger{min-height: 2.5rem; border-radius: 0.7rem;}.onsite-list-search-filter-trigger .onsite-tag-selector-placeholder{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 0.45rem;}.onsite-list-search-filter-trigger .onsite-tag-selector-placeholder i{color: var(--onsite-primary);}.onsite-tag-selector-clear{-webkit-box-pack: start; justify-content: flex-start; padding: 0.65rem 0.75rem; color: var(--onsite-muted); font-size: 0.88rem; font-weight: 600;}.onsite-panel.list-panel .onsite-list{gap: 0; border: 1px solid var(--onsite-border); border-radius: 0.6rem; overflow: hidden; background: var(--onsite-surface);}.onsite-list-row{border: 1px solid var(--onsite-border); border-radius: 0.50rem; background: var(--onsite-surface); padding: 0.75rem; display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; color: inherit; width: 100%; text-align: left;}.onsite-panel.list-panel .onsite-list-row{border: 0; border-radius: 0; background: transparent; padding: 0.9rem 1rem; box-shadow: none;}.onsite-panel.list-panel .onsite-list-row + .onsite-list-row{border-top: 1px solid var(--onsite-border);}.onsite-list-row.is-clickable{cursor: pointer;}.onsite-panel.list-panel .onsite-list.onsite-projects-list{overflow: visible;}.onsite-list-row-main-action{border: 0; background: transparent; padding: 0; color: inherit; display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; gap: 0.75rem; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; text-align: left; font: inherit; cursor: pointer;}.onsite-list-row-actions{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 0.25rem; flex: none;}.onsite-list-row-icon-button{width: 2.25rem; min-width: 2.25rem; height: 2.25rem; border: 0; border-radius: 0.7rem; padding: 0; background: transparent; color: var(--onsite-muted); display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; flex: none;}.onsite-list-row-icon-button:hover, .onsite-list-row-icon-button:focus, .onsite-list-row-icon-button.is-active{background: color-mix(in srgb, var(--onsite-primary), var(--onsite-surface) 92%); color: var(--onsite-primary);}.onsite-list-row-chevron-button .onsite-list-chevron{color: inherit; align-self: auto;}.onsite-document-row-main{display: grid; gap: 0; min-width: 0; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto;}.onsite-document-thumb{width: 100%; height: clamp(11.5rem, 52vw, 18rem); flex: none; border-radius: 0.85rem; overflow: hidden; border: 1px solid var(--onsite-border); background: var(--onsite-surface-muted);}.onsite-document-thumb-image{width: 100%; height: 100%; display: block; object-fit: cover;}.onsite-document-thumb-card{width: 100%; height: 100%; display: grid; place-items: center; align-content: center; gap: 0.35rem; padding: 0.4rem; text-align: center; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #ffffff;}.onsite-document-thumb-card i{font-size: 1.35rem;}.onsite-document-thumb.is-image .onsite-document-thumb-card{background: linear-gradient(145deg, #4db7a6, #1f7d71);}.onsite-document-thumb.is-pdf .onsite-document-thumb-card{background: linear-gradient(145deg, #e86d62, #b8372f);}.onsite-document-thumb.is-word .onsite-document-thumb-card{background: linear-gradient(145deg, #5d8cff, #2e57c8);}.onsite-document-thumb.is-sheet .onsite-document-thumb-card{background: linear-gradient(145deg, #56bd84, #2f8c58);}.onsite-document-thumb.is-slide .onsite-document-thumb-card{background: linear-gradient(145deg, #f39f61, #d56b1f);}.onsite-document-thumb.is-archive .onsite-document-thumb-card{background: linear-gradient(145deg, #a58b67, #735f43);}.onsite-document-thumb.is-text .onsite-document-thumb-card{background: linear-gradient(145deg, #8da3b8, #5e7288);}.onsite-document-thumb.is-media .onsite-document-thumb-card{background: linear-gradient(145deg, #31a8a4, #17706d);}.onsite-document-thumb.is-link .onsite-document-thumb-card{background: linear-gradient(145deg, #52b6da, #21799d);}.onsite-document-thumb.is-file .onsite-document-thumb-card{background: linear-gradient(145deg, #95a3b7, #65758a);}.onsite-panel.list-panel .onsite-document-list .onsite-document-list-row{padding: 0; gap: 0;}.onsite-document-list .onsite-document-thumb{border: 0; border-bottom: 1px solid var(--onsite-border); border-radius: 0;}.onsite-document-list .onsite-document-thumb-card{gap: 0.5rem; font-size: 0.78rem;}.onsite-document-list .onsite-document-thumb-card i{font-size: 2rem;}.onsite-document-meta{display: grid; gap: 0.75rem; padding: 0.95rem 1rem 1rem;}.onsite-document-row-actions{display: -webkit-box; display: -webkit-flex; display: flex; gap: 0.5rem; align-items: center;}.onsite-list-main{min-width: 0; display: grid; gap: 0.5rem; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto;}.onsite-list-title{display: block; font-size: 1.0625rem; font-weight: 600; line-height: 1.35;}.onsite-list-sub{color: var(--onsite-muted); font-size: 0.875rem; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5rem;}.onsite-list-chevron{font-size: 1.375rem; color: var(--onsite-muted); line-height: 1; align-self: center;}.onsite-list-time{color: var(--onsite-muted); font-size: 0.875rem;}.onsite-status-badge, .onsite-list-pill{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 0.875rem; padding: 0.375rem 0.625rem; font-size: 0.875rem; font-weight: 500; line-height: 1;}.onsite-status-badge.is-done{background: #e6f4ea; color: #2e7d32;}.onsite-status-badge.is-in-progress{background: #e5f2ff; color: #007aff;}.onsite-list-pill-owned{background: #eff2f7; color: #334155;}.onsite-list-pill-following{background: #e5f2ff; color: #007aff;}.onsite-list-pill-pending{background: #fff1df; color: #a25f10;}.onsite-list-pill-success{background: #e6f4ea; color: #2e7d32;}.onsite-list-pill-danger{background: #fde8e6; color: #b63f2f;}.onsite-list-pill-neutral{background: var(--onsite-pill-neutral-bg); color: var(--onsite-pill-neutral-fg);}.onsite-list-tag-row{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 0.35rem; margin-top: -0.1rem;}.onsite-tag{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; max-width: 100%;}.onsite-tag-badge{max-width: 100%; border: 1px solid transparent; border-radius: 999px; padding: 0.25rem 0.65rem; overflow: hidden; font-size: 0.8rem; font-weight: 600; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap;}.onsite-tag.o_tag_color_0{background: #e6dddd; border-color: #d5cbcb; color: #3c3c3c;}.onsite-tag.o_tag_color_1{background: #ff9c9c; border-color: #fc7b7b; color: #430c0c;}.onsite-tag.o_tag_color_2{background: #f7c698; border-color: #f1b47b; color: #35210f;}.onsite-tag.o_tag_color_3{background: #fde388; border-color: #f8d868; color: #2f270a;}.onsite-tag.o_tag_color_4{background: #bbd7f8; border-color: #9ec4f2; color: #19324f;}.onsite-tag.o_tag_color_5{background: #d9a8cc; border-color: #ca93bb; color: #1d181c;}.onsite-tag.o_tag_color_6{background: #f8d6c8; border-color: #f1bfaa; color: #552f1f;}.onsite-tag.o_tag_color_7{background: #89e1db; border-color: #71d5ce; color: #0b1313;}.onsite-tag.o_tag_color_8{background: #97a6f9; border-color: #798bf3; color: #0e1436;}.onsite-tag.o_tag_color_9{background: #ff9ecc; border-color: #fc7db9; color: #450c27;}.onsite-tag.o_tag_color_10{background: #b7edbe; border-color: #9de3a6; color: #1f3922;}.onsite-tag.o_tag_color_11{background: #e6dbfc; border-color: #d0bcf8; color: #39206c;}.onsite-empty{border: 1px dashed var(--onsite-border); border-radius: 0.62rem; padding: 0.82rem; color: var(--onsite-muted); font-size: 0.86rem;}.onsite-chat-recipient-panel{display: grid; gap: 0.75rem; padding: 0.75rem; border-bottom: 1px solid var(--onsite-border); background: rgba(255, 255, 255, 0.7);}html[data-onsite-theme="dark"] .onsite-chat-recipient-panel{background: rgba(20, 26, 36, 0.8);}.onsite-chat-recipient-header{display: -webkit-box; display: -webkit-flex; display: flex; gap: 0.5rem; align-items: center;}.onsite-chat-recipient-header input{min-width: 0; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; border: 1px solid var(--onsite-border); border-radius: 0.5rem; padding: 0.65rem 0.75rem; background: var(--onsite-surface); color: var(--onsite-text);}.onsite-chat-thread-row, .onsite-chat-recipient-row{width: 100%; border: 0; background: transparent; text-align: left;}.onsite-chat-thread-panel{min-height: calc(var(--onsite-vh, 100vh) - 7.5rem); display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 0.75rem; box-sizing: border-box;}.onsite-main.is-chat-thread .onsite-chat-thread-panel{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-height: 0; overflow: hidden;}.onsite-chat-message-toolbar{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; gap: 0.5rem; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.onsite-chat-message-toolbar-actions{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; gap: 0.5rem; align-items: center;}.onsite-chat-notification-btn.is-enabled{color: var(--onsite-success);}.onsite-chat-messages{min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; -webkit-overflow-scrolling: touch; touch-action: pan-y; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 0.75rem; padding: 0.25rem 0.55rem 0.75rem 0.1rem;}.onsite-chat-message{width: fit-content; max-width: 88%; display: grid; gap: 0.35rem; align-self: flex-start;}.onsite-chat-message.is-own{align-self: flex-end;}.onsite-chat-unread-divider{width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 0.6rem; color: color-mix(in srgb, var(--onsite-primary), var(--onsite-text) 18%); font-size: 0.72rem; font-weight: 800; text-transform: uppercase;}.onsite-chat-unread-divider::before, .onsite-chat-unread-divider::after{content: ""; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; border-top: 1px solid color-mix(in srgb, var(--onsite-primary), var(--onsite-border) 42%);}.onsite-chat-message-meta{display: -webkit-box; display: -webkit-flex; display: flex; gap: 0.5rem; -webkit-flex-wrap: wrap; flex-wrap: wrap; color: var(--onsite-muted); font-size: 0.75rem;}.onsite-chat-message.is-own .onsite-chat-message-meta{-webkit-box-pack: end; justify-content: flex-end;}.onsite-chat-message-body{border: 1px solid var(--onsite-border); border-radius: 0.75rem; padding: 0.7rem 0.8rem; background: var(--onsite-surface-muted); color: var(--onsite-text); white-space: pre-wrap; overflow-wrap: anywhere;}.onsite-chat-message.is-unread .onsite-chat-message-body{border-color: color-mix(in srgb, var(--onsite-primary), var(--onsite-border) 35%); background: color-mix(in srgb, var(--onsite-primary), var(--onsite-surface) 91%); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--onsite-primary), transparent 72%);}.onsite-chat-message.is-own .onsite-chat-message-body{background: #e7f0ff; border-color: #bdd2ff;}html[data-onsite-theme="dark"] .onsite-chat-message.is-own .onsite-chat-message-body{background: #1f3764; border-color: #375893;}.onsite-chat-attachments{display: grid; gap: 0.4rem;}.onsite-chat-attachment{display: block; width: 100%; max-width: 18rem; color: var(--onsite-text); text-decoration: none;}.onsite-chat-attachment-image{display: block; max-width: 100%; max-height: 18rem; border: 1px solid var(--onsite-border); border-radius: 0.65rem; object-fit: contain; background: var(--onsite-surface-muted);}.onsite-chat-attachment-file{display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 0.45rem; align-items: center; padding: 0.62rem 0.72rem; border: 1px solid var(--onsite-border); border-radius: 0.65rem; background: var(--onsite-surface-muted);}.onsite-chat-attachment-name{min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.onsite-chat-attachment-size{color: var(--onsite-muted); font-size: 0.78rem; white-space: nowrap;}.onsite-chat-composer{display: grid; gap: 0.5rem; margin: 0 -0.82rem -0.82rem; padding: 0.62rem 0.82rem 0.82rem; border-top: 1px solid var(--onsite-border); border-radius: 0 0 0.95rem 0.95rem; background: color-mix(in srgb, var(--onsite-surface), var(--onsite-surface-muted) 10%); box-shadow: 0 -10px 26px rgba(20, 33, 62, 0.08);}html[data-onsite-theme="dark"] .onsite-chat-composer{background: color-mix(in srgb, var(--onsite-surface), var(--onsite-surface-muted) 18%); box-shadow: 0 -12px 30px rgba(0, 0, 0, 0.34);}.onsite-chat-composer-row{display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 0.5rem; align-items: end;}.onsite-chat-composer-attachments{display: grid; gap: 0.45rem;}.onsite-chat-composer-attachment{display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: 0.45rem; align-items: center; padding: 0.45rem; border: 1px solid var(--onsite-border); border-radius: 0.65rem; background: var(--onsite-surface-muted);}.onsite-chat-composer-attachment-thumb{width: 2.5rem; height: 2.5rem; border-radius: 0.45rem; object-fit: cover;}.onsite-chat-composer-attachment-icon{width: 2.5rem; text-align: center; color: var(--onsite-muted);}.onsite-chat-composer-attachment-name{min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.onsite-chat-composer-attachment-size{color: var(--onsite-muted); font-size: 0.78rem; white-space: nowrap;}.onsite-chat-composer textarea{width: 100%; box-sizing: border-box; height: 3rem; min-height: 3rem; max-height: 3rem; resize: none; border: 1px solid var(--onsite-border); border-radius: 0.65rem; padding: 0.7rem 0.8rem; background: var(--onsite-surface); color: var(--onsite-text); overflow-y: auto;}.onsite-chat-attach-btn, .onsite-chat-send-btn{height: 3rem; min-height: 3rem;}.onsite-formview{display: grid; gap: 0.62rem;}.onsite-formview label{display: grid; gap: 0.3rem; font-size: 0.82rem; font-weight: 600;}.onsite-form-field{display: grid; gap: 0.3rem; font-size: 0.82rem; font-weight: 600;}.onsite-tag-selector-field{gap: 0.45rem;}.onsite-tag-selector{position: relative;}.onsite-tag-selector-trigger{width: 100%; min-height: 2.875rem; border: 1px solid var(--onsite-border); border-radius: 0.9rem; padding: 0.5rem 0.75rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: var(--onsite-surface); color: var(--onsite-text); cursor: pointer; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; font: inherit; justify-content: space-between; gap: 0.75rem; text-align: left;}.onsite-tag-selector-trigger.is-open{border-color: color-mix(in srgb, var(--onsite-primary), var(--onsite-border) 42%); box-shadow: 0 0 0 1px color-mix(in srgb, var(--onsite-primary), transparent 75%);}.onsite-tag-selector-value{min-width: 0; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 0.35rem;}.onsite-tag-selector-placeholder{min-width: 0; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; color: var(--onsite-muted); font-size: 0.92rem; font-weight: 500;}.onsite-tag-selector-caret{flex: none; color: var(--onsite-muted); transition: transform 0.18s ease;}.onsite-tag-selector-trigger.is-open .onsite-tag-selector-caret{transform: rotate(180deg);}.onsite-tag-selector-menu{left: 0; right: 0; min-width: 0; max-height: 18rem; overflow-y: auto;}.onsite-tag-selector-option{width: 100%; border: 0; border-radius: 0.8rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; font: inherit; justify-content: space-between; gap: 0.75rem; padding: 0.35rem; text-align: left;}.onsite-tag-selector-option:hover, .onsite-tag-selector-option:focus{background: color-mix(in srgb, var(--onsite-primary), var(--onsite-surface) 92%);}.onsite-tag-selector-option.is-selected{background: color-mix(in srgb, var(--onsite-primary), var(--onsite-surface) 88%);}.onsite-tag-selector-option-check{flex: none; color: var(--onsite-primary); font-size: 0.95rem;}.onsite-formview input, .onsite-formview select, .onsite-formview textarea{width: 100%; border: 1px solid var(--onsite-border); border-radius: 0.48rem; padding: 0.5rem; background: var(--onsite-surface); color: var(--onsite-text); font-size: 0.9rem;}.onsite-html-editor{width: 100%; min-height: 8rem; border: 1px solid var(--onsite-border); border-radius: 0.48rem; padding: 0.5rem; background: var(--onsite-surface); color: var(--onsite-text); font-size: 0.9rem; line-height: 1.35; overflow: auto;}.onsite-html-editor:focus{outline: none; border-color: color-mix(in srgb, var(--onsite-primary), var(--onsite-border) 38%); box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--onsite-primary), transparent 84%);}.onsite-html-editor:empty::before{content: attr(data-placeholder); color: var(--onsite-muted);}.onsite-description-toolbar-btn{min-width: 0;}.onsite-description-caret-marker{display: inline-block; width: 0; max-width: 0; overflow: hidden; opacity: 0; pointer-events: none;}.onsite-html-editor .onsite-description-inline-image{width: auto; height: auto; max-width: 100%; max-height: 20rem;}.onsite-html-editor .onsite-description-inline-image[data-onsite-local-preview="missing"]{max-width: 16rem;}.onsite-formview textarea{resize: vertical;}.onsite-form-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.62rem;}.onsite-readonly-card{display: grid; gap: 0.55rem; padding: 0.8rem 0.9rem; border: 1px solid var(--onsite-border); border-radius: 0.9rem; background: color-mix(in srgb, var(--onsite-surface-muted), var(--onsite-surface) 58%);}.onsite-readonly-row{display: grid; gap: 0.18rem;}.onsite-readonly-label{font-size: 0.76rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--onsite-muted);}.onsite-readonly-value{font-size: 0.92rem; line-height: 1.4;}.onsite-checkbox-grid{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5rem;}.onsite-checkbox-chip{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 0.4rem; border: 1px solid var(--onsite-border); border-radius: 999px; padding: 0.45rem 0.7rem; background: var(--onsite-surface); color: var(--onsite-text); font-size: 0.84rem; font-weight: 500;}.onsite-checkbox-chip input{width: auto; margin: 0;}html[data-onsite-theme="dark"] .onsite-tag.o_tag_color_0{background: #262b37; border-color: #303540; color: #afafaf;}html[data-onsite-theme="dark"] .onsite-tag.o_tag_color_1{background: #311925; border-color: #411b26; color: #e15454;}html[data-onsite-theme="dark"] .onsite-tag.o_tag_color_2{background: #2f2726; border-color: #3d2e28; color: #d0935a;}html[data-onsite-theme="dark"] .onsite-tag.o_tag_color_3{background: #302f23; border-color: #403a22; color: #dab945;}html[data-onsite-theme="dark"] .onsite-tag.o_tag_color_4{background: #1b2940; border-color: #20324d; color: #79a3d4;}html[data-onsite-theme="dark"] .onsite-tag.o_tag_color_5{background: #252134; border-color: #2f273c; color: #988392;}html[data-onsite-theme="dark"] .onsite-tag.o_tag_color_6{background: #2e272e; border-color: #3d2f32; color: #d39d86;}html[data-onsite-theme="dark"] .onsite-tag.o_tag_color_7{background: #172c37; border-color: #1b3640; color: #5da7a2;}html[data-onsite-theme="dark"] .onsite-tag.o_tag_color_8{background: #151e40; border-color: #17224d; color: #5669d3;}html[data-onsite-theme="dark"] .onsite-tag.o_tag_color_9{background: #311a33; border-color: #411c3a; color: #e15698;}html[data-onsite-theme="dark"] .onsite-tag.o_tag_color_10{background: #1c302f; border-color: #223c34; color: #82bc8a;}html[data-onsite-theme="dark"] .onsite-tag.o_tag_color_11{background: #242441; border-color: #2e2a4f; color: #ab92df;}.onsite-section-header{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.onsite-section-card{display: grid; gap: 0.85rem; padding: 0.9rem; border: 1px solid var(--onsite-border); border-radius: 0.9rem; background: color-mix(in srgb, var(--onsite-surface-muted), var(--onsite-surface) 68%);}.onsite-section-toggle{width: 100%; border: 0; padding: 0; background: transparent; color: inherit; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; text-align: left; font: inherit;}.onsite-section-toggle-main{display: grid; gap: 0.18rem; min-width: 0;}.onsite-section-toggle-title{font-size: 0.96rem; font-weight: 700; color: var(--onsite-text);}.onsite-section-toggle-summary{font-size: 0.82rem; color: var(--onsite-muted); line-height: 1.35;}.onsite-section-toggle-icon{flex: none; font-size: 1rem; color: var(--onsite-muted); transition: transform 0.18s ease;}.onsite-section-toggle.is-open .onsite-section-toggle-icon{transform: rotate(180deg);}.onsite-section-body{display: grid; gap: 0.8rem;}.onsite-weather-station{padding-bottom: 0.15rem; border-bottom: 1px solid color-mix(in srgb, var(--onsite-border), transparent 28%);}.onsite-weather-request-note{padding: 0.72rem 0.8rem; border: 1px solid color-mix(in srgb, var(--onsite-primary), var(--onsite-border) 56%); border-radius: 0.8rem; background: color-mix(in srgb, var(--onsite-primary), var(--onsite-surface) 94%); color: color-mix(in srgb, var(--onsite-primary), var(--onsite-text) 38%); font-size: 0.84rem; line-height: 1.4;}.onsite-weather-request-actions{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start;}.onsite-partner-time-table{display: grid; gap: 0.45rem; overflow-x: auto;}.onsite-partner-time-header, .onsite-partner-time-list{min-width: 24rem;}.onsite-partner-time-header{display: grid; grid-template-columns: minmax(0, 2fr) minmax(6.5rem, 0.9fr) auto; gap: 0.5rem; align-items: center; padding: 0 0.8rem;}.onsite-partner-time-header-cell{font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--onsite-muted);}.onsite-partner-time-list{display: grid; gap: 0.75rem;}.onsite-partner-time-row{display: grid; grid-template-columns: minmax(0, 2fr) minmax(6.5rem, 0.9fr) auto; gap: 0.5rem; align-items: center; background: color-mix(in srgb, var(--onsite-surface), transparent 6%);}.onsite-partner-time-duration-input{font-variant-numeric: tabular-nums;}.onsite-partner-time-remove{align-self: center;}.onsite-timesheet-duration-field{display: grid; gap: 0.7rem;}.onsite-timesheet-duration-controls{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; gap: 0.35rem; margin-bottom: 1.15rem;}.onsite-timesheet-duration-input{width: 100%; min-width: 0; max-width: none; text-align: left; font-variant-numeric: tabular-nums;}.onsite-timesheet-duration-step{-webkit-box-flex: 1; -webkit-flex: 1 1 0; flex: 1 1 0; min-width: 0; min-height: 2rem; padding: 0.3rem 0.35rem; border-radius: 0.48rem; font-size: 0.72rem; font-weight: 700; line-height: 1; white-space: nowrap;}.onsite-form-actions{display: -webkit-box; display: -webkit-flex; display: flex; gap: 0.45rem; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.onsite-timesheet-setup-error{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; gap: 0.55rem; margin-bottom: 0.75rem; padding: 0.8rem 0.9rem; border: 1px solid color-mix(in srgb, var(--onsite-danger), var(--onsite-border) 50%); border-radius: 0.8rem; background: color-mix(in srgb, var(--onsite-danger), var(--onsite-surface) 92%); color: color-mix(in srgb, var(--onsite-danger), var(--onsite-text) 32%); font-size: 0.88rem; line-height: 1.4;}.onsite-time-off-setup-error, .onsite-time-off-readonly-note{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; gap: 0.55rem; margin-bottom: 0.75rem; padding: 0.8rem 0.9rem; border-radius: 0.8rem; font-size: 0.88rem; line-height: 1.4;}.onsite-time-off-setup-error{border: 1px solid color-mix(in srgb, var(--onsite-danger), var(--onsite-border) 50%); background: color-mix(in srgb, var(--onsite-danger), var(--onsite-surface) 92%); color: color-mix(in srgb, var(--onsite-danger), var(--onsite-text) 32%);}.onsite-time-off-readonly-note{border: 1px solid color-mix(in srgb, var(--onsite-primary), var(--onsite-border) 45%); background: color-mix(in srgb, var(--onsite-primary), var(--onsite-surface) 94%); color: color-mix(in srgb, var(--onsite-primary), var(--onsite-text) 28%);}.onsite-time-off-list-meta{display: grid; gap: 0.45rem; justify-items: end; align-self: center;}.onsite-time-off-edit-hint{color: var(--onsite-muted); font-size: 0.75rem; text-align: right;}.onsite-time-off-hour-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem;}.onsite-time-off-summary{display: -webkit-box; display: -webkit-flex; display: flex; align-items: baseline; justify-content: space-between; gap: 0.75rem; padding: 0.85rem 0.95rem; border: 1px solid var(--onsite-border); border-radius: 0.85rem; background: color-mix(in srgb, var(--onsite-surface-muted), var(--onsite-surface) 62%);}.onsite-time-off-summary-label{color: var(--onsite-muted); font-size: 0.88rem;}.onsite-timesheet-filter-panel{display: grid; gap: 0.75rem; margin-bottom: 0.75rem; padding: 0.85rem; border: 1px solid var(--onsite-border); border-radius: 0.9rem; background: color-mix(in srgb, var(--onsite-surface-muted), var(--onsite-surface) 55%);}.onsite-timesheet-filter-top{display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.65rem; align-items: center;}.onsite-timesheet-filter-top input{width: 100%; border: 1px solid var(--onsite-border); border-radius: 0.7rem; padding: 0.65rem 0.8rem; background: var(--onsite-surface); color: var(--onsite-text); font-size: 0.92rem;}.onsite-timesheet-filter-toggle{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; gap: 0.35rem; padding: 0.25rem; border: 1px solid var(--onsite-border); border-radius: 999px; background: var(--onsite-surface);}.onsite-timesheet-filter-toggle .btn{min-height: 2.25rem; border-radius: 999px; border-color: transparent; box-shadow: none;}.onsite-timesheet-filter-toggle .btn.is-active{background: var(--onsite-primary); border-color: var(--onsite-primary); color: var(--onsite-primary-contrast);}.onsite-timesheet-filter-nav{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 0.5rem; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.onsite-timesheet-filter-label{min-width: 9rem; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; color: var(--onsite-muted);}.onsite-timesheet-calendar{display: grid; gap: 0.45rem;}.onsite-timesheet-calendar-header{display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 0.45rem;}.onsite-timesheet-calendar-header-cell{font-size: 0.72rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; text-align: center; color: var(--onsite-muted);}.onsite-timesheet-calendar.is-month, .onsite-timesheet-calendar.is-week{grid-template-columns: repeat(7, minmax(0, 1fr));}.onsite-timesheet-calendar-day{min-width: 0; border: 1px solid var(--onsite-border); border-radius: 0.85rem; background: var(--onsite-surface); color: var(--onsite-text); display: grid; place-items: center; padding: 0.45rem; text-align: center; transition: transform 0.12s ease, border-color 0.12s ease, background 0.12s ease, box-shadow 0.12s ease;}.onsite-timesheet-calendar-day.is-outside{opacity: 0.58; background: color-mix(in srgb, var(--onsite-surface-muted), var(--onsite-surface) 64%);}.onsite-timesheet-calendar-day.is-current{opacity: 1;}.onsite-timesheet-calendar-day.is-today{border-color: color-mix(in srgb, var(--onsite-primary), var(--onsite-border) 35%); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--onsite-primary), transparent 62%);}.onsite-timesheet-calendar-day.is-selected{opacity: 1; border-color: var(--onsite-primary); background: linear-gradient(160deg, color-mix(in srgb, var(--onsite-primary), #ffffff 12%), var(--onsite-primary)); color: var(--onsite-primary-contrast); transform: translateY(-1px); box-shadow: 0 10px 18px rgba(0, 122, 255, 0.22);}.onsite-timesheet-calendar-day.is-selected.is-today{box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--onsite-primary-contrast), transparent 16%), 0 10px 18px rgba(0, 122, 255, 0.22);}.onsite-timesheet-calendar-number{font-size: 1.15rem; font-weight: 700; line-height: 1; color: inherit;}.onsite-timesheet-list{gap: 0;}.onsite-timesheet-row{align-items: center;}.onsite-timesheet-row-duration{flex: none; min-width: 4.2rem; font-size: 1rem; font-weight: 700; text-align: right; color: var(--onsite-primary);}.onsite-timesheet-live-card{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.9rem 1rem; border: 1px solid color-mix(in srgb, var(--onsite-success), var(--onsite-border) 48%); border-radius: 0.9rem; background: linear-gradient(145deg, color-mix(in srgb, var(--onsite-success), var(--onsite-surface) 92%), color-mix(in srgb, var(--onsite-primary), var(--onsite-surface) 94%));}.onsite-timesheet-live-card strong{font-size: 1.45rem; line-height: 1; font-variant-numeric: tabular-nums;}.onsite-timesheet-live-label{font-size: 0.76rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--onsite-muted);}.onsite-document-viewer-panel{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-height: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 0; background: transparent; border: 0; border-radius: 0; padding: 0;}.onsite-document-viewer-body{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-height: 0; border: 0; border-radius: 0; overflow: hidden; background: color-mix(in srgb, var(--onsite-surface-muted), var(--onsite-surface) 72%); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; justify-content: center;}.onsite-document-viewer-empty{padding: 1rem; color: var(--onsite-muted); font-size: 0.9rem; text-align: center;}.onsite-document-viewer-frame, .onsite-document-viewer-image, .onsite-document-viewer-media, .onsite-document-viewer-text{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; min-height: 0; width: 100%; height: 100%; border: 0; display: block;}.onsite-document-viewer-image{object-fit: contain; background: color-mix(in srgb, var(--onsite-surface), #000 4%);}.onsite-document-viewer-text{margin: 0; padding: 1rem; overflow: auto; background: transparent; color: var(--onsite-text); font-size: 0.85rem; line-height: 1.45; white-space: pre-wrap; word-break: break-word; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;}.onsite-document-viewer-audio{width: Min(100%, 32rem); padding: 1rem;}.onsite-doc-upload-bar{display: -webkit-box; display: -webkit-flex; display: flex; gap: 0.5rem; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0.75rem;}.onsite-doc-upload-actions{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem; align-items: stretch; width: 100%;}.onsite-doc-upload-actions-inline{flex: 1 1 100%;}.onsite-doc-upload-action{width: 100%; min-width: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; gap: 0.45rem; text-align: center; white-space: normal; line-height: 1.2; height: 100%;}.onsite-doc-upload-action i{flex: none;}.onsite-doc-upload-actions-stacked .onsite-doc-upload-action{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 0.35rem;}.onsite-doc-upload-actions-stacked .onsite-doc-upload-action i{font-size: 1rem;}.onsite-task-documents-header{-webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: stretch;}.onsite-task-documents-header h2{flex: 1 1 100%; width: 100%;}.onsite-task-documents-actions{flex: 1 1 100%; width: 100%; -webkit-box-pack: start; justify-content: flex-start; align-items: stretch;}.onsite-task-documents-actions .onsite-doc-upload-actions-inline{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 0;}.onsite-task-documents-search-btn{flex: none; align-self: stretch;}.onsite-doc-upload-bar select{flex: 1 1 12rem; min-width: 10rem; border: 1px solid var(--onsite-border); border-radius: 0.48rem; padding: 0.5rem; background: var(--onsite-surface); color: var(--onsite-text); font-size: 0.9rem;}.onsite-upload-btn{position: relative; overflow: hidden;}.onsite-hidden-input{display: none;}.onsite-upload-input{position: absolute; inset: 0; opacity: 0; cursor: pointer;}.onsite-document-staged-files{display: grid; gap: 0.6rem; padding: 0.75rem; border: 1px solid var(--onsite-border); border-radius: 0.75rem; background: color-mix(in srgb, var(--onsite-surface-muted), var(--onsite-surface) 55%);}.onsite-document-staged-title{font-size: 0.78rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--onsite-muted);}.onsite-document-staged-list{display: grid; gap: 0.55rem;}.onsite-document-staged-row{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.65rem 0.75rem; border-radius: 0.75rem; background: var(--onsite-surface); border: 1px solid var(--onsite-border);}.onsite-document-staged-meta{min-width: 0; display: grid; gap: 0.2rem;}.onsite-document-staged-name{display: block; font-size: 0.95rem; font-weight: 600; word-break: break-word;}.onsite-image-editor-panel{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-height: 0; gap: 0; padding: 0; border: 0; border-radius: 0; background: transparent;}.onsite-image-editor-viewport{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-height: 0; overflow: hidden; background: radial-gradient(circle at top, rgba(255, 255, 255, 0.08), transparent 55%), #131b26; position: relative;}.onsite-image-editor-canvas{width: 100%; height: 100%; display: block; touch-action: none; cursor: crosshair;}.onsite-image-editor-empty{height: 100%; display: grid; place-items: center; padding: 0.75rem; color: #edf2ff; text-align: center;}.onsite-image-editor-toolbar{display: grid; gap: 0.55rem; padding: 0.55rem calc(0.7rem + var(--onsite-safe-right)) calc(0.55rem + var(--onsite-safe-bottom)) calc(0.7rem + var(--onsite-safe-left)); border-top: 1px solid var(--onsite-border); background: color-mix(in srgb, var(--onsite-surface-muted), var(--onsite-surface) 74%);}.onsite-image-editor-controls{display: grid; gap: 0.55rem; grid-template-columns: auto minmax(0, 1fr);}.onsite-image-editor-field{display: grid; gap: 0.3rem; min-width: 0;}.onsite-image-editor-name-field{grid-column: 1 / -1;}.onsite-image-editor-color-field{grid-column: 1; width: clamp(4.75rem, 14vw, 5.75rem); justify-self: start;}.onsite-image-editor-brush-field{grid-column: 2;}.onsite-image-editor-zoom-field{grid-column: 1 / -1;}.onsite-image-editor-label{font-size: 0.78rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--onsite-muted);}.onsite-image-editor-name-input, .onsite-image-editor-color-row, .onsite-image-editor-slider-row, .onsite-image-editor-zoom-row{width: 100%; min-height: 3.3rem; border: 1px solid var(--onsite-border); border-radius: 0.85rem; background: var(--onsite-surface); color: var(--onsite-text); box-sizing: border-box;}.onsite-image-editor-name-input{padding: 0.65rem 0.8rem; font-size: 0.95rem;}.onsite-image-editor-color-row, .onsite-image-editor-slider-row, .onsite-image-editor-zoom-row, .onsite-image-editor-actions{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 0.5rem;}.onsite-image-editor-color-row, .onsite-image-editor-slider-row, .onsite-image-editor-zoom-row{padding: 0.45rem 0.7rem;}.onsite-image-editor-color-row{justify-content: center;}.onsite-image-editor-color-input{width: 2.3rem; height: 2.3rem; padding: 0; border: 0; background: transparent; flex: none;}.onsite-image-editor-slider-value{font-size: 0.86rem; font-weight: 700; color: var(--onsite-text); white-space: nowrap;}.onsite-image-editor-zoom-value{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; text-align: center; font-size: 0.9rem; font-weight: 700; color: var(--onsite-text); white-space: nowrap;}.onsite-image-editor-slider{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; margin: 0; min-width: 0;}.onsite-image-editor-zoom-btn, .onsite-image-editor-zoom-fit-btn{flex: none;}.onsite-image-editor-zoom-btn{width: 2.6rem; min-width: 2.6rem; padding: 0;}.onsite-image-editor-actions{-webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0.45rem;}.onsite-image-editor-actions .btn{flex: 1 1 10rem;}.onsite-grid-2{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.55rem;}.onsite-conflict-row{border: 1px solid var(--onsite-border); border-radius: 0.6rem; padding: 0.62rem;}.onsite-conflict-field{font-weight: 700; margin-bottom: 0.4rem;}.onsite-conflict-values{display: grid; gap: 0.3rem; color: var(--onsite-muted); font-size: 0.8rem;}.onsite-sync-issues-grid{display: grid; gap: 0.95rem;}.onsite-sync-issue-section{display: grid; gap: 0.55rem;}.onsite-sync-issue-section-header{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem;}.onsite-sync-issue-section-title{margin: 0; font-size: 0.98rem; font-weight: 700;}.onsite-sync-issue-meta{font-size: 0.78rem; line-height: 1.35; color: var(--onsite-muted);}.onsite-sync-issue-detail{display: grid; gap: 0.85rem;}.onsite-sync-issue-detail-header{display: grid; gap: 0.3rem;}.onsite-sync-issue-detail-title{margin: 0; font-size: 1.02rem; font-weight: 700;}.onsite-sync-issue-detail-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.55rem;}.onsite-sync-issue-detail-grid--compact{margin-bottom: 0.85rem;}.onsite-sync-issue-detail-field{min-width: 0; display: grid; gap: 0.22rem; padding: 0.62rem 0.7rem; border: 1px solid var(--onsite-border); border-radius: 0.7rem; background: var(--onsite-surface-muted);}.onsite-sync-issue-detail-label{font-size: 0.73rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; color: var(--onsite-muted);}.onsite-sync-issue-detail-value{font-size: 0.88rem; line-height: 1.35; color: var(--onsite-text); word-break: break-word;}.onsite-sync-issue-payload{display: grid; gap: 0.35rem;}.onsite-sync-issue-payload pre{margin: 0; padding: 0.8rem 0.9rem; border: 1px solid var(--onsite-border); border-radius: 0.7rem; background: color-mix(in srgb, var(--onsite-surface-muted), var(--onsite-surface) 65%); color: var(--onsite-text); font-size: 0.8rem; line-height: 1.4; white-space: pre-wrap; word-break: break-word;}.onsite-checkbox-row{display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; align-items: center; gap: 0.5rem; font-weight: 500 !important;}.onsite-checkbox-row input{width: auto; margin: 0;}.onsite-setting-row{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; font-size: 0.82rem; font-weight: 600;}.onsite-settings-user-card{display: grid; gap: 0.75rem; margin-bottom: 1rem; padding: 0.9rem; border: 1px solid var(--onsite-border); border-radius: 0.9rem; background: color-mix(in srgb, var(--onsite-surface-muted), var(--onsite-surface) 55%);}.onsite-settings-user-title{font-size: 0.78rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--onsite-muted);}.onsite-settings-user-grid{display: grid; gap: 0.7rem; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));}.onsite-settings-user-field{display: grid; gap: 0.2rem; min-width: 0;}.onsite-settings-user-label{font-size: 0.74rem; font-weight: 700; color: var(--onsite-muted); letter-spacing: 0.03em; text-transform: uppercase;}.onsite-settings-user-value{font-size: 0.92rem; font-weight: 600; color: var(--onsite-text); overflow-wrap: anywhere;}.onsite-settings-actions{margin-top: 0.4rem;}.onsite-settings-refresh-btn, .onsite-settings-logout-btn{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; gap: 0.35rem; width: 100%;}.onsite-settings-refresh-btn{margin-bottom: 0.75rem;}.onsite-settings-logout-btn{border-color: color-mix(in srgb, var(--onsite-danger), var(--onsite-border) 35%); color: color-mix(in srgb, var(--onsite-danger), var(--onsite-text) 22%);}.onsite-settings-logout-btn:hover, .onsite-settings-logout-btn:focus{border-color: color-mix(in srgb, var(--onsite-danger), var(--onsite-border) 20%); background: color-mix(in srgb, var(--onsite-danger), var(--onsite-surface) 92%); color: color-mix(in srgb, var(--onsite-danger), var(--onsite-text) 12%);}.onsite-settings-logout-btn:disabled{opacity: 0.72;}html[data-onsite-theme="dark"] .onsite-settings-logout-btn{border-color: color-mix(in srgb, var(--onsite-danger), var(--onsite-border) 45%); color: color-mix(in srgb, var(--onsite-danger), var(--onsite-text) 32%);}html[data-onsite-theme="dark"] .onsite-settings-logout-btn:hover, html[data-onsite-theme="dark"] .onsite-settings-logout-btn:focus{background: color-mix(in srgb, var(--onsite-danger), var(--onsite-surface) 85%); color: color-mix(in srgb, var(--onsite-danger), var(--onsite-text) 24%);}.onsite-back-hint-toast{position: fixed; left: 50%; bottom: calc(1rem + var(--onsite-safe-bottom)); transform: translateX(-50%); z-index: 1200; width: 92vw; max-width: 32rem; border-radius: 999px; padding: 0.5rem 0.9rem; background: rgba(22, 30, 48, 0.94); color: #ffffff; font-size: 0.82rem; line-height: 1.3; text-align: center; box-shadow: 0 10px 26px rgba(9, 14, 24, 0.35); pointer-events: none;}html[data-onsite-theme="dark"] .onsite-back-hint-toast{background: rgba(242, 247, 255, 0.95); color: #111628;}.onsite-offline-page{min-height: 100vh; min-height: 100dvh; min-height: var(--onsite-vh); display: grid; place-items: center; box-sizing: border-box; padding: calc(1rem + var(--onsite-safe-top)) calc(1rem + var(--onsite-safe-right)) calc(1rem + var(--onsite-safe-bottom)) calc(1rem + var(--onsite-safe-left));}.onsite-offline-card{width: 96vw; max-width: 560px; background: var(--onsite-surface); color: var(--onsite-text); border: 1px solid var(--onsite-border); border-radius: 0.95rem; padding: 1.4rem; text-align: center;}@media (max-width: 760px){.onsite-app-grid{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem 0rem;}.onsite-app-icon{width: 3.5rem; height: 3.5rem; border-radius: 0.82rem; font-size: 1.42rem;}.onsite-grid-2{grid-template-columns: 1fr;}.onsite-topbar-title h1{font-size: 1.125rem;}.onsite-back-btn, .onsite-app-switcher-btn{width: 2.35rem; height: 2.35rem; border-radius: 0.8rem;}.onsite-sync-state-btn{width: 2.25rem; height: 2.25rem; min-height: 2.25rem; padding: 0; border-radius: 0.45rem; font-size: 0.9rem;}.onsite-feedback{padding: 0.62rem 0.75rem;}.onsite-header-feedback{margin-top: 0.65rem;}.onsite-feedback-text{font-size: 0.88rem;}.onsite-active-timer-chip{max-width: 8.2rem; min-height: 2.25rem; padding: 0.5rem 0.7rem; font-size: 0.82rem;}.onsite-record-list-panel .onsite-panel-header .btn.btn-sm, .onsite-panel-header .btn.btn-sm.onsite-panel-action-btn, .onsite-topbar .btn.btn-sm.onsite-panel-action-btn, .onsite-doc-upload-actions .btn.btn-sm.onsite-panel-action-btn, .onsite-image-editor-toolbar .btn.btn-sm.onsite-panel-action-btn{min-height: 2.25rem; padding: 0.55rem 0.85rem; border-radius: 0.45rem; font-size: 0.9rem;}.onsite-panel-header .btn.btn-sm.onsite-inline-menu-toggle{width: 2.25rem; min-width: 2.25rem; min-height: 2.25rem; height: 2.25rem; padding: 0; border-radius: 0.45rem;}.onsite-panel-header .btn.btn-sm.onsite-panel-action-btn.onsite-inline-menu-toggle, .onsite-panel-header .btn.btn-sm.onsite-panel-action-btn.onsite-inline-menu-toggle:hover, .onsite-panel-header .btn.btn-sm.onsite-panel-action-btn.onsite-inline-menu-toggle:focus, .onsite-panel-header .btn.btn-sm.onsite-panel-action-btn.onsite-inline-menu-toggle:active{width: 2.25rem; min-width: 2.25rem; min-height: 2.25rem; height: 2.25rem; padding: 0; border-radius: 0.45rem; transform: none; box-shadow: none;}.onsite-inline-menu{min-width: 12.5rem; padding: 0.4rem; border-radius: 0.85rem;}.onsite-inline-menu-item{padding: 0.72rem 0.8rem; border-radius: 0.65rem; font-size: 0.9rem;}.onsite-app-switcher-panel{top: calc(3.55rem + var(--onsite-safe-top)); left: calc(0.75rem + var(--onsite-safe-left)); right: calc(0.75rem + var(--onsite-safe-right)); width: auto; padding: 0.75rem;}.onsite-app-switcher-entry{padding: 0.65rem 0.7rem;}.onsite-app-switcher-entry-label{font-size: 0.92rem;}.onsite-record-list-panel .onsite-list-row{padding: 0.875rem;}.onsite-sync-issue-detail-grid{grid-template-columns: 1fr;}.onsite-topbar.is-document-viewer .onsite-topbar-title h1, .onsite-topbar.is-image-editor .onsite-topbar-title h1{font-size: 1rem;}.onsite-image-editor-controls{gap: 0.45rem;}.onsite-image-editor-actions .btn{flex-basis: calc(50% - 0.25rem);}.onsite-panel.list-panel .onsite-document-list .onsite-document-list-row{padding: 0;}.onsite-document-thumb{height: clamp(10.5rem, 60vw, 15rem);}.onsite-list-title{font-size: 1rem;}.onsite-timesheet-filter-top{grid-template-columns: 1fr;}.onsite-timesheet-filter-toggle{width: 100%; justify-content: stretch;}.onsite-timesheet-filter-toggle .btn{flex: 1 1 50%;}.onsite-timesheet-filter-label{min-width: 0; width: 100%; order: -1;}.onsite-timesheet-calendar-day{padding: 0.5rem 0.4rem;}.onsite-timesheet-calendar-number{font-size: 1rem;}.onsite-timesheet-row{align-items: flex-start;}.onsite-timesheet-row-duration{min-width: auto; font-size: 0.92rem;}.onsite-time-off-hour-grid{grid-template-columns: 1fr;}.onsite-form-grid{grid-template-columns: 1fr;}.onsite-section-card{padding: 0.8rem;}.onsite-weather-request-actions .btn{width: 100%;}.onsite-partner-time-table{overflow-x: auto;}.onsite-partner-time-header, .onsite-partner-time-list{min-width: 24rem;}}