/* Shared visual system. Original field IDs, handlers, forms and permission checks remain. */
html[data-vms-theme]{--v-bg:#edf1eb;--v-surface:#f6f7f1;--v-raised:#fafaf4;--v-inset:#e8ede6;--v-rail:#e2e9e1;--v-text:#253c33;--v-muted:#64766b;--v-border:#d4dfd2;--v-accent:#3a725c;--v-accent-ink:#f4fff8;--v-soft:#d8e9dd;--v-danger:#ad4959;--v-danger-soft:#f3dfe0;--v-blue:#426d91;--v-shadow:0 8px 28px #23352a08;--v-radius:14px;--v-rail-width:238px;--v12-bg:var(--v-bg);--v12-card:var(--v-surface);--v12-text:var(--v-text);--v12-muted:var(--v-muted);--v12-line:var(--v-border);--v12-blue:var(--v-accent);--v12-cyan:var(--v-accent);--u-ink:var(--v-text);--u-muted:var(--v-muted);--u-line:var(--v-border);--u-accent:var(--v-accent);--bs-body-bg:var(--v-bg);--bs-body-color:var(--v-text);--bs-secondary-color:var(--v-muted);--bs-border-color:var(--v-border);--bs-tertiary-bg:var(--v-inset);font-size:14px}
html[data-vms-theme=dark]{--v-bg:#111c23;--v-surface:#1a2931;--v-raised:#20323b;--v-inset:#15232b;--v-rail:#142229;--v-text:#dfebe7;--v-muted:#9aafa8;--v-border:#2c4148;--v-accent:#a1d3b7;--v-accent-ink:#133a2a;--v-soft:#29473c;--v-danger:#efa0aa;--v-danger-soft:#432f36;--v-blue:#96bddc;--v-shadow:0 8px 28px #030a0e16}
html[data-vms-theme] *,html[data-vms-theme] *:before,html[data-vms-theme] *:after{box-sizing:border-box}
html[data-vms-theme] body{background:var(--v-bg)!important;color:var(--v-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;font-size:14px;line-height:1.55;margin:0;padding:0 0 28px;min-width:320px}
html[data-vms-theme] a{color:var(--v-accent)}
html[data-vms-theme] :focus-visible{outline:2px solid var(--v-accent)!important;outline-offset:3px;box-shadow:none!important}
html[data-vms-theme] [hidden]{display:none!important}
html[data-vms-theme] h1,html[data-vms-theme] h2,html[data-vms-theme] h3{color:var(--v-text);letter-spacing:-.035em}
html[data-vms-theme] h1,html[data-vms-theme] h2.fw-bold,html[data-vms-theme] .main-header-wrap h2{font-size:clamp(24px,2.6vw,32px)!important;font-weight:700!important;line-height:1.2}
html[data-vms-theme] h5,html[data-vms-theme] h6{font-size:15px!important;letter-spacing:0;line-height:1.4}
html[data-vms-theme] .fw-bold{font-weight:650!important}
html[data-vms-theme] .text-muted,html[data-vms-theme] .text-secondary,html[data-vms-theme] .u-muted{color:var(--v-muted)!important}
html[data-vms-theme] .text-dark,html[data-vms-theme] .text-light,html[data-vms-theme] .text-white{color:var(--v-text)!important}
html[data-vms-theme] .text-primary,html[data-vms-theme] .text-success,html[data-vms-theme] .text-info{color:var(--v-accent)!important}
html[data-vms-theme] .text-danger{color:var(--v-danger)!important}
html[data-vms-theme] .text-warning{color:var(--v-blue)!important}
html[data-vms-theme] .bg-white,html[data-vms-theme] .bg-light,html[data-vms-theme] .bg-dark,html[data-vms-theme] .text-bg-dark{background:var(--v-surface)!important;color:var(--v-text)!important}
html[data-vms-theme] .border-primary,html[data-vms-theme] .border-success,html[data-vms-theme] .border-secondary,html[data-vms-theme] .border-warning{border-color:var(--v-border)!important}
html[data-vms-theme] .shadow,html[data-vms-theme] .shadow-sm,html[data-vms-theme] .shadow-lg{box-shadow:var(--v-shadow)!important}
html[data-vms-theme] .card,html[data-vms-theme] .glass-card,html[data-vms-theme] .panel,html[data-vms-theme] .u-card{background:var(--v-surface)!important;color:var(--v-text);border:1px solid var(--v-border)!important;border-radius:var(--v-radius)!important;box-shadow:var(--v-shadow)!important;backdrop-filter:none}
html[data-vms-theme] .card-header,html[data-vms-theme] .card-footer{background:transparent;border-color:var(--v-border)}
html[data-vms-theme] .form-control,html[data-vms-theme] .form-select,html[data-vms-theme] select,html[data-vms-theme] textarea,html[data-vms-theme] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]){background-color:var(--v-inset)!important;color:var(--v-text)!important;border:1px solid var(--v-border)!important;border-radius:9px!important;min-height:41px;padding:9px 12px;font:inherit;font-size:13px;box-shadow:none;max-width:100%}
html[data-vms-theme] input::placeholder,html[data-vms-theme] textarea::placeholder{color:var(--v-muted);opacity:.8}
html[data-vms-theme] select{padding-right:30px!important}html[data-vms-theme] option{background:var(--v-surface);color:var(--v-text)}
html[data-vms-theme] input[type=checkbox],html[data-vms-theme] input[type=radio],html[data-vms-theme] input[type=range]{accent-color:var(--v-accent)}
html[data-vms-theme] label,html[data-vms-theme] .form-label-small{color:var(--v-muted)!important;font-size:12px!important;font-weight:550!important;text-transform:none;letter-spacing:0;margin-bottom:6px}
html[data-vms-theme] .btn,html[data-vms-theme] .u-button{border-radius:9px!important;box-shadow:none!important;font-size:13px!important;font-weight:600!important;line-height:1.45;min-height:39px;padding:9px 14px;transition:background .15s,border-color .15s;transform:none!important;text-decoration:none}
html[data-vms-theme] .btn-primary,html[data-vms-theme] .btn-success,html[data-vms-theme] .btn-green,html[data-vms-theme] .btn.primary,html[data-vms-theme] .u-button{background:var(--v-accent)!important;color:var(--v-accent-ink)!important;border:1px solid transparent!important}
html[data-vms-theme] .btn-secondary,html[data-vms-theme] .btn-dark,html[data-vms-theme] .btn-info,html[data-vms-theme] .btn-warning,html[data-vms-theme] [class*="btn-outline-"]{background:var(--v-inset)!important;color:var(--v-text)!important;border:1px solid var(--v-border)!important}
html[data-vms-theme] .btn-danger,html[data-vms-theme] .btn-danger-modern,html[data-vms-theme] .btn.danger,html[data-vms-theme] .btn-outline-danger{background:var(--v-danger-soft)!important;color:var(--v-danger)!important;border:1px solid transparent!important}
html[data-vms-theme] .btn:hover,html[data-vms-theme] .u-button:hover{filter:brightness(.96)}
html[data-vms-theme] button:disabled{opacity:.48;cursor:not-allowed}
html[data-vms-theme] .badge{border-radius:6px;font-size:10px;padding:5px 8px;letter-spacing:.03em;box-shadow:none}
html[data-vms-theme] .badge.bg-primary,html[data-vms-theme] .badge.bg-success,html[data-vms-theme] .badge.bg-info{background:var(--v-soft)!important;color:var(--v-accent)!important}
html[data-vms-theme] .badge.bg-danger{background:var(--v-danger-soft)!important;color:var(--v-danger)!important}
html[data-vms-theme] .modal-content,html[data-vms-theme] .offcanvas{background:var(--v-surface)!important;color:var(--v-text)!important;border:1px solid var(--v-border)!important;border-radius:16px;max-width:100vw}
html[data-vms-theme] .modal-header,html[data-vms-theme] .modal-footer,html[data-vms-theme] .modal-body{background:var(--v-surface)!important;color:var(--v-text)!important;border-color:var(--v-border)!important}
html[data-vms-theme] .modal-backdrop{background:#071415}.modal-backdrop.show{opacity:.65}
html[data-vms-theme] .table{--bs-table-bg:transparent;--bs-table-color:var(--v-text);--bs-table-border-color:var(--v-border);--bs-table-hover-bg:var(--v-inset)}
html[data-vms-theme] .table th{color:var(--v-muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}html[data-vms-theme] .table td{font-size:13px;padding-top:14px;padding-bottom:14px}
html[data-vms-theme] .nav-tabs{border-color:var(--v-border)}html[data-vms-theme] .nav-tabs .nav-link{color:var(--v-muted)!important;font-size:13px;border-radius:8px 8px 0 0}html[data-vms-theme] .nav-tabs .nav-link.active{background:var(--v-soft)!important;color:var(--v-accent)!important;border-color:var(--v-border)!important}
html[data-vms-theme] body.vms-app{padding:76px 0 28px var(--v-rail-width)!important;min-height:100vh}
.vms-rail{position:fixed;inset:0 auto 0 0;width:var(--v-rail-width);background:var(--v-rail);border-right:1px solid var(--v-border);z-index:1040;display:flex;flex-direction:column;padding:24px 14px 16px;overflow:auto}
.vms-brand{display:grid;grid-template-columns:36px 1fr;column-gap:10px;align-items:center;padding:0 10px 30px;text-decoration:none!important;color:var(--v-text)!important;font-size:22px;font-weight:800;letter-spacing:.09em;line-height:1.2}
.vms-brand .vms-nav-icon{grid-row:1/3;width:36px;height:39px;background:var(--v-accent);color:var(--v-accent-ink);border-radius:11px;display:grid;place-items:center}.vms-brand .vms-nav-icon svg{width:22px;height:22px}.vms-brand small{font-size:8px;color:var(--v-muted);letter-spacing:.11em;margin-top:4px}
.vms-nav-label{font-size:9px;font-weight:650;letter-spacing:.13em;color:var(--v-muted);padding:20px 13px 8px}
.vms-nav-link{display:flex;gap:11px;align-items:center;min-height:42px;padding:10px 12px;color:var(--v-muted)!important;border-radius:9px;text-decoration:none!important;font-size:13px;font-weight:550;margin:2px 0;line-height:1.35}
.vms-nav-link:hover{background:var(--v-inset);color:var(--v-text)!important}.vms-nav-link[data-active]{background:var(--v-soft);color:var(--v-accent)!important;font-weight:700}
.vms-nav-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 19px}.vms-nav-icon svg{width:19px;height:19px}
.vms-rail-footer{margin-top:auto;border-top:1px solid var(--v-border);padding:18px 12px 0;font-size:10px;color:var(--v-muted)}
.vms-topbar{position:fixed;left:var(--v-rail-width);right:0;top:0;height:68px;display:flex;align-items:center;padding:0 32px;gap:14px;background:var(--v-bg);border-bottom:1px solid var(--v-border);z-index:1030}
.vms-crumb{display:flex;align-items:center;gap:13px;font-size:12px}.vms-crumb>span{color:var(--v-muted)}.vms-crumb>span:after{content:'/';margin-left:13px;color:var(--v-muted);opacity:.5}.vms-crumb strong{font-weight:600;color:var(--v-text)}
.vms-topbar-right{display:flex;gap:20px;align-items:center;margin-left:auto}.vms-icon-button{width:38px;height:38px;display:grid;place-items:center;background:var(--v-inset);color:var(--v-text);border:1px solid var(--v-border);border-radius:10px;cursor:pointer;padding:9px}.vms-icon-button svg{width:19px;height:19px}
.vms-account{position:relative}.vms-account>summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;font-size:12px}.vms-account summary::-webkit-details-marker{display:none}.vms-avatar{width:32px;height:32px;border-radius:50%;background:var(--v-soft);color:var(--v-accent);display:grid;place-items:center;font-weight:750;font-size:12px}.vms-account-menu{position:absolute;right:0;top:46px;min-width:225px;border:1px solid var(--v-border);border-radius:12px;background:var(--v-raised);box-shadow:0 12px 32px #0002;padding:8px;z-index:1050}
.vms-menu-button,.vms-overlay{display:none}
html[data-vms-theme] .vms-app> .container,html[data-vms-theme] .vms-app> .page,html[data-vms-theme] .vms-app>.u-main{max-width:1600px;width:100%;margin:0 auto!important;padding:28px 32px 36px!important}
html[data-vms-theme] .vms-page-header{padding:0 0 24px!important;margin:0 0 24px!important;border-bottom:1px solid var(--v-border);background:none!important;border-radius:0!important;box-shadow:none!important;align-items:flex-start!important}
.vms-old-session{display:none}.vms-page-header h2{margin:0!important;text-align:left!important}.vms-page-header h2:after{content:'Görüntüleme, izleme ve kontrol';display:block;font-size:12px;font-weight:400;color:var(--v-muted);letter-spacing:0;padding-top:10px}
html[data-vms-theme] #mainTabs.vms-tabs-in-rail{display:flex;flex-direction:column;gap:1px;overflow:visible;padding:0;margin:0!important;white-space:normal;background:none!important;border:0!important;border-radius:0;box-shadow:none}
html[data-vms-theme] #mainTabs.vms-tabs-in-rail .nav-link{display:flex;gap:11px;align-items:center;border:0!important;border-radius:9px!important;padding:11px 12px!important;margin:2px 0;font-size:12px!important;font-weight:500!important;color:var(--v-muted)!important;box-shadow:none!important;background:transparent!important;line-height:1.35}
html[data-vms-theme] #mainTabs.vms-tabs-in-rail .nav-link.active{background:var(--v-soft)!important;color:var(--v-accent)!important;font-weight:650!important}
.vms-tools{position:relative;flex:none}.vms-tools>summary{list-style:none;cursor:pointer;padding:10px 14px;background:var(--v-surface);border:1px solid var(--v-border);border-radius:9px;font-size:12px;font-weight:600}.vms-tools>summary:after{content:'⌄';margin-left:12px}.vms-tools .topbar-actions{position:absolute;right:0;top:49px;width:240px!important;display:flex;flex-direction:column;padding:12px;background:var(--v-raised);border:1px solid var(--v-border);border-radius:12px;box-shadow:0 12px 35px #0002;z-index:1020}.vms-tools:not([open]) .topbar-actions{display:none!important}
.vms-add-camera{margin-bottom:28px;border:1px solid var(--v-border);border-radius:var(--v-radius);background:var(--v-surface)}.vms-add-camera>summary{padding:17px 20px;cursor:pointer;list-style:none;display:flex;gap:15px;align-items:center;font-weight:650;font-size:13px}.vms-add-camera>summary:before{content:'+';font-size:23px;color:var(--v-accent);font-weight:400}.vms-add-camera>summary small{font-size:11px;color:var(--v-muted);font-weight:400;margin-left:auto}.vms-add-camera[open]>summary{border-bottom:1px solid var(--v-border)}.vms-add-camera>.card{border:0!important;background:none!important;margin:0!important;box-shadow:none!important}.vms-camera-card{padding:20px!important}.vms-camera-card .cam-title{font-size:14px;line-height:1.5;word-break:normal;overflow-wrap:anywhere}.vms-camera-card .brand-badge{align-self:flex-start}.vms-camera-card .btn{min-height:33px;padding:7px 10px;font-size:11px!important}.vms-camera-card small{font-size:11px!important}
/* Gallery: dedicated filters, results and selection bar. */
.vms-gallery-filters{padding:20px;border:1px solid var(--v-border);border-radius:14px;background:var(--v-surface);margin-bottom:24px}.vms-filter-top{display:flex;gap:12px;align-items:center;margin-bottom:17px}.vms-filter-top h3{font-size:14px;margin:0;letter-spacing:0;font-weight:650}.vms-filter-top .vms-live{margin-left:auto}.vms-live{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:var(--v-accent)}.vms-live:before{content:'';width:6px;height:6px;background:var(--v-accent);border-radius:50%}.vms-filter-grid{display:grid;grid-template-columns:minmax(200px,1.6fr) 1fr 1fr auto;gap:12px;align-items:end}.vms-filter-grid>div{min-width:0}.vms-filter-grid select,.vms-filter-grid input{width:100%}.vms-filter-buttons{display:flex;gap:7px}.vms-filter-presets{display:flex;gap:7px;margin-top:14px;flex-wrap:wrap}.vms-filter-presets button{border:1px solid var(--v-border);background:none;color:var(--v-muted);font-size:11px;padding:5px 10px;border-radius:6px;cursor:pointer}.vms-filter-presets button[aria-pressed=true]{border-color:var(--v-accent);color:var(--v-accent);background:var(--v-soft)}
.vms-gallery-results{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:15px}.vms-gallery-count{font-size:12px;color:var(--v-muted)}.vms-gallery-count strong{color:var(--v-text);font-weight:650}.vms-gallery-view{display:flex;align-items:center;gap:9px}.vms-gallery-view label{margin:0!important;white-space:nowrap}.vms-gallery-view select{min-height:34px!important;padding:6px 28px 6px 9px!important;font-size:11px!important}.vms-download-menu{position:relative}.vms-download-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;background:var(--v-accent);color:var(--v-accent-ink);border-radius:9px;padding:10px 14px;font-size:12px;font-weight:650}.vms-download-menu summary svg{width:16px;height:16px}.vms-download-options{position:absolute;right:0;top:47px;min-width:265px;background:var(--v-raised);border:1px solid var(--v-border);box-shadow:0 15px 36px #0002;border-radius:12px;padding:7px;z-index:1010}.vms-download-options button{width:100%;text-align:left;padding:12px;border:0;border-radius:7px;background:none;color:var(--v-text);font-size:12px;cursor:pointer}.vms-download-options button:hover{background:var(--v-inset)}.vms-download-options button small{display:block;color:var(--v-muted);font-size:10px;margin-top:3px}.vms-download-menu:not([open]) .vms-download-options{display:none}
.vms-selection-bar{display:flex;gap:12px;align-items:center;padding:11px 14px;margin-bottom:16px;background:var(--v-soft);border:1px solid var(--v-border);border-radius:9px;font-size:12px}.vms-selection-bar .vms-select-text{margin-right:auto}.vms-selection-bar label{display:flex;align-items:center;gap:8px;margin:0!important;cursor:pointer;color:var(--v-text)!important}.vms-selection-bar button{background:none;color:var(--v-text);border:0;cursor:pointer;font-size:11px;text-decoration:underline}.vms-gallery-notice{font-size:12px;color:var(--v-muted);margin-bottom:15px}.vms-gallery-notice[data-error=true]{color:var(--v-danger)}
html[data-vms-theme] #gallery-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:0;--bs-gutter-x:0;--bs-gutter-y:0}html[data-vms-theme] #gallery-grid>div{width:auto;max-width:none;padding:0;margin:0}html[data-vms-theme] #gallery-grid .face-card{overflow:hidden;border-radius:11px!important;box-shadow:none!important}html[data-vms-theme] #gallery-grid .face-card img{height:168px;object-fit:contain;background:var(--v-inset);border-radius:0;padding:5px;cursor:zoom-in}html[data-vms-theme] #gallery-grid .face-card.selected{border-color:var(--v-accent)!important;outline:2px solid var(--v-accent);outline-offset:1px}html[data-vms-theme] #gallery-grid .face-checkbox{appearance:auto;transform:none;top:10px;left:10px;width:19px;height:19px;z-index:1;box-shadow:0 1px 7px #0002;cursor:pointer}html[data-vms-theme] #gallery-grid .card-footer{padding:12px!important;text-align:left!important}html[data-vms-theme] #gallery-grid .cam-title{font-size:11px;font-weight:600!important;line-height:1.5;word-break:normal;overflow-wrap:anywhere}html[data-vms-theme] #gallery-grid .vms-face-time{font-size:10px;color:var(--v-muted);display:block;margin-top:5px}html[data-vms-theme] #gallery-grid .vms-empty{grid-column:1/-1;border:1px dashed var(--v-border);border-radius:12px;padding:55px 20px;text-align:center;color:var(--v-muted)}
html[data-vms-theme] #sticky-pagination{position:static;left:auto;width:auto;margin-top:24px;background:none;box-shadow:none;border-top:1px solid var(--v-border);padding-top:20px;backdrop-filter:none;z-index:auto}html[data-vms-theme] #sticky-pagination>.container{padding:0;max-width:none;gap:12px}html[data-vms-theme] .page-link{background:var(--v-surface)!important;border-color:var(--v-border)!important;color:var(--v-muted)!important;min-width:34px;min-height:34px;display:grid;place-items:center}html[data-vms-theme] .page-item.active .page-link{background:var(--v-soft)!important;border-color:var(--v-border)!important;color:var(--v-accent)!important}.vms-gallery-busy{opacity:.65;pointer-events:none}
/* Unified landing and permission pages. */
.u-eyebrow{font-size:10px;letter-spacing:.13em;color:var(--v-accent);margin-bottom:10px}.u-main h1{margin:0 0 12px}.u-muted{font-size:13px;line-height:1.7}.u-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:28px}.u-card{padding:25px}.u-card h2{font-size:21px!important;margin:18px 0 12px}.u-card p{font-size:12px;color:var(--v-muted);line-height:1.8;min-height:45px}.u-tag{display:inline-block;background:var(--v-soft);color:var(--v-accent);font-size:10px;padding:4px 8px;border-radius:6px}.u-button{display:inline-block}.u-big{font-size:30px;font-weight:700}.u-table-wrap{overflow:auto;border:1px solid var(--v-border);border-radius:12px;background:var(--v-surface);margin-top:25px}.u-table{border-collapse:collapse;width:100%;min-width:620px}.u-table th,.u-table td{padding:17px;text-align:left;border-bottom:1px solid var(--v-border);font-size:12px}.u-table th{font-size:10px;letter-spacing:.06em;color:var(--v-muted);background:var(--v-inset)}.u-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;margin-top:24px}.u-gallery figure{margin:0;background:var(--v-surface);border:1px solid var(--v-border);border-radius:12px;padding:10px}.u-gallery img{width:100%;height:155px;object-fit:contain}.u-gallery figcaption{font-size:11px;color:var(--v-muted);padding-top:10px}.u-toast{position:fixed;right:20px;bottom:20px;z-index:10000;max-width:440px;border:1px solid var(--v-danger);background:var(--v-surface);color:var(--v-danger);padding:16px;border-radius:12px}#u-message{color:var(--v-danger);font-size:12px}
/* Bring original modules into the same workspace. */
html[data-vms-theme] .vms-app[data-vms-module=facecropper] .shell{display:block;max-width:none;margin:0;padding:0;background:none}html[data-vms-theme] .vms-app[data-vms-module=facecropper] .shell>main{margin:0 auto;padding:28px 32px;max-width:1600px;min-width:0}html[data-vms-theme] .shell>main>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 23px;padding:0 0 24px;border-bottom:1px solid var(--v-border)}html[data-vms-theme] .shell>main>header p{font-size:12px;color:var(--v-muted);margin:9px 0 0}.vms-section-nav{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}.vms-section-nav a{font-size:12px;text-decoration:none;color:var(--v-muted);padding:8px 13px;background:var(--v-surface);border:1px solid var(--v-border);border-radius:7px}html[data-vms-theme] .shell .cards{gap:12px}html[data-vms-theme] .shell .metric{padding:18px}html[data-vms-theme] .shell .metric b{font-size:27px;color:var(--v-text)}html[data-vms-theme] .shell .metric span,html[data-vms-theme] .shell .metric small{font-size:11px;color:var(--v-muted)}html[data-vms-theme] .shell .panel{padding:22px;margin-bottom:22px}html[data-vms-theme] .shell .section-title h2{font-size:18px!important;letter-spacing:-.025em}html[data-vms-theme] .shell .section-title p,html[data-vms-theme] .shell .hint{font-size:11px;color:var(--v-muted)}html[data-vms-theme] .shell .subpanel,html[data-vms-theme] .shell .model-note,html[data-vms-theme] .shell .info-strip,html[data-vms-theme] .shell .performance-note,html[data-vms-theme] .shell .rule,html[data-vms-theme] .shell .event,html[data-vms-theme] .shell .folder,html[data-vms-theme] .shell .modal-card,html[data-vms-theme] .shell .modal-box{background:var(--v-inset)!important;color:var(--v-text)!important;border-color:var(--v-border)!important}html[data-vms-theme] .shell .modal{z-index:1080}.vms-app[data-vms-module=facecropper] section[id]{scroll-margin-top:87px}
html[data-vms-theme] .vms-app[data-vms-module=whatsapp]>.container{padding-top:28px!important}.vms-app[data-vms-module=whatsapp] .main-header-wrap{padding-bottom:24px;border-bottom:1px solid var(--v-border)}html[data-vms-theme] .gradient-text{background:none;-webkit-text-fill-color:var(--v-text);color:var(--v-text)}html[data-vms-theme] .glass-card .chips-container,html[data-vms-theme] .glass-card .route-box,html[data-vms-theme] .glass-card .form-check,html[data-vms-theme] #seenReportContainer,html[data-vms-theme] .ai-dropdown{background:var(--v-inset)!important;color:var(--v-text)!important;border-color:var(--v-border)!important}html[data-vms-theme] .chip{background:var(--v-soft)!important;color:var(--v-accent);box-shadow:none;font-size:11px;border-radius:7px;padding:6px 9px}.vms-app[data-vms-module=whatsapp] .chip-input{min-width:80px!important;background:none!important;border:0!important}.vms-app[data-vms-module=whatsapp] .status-badge{border:1px solid var(--v-border);background:var(--v-soft);box-shadow:none;border-radius:10px;padding:13px 23px}.vms-app[data-vms-module=whatsapp] .pulse-dot{width:7px;height:7px;animation:none;background:var(--v-accent);box-shadow:none}.vms-app[data-vms-module=whatsapp] .pulse-opacity{animation:none}.vms-app .log-terminal,.vms-app pre{background:var(--v-inset)!important;color:var(--v-text)!important;border-color:var(--v-border)!important;font-size:12px!important}.vms-app #botConsole{z-index:1050;width:min(480px,100vw)!important}
html[data-vms-theme] .vms-login{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:25px;background:radial-gradient(ellipse at 10% 20%,var(--v-soft),transparent 55%),var(--v-bg)!important}.vms-login .card{width:min(430px,100%);padding:36px!important}.vms-login .title{font-size:27px!important;color:var(--v-text);letter-spacing:-.04em}.vms-login .sub,.vms-login .small{color:var(--v-muted)}.vms-login button[type=submit]{background:var(--v-accent)!important;color:var(--v-accent-ink)!important;min-height:45px}.vms-login-theme{position:fixed;right:25px;top:25px;width:40px!important;padding:10px!important}
@media(min-width:1600px){html[data-vms-theme] #gallery-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:1250px){html[data-vms-theme] #gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.vms-filter-grid{grid-template-columns:minmax(170px,1.3fr) 1fr 1fr}.vms-filter-buttons{grid-column:1/-1;justify-content:flex-end}html[data-vms-theme] .shell .cards.eight{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1023px){html[data-vms-theme] .vms-app{padding-left:0;padding-top:64px}.vms-topbar{left:0;height:61px;padding:0 20px}.vms-rail{transform:translateX(-100%);visibility:hidden;transition:transform .18s,visibility .18s;width:260px;z-index:1055}.vms-menu-button{display:grid}.vms-drawer-open .vms-rail{transform:none;visibility:visible}.vms-drawer-open .vms-overlay{display:block;position:fixed;inset:0;z-index:1054;background:#06161aaa;border:0;width:100%;height:100%;margin:0}.vms-drawer-open{overflow:hidden!important}.vms-account-name{display:none}.vms-topbar-right{gap:12px}.vms-crumb>span{display:none}.vms-add-camera>summary small{display:none}html[data-vms-theme] .vms-app>.container,html[data-vms-theme] .vms-app>.page,html[data-vms-theme] .vms-app>.u-main,html[data-vms-theme] .vms-app[data-vms-module=facecropper] .shell>main{padding:24px 20px!important}}
@media(max-width:600px){html[data-vms-theme]{font-size:14px}.vms-topbar{padding:0 14px}.vms-crumb{font-size:12px}.vms-topbar-right{gap:9px}html[data-vms-theme] .vms-app>.container,html[data-vms-theme] .vms-app>.page,html[data-vms-theme] .vms-app>.u-main,html[data-vms-theme] .vms-app[data-vms-module=facecropper] .shell>main{padding:23px 14px!important}html[data-vms-theme] .vms-page-header{flex-direction:row!important;align-items:center!important;gap:12px!important;padding-bottom:20px!important;margin-bottom:20px!important}.vms-page-header h2:after{font-size:10px}.vms-tools>summary{font-size:10px;padding:9px}.vms-gallery-filters{padding:15px;margin-bottom:19px}.vms-filter-grid{grid-template-columns:1fr 1fr;gap:12px}.vms-filter-grid>div:first-child{grid-column:1/-1}.vms-filter-grid input{font-size:12px!important;padding:9px 6px!important;min-width:0}.vms-filter-buttons{grid-column:1/-1}.vms-filter-buttons .btn{flex:1}.vms-gallery-results{align-items:flex-start;flex-wrap:wrap;gap:13px}.vms-gallery-view{flex-wrap:wrap;gap:6px}.vms-gallery-view label{font-size:10px!important}.vms-gallery-count{width:100%;font-size:11px}.vms-download-menu{margin-left:auto}.vms-download-menu summary{font-size:11px;padding:9px 12px;min-height:36px}.vms-download-options{right:0;max-width:calc(100vw - 28px)}.vms-selection-bar{font-size:11px;gap:8px;flex-wrap:wrap}.vms-selection-bar label{font-size:11px!important}.vms-selection-bar .vms-select-text{font-size:10px}.vms-selection-bar button{font-size:10px}html[data-vms-theme] #gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html[data-vms-theme] #gallery-grid .face-card img{height:173px}html[data-vms-theme] #gallery-grid .card-footer{padding:10px!important}html[data-vms-theme] #sticky-pagination>.container{flex-direction:column}.vms-camera-card>.d-flex{gap:13px!important}.u-grid{grid-template-columns:1fr}.u-card{padding:23px}.u-card h2{font-size:21px!important}.vms-app .modal-dialog{margin:9px}.vms-app .modal-body{padding:17px!important}html[data-vms-theme] .shell>main>header{align-items:flex-start;flex-direction:column;gap:16px}html[data-vms-theme] .shell .cards.eight{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-vms-theme] .shell .section-title{align-items:flex-start;flex-direction:column;gap:14px}html[data-vms-theme] .shell .section-title .btn{width:100%}html[data-vms-theme] .shell .ai-grid,html[data-vms-theme] .shell .crop-grid,html[data-vms-theme] .shell .performance-grid,html[data-vms-theme] .shell .model-notes{grid-template-columns:1fr!important}html[data-vms-theme] .shell .panel{padding:17px}.vms-section-nav{gap:5px}.vms-section-nav a{font-size:10px;padding:7px 9px}.vms-app[data-vms-module=whatsapp] .main-header-wrap{align-items:flex-start!important;text-align:left!important}.vms-app[data-vms-module=whatsapp] .header-btn-wrap{display:flex;flex-direction:row;flex-wrap:wrap}.vms-app[data-vms-module=whatsapp] .header-btn-wrap button{flex:1;width:auto!important;font-size:11px!important}.vms-app[data-vms-module=whatsapp] .route-box{padding:44px 15px 15px!important}.vms-app[data-vms-module=whatsapp] .target-flex-wrap{flex-direction:column}.vms-app[data-vms-module=whatsapp] .target-flex-wrap select{width:100%!important}}
/* Match the shell against module CSS and Bootstrap spacing utilities. */
html[data-vms-theme] .vms-topbar{flex-direction:row;align-items:center;justify-content:flex-start;margin:0}
html[data-vms-theme] .vms-main-nav{display:block}
html[data-vms-theme] .vms-section-nav a.active{background:var(--v-soft)!important;color:var(--v-accent)!important;border-color:var(--v-border)!important}
html[data-vms-theme] .shell .info-strip b{color:var(--v-text)!important}
html[data-vms-theme] .shell{--bg:var(--v-bg);--panel:var(--v-surface);--panel2:var(--v-inset);--line:var(--v-border);--text:var(--v-text);--muted:var(--v-muted);--accent:var(--v-accent);--danger:var(--v-danger)}
html[data-vms-theme] .shell .system-strip,html[data-vms-theme] .shell .output-row,html[data-vms-theme] .shell .checks label,html[data-vms-theme] .shell .crop,html[data-vms-theme] .shell .remote-row{background:var(--v-inset);color:var(--v-text);border-color:var(--v-border)}
html[data-vms-theme] .shell .model-note span,html[data-vms-theme] .shell .watch-path,html[data-vms-theme] .shell .system-strip b{color:var(--v-text)}
html[data-vms-theme] #gal-sort{width:145px;min-width:145px;flex:none}
html[data-vms-theme] #gal-limit{width:70px;min-width:70px;flex:none}
@media(max-width:1023px){html[data-vms-theme] body.vms-app{padding:64px 0 28px!important}}
@media(max-width:600px){html[data-vms-theme] #gal-sort{width:130px;min-width:130px}}
@media(max-width:480px){.vms-filter-grid>div{grid-column:1/-1}}
@media(max-width:360px){.vms-filter-top{flex-wrap:wrap}.vms-filter-top .vms-live{margin-left:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* VMS_MAVICAM_V1 — presentation only; the existing layout and controls stay intact. */
html[data-vms-theme=dark]{
  --v-bg:#08111f;--v-surface:#101d31;--v-raised:#14243a;
  --v-inset:#0b1727;--v-rail:#060e19;--v-text:#e8eef8;--v-muted:#98abc4;
  --v-border:#263954;--v-accent:#4fd1c5;--v-accent-ink:#06201e;
  --v-soft:#153b44;--v-danger:#ff8995;--v-danger-soft:#2b1821;
  --v-blue:#61aef8;--v-shadow:0 18px 48px rgba(0,0,0,.22);--v-radius:15px;
}
html[data-vms-theme=dark] body{
  background:radial-gradient(circle at 80% 0,#10243e 0,#08111f 38%,#060d18 100%)!important;
  background-attachment:fixed!important;
}
html[data-vms-theme=dark] :is(.card,.glass-card,.panel,.u-card,.vms-gallery-filters,.vms-add-camera){
  background:linear-gradient(150deg,rgba(20,34,56,.97),rgba(14,25,43,.97))!important;
}
html[data-vms-theme=dark] .vms-rail{background:rgba(6,14,25,.97)}
html[data-vms-theme=dark] .vms-topbar{background:rgba(8,17,31,.96)}
html[data-vms-theme=dark] :is(.btn-primary,.btn-success,.btn-green,.btn.primary,.u-button),
html[data-vms-theme=dark] .vms-download-menu>summary,
html[data-vms-theme=dark] .vms-brand>.vms-nav-icon,
html[data-vms-theme=dark] .vms-login button[type=submit]{
  background:linear-gradient(135deg,#4fd1c5,#61aef8)!important;color:#06201e!important;
}
html[data-vms-theme=dark] .vms-nav-link[data-active],
html[data-vms-theme=dark] #mainTabs.vms-tabs-in-rail .nav-link.active{
  background:linear-gradient(110deg,#163f48,#142f49)!important;
  box-shadow:inset 2px 0 #4fd1c5!important;
}
html[data-vms-theme=dark] .vms-selection-bar{background:#102e3d;border-color:#294659}
html[data-vms-theme=dark] .vms-app[data-vms-module=whatsapp] .status-badge{background:#12303d}
html[data-vms-theme=dark] .modal-backdrop{background:#020713}

/* Blue glass: cool surfaces, translucent edges and restrained highlights. */
html[data-vms-theme] body[data-vms-module=facecropper]{
  --bg:var(--v-bg);--panel:var(--v-surface);--panel2:var(--v-inset);--line:var(--v-border);
  --text:var(--v-text);--muted:var(--v-muted);--accent:var(--v-accent);--accent2:var(--v-blue);--danger:var(--v-danger);
}
html[data-vms-theme] body[data-vms-module=facecropper] .modal{z-index:1080}
html[data-vms-theme] body[data-vms-module=facecropper] .confirm-modal{z-index:1100}
html[data-vms-theme] body[data-vms-module=facecropper] :is(.modal-card,.modal-box){
  background:var(--v-raised)!important;color:var(--v-text);border-color:var(--v-border)!important;
}
html[data-vms-theme] body[data-vms-module=facecropper] .modal-card :is(.subpanel,.output-row,.checks label,.remote-row){
  background:var(--v-inset);border-color:var(--v-border);color:var(--v-text);
}
html[data-vms-theme] body[data-vms-module=facecropper] .modal-card .icon{color:var(--v-muted)}
html[data-vms-theme=pastel]{
  --v-bg:#d8e3f4;--v-surface:#e6eefb;--v-raised:#edf3fc;
  --v-inset:rgba(220,232,250,.72);--v-rail:rgba(211,225,246,.82);
  --v-text:#1b3155;--v-muted:#4d6383;--v-border:rgba(119,148,190,.35);
  --v-accent:#285b99;--v-accent-ink:#f4f8ff;--v-soft:rgba(162,190,232,.34);
  --v-danger:#a83455;--v-danger-soft:rgba(242,211,225,.78);--v-blue:#3566a7;
  --v-radius:20px;--v-shadow:0 12px 32px #23497410,inset 0 1px 0 #ffffffc4;
}
html[data-vms-theme=pastel] body{
  background:radial-gradient(ellipse at 86% 5%,#618aca57,transparent 46%),
    radial-gradient(ellipse at 12% 80%,#9db9e558,transparent 50%),
    linear-gradient(130deg,#e5edf9 0%,#cbdaf0 58%,#dde6f7 100%)!important;
  background-attachment:fixed!important;
}
html[data-vms-theme=pastel] :is(.card,.glass-card,.panel,.u-card,.vms-gallery-filters,.vms-add-camera,.u-table-wrap){
  background:linear-gradient(135deg,#ffffff70,#e8f0ff5c)!important;
  border-color:#ffffffab!important;
  box-shadow:0 12px 32px #23497412,inset 0 1px 0 #ffffffd6,inset 0 -1px 0 #6d93c414!important;
  border-radius:var(--v-radius)!important;
}
/* Blur only a few large surfaces, never the repeating photo tiles or images. */
html[data-vms-theme=pastel] :is(.vms-rail,.vms-topbar,.vms-gallery-filters,.glass-card,.u-card),
html[data-vms-theme=pastel] .shell>main>.panel,
html[data-vms-theme=pastel] .vms-login>.card{
  -webkit-backdrop-filter:blur(16px) saturate(135%);
  backdrop-filter:blur(16px) saturate(135%);
}
html[data-vms-theme=pastel] .vms-rail{
  background:linear-gradient(160deg,#e9f2ffac,#c9daf29e);
  border-color:#ffffff91;box-shadow:inset -1px 0 #ffffff54,8px 0 32px #23497406;
}
html[data-vms-theme=pastel] .vms-topbar{
  background:linear-gradient(110deg,#f3f7ff87,#d6e4f8a3);
  border-color:#ffffff91;box-shadow:0 6px 22px #2a527a06,inset 0 1px #ffffff8c;
}
html[data-vms-theme=pastel] .vms-brand>.vms-nav-icon{
  background:linear-gradient(145deg,#23436c,#497dbd);color:#f1f7ff;
  box-shadow:inset 0 1px #ffffff69,0 5px 14px #21457326;
}
html[data-vms-theme=pastel] .vms-avatar{
  background:linear-gradient(140deg,#f7faff99,#aac3e7a3);border:1px solid #ffffffb3;
}
html[data-vms-theme=pastel] .vms-nav-link,
html[data-vms-theme=pastel] #mainTabs.vms-tabs-in-rail .nav-link{border-radius:13px!important}
html[data-vms-theme=pastel] .vms-nav-link[data-active],
html[data-vms-theme=pastel] #mainTabs.vms-tabs-in-rail .nav-link.active{
  background:linear-gradient(125deg,#eff6ffb0,#a8c3e88c)!important;
  color:#244f86!important;box-shadow:inset 0 1px 0 #ffffffd1,inset 0 0 0 1px #ffffff8c,0 4px 14px #264b7f0d!important;
}
html[data-vms-theme=pastel] .vms-nav-link:hover{background:#ffffff42}
html[data-vms-theme=pastel] :is(.vms-icon-button,.vms-tools>summary,.vms-section-nav a){
  background:linear-gradient(140deg,#f7faff80,#dae7fa7d);
  border:1px solid #ffffffb5;border-radius:12px;box-shadow:inset 0 1px #ffffffe0,0 3px 12px #31538208;
}
html[data-vms-theme=pastel] :is(.vms-account-menu,.vms-download-options,.vms-tools .topbar-actions){
  background:linear-gradient(145deg,#edf4fff0,#dce8faef);border:1px solid #ffffffe6;
  box-shadow:0 14px 42px #16396629,inset 0 1px #ffffff;border-radius:16px;
}
html[data-vms-theme=pastel] :is(.btn,.u-button){border-radius:12px!important}
html[data-vms-theme=pastel] :is(.btn-primary,.btn-success,.btn-green,.btn.primary,.u-button),
html[data-vms-theme=pastel] .vms-download-menu>summary,
html[data-vms-theme=pastel] .vms-login button[type=submit]{
  background:linear-gradient(135deg,#294c79,#3d70ae)!important;color:#f4f8ff!important;
  border:1px solid #e5f1ff52!important;box-shadow:inset 0 1px #ffffff3b,0 5px 15px #234c8421!important;
}
html[data-vms-theme=pastel] .vms-download-menu>summary{border-radius:13px}
html[data-vms-theme=pastel] :is(.btn-secondary,.btn-dark,.btn-info,.btn-warning,[class*="btn-outline-"]){
  background:linear-gradient(135deg,#f3f8ff8a,#dae7fb8c)!important;
  border:1px solid #ffffffb0!important;box-shadow:inset 0 1px #ffffffe0!important;
}
html[data-vms-theme=pastel] .btn-outline-danger{background:var(--v-danger-soft)!important;color:var(--v-danger)!important}
html[data-vms-theme=pastel] :is(.form-control,.form-select,select,textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden])){
  background-color:#e1ecf9a1!important;border-color:#96b0d267!important;
  box-shadow:inset 0 1px 2px #4977b012,0 1px 0 #ffffffb5;border-radius:11px!important;
}
html[data-vms-theme=pastel] input::placeholder,html[data-vms-theme=pastel] textarea::placeholder{opacity:1;color:#617795}
html[data-vms-theme=pastel] .vms-filter-presets button{
  background:#f5f9ff5c;border-color:#ffffffad;color:#405c84;border-radius:16px;box-shadow:inset 0 1px #ffffff96;
}
html[data-vms-theme=pastel] .vms-filter-presets button[aria-pressed=true]{background:#acc8ed85;border-color:#85a7d1;color:#1f477d}
html[data-vms-theme=pastel] .vms-selection-bar{
  background:linear-gradient(120deg,#dceafdb0,#b7cfea7a);border-color:#ffffffa6;
  border-radius:13px;box-shadow:inset 0 1px #ffffffe0;
}
html[data-vms-theme=pastel] #gallery-grid .face-card{border-radius:16px!important;background:#eaf2fcb3!important}
html[data-vms-theme=pastel] #gallery-grid .face-card img{background:#d3e2f194}
html[data-vms-theme=pastel] #gallery-grid .face-card.selected{border-color:#38699e!important}
html[data-vms-theme=pastel] :is(.modal-content,.offcanvas),
html[data-vms-theme=pastel] body[data-vms-module=facecropper] :is(.modal-card,.modal-box){
  background:linear-gradient(145deg,#edf4fffa,#dce9fcf5)!important;
  border-color:#ffffffe0!important;box-shadow:0 22px 72px #142f5836,inset 0 1px #ffffff;
}
html[data-vms-theme=pastel] :is(.modal-header,.modal-body,.modal-footer){background:transparent!important}
html[data-vms-theme=pastel] .shell :is(.subpanel,.model-note,.info-strip,.performance-note,.system-strip,.rule,.event,.folder,.output-row,.checks label,.remote-row){
  background:#d8e6f680!important;border-color:#a9bfdd66!important;box-shadow:inset 0 1px #ffffff8a;
}
html[data-vms-theme=pastel] .vms-app[data-vms-module=whatsapp] .status-badge{
  background:linear-gradient(140deg,#eff6ff9e,#bbd2efb3);border-color:#ffffffc4;box-shadow:inset 0 1px #ffffff;
}
html[data-vms-theme=pastel] .vms-login>.card{border-radius:26px!important}
html[data-vms-theme=pastel] .vms-login .title{color:#1c3d67}
html[data-vms-theme=pastel] body[data-vms-module=facecropper] .modal{background:#10243e73}

@media(max-width:1023px){
  html[data-vms-theme=pastel] .vms-rail{background:linear-gradient(155deg,#e1edfcf2,#c3d6f1ed)}
  html[data-vms-theme=pastel] .vms-drawer-open .vms-overlay{background:#11264291}
}
@media(max-width:600px){
  html[data-vms-theme] body{background-attachment:scroll!important}
  html[data-vms-theme=pastel] :is(.vms-gallery-filters,.glass-card,.u-card),
  html[data-vms-theme=pastel] .shell>main>.panel{backdrop-filter:none;-webkit-backdrop-filter:none}
}
/* Readable opaque fallback where backdrop filtering is unavailable or unwanted. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  html[data-vms-theme=pastel] :is(.vms-rail,.vms-topbar,.card,.panel,.glass-card,.u-card,.vms-gallery-filters){background:#dfeafb!important}
}
@media(prefers-reduced-transparency:reduce){
  html[data-vms-theme=pastel] :is(.vms-rail,.vms-topbar,.card,.panel,.glass-card,.u-card,.vms-gallery-filters){background:#dfeafb!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}