:root{--ok-color-text-primary: #464646;--ok-color-text-link: #004e9a;--ok-color-text-link-hover: #187bc0;--ok-color-text-inverse: #ffffff;--ok-color-sky-blue: #1ca6df;--ok-color-woodland-green: #669b41;--ok-color-red-clay: #d15420;--ok-color-prairie-gold: #de9027;--ok-color-water-blue: #187bc0;--ok-color-sky-blue-dark: #0066a6;--ok-color-woodland-green-dark: #326820;--ok-color-red-clay-dark: #914115;--ok-color-prairie-gold-dark: #a96728;--ok-color-water-blue-dark: #004e9a;--ok-color-alert-info: #dcf1fa;--ok-color-alert-success: #e8f0e2;--ok-color-alert-warning: #f8e5dd;--ok-color-alert-error: #fbd8d8;--ok-color-alert-neutral: #efefef;--ok-color-alert-disabled: #bcbcbc;--ok-color-focus-default: #1ca6df;--ok-color-focus-error: #e20000;--ok-color-bg-primary: #ffffff;--ok-color-bg-secondary: #efefef;--ok-color-bg-header: #004e9a;--ok-color-bg-footer: #333333;--ok-color-bg-page: #f8f9fa;--ok-color-bg-card: #ffffff;--ok-color-border-light: #e5e7eb;--ok-font-family-heading: "Montserrat", sans-serif;--ok-font-family-body: "Open Sans", sans-serif;--ok-font-weight-regular: 500;--ok-font-weight-semibold: 700;--ok-font-size-h1: 2.5rem;--ok-font-size-h2: 2rem;--ok-font-size-h3: 1.75rem;--ok-font-size-h4: 1.5rem;--ok-font-size-h5: 1.25rem;--ok-font-size-h6: 1rem;--ok-font-size-body: 1rem;--ok-font-size-caption: 14px;--ok-font-size-controls: 13px;--ok-font-size-legal: 12px;--ok-line-height-heading: 1.2;--ok-line-height-body: 1.6;--ok-spacing-xs: .25rem;--ok-spacing-sm: .5rem;--ok-spacing-md: 1rem;--ok-spacing-lg: 1.5rem;--ok-spacing-xl: 2rem;--ok-spacing-xxl: 3rem;--ok-max-width: 1200px;--ok-header-height: 64px;--ok-footer-min-height: 120px;--ok-breakpoint-large: 768px;--ok-breakpoint-desktop: 1024px;--ok-radius-sm: 6px;--ok-radius-md: 10px;--ok-radius-lg: 14px;--ok-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--ok-shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--ok-shadow-lg: 0 10px 20px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .06);--ok-shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--ok-shadow-card: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--ok-transition-fast: .15s ease;--ok-transition-normal: .25s ease;--ok-transition-slow: .4s ease;--ok-transition: all .2s ease;--ok-transition-smooth: .2s cubic-bezier(.4, 0, .2, 1);--ok-primary: #326820;--ok-primary-bright: #669b41;--ok-primary-light: #e8f0e2;--ok-secondary: #004e9a;--ok-secondary-bright: #187bc0;--ok-secondary-light: #dcf1fa;--ok-accent: #d15420;--ok-accent-dark: #914115;--ok-accent-light: #f8e5dd;--ok-gold: #de9027;--ok-gold-dark: #a96728;--ok-danger: #e20000;--ok-gray-50: #fafafa;--ok-gray-100: #f5f5f5;--ok-gray-200: #efefef;--ok-gray-300: #e0e0e0;--ok-gray-400: #bcbcbc;--ok-gray-500: #9e9e9e;--ok-gray-600: #757575;--ok-gray-700: #616161;--ok-gray-800: #464646;--ok-gray-900: #212121;--ok-white: #ffffff;--ok-text-primary: #464646;--ok-text-link: #004e9a;--ok-text-link-hover: #187bc0;--ok-text-inverse: #ffffff;--ok-alert-info: #dcf1fa;--ok-alert-success: #e8f0e2;--ok-alert-warning: #f8e5dd;--ok-alert-error: #fbd8d8;--ok-focus: #1ca6df;--ok-focus-error: #e20000;--ok-font-heading: "Montserrat", sans-serif;--ok-font-body: "Open Sans", sans-serif;--ok-font-size-small: .875rem;--ok-space-xs: .25rem;--ok-space-sm: .5rem;--ok-space-md: 1rem;--ok-space-lg: 1.5rem;--ok-space-xl: 2rem;--ok-space-2xl: 3rem;--ok-radius: var(--ok-radius-sm);--ok-border-color: var(--ok-gray-300);--ok-shadow: var(--ok-shadow-sm);--ok-gradient-primary: linear-gradient(135deg, #326820 0%, #669b41 100%);--ok-gradient-header: linear-gradient(135deg, #004e9a 0%, #187bc0 100%);--ok-sidebar-width: 320px;--ok-detail-panel-width: 400px;--ok-max-content-width: 1400px;--ok-touch-target-min: 44px;--ok-color-footer-bottom: #3a3d47;--ok-color-login-bg: #f0f2f5;--ok-color-reset-hover-bg: #fff0f0;--ok-color-reset-hover: #c0392b;--ok-map-marker: #00875a;--ok-map-cluster-lg: var(--ok-secondary);--ok-map-cluster-md: var(--ok-secondary-bright);--ok-map-cluster-sm: #5ba4d9;--ok-map-popup-icon-green: #e8f5e9;--ok-map-popup-icon-orange: #fff3e0;--ok-map-popup-icon-blue: #e8f4fd;--ok-map-popup-icon-orange-fill: #e65100}@media (max-width: 767px){:root{--ok-font-size-h1: 2rem;--ok-font-size-h2: 1.75rem;--ok-font-size-h3: 1.5rem;--ok-font-size-h4: 1.25rem;--ok-font-size-h5: 1.125rem;--ok-header-height: 56px}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;height:100%;overflow:hidden;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}@media (prefers-reduced-motion: no-preference){body{scroll-behavior:smooth}}body{height:100%;overflow-y:auto;line-height:var(--ok-line-height-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul[role=list],ol[role=list]{list-style:none}h1,h2,h3,h4,h5,h6{line-height:var(--ok-line-height-heading);overflow-wrap:break-word}h1,h2,h3,h4{text-wrap:balance}p{overflow-wrap:break-word;text-wrap:pretty}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;border:none;background:none}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}table{border-collapse:collapse;border-spacing:0}body{font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);font-weight:var(--ok-font-weight-regular);line-height:var(--ok-line-height-body);color:var(--ok-color-text-primary);background-color:var(--ok-color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--ok-font-family-heading);font-weight:var(--ok-font-weight-semibold);color:var(--ok-color-text-primary);margin-top:0;margin-bottom:var(--ok-spacing-md)}h1,h2,h3{letter-spacing:-.01em}h1{font-size:var(--ok-font-size-h1)}h2{font-size:var(--ok-font-size-h2)}h3{font-size:var(--ok-font-size-h3)}h4{font-size:var(--ok-font-size-h4)}h5{font-size:var(--ok-font-size-h5)}h6{font-size:var(--ok-font-size-h6)}p{margin-bottom:var(--ok-spacing-md)}a{color:var(--ok-color-text-link);text-decoration:underline;text-underline-offset:3px;transition:color var(--ok-transition-fast)}a:hover,a:active,a:visited{color:var(--ok-color-text-link-hover)}::selection{background-color:var(--ok-secondary-light);color:var(--ok-text-primary)}.container{width:100%;max-width:var(--ok-max-width);margin-left:auto;margin-right:auto;padding-left:var(--ok-spacing-md);padding-right:var(--ok-spacing-md)}#root{min-height:100%;display:flex;flex-direction:column}.site-header{background-color:var(--ok-color-bg-header);color:var(--ok-color-text-inverse);min-height:var(--ok-header-height);display:flex;align-items:center;padding:var(--ok-spacing-sm) var(--ok-spacing-md);box-shadow:var(--ok-shadow-md);position:relative;z-index:100}.site-header a{color:var(--ok-color-text-inverse);text-decoration:none}.site-header a:hover,.site-header a:focus{text-decoration:underline}.site-header .container{display:flex;align-items:center;justify-content:space-between;width:100%}.site-header__title{font-family:var(--ok-font-family-heading);font-weight:var(--ok-font-weight-semibold);font-size:var(--ok-font-size-h5);color:var(--ok-color-text-inverse);margin:0}.site-main{flex:1;padding:var(--ok-spacing-xl) 0}.site-footer{background-color:var(--ok-color-bg-footer);color:var(--ok-color-text-inverse);min-height:var(--ok-footer-min-height);padding:var(--ok-spacing-xl) var(--ok-spacing-md);margin-top:auto}.site-footer a{color:var(--ok-color-text-inverse)}.site-footer a:hover{color:var(--ok-color-sky-blue)}.site-footer__content{max-width:var(--ok-max-width);margin:0 auto;text-align:center}.site-footer__text{font-size:var(--ok-font-size-caption);margin-bottom:var(--ok-spacing-sm)}.page-layout{max-width:var(--ok-max-width);margin:0 auto;padding:0 var(--ok-spacing-md)}.page-layout--full{max-width:100%;padding:0}.grid{display:grid;gap:var(--ok-spacing-md)}.grid--2-col,.grid--3-col{grid-template-columns:1fr}.ok-header{background-color:var(--ok-color-bg-primary);color:var(--ok-color-text-primary);min-height:var(--ok-header-height);display:flex;align-items:center;box-shadow:var(--ok-shadow-sm);position:relative;z-index:100;border-bottom:1px solid var(--ok-color-border-light)}.ok-header--staff{background-color:var(--ok-color-bg-primary)}.ok-header__inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--ok-max-content-width);margin:0 auto;padding:0 var(--ok-spacing-md);gap:var(--ok-spacing-md)}.ok-header__brand{display:flex;align-items:center;gap:var(--ok-spacing-sm);flex-shrink:0}.ok-header__brand--link{text-decoration:none;color:inherit;cursor:pointer}.ok-header__brand--link:hover,.ok-header__brand--link:focus{opacity:.85;text-decoration:none}.ok-header__brand--link:focus-visible{outline:2px solid var(--ok-color-accent, #fbad18);outline-offset:3px;border-radius:4px}.ok-header__logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--ok-gray-100);border-radius:var(--ok-radius-sm);font-family:var(--ok-font-family-heading);font-weight:var(--ok-font-weight-semibold);font-size:var(--ok-font-size-caption);color:var(--ok-color-text-primary)}.ok-header__logo-img{width:auto;height:48px;object-fit:contain;background:none;border-radius:0}.ok-header__titles{display:flex;flex-direction:column}.ok-header__agency{font-family:var(--ok-font-family-heading);font-weight:var(--ok-font-weight-semibold);font-size:var(--ok-font-size-body);color:var(--ok-color-text-primary);line-height:1.2}.ok-header__portal-name{font-size:var(--ok-font-size-caption);color:var(--ok-gray-600);line-height:1.2}.ok-header__menu-btn{display:flex;align-items:center;justify-content:center;width:var(--ok-touch-target-min);height:var(--ok-touch-target-min);background:none;border:none;cursor:pointer;color:var(--ok-color-text-primary)}.ok-header__menu-icon{font-size:1.5rem}.ok-header__nav{display:flex;align-items:center}.ok-header__nav-list{display:flex;list-style:none;gap:var(--ok-spacing-xs);margin:0;padding:0}.ok-header__nav-item{display:flex}.ok-header__nav-link{display:flex;align-items:center;padding:6px 16px;color:var(--ok-color-text-primary);text-decoration:none;border-radius:var(--ok-radius-sm);font-weight:var(--ok-font-weight-semibold);font-size:var(--ok-font-size-caption);min-height:var(--ok-touch-target-min);transition:background-color var(--ok-transition-smooth);white-space:nowrap}.ok-header__nav-link:hover{background-color:var(--ok-gray-100);color:var(--ok-color-text-primary);text-decoration:none}.ok-header__actions{display:flex;align-items:center;gap:var(--ok-spacing-sm);flex-shrink:0}.ok-header__user{display:flex;flex-direction:column;align-items:flex-end;color:var(--ok-color-text-primary)}.ok-header__user-name{font-weight:var(--ok-font-weight-semibold);font-size:var(--ok-font-size-caption)}.ok-header__user-role{font-size:var(--ok-font-size-legal);opacity:.85}.ok-staff-layout{display:flex;flex-direction:column;min-height:100vh}.ok-staff-body{display:flex;flex:1}.ok-staff-sidebar{display:none;flex-direction:column;width:240px;min-width:240px;background:var(--ok-color-bg-card);border-right:1px solid var(--ok-color-border-light);position:sticky;top:0;align-self:stretch;max-height:100vh;overflow-y:auto;z-index:10}.ok-staff-sidebar__logo{padding:var(--ok-spacing-md) var(--ok-spacing-lg)}.ok-staff-sidebar__logo a{display:block;text-decoration:none}.ok-staff-sidebar__logo-img{width:100%;height:auto}.ok-staff-sidebar .ok-staff-nav--sidebar{flex:1;width:100%;min-width:0;border-right:none}.ok-staff-sidebar__user{display:flex;align-items:center;gap:var(--ok-spacing-sm);padding:var(--ok-spacing-md) var(--ok-spacing-lg) 32px var(--ok-spacing-lg);border-top:1px solid var(--ok-color-border-light);margin-top:auto}.ok-staff-sidebar__user-avatar{width:36px;height:36px;border-radius:50%;background:var(--ok-gray-200);color:var(--ok-gray-700);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:var(--ok-font-weight-semibold);flex-shrink:0}.ok-staff-sidebar__user-info{display:flex;flex-direction:column;min-width:0;flex:1}.ok-staff-sidebar__user-name{font-size:var(--ok-font-size-caption);font-weight:var(--ok-font-weight-semibold);color:var(--ok-gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ok-staff-sidebar__user-badge{display:inline-flex;align-items:center;padding:1px 8px;font-size:11px;font-weight:var(--ok-font-weight-semibold);color:var(--ok-color-text-inverse);background:var(--ok-primary);border-radius:999px;width:fit-content}.ok-staff-sidebar__signout{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:var(--ok-gray-500);cursor:pointer;border-radius:var(--ok-radius-sm);flex-shrink:0;min-width:var(--ok-touch-target-min);min-height:var(--ok-touch-target-min)}.ok-staff-sidebar__signout:hover{color:var(--ok-danger);background:var(--ok-gray-50)}.ok-staff-sidebar__signout .material-icons-outlined{font-size:20px}.ok-staff-main{flex:1;padding:24px var(--ok-spacing-md) 20px var(--ok-spacing-md);min-width:0;min-height:0;display:flex;flex-direction:column;background-color:var(--ok-color-login-bg, #f0f2f5)}.ok-staff-main__content{margin:0 auto;flex:1;display:flex;flex-direction:column;min-height:0;width:100%}.ok-staff-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background-color:var(--ok-color-bg-primary);border-bottom:1px solid var(--ok-gray-200);box-shadow:0 1px 3px #0000001a;z-index:5}.ok-staff-topbar__left{display:flex;flex-direction:column;gap:4px}.ok-staff-topbar__title{font-family:var(--ok-font-family-heading);font-size:24px;font-weight:700;color:var(--ok-color-text-primary);margin:0;line-height:1.2}.ok-staff-topbar__breadcrumbs{font-size:13px;color:var(--ok-gray-600)}.ok-staff-topbar__breadcrumbs a{color:var(--ok-gray-600);text-decoration:none}.ok-staff-topbar__breadcrumbs a:hover{text-decoration:underline;color:var(--ok-primary)}.ok-staff-topbar__breadcrumb-sep{margin:0 6px;color:var(--ok-gray-400)}.ok-staff-topbar__breadcrumb-current{color:var(--ok-gray-800)}.ok-staff-topbar__right{display:flex;align-items:center;gap:16px}.ok-staff-topbar__page-actions{display:flex;align-items:center;gap:var(--ok-spacing-sm)}.ok-staff-topbar__page-actions .ok-btn--secondary:hover:not(:disabled){background-color:var(--ok-color-woodland-green-dark);border-color:var(--ok-color-woodland-green-dark);color:var(--ok-color-text-inverse)}.ok-staff-topbar__separator{width:1px;height:24px;background-color:var(--ok-gray-300);margin:0 var(--ok-spacing-xs)}.ok-staff-topbar__action-btn{background:none;border:none;cursor:pointer;color:var(--ok-gray-600);position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:background-color .2s}.ok-staff-topbar__action-btn:hover{background-color:var(--ok-gray-100)}.ok-staff-topbar__badge{position:absolute;top:4px;right:4px;width:8px;height:8px;background-color:var(--ok-color-focus-error, #e20000);border-radius:50%;border:2px solid var(--ok-color-bg-primary)}.ok-staff-topbar__user{display:flex;align-items:center;gap:8px}.ok-staff-topbar__user-avatar{width:32px;height:32px;border-radius:50%;background:var(--ok-gray-200);color:var(--ok-gray-700);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.ok-staff-topbar__user-dropdown-btn{background:none;border:none;cursor:pointer;color:var(--ok-gray-600);display:flex;align-items:center;justify-content:center;padding:2px;border-radius:4px}.ok-staff-topbar__user-dropdown-btn:hover{background-color:var(--ok-gray-100)}.ok-staff-topbar__user-menu-wrap{position:relative}.ok-staff-topbar__user-popover{position:absolute;top:100%;right:0;margin-top:4px;min-width:96px;padding:4px 0;background:var(--ok-color-bg-primary);border:1px solid var(--ok-color-alert-neutral, #e5e7eb);border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:100}.ok-staff-topbar__user-popover-item{display:block;width:100%;padding:8px 10px;text-align:left;font-size:.875rem;color:var(--ok-color-text-primary);background:none;border:none;cursor:pointer;min-height:44px;min-width:44px;box-sizing:border-box}.ok-staff-topbar__user-popover-item:hover{background-color:#dc2626;color:#fff}.ok-staff-topbar__user-popover-item:focus{outline:2px solid var(--ok-color-focus-ring);outline-offset:-2px}.ok-app-shell{display:flex;flex-direction:column;min-height:100vh}.ok-app-shell__toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 var(--ok-spacing-md);background-color:var(--ok-color-bg-primary);border-bottom:1px solid var(--ok-color-alert-neutral);max-width:100%}.ok-main-content{flex:1;display:flex;flex-direction:column;padding:var(--ok-spacing-xl) 0}.ok-main-content--map{padding:0}.ok-page-wrapper{max-width:var(--ok-max-content-width);margin:0 auto;padding:0 var(--ok-spacing-md);flex:1;display:flex;flex-direction:column}.ok-page-wrapper--map{max-width:none;width:100%;margin:0;padding:0}.ok-content-layout--map,.ok-content-area--map{flex:1;display:flex;flex-direction:column;min-height:0}.ok-footer{margin-top:auto}.ok-footer__main{background-color:var(--ok-secondary);color:var(--ok-color-text-inverse);position:relative;padding:var(--ok-spacing-xl) var(--ok-spacing-md)}.ok-footer__inner{max-width:var(--ok-max-content-width);margin:0 auto;padding-right:140px;display:flex;flex-direction:row;align-items:flex-start;gap:var(--ok-spacing-xl)}.ok-footer__brand{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--ok-spacing-md);max-width:320px}.ok-footer__logo{height:60px;width:auto;filter:brightness(0) invert(1);display:block}.ok-footer__address{font-style:normal;font-size:var(--ok-font-size-caption);line-height:1.9;color:var(--ok-color-text-inverse);font-weight:var(--ok-font-weight-regular)}.ok-footer__address strong{display:block;font-weight:700;color:var(--ok-color-text-inverse);margin-bottom:2px}.ok-footer__address a{color:var(--ok-color-text-inverse);text-decoration:underline;text-underline-offset:2px;text-decoration-color:#ffffff8c}.ok-footer__address a:hover{text-decoration-color:var(--ok-color-text-inverse)}.ok-footer__vdivider{width:1px;align-self:stretch;background-color:#ffffff4d;flex-shrink:0}.ok-footer__nav{flex:1;min-width:0;padding-top:2px}.ok-footer__nav-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;max-width:520px;column-gap:var(--ok-spacing-lg);row-gap:var(--ok-spacing-sm)}.ok-footer__nav-links a{color:var(--ok-color-text-inverse);font-size:var(--ok-font-size-caption);font-weight:var(--ok-font-weight-regular);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ffffff80;white-space:nowrap}.ok-footer__nav-links a:hover{text-decoration-color:var(--ok-color-text-inverse)}.ok-footer__social{display:flex;gap:var(--ok-spacing-sm);margin-top:var(--ok-spacing-lg)}.ok-footer__social-link{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;background-color:var(--ok-color-bg-primary);border-radius:50%;width:35px;height:35px;overflow:hidden;transition:opacity var(--ok-transition-fast);color:var(--ok-secondary)}.ok-footer__social-link:hover{opacity:.8}.ok-footer__social-link svg{display:block}.ok-footer__back-to-top{position:absolute;top:var(--ok-spacing-md);right:var(--ok-spacing-md);background:none;border:none;color:var(--ok-color-text-inverse);font-size:var(--ok-font-size-caption);font-family:var(--ok-font-family-body);font-weight:var(--ok-font-weight-regular);cursor:pointer;display:flex;align-items:center;gap:var(--ok-spacing-xs);padding:var(--ok-spacing-xs) var(--ok-spacing-sm);border-radius:var(--ok-radius-sm);min-height:var(--ok-touch-target-min);transition:background-color var(--ok-transition-fast);white-space:nowrap}.ok-footer__back-to-top:hover{background-color:#ffffff1f}.ok-footer__bottom{background-color:var(--ok-color-footer-bottom);color:#ffffffd9}.ok-footer__bottom-inner{max-width:var(--ok-max-content-width);margin:0 auto;padding:var(--ok-spacing-sm) var(--ok-spacing-md);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--ok-spacing-sm);min-height:48px}.ok-footer__bottom-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--ok-spacing-xs) var(--ok-spacing-lg)}.ok-footer__bottom-links a{color:#ffffffd9;font-size:var(--ok-font-size-caption);text-decoration:none}.ok-footer__bottom-links a:hover{color:var(--ok-color-text-inverse);text-decoration:underline}.ok-footer__copyright{font-size:var(--ok-font-size-caption);color:#ffffffd9;margin:0;white-space:nowrap}.ok-footer__links{display:flex;gap:var(--ok-spacing-md);list-style:none;margin:0;padding:0;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ok-spacing-sm);padding:var(--ok-spacing-sm) var(--ok-spacing-lg);font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);font-weight:var(--ok-font-weight-semibold);line-height:1.5;text-decoration:none;border:2px solid transparent;border-radius:var(--ok-radius-sm);cursor:pointer;transition:background-color var(--ok-transition-fast),border-color var(--ok-transition-fast),color var(--ok-transition-fast);min-height:44px;min-width:44px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background-color:var(--ok-color-woodland-green);color:var(--ok-color-text-inverse);border-color:var(--ok-color-woodland-green)}.btn--primary:hover:not(:disabled){background-color:var(--ok-color-woodland-green-dark);border-color:var(--ok-color-woodland-green-dark)}.btn--secondary{background-color:transparent;color:var(--ok-color-woodland-green);border-color:var(--ok-color-woodland-green)}.btn--secondary:hover:not(:disabled){background-color:var(--ok-color-woodland-green);color:var(--ok-color-text-inverse)}.btn--danger{background-color:var(--ok-color-red-clay);color:var(--ok-color-text-inverse);border-color:var(--ok-color-red-clay)}.btn--danger:hover:not(:disabled){background-color:var(--ok-color-red-clay-dark);border-color:var(--ok-color-red-clay-dark)}.btn--ghost{background-color:transparent;color:var(--ok-color-text-link);border-color:transparent}.btn--ghost:hover:not(:disabled){background-color:var(--ok-color-bg-secondary)}.btn--sm{padding:var(--ok-spacing-xs) var(--ok-spacing-md);font-size:var(--ok-font-size-caption);min-height:36px}.btn--lg{padding:var(--ok-spacing-md) var(--ok-spacing-xl);font-size:var(--ok-font-size-h5)}.card{background-color:var(--ok-color-bg-primary);border-radius:var(--ok-radius-md);box-shadow:var(--ok-shadow-sm);padding:var(--ok-spacing-lg);border:1px solid var(--ok-color-alert-neutral)}.card__title{font-size:var(--ok-font-size-h5);margin-bottom:var(--ok-spacing-sm)}.badge{display:inline-flex;align-items:center;gap:var(--ok-spacing-xs);padding:var(--ok-spacing-xs) var(--ok-spacing-sm);font-size:var(--ok-font-size-caption);font-weight:var(--ok-font-weight-semibold);border-radius:var(--ok-radius-sm);text-transform:uppercase;letter-spacing:.05em}.badge--active{background-color:var(--ok-color-alert-success);color:var(--ok-color-woodland-green-dark)}.badge--inactive{background-color:var(--ok-color-alert-neutral);color:var(--ok-color-text-primary)}.badge--expired{background-color:var(--ok-color-alert-warning);color:var(--ok-color-red-clay-dark)}.badge--pending{background-color:var(--ok-color-alert-info);color:var(--ok-color-sky-blue-dark)}.badge--revoked{background-color:var(--ok-color-alert-error);color:var(--ok-color-red-clay-dark)}.alert{padding:var(--ok-spacing-md) var(--ok-spacing-lg);border-radius:var(--ok-radius-sm);border-left:4px solid;margin-bottom:var(--ok-spacing-md)}.alert--info{background-color:var(--ok-color-alert-info);border-color:var(--ok-color-sky-blue)}.alert--success{background-color:var(--ok-color-alert-success);border-color:var(--ok-color-woodland-green)}.alert--warning{background-color:var(--ok-color-alert-warning);border-color:var(--ok-color-prairie-gold)}.alert--error{background-color:var(--ok-color-alert-error);border-color:var(--ok-color-focus-error)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:var(--ok-spacing-sm) var(--ok-spacing-md);text-align:left;border-bottom:1px solid var(--ok-color-alert-neutral)}.data-table th{font-weight:var(--ok-font-weight-semibold);background-color:var(--ok-color-bg-secondary);color:var(--ok-color-text-primary)}.data-table tbody tr:hover{background-color:var(--ok-color-alert-info)}.data-table caption{text-align:left;font-weight:var(--ok-font-weight-semibold);padding:var(--ok-spacing-sm) var(--ok-spacing-md);caption-side:top}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--ok-spacing-md)}.modal{background-color:var(--ok-color-bg-primary);border-radius:var(--ok-radius-lg);box-shadow:var(--ok-shadow-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal--sm{max-width:400px}.modal--lg{max-width:800px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--ok-spacing-lg);border-bottom:1px solid var(--ok-color-alert-neutral)}.modal__title{font-size:var(--ok-font-size-h4);margin:0}.modal__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--ok-radius-sm);background:none;border:none;cursor:pointer;font-size:1.25rem;color:var(--ok-color-text-primary);transition:background-color var(--ok-transition-fast)}.modal__close:hover{background-color:var(--ok-color-bg-secondary)}.modal__body{padding:var(--ok-spacing-lg)}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ok-spacing-sm);padding:var(--ok-spacing-lg);border-top:1px solid var(--ok-color-alert-neutral)}.spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--ok-color-alert-neutral);border-top-color:var(--ok-color-water-blue-dark);border-radius:50%;animation:spin .8s linear infinite}.spinner--lg{width:48px;height:48px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.pagination{display:flex;align-items:center;gap:var(--ok-spacing-xs);list-style:none;padding:0;margin:var(--ok-spacing-lg) 0}.pagination__item{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--ok-radius-sm);border:1px solid var(--ok-color-alert-disabled);cursor:pointer;transition:all var(--ok-transition-fast)}.pagination__item:hover{background-color:var(--ok-color-bg-secondary)}.pagination__item--active{background-color:var(--ok-color-water-blue-dark);color:var(--ok-color-text-inverse);border-color:var(--ok-color-water-blue-dark)}.pagination__item--disabled{opacity:.5;cursor:not-allowed}.ok-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ok-spacing-sm);padding:var(--ok-spacing-sm) var(--ok-spacing-lg);font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);font-weight:var(--ok-font-weight-semibold);line-height:1.5;text-decoration:none;border:2px solid transparent;border-radius:var(--ok-radius-sm);cursor:pointer;transition:background-color var(--ok-transition-fast),border-color var(--ok-transition-fast),color var(--ok-transition-fast);min-height:var(--ok-touch-target-min);min-width:var(--ok-touch-target-min)}.ok-btn:disabled,.ok-btn[aria-busy=true]{opacity:.6;cursor:not-allowed;pointer-events:none}.ok-btn--primary{background-color:var(--ok-color-woodland-green);color:var(--ok-color-text-inverse);border-color:var(--ok-color-woodland-green)}.ok-btn--primary:hover:not(:disabled){background-color:var(--ok-color-woodland-green-dark);border-color:var(--ok-color-woodland-green-dark)}.ok-btn--secondary{background-color:transparent;color:var(--ok-color-woodland-green);border-color:var(--ok-color-woodland-green)}.ok-btn--secondary:hover:not(:disabled){background-color:var(--ok-color-woodland-green-dark);border-color:var(--ok-color-woodland-green-dark);color:var(--ok-color-text-inverse)}.ok-btn--danger{background-color:var(--ok-danger);color:var(--ok-color-text-inverse);border-color:var(--ok-danger);box-shadow:var(--ok-shadow-sm)}.ok-btn--danger:hover:not(:disabled){background-color:var(--ok-color-focus-error);border-color:var(--ok-color-focus-error);box-shadow:var(--ok-shadow)}.ok-btn--ghost{background-color:transparent;color:var(--ok-color-text-link);border-color:transparent}.ok-btn--ghost:hover:not(:disabled){background-color:var(--ok-color-bg-secondary)}.ok-btn--delete{background-color:transparent!important;color:var(--ok-color-focus-error)!important;border:1px solid var(--ok-color-focus-error)!important}.ok-btn--delete:hover:not(:disabled){background-color:var(--ok-color-focus-error)!important;color:var(--ok-color-text-inverse)!important;border:1px solid var(--ok-color-focus-error)!important}.ok-btn--sm{padding:var(--ok-spacing-xs) var(--ok-spacing-md);font-size:var(--ok-font-size-caption);min-height:36px}.ok-btn--lg{padding:var(--ok-spacing-md) var(--ok-spacing-xl);font-size:var(--ok-font-size-h5)}.ok-btn .ok-spinner--btn{width:16px;height:16px;border-width:2px}.ok-actions{display:flex;gap:var(--ok-spacing-sm);flex-wrap:wrap;margin-top:var(--ok-spacing-md)}.ok-badge{display:inline-flex;align-items:center;gap:var(--ok-spacing-xs);padding:var(--ok-spacing-xs) var(--ok-spacing-sm);font-size:var(--ok-font-size-caption);font-weight:var(--ok-font-weight-semibold);border-radius:var(--ok-radius-sm);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.ok-badge--active{background-color:var(--ok-color-alert-success);color:var(--ok-primary)}.ok-badge--inactive{background-color:var(--ok-color-alert-neutral);color:var(--ok-color-text-primary)}.ok-badge--expired{background-color:var(--ok-color-alert-warning);color:var(--ok-accent-dark)}.ok-badge--pending{background-color:var(--ok-color-alert-info);color:var(--ok-color-sky-blue-dark)}.ok-badge--revoked{background-color:var(--ok-color-alert-error);color:var(--ok-accent-dark)}.ok-badge--staff{background-color:var(--ok-primary-light);color:var(--ok-primary);border:1px solid var(--ok-primary-bright)}.ok-view-toggle{border-bottom:none}.ok-view-toggle .ok-tabs__tab{padding:var(--ok-spacing-sm) var(--ok-spacing-xl);font-size:var(--ok-font-size-body);border-bottom-width:3px}.ok-permit-badge{display:flex;align-items:center;flex-shrink:0;min-height:var(--ok-touch-target-min)}.ok-permit-badge .ok-badge{font-size:var(--ok-font-size-caption);padding:var(--ok-spacing-xs) var(--ok-spacing-md)}.ok-permit-badge .ok-loading{padding:var(--ok-spacing-xs);flex-direction:row}.ok-toast-container{position:fixed;top:var(--ok-spacing-lg);right:var(--ok-spacing-lg);z-index:2000;display:flex;flex-direction:column;gap:var(--ok-spacing-sm);max-width:400px;width:100%;pointer-events:none}.ok-toast{display:flex;align-items:flex-start;gap:var(--ok-spacing-sm);padding:var(--ok-spacing-md) var(--ok-spacing-lg);border-radius:var(--ok-radius-sm);border-left:4px solid;box-shadow:var(--ok-shadow-md);background-color:var(--ok-color-bg-primary);pointer-events:auto;animation:ok-toast-slide-in .3s ease}.ok-toast--success{border-color:var(--ok-primary-bright);background-color:var(--ok-color-alert-success)}.ok-toast--error{border-color:var(--ok-danger);background-color:var(--ok-color-alert-error)}.ok-toast--info{border-color:var(--ok-color-sky-blue);background-color:var(--ok-color-alert-info)}.ok-toast--warning{border-color:var(--ok-gold);background-color:var(--ok-color-alert-warning)}.ok-toast__message{flex:1;font-size:var(--ok-font-size-body);color:var(--ok-color-text-primary)}.ok-toast__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;font-size:1.25rem;color:var(--ok-color-text-primary);border-radius:var(--ok-radius-sm);flex-shrink:0}.ok-toast__close:hover{background-color:#0000000d}@keyframes ok-toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.ok-tabs{display:flex;border-bottom:2px solid var(--ok-color-alert-neutral);gap:0}.ok-tabs__tab{display:flex;align-items:center;justify-content:center;padding:var(--ok-spacing-sm) var(--ok-spacing-lg);font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);font-weight:var(--ok-font-weight-semibold);color:var(--ok-color-text-primary);background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color var(--ok-transition-fast),border-color var(--ok-transition-fast);min-height:var(--ok-touch-target-min)}.ok-tabs__tab:hover{color:var(--ok-secondary);border-bottom-color:var(--ok-color-alert-disabled)}.ok-tabs__tab--active{color:var(--ok-secondary);border-bottom-color:var(--ok-secondary)}.ok-filter-chips{display:flex;flex-wrap:wrap;gap:var(--ok-spacing-sm);align-items:center}.ok-filter-chip{display:inline-flex;align-items:center;gap:var(--ok-spacing-xs);padding:var(--ok-spacing-xs) var(--ok-spacing-sm);background-color:var(--ok-secondary-light);color:var(--ok-secondary);border-radius:999px;font-size:var(--ok-font-size-caption);font-weight:var(--ok-font-weight-semibold);border:1px solid var(--ok-color-border-light);transition:all var(--ok-transition-smooth)}.ok-filter-chip__remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;color:var(--ok-secondary);border-radius:50%;padding:0}.ok-filter-chip__remove:hover{background-color:#004e9a26}.ok-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ok-spacing-2xl) var(--ok-spacing-lg);text-align:center}.ok-empty-state__icon{font-size:3rem;color:var(--ok-color-alert-disabled);margin-bottom:var(--ok-spacing-md)}.ok-empty-state__title{font-family:var(--ok-font-family-heading);font-size:var(--ok-font-size-h4);font-weight:var(--ok-font-weight-semibold);color:var(--ok-color-text-primary);margin-bottom:var(--ok-spacing-sm)}.ok-empty-state__description{font-size:var(--ok-font-size-body);color:var(--ok-gray-600);max-width:400px;margin-bottom:var(--ok-spacing-lg)}.ok-spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--ok-color-alert-neutral);border-top-color:var(--ok-color-water-blue);border-right-color:var(--ok-color-sky-blue);border-radius:50%;animation:ok-spinner-spin .75s linear infinite}.ok-spinner--lg{width:48px;height:48px;border-width:4px;border-top-color:var(--ok-color-water-blue);border-right-color:var(--ok-color-sky-blue)}.ok-spinner--sm{width:16px;height:16px;border-width:2px}@keyframes ok-spinner-spin{to{transform:rotate(360deg)}}.ok-page-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:var(--ok-spacing-2xl);gap:var(--ok-spacing-lg)}.ok-page-spinner--overlay{position:fixed;top:0;right:0;bottom:0;left:0;min-height:100vh;background:#ffffffd9;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ok-page-spinner__text{font-size:var(--ok-font-size-body);font-weight:var(--ok-font-weight-semibold);color:var(--ok-color-text-primary)}.ok-content-area-spinner{min-height:min(60vh,400px);flex:1}.ok-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ok-spacing-2xl);gap:var(--ok-spacing-md)}.ok-loading__text{font-size:var(--ok-font-size-body);color:var(--ok-gray-600)}.ok-skeleton{background:linear-gradient(90deg,var(--ok-gray-200) 25%,var(--ok-gray-100) 50%,var(--ok-gray-200) 75%);background-size:200% 100%;animation:ok-skeleton-shimmer 1.5s infinite;border-radius:var(--ok-radius-sm);width:var(--ok-skeleton-width, auto);height:var(--ok-skeleton-height, auto)}.ok-skeleton--text{height:1em;width:100%;margin-bottom:var(--ok-spacing-sm)}.ok-skeleton--heading{height:1.5em;width:60%;margin-bottom:var(--ok-spacing-md)}.ok-skeleton--avatar{width:48px;height:48px;border-radius:50%}@keyframes ok-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ok-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--ok-spacing-md)}.ok-modal{background-color:var(--ok-color-bg-card);border-radius:var(--ok-radius-lg);box-shadow:var(--ok-shadow-xl);border:1px solid var(--ok-color-border-light);max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;position:relative}.ok-modal--sm{max-width:400px}.ok-modal--lg{max-width:800px}.ok-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--ok-spacing-lg);border-bottom:1px solid var(--ok-color-border-light);flex-shrink:0}.ok-modal__title{font-family:var(--ok-font-family-heading);font-size:var(--ok-font-size-h4);font-weight:var(--ok-font-weight-semibold);margin:0}.ok-modal__close{display:flex;align-items:center;justify-content:center;width:var(--ok-touch-target-min);height:var(--ok-touch-target-min);border-radius:var(--ok-radius-md);background:none;border:none;cursor:pointer;font-size:1.5rem;color:var(--ok-color-text-primary);transition:background-color var(--ok-transition-smooth);flex-shrink:0}.ok-modal__close:hover{background-color:var(--ok-gray-100)}.ok-modal__body{padding:var(--ok-spacing-lg);flex:1 1 auto;min-height:0;overflow-y:auto}.ok-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ok-spacing-sm);padding:var(--ok-spacing-lg);border-top:1px solid var(--ok-color-border-light);flex-shrink:0}.ok-permit-view-dialog__body{max-height:70vh;overflow-y:auto;font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);color:var(--ok-color-text-primary);padding:var(--ok-spacing-md);background:var(--ok-color-bg-secondary);border-radius:var(--ok-radius-lg)}.ok-permit-view-dialog__body.staff-index-theme{--font-body: "Open Sans", sans-serif;--font-heading: "Montserrat", sans-serif;font-family:var(--font-body);font-size:var(--ok-font-size-caption);color:var(--ok-color-text-primary)}.ok-permit-view-dialog__status{margin-bottom:var(--ok-spacing-lg);padding:var(--ok-spacing-sm) var(--ok-spacing-md);background:var(--ok-secondary-light);border-radius:var(--ok-radius-lg);border:1px solid var(--ok-color-alert-neutral);display:inline-block;box-shadow:var(--ok-shadow-sm)}.ok-permit-view-dialog__section{margin-bottom:var(--ok-spacing-lg);padding:var(--ok-spacing-md) var(--ok-spacing-lg);background:var(--ok-color-bg-primary);border-radius:var(--ok-radius-lg);border:1px solid var(--ok-color-alert-neutral);box-shadow:var(--ok-shadow);transition:box-shadow var(--ok-transition-fast)}.ok-permit-view-dialog__section:hover{box-shadow:var(--ok-shadow-md)}.ok-permit-view-dialog__section:last-of-type{margin-bottom:0}.ok-permit-view-dialog__heading{font-family:var(--ok-font-family-heading);font-size:var(--ok-font-size-legal);font-weight:var(--ok-font-weight-semibold);color:var(--ok-color-text-primary);margin:0 0 var(--ok-spacing-md);padding-bottom:var(--ok-spacing-sm);border-bottom:2px solid var(--ok-secondary);letter-spacing:.02em;text-transform:uppercase}.ok-permit-view-dialog__section-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ok-spacing-md) var(--ok-spacing-xl)}@media (max-width: 767px){.ok-permit-view-dialog__section-grid{grid-template-columns:1fr}}.ok-permit-view-dialog__field{display:flex;flex-direction:column;gap:4px;padding:var(--ok-spacing-sm) var(--ok-spacing-md);background:var(--ok-color-alert-info);border-radius:var(--ok-radius-md);border:1px solid var(--ok-color-alert-neutral);transition:background var(--ok-transition-fast),border-color var(--ok-transition-fast)}.ok-permit-view-dialog__field:hover{background:var(--ok-secondary-light);border-color:var(--ok-secondary-bright)}.ok-permit-view-dialog__field-label{font-weight:var(--ok-font-weight-semibold);color:var(--ok-gray-700);font-size:var(--ok-font-size-legal);letter-spacing:.02em}.ok-permit-view-dialog__field-value{font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-caption);color:var(--ok-color-text-primary);word-break:break-word;line-height:var(--ok-line-height-body)}.ok-permit-view-dialog__loading,.ok-permit-view-dialog__empty{padding:var(--ok-spacing-lg);color:var(--ok-gray-600);font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);text-align:center;border-radius:var(--ok-radius-md);background:var(--ok-color-alert-neutral)}.ok-permit-view-dialog__history-wrap{overflow-x:auto;border-radius:var(--ok-radius-md);border:1px solid var(--ok-color-alert-neutral);box-shadow:var(--ok-shadow-sm)}.ok-permit-view-dialog__history-wrap .ok-permit-view-dialog__table{min-width:480px;border-collapse:collapse;font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-legal)}.ok-permit-view-dialog__table thead{background:transparent}.ok-permit-view-dialog__table thead th{padding:var(--ok-spacing-sm) var(--ok-spacing-md);text-align:left;font-weight:700;font-size:var(--ok-font-size-legal);letter-spacing:.02em;color:var(--ok-color-text-primary);border-bottom:2px solid var(--ok-secondary-bright)}.ok-permit-view-dialog__table tbody tr{transition:background var(--ok-transition-fast)}.ok-permit-view-dialog__table tbody tr:nth-child(2n){background:var(--ok-gray-50)}.ok-permit-view-dialog__table tbody tr:hover{background:var(--ok-secondary-light)}.ok-permit-view-dialog__table tbody td{padding:var(--ok-spacing-sm) var(--ok-spacing-md);font-size:var(--ok-font-size-legal);border-bottom:1px solid var(--ok-color-alert-neutral);vertical-align:top;white-space:nowrap}.ok-permit-view-dialog__th{font-weight:var(--ok-font-weight-semibold);color:var(--ok-gray-700);width:40%}.ok-permit-view-dialog__td{white-space:nowrap}.ok-permit-view-dialog__footer-actions{display:flex;gap:var(--ok-spacing-sm);flex-wrap:wrap;align-items:center}.ok-permit-view-dialog__footer-actions .ok-btn{font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);border-radius:var(--ok-radius-md);transition:transform var(--ok-transition-fast),box-shadow var(--ok-transition-fast)}.ok-permit-view-dialog__footer-actions .ok-btn:hover{transform:translateY(-1px);box-shadow:var(--ok-shadow-md)}.ok-permit-view-dialog__btn-icon{font-size:1rem;vertical-align:middle;margin-right:6px}.ok-permit-view-dialog__bottom-actions{display:flex;gap:var(--ok-spacing-md);flex-wrap:wrap;padding:var(--ok-spacing-lg);margin-top:var(--ok-spacing-lg);background:var(--ok-color-bg-secondary);border-radius:var(--ok-radius-lg);border:1px solid var(--ok-color-alert-neutral)}.ok-permit-view-dialog__bottom-actions .ok-btn{font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);font-weight:var(--ok-font-weight-semibold);border-radius:var(--ok-radius-md);padding:10px 18px;transition:transform var(--ok-transition-fast),box-shadow var(--ok-transition-fast)}.ok-permit-view-dialog__bottom-actions .ok-btn:hover{transform:translateY(-1px);box-shadow:var(--ok-shadow-md)}.ok-side-panel{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:100%;background-color:var(--ok-color-bg-primary);border-left:1px solid var(--ok-color-border-light);box-shadow:var(--ok-shadow-xl);z-index:900;display:flex;flex-direction:column;animation:ok-slide-in-right .3s ease;border-radius:var(--ok-radius-lg) 0 0 var(--ok-radius-lg)}.ok-side-panel__header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--ok-color-border-light);flex-shrink:0}.ok-side-panel__title{font-family:var(--ok-font-family-heading);font-size:18px;font-weight:600;margin:0;color:var(--ok-color-text-primary)}.ok-side-panel__close{display:flex;align-items:center;justify-content:center;width:var(--ok-touch-target-min);height:var(--ok-touch-target-min);border-radius:var(--ok-radius-md);background:none;border:none;cursor:pointer;font-size:1.5rem;color:var(--ok-color-text-primary);transition:background-color var(--ok-transition-smooth)}.ok-side-panel__close:hover{background-color:var(--ok-gray-100)}.ok-side-panel__body{flex:1;overflow-y:auto;padding:24px}@keyframes ok-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.ok-search-panel{display:flex;flex-direction:column;background-color:var(--ok-color-bg-card);border:1px solid var(--ok-color-border-light);border-radius:var(--ok-radius-lg);overflow:hidden;box-shadow:var(--ok-shadow-card)}.ok-search-panel__toggle{display:none;align-items:center;justify-content:space-between;width:100%;padding:var(--ok-spacing-md) var(--ok-spacing-lg);font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);font-weight:var(--ok-font-weight-semibold);color:var(--ok-color-text-primary);background-color:var(--ok-color-bg-secondary);border:none;border-bottom:1px solid var(--ok-color-alert-neutral);cursor:pointer;min-height:var(--ok-touch-target-min);transition:background-color var(--ok-transition-fast)}.ok-search-panel__toggle:hover{background-color:var(--ok-color-alert-neutral)}.ok-search-panel__toggle-count{color:var(--ok-secondary);font-weight:var(--ok-font-weight-semibold)}.ok-search-panel__toggle-icon{font-size:.75rem;transition:transform var(--ok-transition-fast)}.ok-search-panel__body{display:flex;flex-direction:column;gap:var(--ok-spacing-md);padding:var(--ok-spacing-lg)}.ok-search-panel__search{margin-bottom:var(--ok-spacing-xs)}.ok-filter-section{display:flex;flex-direction:column;gap:0}.ok-filter-section .ok-filter-dropdown{margin-bottom:0}.ok-filter-section .ok-multiselect{margin-bottom:var(--ok-spacing-sm)}.ok-active-filters{display:flex;flex-wrap:wrap;gap:var(--ok-spacing-sm);align-items:center}.ok-reset-filters{display:flex}.ok-reset-btn{width:100%;border-radius:var(--ok-radius-md);transition:all var(--ok-transition-smooth)}.ok-search-panel__status{font-size:var(--ok-font-size-caption);color:var(--ok-gray-600);padding-top:var(--ok-spacing-xs);border-top:1px solid var(--ok-color-alert-neutral)}.ok-content-layout{display:block}.ok-content-layout--with-sidebar{display:flex;gap:var(--ok-spacing-lg);align-items:flex-start}.ok-content-layout--with-sidebar .ok-search-panel{flex-shrink:0;position:sticky;top:var(--ok-spacing-md);max-height:calc(100vh - 160px);overflow-y:auto}.ok-content-area{flex:1;min-width:0}.ok-table-view{width:100%}.ok-permit-table{width:100%;min-width:0}.ok-permit-table .ok-table-responsive{min-width:100%}.ok-permit-table .ok-permit-table__table{table-layout:fixed;width:100%}.ok-permit-table__table{font-size:var(--ok-font-size-body)}.ok-permit-table__empty{text-align:center;padding:var(--ok-spacing-2xl) var(--ok-spacing-md);color:var(--ok-gray-600);font-style:italic}.ok-permit-table__view-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;font-size:var(--ok-font-size-controls);font-weight:var(--ok-font-weight-semibold);font-family:var(--ok-font-family-body);color:var(--ok-gray-700);background-color:var(--ok-color-bg-primary);border:1px solid var(--ok-gray-300);border-radius:var(--ok-radius-sm);cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease}.ok-permit-table__view-btn:hover{background-color:var(--ok-gray-100);border-color:var(--ok-gray-400)}.ok-permit-table__view-btn:focus-visible{outline:3px solid var(--ok-color-focus-default);outline-offset:2px}.ok-permit-table__mobile-sort{display:flex;align-items:center;gap:var(--ok-spacing-sm);padding:var(--ok-spacing-sm) 0;margin-bottom:var(--ok-spacing-md);flex-wrap:wrap}.ok-permit-table__sort-label{font-size:var(--ok-font-size-caption);font-weight:var(--ok-font-weight-semibold);color:var(--ok-color-text-primary);white-space:nowrap}.ok-permit-table__sort-select{flex:1;min-width:0;padding:var(--ok-spacing-xs) var(--ok-spacing-sm);border:1px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-sm);font-size:var(--ok-font-size-body);min-height:var(--ok-touch-target-min);background-color:var(--ok-color-bg-primary);color:var(--ok-color-text-primary)}.ok-permit-table__sort-select:hover{border-color:var(--ok-secondary-bright)}.ok-permit-table__sort-select:focus-visible{outline:3px solid var(--ok-color-focus-default);outline-offset:2px}.ok-permit-table__sort-select:disabled{opacity:.6;cursor:not-allowed;background-color:var(--ok-color-bg-secondary)}.ok-permit-table__summary{display:flex;align-items:center;gap:var(--ok-spacing-sm);padding:var(--ok-spacing-md) 0}.ok-permit-card-list{display:flex;flex-direction:column;gap:var(--ok-spacing-md);list-style:none;padding:0;margin:0}.ok-permit-card-list__item{list-style:none}.ok-permit-card{background-color:var(--ok-color-bg-primary);border:1px solid var(--ok-color-border-light);border-radius:var(--ok-radius-lg);padding:var(--ok-spacing-md) var(--ok-spacing-lg);cursor:pointer;transition:box-shadow var(--ok-transition-smooth);min-height:var(--ok-touch-target-min);box-shadow:var(--ok-shadow-card)}.ok-permit-card:hover{box-shadow:var(--ok-shadow-md)}.ok-permit-card:focus-visible{outline:3px solid var(--ok-color-focus-default);outline-offset:2px}.ok-permit-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ok-spacing-sm);gap:var(--ok-spacing-sm)}.ok-permit-card__title{font-family:var(--ok-font-family-heading);font-size:var(--ok-font-size-h5);font-weight:var(--ok-font-weight-semibold);color:var(--ok-secondary);margin:0}.ok-permit-card__fields{display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:0}.ok-permit-card__field{display:flex;justify-content:space-between;align-items:baseline;padding:var(--ok-spacing-xs) 0;border-bottom:1px solid var(--ok-gray-200);gap:var(--ok-spacing-md)}.ok-permit-card__field:last-child{border-bottom:none}.ok-permit-card__field dt{font-size:var(--ok-font-size-caption);font-weight:var(--ok-font-weight-semibold);color:var(--ok-gray-700);white-space:nowrap}.ok-permit-card__field dd{margin:0;font-size:var(--ok-font-size-body);color:var(--ok-color-text-primary);text-align:right}.ok-permit-detail{display:flex;flex-direction:column;gap:0}.ok-permit-detail__status{display:flex;align-items:center;margin-bottom:var(--ok-spacing-md)}.ok-permit-detail__table{width:100%;border-collapse:collapse;font-size:13px}.ok-permit-detail__row{border-bottom:1px solid var(--ok-gray-200)}.ok-permit-detail__row--alt{background:var(--ok-gray-50)}.ok-permit-detail__row:last-child{border-bottom:none}.ok-permit-detail__cell{padding:12px 8px;display:grid;grid-template-columns:45% 1fr;gap:12px;align-items:baseline}.ok-permit-detail__label{font-weight:600;color:var(--ok-gray-600);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.ok-permit-detail__value{color:var(--ok-text-primary);font-weight:500}.ok-permit-detail__actions{padding-top:16px;margin-top:var(--ok-spacing-md);border-top:1px solid var(--ok-gray-200)}.ok-document-panel{display:flex;flex-direction:column;gap:var(--ok-spacing-md);padding-top:var(--ok-spacing-lg);border-top:1px solid var(--ok-gray-200)}.ok-document-panel__title{font-family:var(--ok-font-family-heading);font-size:var(--ok-font-size-h5);font-weight:var(--ok-font-weight-semibold);color:var(--ok-color-text-primary);margin:0}.ok-document-panel__empty{font-size:var(--ok-font-size-body);color:var(--ok-gray-600);font-style:italic;padding:var(--ok-spacing-md) 0}.ok-document-panel__folders{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.ok-document-folder{border:1px solid var(--ok-color-alert-neutral);border-radius:var(--ok-radius-sm);margin-bottom:var(--ok-spacing-xs);overflow:hidden}.ok-document-folder__toggle{display:flex;align-items:center;gap:var(--ok-spacing-sm);width:100%;padding:var(--ok-spacing-sm) var(--ok-spacing-md);background-color:var(--ok-color-bg-secondary);border:none;cursor:pointer;font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);font-weight:var(--ok-font-weight-semibold);color:var(--ok-color-text-primary);text-align:left;min-height:var(--ok-touch-target-min);border-radius:var(--ok-radius-sm);transition:background-color var(--ok-transition-smooth)}.ok-document-folder__toggle:hover{background-color:var(--ok-gray-50)}.ok-document-folder__icon{font-size:.75rem;flex-shrink:0;width:1em;text-align:center}.ok-document-folder__label{flex:1}.ok-document-folder__count{font-weight:var(--ok-font-weight-normal);color:var(--ok-gray-600);font-size:var(--ok-font-size-caption)}.ok-document-folder__files{list-style:none;margin:0;padding:0}.ok-document-item{display:flex;align-items:center;justify-content:space-between;gap:var(--ok-spacing-sm);padding:var(--ok-spacing-sm) var(--ok-spacing-md);border-top:1px solid var(--ok-gray-200)}.ok-document-item__name{flex:1;font-size:var(--ok-font-size-body);color:var(--ok-color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ok-document-item__actions{display:flex;gap:var(--ok-spacing-xs);flex-shrink:0}.ok-user-menu{position:relative;display:flex;align-items:center}.ok-user-menu__trigger{display:flex;align-items:center;gap:var(--ok-spacing-sm);padding:var(--ok-spacing-xs);background:none;border:none;cursor:pointer;border-radius:var(--ok-radius-sm);transition:background-color var(--ok-transition-fast);color:var(--ok-color-text-inverse);min-height:var(--ok-touch-target-min)}.ok-user-menu__trigger:hover{background-color:#ffffff26}.ok-user-menu__avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#ffffff40;font-family:var(--ok-font-family-heading);font-weight:var(--ok-font-weight-semibold);font-size:var(--ok-font-size-caption);color:var(--ok-color-text-inverse);flex-shrink:0;border:2px solid rgba(255,255,255,.4)}.ok-user-menu__info{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.ok-user-menu__name{font-weight:var(--ok-font-weight-semibold);font-size:var(--ok-font-size-caption);color:var(--ok-color-text-inverse)}.ok-user-menu__role{font-size:var(--ok-font-size-legal);color:#ffffffd9}.ok-user-menu__caret{font-size:.625rem;opacity:.8;transition:transform var(--ok-transition-fast)}.ok-user-menu__caret--open{transform:rotate(180deg)}.ok-user-menu__dropdown{position:absolute;top:100%;right:0;margin-top:var(--ok-spacing-xs);min-width:200px;background-color:var(--ok-color-bg-primary);border:1px solid var(--ok-color-alert-neutral);border-radius:var(--ok-radius-md);box-shadow:var(--ok-shadow-lg);z-index:500;overflow:hidden}.ok-user-menu__dropdown-header{padding:var(--ok-spacing-md);border-bottom:1px solid var(--ok-color-alert-neutral);background-color:var(--ok-color-bg-secondary)}.ok-user-menu__dropdown-name{font-weight:var(--ok-font-weight-semibold);font-size:var(--ok-font-size-body);color:var(--ok-color-text-primary)}.ok-user-menu__dropdown-email{font-size:var(--ok-font-size-caption);color:var(--ok-gray-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ok-user-menu__dropdown-item{display:flex;align-items:center;gap:var(--ok-spacing-sm);width:100%;padding:var(--ok-spacing-sm) var(--ok-spacing-md);background:none;border:none;cursor:pointer;font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);color:var(--ok-color-text-primary);text-align:left;min-height:var(--ok-touch-target-min);transition:background-color var(--ok-transition-fast)}.ok-user-menu__dropdown-item:hover{background-color:var(--ok-color-bg-secondary)}.ok-user-menu__dropdown-item--danger{color:var(--ok-accent)}.ok-user-menu__dropdown-item--danger:hover{background-color:var(--ok-color-alert-error)}.ok-staff-badge{display:inline-flex;align-items:center;gap:var(--ok-spacing-xs);padding:2px var(--ok-spacing-sm);background-color:var(--ok-gray-100, #f0f0f0);color:var(--ok-color-text-primary);border-radius:var(--ok-radius-sm);font-size:var(--ok-font-size-legal);font-weight:var(--ok-font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(255,255,255,.3)}.ok-staff-badge__dot{width:6px;height:6px;border-radius:50%;background-color:var(--ok-primary-bright)}.ok-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ok-spacing-2xl);text-align:center}.ok-access-denied__icon{font-size:3rem;color:var(--ok-danger);margin-bottom:var(--ok-spacing-md)}.ok-access-denied__title{font-family:var(--ok-font-family-heading);font-size:var(--ok-font-size-h3);font-weight:var(--ok-font-weight-semibold);color:var(--ok-color-text-primary);margin-bottom:var(--ok-spacing-sm)}.ok-access-denied__message{font-size:var(--ok-font-size-body);color:var(--ok-gray-600);max-width:400px;margin-bottom:var(--ok-spacing-lg)}.ok-dashboard__cards{margin-top:var(--ok-spacing-lg)}.ok-staff-nav{display:flex;flex-direction:column;background-color:var(--ok-color-bg-primary);border-bottom:1px solid var(--ok-color-border-light)}.ok-staff-nav__list{display:flex;width:100%;list-style:none;margin:0;padding:0;gap:0}.ok-staff-nav__item{width:100%}.ok-staff-nav__link{display:flex;width:100%;flex-grow:1;align-items:center;gap:var(--ok-spacing-sm);padding:var(--ok-spacing-md) var(--ok-spacing-lg);font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);font-weight:var(--ok-font-weight-regular);color:var(--ok-secondary);text-decoration:none;border-bottom:4px solid transparent;min-height:var(--ok-touch-target-min);transition:color var(--ok-transition-smooth),border-color var(--ok-transition-smooth),background-color var(--ok-transition-smooth);white-space:nowrap}.ok-staff-nav__link:hover{color:var(--ok-secondary);background-color:var(--ok-gray-50);text-decoration:none}.ok-staff-nav__link--active{color:var(--ok-secondary);border-bottom-color:var(--ok-secondary)}.ok-staff-nav__icon{font-size:1.5rem;flex-shrink:0;line-height:1}.ok-staff-nav__toggle{display:none;align-items:center;justify-content:center;width:var(--ok-touch-target-min);height:var(--ok-touch-target-min);background:none;border:none;cursor:pointer;color:var(--ok-color-text-inverse);font-size:1.5rem}.ok-staff-nav--sidebar{width:240px;min-width:240px;border-right:1px solid var(--ok-color-border-light);border-bottom:none;background-color:var(--ok-color-bg-primary);padding:var(--ok-spacing-md) 0}.ok-staff-nav--sidebar .ok-staff-nav__list{flex-direction:column}.ok-staff-nav--sidebar .ok-staff-nav__link{border-bottom:none;border-left:4px solid transparent;padding:var(--ok-spacing-md) var(--ok-spacing-lg)}.ok-staff-nav--sidebar .ok-staff-nav__link:hover{background-color:var(--ok-gray-50)}.ok-staff-nav--sidebar .ok-staff-nav__link--active{border-left-color:var(--ok-secondary);background-color:var(--ok-secondary-light);color:var(--ok-secondary);border-bottom-color:transparent}.ok-user-menu__dropdown-divider{height:1px;background-color:var(--ok-color-alert-neutral);margin:0;border:none}.ok-user-menu__dropdown-role{display:inline-flex;align-items:center;gap:var(--ok-spacing-xs);padding:2px var(--ok-spacing-sm);background-color:var(--ok-primary-light);color:var(--ok-primary);border-radius:var(--ok-radius-sm);font-size:var(--ok-font-size-legal);font-weight:var(--ok-font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--ok-spacing-xs)}.ok-staff-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ok-spacing-2xl);text-align:center}.ok-staff-placeholder__icon{font-size:3rem;color:var(--ok-color-alert-disabled);margin-bottom:var(--ok-spacing-md)}.ok-staff-placeholder__title{font-family:var(--ok-font-family-heading);font-size:var(--ok-font-size-h3);font-weight:var(--ok-font-weight-semibold);color:var(--ok-color-text-primary);margin-bottom:var(--ok-spacing-sm)}.ok-staff-placeholder__description{font-size:var(--ok-font-size-body);color:var(--ok-gray-600);max-width:400px}.ok-permit-count-badge{display:inline-flex;align-items:center;gap:var(--ok-spacing-xs);padding:var(--ok-spacing-xs) var(--ok-spacing-md);background-color:var(--ok-primary-light);color:var(--ok-primary);border-radius:var(--ok-radius-sm);font-size:var(--ok-font-size-caption);font-weight:var(--ok-font-weight-semibold);white-space:nowrap}.ok-permit-count-badge__number{font-weight:var(--ok-font-weight-bold);font-size:var(--ok-font-size-body)}.ok-public-view-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;cursor:default;border-radius:var(--ok-radius-sm);font-size:1.125rem;line-height:1}.ok-public-view-toggle--visible{color:var(--ok-color-woodland-green-dark)}.ok-public-view-toggle--hidden{color:var(--ok-gray-500);opacity:.6}.ok-staff-view-toggle{display:inline-flex;border:1px solid var(--ok-color-border-light);border-radius:var(--ok-radius-md);overflow:hidden;background-color:var(--ok-gray-100);padding:3px;gap:2px}.ok-staff-view-toggle__btn{display:inline-flex;align-items:center;gap:var(--ok-spacing-xs);padding:var(--ok-spacing-xs) var(--ok-spacing-md);background:none;border:none;cursor:pointer;font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-caption);font-weight:var(--ok-font-weight-semibold);color:var(--ok-gray-600);min-height:36px;border-radius:var(--ok-radius-sm);transition:background-color var(--ok-transition-smooth),color var(--ok-transition-smooth)}.ok-staff-view-toggle__btn:hover{background-color:#ffffffb3;color:var(--ok-gray-800)}.ok-staff-view-toggle__btn--active{background-color:var(--ok-secondary);color:var(--ok-color-text-inverse);box-shadow:var(--ok-shadow-sm)}.ok-staff-view-toggle__btn--active:hover{background-color:var(--ok-secondary-bright)}.ok-staff-view-toggle__icon{font-size:1rem;line-height:1}.ok-staff-permits{display:flex;flex-direction:column}.ok-staff-permits__page-header{display:flex;align-items:center;gap:var(--ok-spacing-md);padding:16px 24px;background-color:var(--ok-color-bg-primary);border-radius:var(--ok-radius-lg);box-shadow:0 1px 3px #0000001a;margin-bottom:var(--ok-spacing-md)}.ok-staff-permits__title{font-family:var(--ok-font-family-heading);font-size:24px;font-weight:700;color:var(--ok-color-text-primary);margin:0;line-height:1.2}.ok-staff-permits__page-header .ok-breadcrumb--inline{margin-bottom:0}.ok-staff-permits__page-header .ok-breadcrumb--inline ol{font-size:13px}.ok-staff-permits__card{background-color:var(--ok-color-bg-primary);border-radius:var(--ok-radius-lg);box-shadow:0 1px 3px #0000001a;overflow:hidden;flex:1;display:flex;flex-direction:column}.ok-staff-permits__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--ok-spacing-md);padding:16px 0;margin-bottom:var(--ok-spacing-sm)}.ok-staff-permits__toolbar-center{display:flex;align-items:center;justify-content:center;flex:1}.ok-staff-permits__count-badge{background-color:var(--ok-color-alert-info, #dcf1fa);color:var(--ok-secondary);padding:6px 16px;border-radius:20px;font-family:var(--ok-font-family-body);font-weight:var(--ok-font-weight-semibold);font-size:14px;white-space:nowrap}.ok-staff-permits__toolbar-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.ok-staff-permits__search-wrap{position:relative;flex:1;max-width:420px;min-width:200px}.ok-staff-permits__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ok-gray-400);font-size:20px;pointer-events:none;z-index:1}.ok-staff-permits__search-wrap .ok-search__icon{display:none}.ok-staff-permits__search-wrap .ok-search__field,.ok-staff-permits__search-wrap .ok-search__input,.ok-staff-permits__search-wrap input{width:100%;padding:8px 12px 8px 40px;border:1px solid var(--ok-gray-300);border-radius:var(--ok-radius-md);font-size:14px;font-family:var(--ok-font-family-body);background:var(--ok-color-bg-primary);height:36px}.ok-staff-permits__search-wrap .ok-search__field:focus,.ok-staff-permits__search-wrap .ok-search__input:focus,.ok-staff-permits__search-wrap input:focus{outline:none;border-color:var(--ok-secondary);box-shadow:0 0 0 2px #004e9a26}.ok-staff-permits__toolbar-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.ok-staff-permits__view-text-toggle{display:flex;align-items:center;gap:6px;font-size:14px;font-family:var(--ok-font-family-body);background:var(--ok-color-bg-primary);border:1px solid var(--ok-gray-300);border-radius:var(--ok-radius-md);padding:4px 12px;height:36px}.ok-staff-permits__view-icon{font-size:20px;color:var(--ok-gray-500)}.ok-staff-permits__view-btn{background:none;border:none;cursor:pointer;font-size:14px;font-family:var(--ok-font-family-body);font-weight:var(--ok-font-weight-semibold);color:var(--ok-gray-500);padding:4px 2px;transition:color .15s ease}.ok-staff-permits__view-btn:hover,.ok-staff-permits__view-btn--active{color:var(--ok-color-text-primary)}.ok-staff-permits__view-divider{color:var(--ok-gray-300);-webkit-user-select:none;user-select:none}.ok-staff-permits__export-wrap{position:relative}.ok-staff-permits__filter-bar .ok-staff-permits__export-wrap--right{margin-left:auto}.ok-staff-permits__export-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;height:36px;font-size:14px;font-family:var(--ok-font-family-body);font-weight:var(--ok-font-weight-semibold);color:var(--ok-color-text-primary);background:var(--ok-color-bg-primary);border:1px solid var(--ok-gray-300);border-radius:var(--ok-radius-md);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.ok-staff-permits__export-btn:hover:not(:disabled){border-color:var(--ok-secondary);background:var(--ok-gray-50)}.ok-staff-permits__export-btn:disabled{opacity:.6;cursor:not-allowed}.ok-staff-permits__export-chevron{font-size:18px;color:var(--ok-gray-500)}.ok-staff-permits__export-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:120px;background:var(--ok-color-bg-primary);border:1px solid var(--ok-gray-300);border-radius:var(--ok-radius-md);box-shadow:0 4px 12px #0000001a;z-index:100;padding:4px 0}.ok-staff-permits__export-option{display:block;width:100%;padding:8px 16px;font-size:14px;font-family:var(--ok-font-family-body);text-align:left;background:none;border:none;cursor:pointer;color:var(--ok-color-text-primary);transition:background-color .15s ease}.ok-staff-permits__export-option:hover{background:var(--ok-gray-100)}.ok-staff-permits__export-option:focus-visible{outline:2px solid var(--ok-secondary);outline-offset:-2px}.ok-staff-permits__filter-bar{display:flex;align-items:center;gap:var(--ok-spacing-md);padding:0 0 16px;flex-wrap:wrap}.ok-staff-permits__filter-bar>.ok-multiselect{margin-bottom:0}.ok-staff-permits__filter-bar .ok-multiselect__dropdown{left:0;right:auto;min-width:200px;width:max-content;max-width:min(420px,95vw)}.ok-staff-permits__filter-bar .ok-multiselect__trigger{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--ok-color-bg-primary);border:1px solid var(--ok-gray-300);border-radius:var(--ok-radius-md);font-size:14px;font-family:var(--ok-font-family-body);color:var(--ok-gray-700);height:36px;cursor:pointer}.ok-staff-permits__filter-bar .ok-multiselect__trigger:hover{border-color:var(--ok-secondary);background:var(--ok-gray-50)}.ok-date-chip{position:relative}.ok-date-chip__trigger{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--ok-color-bg-primary);border:1px solid var(--ok-gray-300);border-radius:var(--ok-radius-md);font-size:14px;font-family:var(--ok-font-family-body);color:var(--ok-gray-700);height:36px;cursor:pointer;white-space:nowrap;transition:border-color .15s ease,background-color .15s ease}.ok-date-chip__trigger:hover{border-color:var(--ok-secondary);background:var(--ok-gray-50)}.ok-date-chip__trigger--open{border-color:var(--ok-secondary);box-shadow:0 0 0 2px #004e9a26}.ok-date-chip__chevron{font-size:18px!important;color:var(--ok-gray-500);transition:transform .15s ease}.ok-date-chip__trigger--open .ok-date-chip__chevron{transform:rotate(180deg)}.ok-date-chip__dropdown{position:absolute;top:100%;left:0;margin-top:4px;padding:12px 16px;background:var(--ok-color-bg-primary);border:1px solid var(--ok-gray-300);border-radius:var(--ok-radius-md);box-shadow:var(--ok-shadow-md);z-index:100;min-width:320px}.ok-date-chip__dropdown .ok-date-range__label{display:none}.ok-date-chip__dropdown .ok-date-range__fields{display:flex;gap:8px}.ok-date-chip__dropdown .ok-date-range__input{height:34px;font-size:13px;padding:4px 8px}.ok-staff-permits__reset-link{background:none;border:none;cursor:pointer;font-size:13px;font-family:var(--ok-font-family-body);color:var(--ok-color-text-link);padding:6px 8px;white-space:nowrap;transition:color .15s ease}.ok-staff-permits__reset-link:hover{color:var(--ok-secondary-bright);text-decoration:underline}.ok-staff-permits__content{min-height:400px}.ok-staff-permits.ok-staff-permits--map-view,.ok-staff-permits.ok-staff-permits--map-view .ok-staff-permits__content{flex:1;display:flex;flex-direction:column;min-height:0}.ok-staff-permits.ok-staff-permits--map-view .index-content-area{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:0}.ok-staff-permits__viz-bar{display:none}.ok-staff-permits__status{font-size:var(--ok-font-size-caption);color:var(--ok-gray-600);padding:var(--ok-spacing-xs) 0}.ok-staff-permits__filter-toggle{display:none;align-items:center;justify-content:space-between;width:100%;padding:var(--ok-spacing-sm) var(--ok-spacing-md);background-color:var(--ok-color-bg-card);border:1px solid var(--ok-color-border-light);border-radius:var(--ok-radius-md);cursor:pointer;font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);font-weight:var(--ok-font-weight-semibold);color:var(--ok-color-text-primary);min-height:var(--ok-touch-target-min);transition:background-color var(--ok-transition-smooth)}.ok-staff-permits__filter-toggle-icon{font-size:.75rem}.ok-permit-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:linear-gradient(180deg,#fff,#fafafa);border-bottom:1px solid var(--ok-gray-200, #efefef);flex-wrap:wrap;box-shadow:0 2px 8px #0000000a;position:sticky;top:0;z-index:50}.ok-permit-toolbar__search-and-filters{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:300px;flex-wrap:wrap}.ok-permit-toolbar__search-and-filters>.ok-permit-toolbar__search{flex:0 0 auto;min-width:180px;max-width:220px}.ok-permit-toolbar__search-and-filters>.ok-multiselect{flex:0 1 160px;min-width:120px;max-width:180px}.ok-permit-toolbar__search{display:block}.ok-permit-toolbar__search .ok-search__field,.ok-permit-toolbar__search .ok-search__input{height:40px;font-size:14px;font-family:var(--ok-font-family-body)}.ok-permit-toolbar__search-and-filters .ok-multiselect{margin-bottom:0}.ok-permit-toolbar__search-and-filters .ok-multiselect__trigger{height:40px;font-size:var(--ok-font-size-controls);font-family:var(--ok-font-family-body);padding:var(--ok-spacing-xs) var(--ok-spacing-sm);width:100%;min-width:0}.ok-permit-toolbar__search-and-filters .ok-multiselect__dropdown{min-width:200px}.ok-permit-toolbar__right{display:flex;align-items:center;gap:12px;flex-shrink:0}.ok-permit-toolbar__viz{display:inline-flex;background:var(--ok-gray-100);padding:4px;border-radius:var(--ok-radius-sm);gap:2px}.ok-permit-toolbar__viz-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:transparent;border:none;border-radius:4px;cursor:pointer;font-family:var(--ok-font-family-body);font-size:12px;font-weight:500;color:var(--ok-gray-600);white-space:nowrap;transition:background-color var(--ok-transition-smooth),color var(--ok-transition-smooth)}.ok-permit-toolbar__viz-btn:hover{color:var(--ok-gray-800);background:var(--ok-gray-200)}.ok-permit-toolbar__viz-btn--active{background-color:var(--ok-primary);color:var(--ok-color-text-inverse);box-shadow:var(--ok-shadow-sm)}.ok-permit-toolbar__viz-btn--active:hover{background-color:var(--ok-primary-bright)}.ok-permit-toolbar__viz-icon{font-size:1.25rem;line-height:1}.ok-permit-toolbar__view{display:inline-flex;background:var(--ok-gray-100);border-radius:var(--ok-radius-sm);padding:4px}.ok-permit-toolbar__view-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:4px;cursor:pointer;font-family:var(--ok-font-family-body);font-size:13px;font-weight:500;color:var(--ok-gray-600);white-space:nowrap;transition:background-color var(--ok-transition-smooth),color var(--ok-transition-smooth)}.ok-permit-toolbar__view-btn:hover{color:var(--ok-gray-800)}.ok-permit-toolbar__view-btn--active{background-color:var(--ok-secondary);color:var(--ok-color-text-inverse);box-shadow:var(--ok-shadow-sm)}.ok-permit-toolbar__view-btn--active:hover{background-color:var(--ok-secondary-bright)}.ok-permit-toolbar__view-icon{font-size:1.25rem;line-height:1}.ok-permit-toolbar__reset-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;flex-shrink:0;border:1px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-sm);background:var(--ok-color-bg-primary);color:var(--ok-gray-600);cursor:pointer;transition:background-color var(--ok-transition-fast),border-color var(--ok-transition-fast),color var(--ok-transition-fast)}.ok-permit-toolbar__reset-btn:hover{background:var(--ok-color-reset-hover-bg);border-color:var(--ok-color-reset-hover);color:var(--ok-color-reset-hover)}.ok-permit-toolbar__reset-btn:focus-visible{outline:2px solid var(--ok-color-water-blue);outline-offset:2px}.ok-permit-toolbar__reset-btn .material-icons-outlined{font-size:20px;line-height:1}.ok-staff-map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background-color:var(--ok-color-bg-secondary);border:2px dashed var(--ok-color-alert-disabled);border-radius:var(--ok-radius-md);color:var(--ok-gray-600);font-size:var(--ok-font-size-body);gap:var(--ok-spacing-sm)}.ok-document-boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ok-spacing-md);margin-bottom:var(--ok-spacing-sm)}.ok-document-box{background-color:var(--ok-color-bg-primary);border:1px solid var(--ok-gray-300);border-radius:var(--ok-radius-sm);display:flex;flex-direction:column;min-width:0}.ok-document-box__header{display:flex;align-items:center;justify-content:space-between;padding:var(--ok-spacing-sm) var(--ok-spacing-md);background-color:var(--ok-gray-50);border-bottom:1px solid var(--ok-gray-200);border-radius:var(--ok-radius-sm) var(--ok-radius-sm) 0 0}.ok-document-box__title{display:flex;align-items:center;gap:var(--ok-spacing-xs);font-weight:var(--ok-font-weight-semibold);font-size:var(--ok-font-size-caption);color:var(--ok-gray-800)}.ok-document-box__folder-icon{font-size:16px;color:var(--ok-gray-500)}.ok-document-box__visibility{display:flex;align-items:center;justify-content:flex-end;gap:var(--ok-spacing-xs);min-height:44px;flex-shrink:0}.ok-document-box__visibility-label-wrap{display:inline-flex;align-items:center;gap:var(--ok-spacing-xs);cursor:pointer;flex-shrink:0;padding-right:10px}.ok-document-box__visibility-label-wrap .ok-document-box__visibility-check{flex-shrink:0}.ok-document-box__visibility-check{width:14px;height:14px;min-width:14px;min-height:14px;accent-color:var(--ok-color-woodland-green);cursor:pointer}.ok-document-box__visibility-label{font-size:11px;color:var(--ok-gray-600);max-width:4.5em;line-height:1.25}.ok-document-box__visibility-badge{font-size:11px;color:var(--ok-gray-600);white-space:nowrap}.ok-document-box__content{padding:var(--ok-spacing-md);display:flex;flex-direction:column;gap:var(--ok-spacing-sm);flex:1}.ok-document-box__upload-zone{position:relative;display:flex;align-items:center;justify-content:center;border:1px dashed var(--ok-gray-300);border-radius:var(--ok-radius-sm);background-color:var(--ok-color-bg-primary);min-height:40px;transition:all var(--ok-transition-fast)}.ok-document-box__upload-zone--drag,.ok-document-box__upload-zone:hover{border-color:var(--ok-secondary);background-color:var(--ok-gray-50)}.ok-document-box__upload-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10}.ok-document-box__upload-btn{display:flex;align-items:center;gap:var(--ok-spacing-xs);color:var(--ok-gray-600);font-size:var(--ok-font-size-caption);font-weight:var(--ok-font-weight-semibold)}.ok-document-box__upload-zone:hover .ok-document-box__upload-btn{color:var(--ok-secondary)}.ok-document-box__files{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--ok-spacing-xs)}.ok-document-box__file{display:flex;align-items:center;gap:var(--ok-spacing-xs);padding:var(--ok-spacing-xs) var(--ok-spacing-sm);background-color:var(--ok-gray-50);border-radius:var(--ok-radius-sm);border:1px solid var(--ok-gray-200);font-size:11px}.ok-document-box__pdf-icon{font-size:14px;color:var(--ok-danger)}.ok-document-box__filename{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ok-gray-800)}.ok-document-box__filename--link{color:var(--ok-secondary, #004e9a);text-decoration:underline;cursor:pointer}.ok-document-box__filename--link:hover{color:var(--ok-secondary-bright, #1c6dd0)}.ok-document-box__actions{display:flex;gap:var(--ok-spacing-xs);flex-shrink:0}.ok-document-box__actions a,.ok-document-box__delete-btn{color:var(--ok-secondary);text-decoration:none;font-weight:var(--ok-font-weight-semibold);font-size:11px;background:none;border:none;padding:0;cursor:pointer}.ok-document-box__actions a:hover,.ok-document-box__delete-btn:hover{text-decoration:underline;color:var(--ok-danger)}.ok-document-box__action-link{color:var(--ok-secondary);text-decoration:none;font-weight:var(--ok-font-weight-semibold);font-size:inherit;background:none;border:none;padding:0;cursor:pointer}.ok-document-box__action-link:hover{text-decoration:underline;color:var(--ok-secondary-bright, #1c6dd0)}.ok-document-box__action-link.ok-document-box__delete-btn:hover{color:var(--ok-danger)}.ok-document-box--collapsible .ok-document-box__header{display:flex;align-items:center;justify-content:space-between;padding:0;border-bottom:none}.ok-document-box__trigger{display:flex;align-items:center;gap:var(--ok-spacing-sm);flex:1 1 auto;min-width:0;padding:var(--ok-spacing-sm) var(--ok-spacing-md);background:none;border:none;cursor:pointer;font:inherit;color:inherit;text-align:left}.ok-document-box__trigger:hover{background-color:var(--ok-gray-100)}.ok-document-box__trigger .ok-document-box__title{flex:1;min-width:0}.ok-document-box__count{font-size:var(--ok-font-size-caption);color:var(--ok-gray-600);font-weight:var(--ok-font-weight-regular);margin-left:var(--ok-spacing-xs)}.ok-document-box__chevron{font-size:20px;color:var(--ok-gray-500);transition:transform var(--ok-transition-fast)}.ok-document-box--collapsible.ok-document-box--expanded .ok-document-box__chevron{transform:rotate(0)}.ok-document-box--collapsible:not(.ok-document-box--expanded) .ok-document-box__chevron{transform:rotate(-90deg)}.ok-document-box--collapsible .ok-document-box__content[hidden]{display:none}.ok-document-box--collapsible .ok-document-box__upload-zone{border-top:1px solid var(--ok-gray-200);border-radius:0}.ok-document-box--collapsible .ok-document-box__content{border-top:1px solid var(--ok-gray-200)}.ok-document-box__error{margin:0;font-size:11px;color:var(--ok-danger)}.ok-document-upload-hint{font-size:var(--ok-font-size-caption);color:var(--ok-gray-600);margin-top:var(--ok-spacing-sm)}@media (max-width: 1024px){.ok-document-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.ok-document-boxes{grid-template-columns:1fr}}.ok-audit-timeline{background-color:var(--ok-color-bg-primary);border:1px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-md);padding:var(--ok-spacing-lg)}.ok-audit-timeline__title{font-size:var(--ok-font-size-h3);font-weight:var(--ok-font-weight-semibold);margin:0 0 var(--ok-spacing-md);color:var(--ok-color-text-primary)}.ok-audit-timeline__list{list-style:none;padding:0;margin:0}.ok-audit-timeline__loading,.ok-audit-timeline__empty{margin:0;color:var(--ok-color-text-primary);opacity:.9}.ok-audit-entry{padding:var(--ok-spacing-md) 0;border-bottom:1px solid var(--ok-color-alert-disabled)}.ok-audit-entry:last-child{border-bottom:none}.ok-audit-entry__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ok-spacing-sm);margin-bottom:var(--ok-spacing-xs)}.ok-audit-entry__action{font-weight:var(--ok-font-weight-semibold);text-transform:uppercase;font-size:var(--ok-font-size-caption)}.ok-audit-entry__user{color:var(--ok-color-text-primary)}.ok-audit-entry__time{font-size:var(--ok-font-size-caption);color:var(--ok-color-text-primary);opacity:.9}.ok-audit-entry__fields{list-style:none;padding:0;margin:0}.ok-audit-entry__field{font-size:var(--ok-font-size-caption);margin-top:var(--ok-spacing-xs)}.ok-audit-entry__field-name{font-weight:var(--ok-font-weight-semibold);margin-right:var(--ok-spacing-xs)}.ok-audit-entry__old{text-decoration:line-through;opacity:.8;margin-right:var(--ok-spacing-xs)}.ok-audit-entry__arrow{margin-right:var(--ok-spacing-xs)}.ok-audit-entry__new{font-weight:var(--ok-font-weight-medium)}.ok-delete-modal .ok-form-label{display:block;margin-top:var(--ok-spacing-md);margin-bottom:var(--ok-spacing-xs);font-weight:var(--ok-font-weight-semibold)}.ok-delete-modal .ok-input--full{width:100%;min-height:80px;resize:vertical;padding:var(--ok-spacing-sm);border:2px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-sm);font-family:var(--ok-font-family-body)}.ok-delete-modal .ok-form-error{margin-top:var(--ok-spacing-xs);color:var(--ok-color-focus-error);font-size:var(--ok-font-size-caption)}.ok-required{color:var(--ok-color-focus-error)}.ok-file-list__link{color:var(--ok-color-water-blue-dark);text-decoration:underline}.ok-file-list__link:hover{color:var(--ok-color-water-blue)}.ok-file-list__delete{flex-shrink:0}.ok-users-table-wrapper{overflow-x:auto}.ok-users-table .ok-table__cell{vertical-align:middle}.ok-users-table__actions{display:flex;align-items:center;gap:var(--ok-spacing-sm)}.ok-users-table__toggle{min-height:44px;min-width:44px;padding:var(--ok-spacing-xs) var(--ok-spacing-sm);font-size:var(--ok-font-size-caption);font-weight:var(--ok-font-weight-semibold);color:var(--ok-color-water-blue-dark);background:transparent;border:2px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-sm);cursor:pointer;transition:border-color var(--ok-transition-fast),background-color var(--ok-transition-fast)}.ok-users-table__toggle:hover:not(:disabled){border-color:var(--ok-color-water-blue-dark);background-color:var(--ok-color-bg-secondary)}.ok-users-table__toggle:focus-visible{outline:2px solid var(--ok-color-water-blue-dark);outline-offset:2px}.ok-users-table__toggle:disabled{opacity:.6;cursor:not-allowed}.ok-users-table__toggle--activate{color:var(--ok-color-success, #1a652a);border-color:var(--ok-color-success, #1a652a)}.ok-users-table__toggle--activate:hover{background-color:#1a652a14;border-color:var(--ok-color-success, #1a652a)}.ok-users-table__toggle-label{display:inline-block}.ok-users-table__empty{padding:var(--ok-spacing-xl);text-align:center;color:var(--ok-color-text-primary)}.ok-user-card{background-color:var(--ok-color-bg-card);border:1px solid var(--ok-color-border-light);border-radius:var(--ok-radius-lg);padding:var(--ok-spacing-lg);margin-bottom:var(--ok-spacing-md);box-shadow:var(--ok-shadow-card);transition:box-shadow var(--ok-transition-smooth)}.ok-user-card:hover{box-shadow:var(--ok-shadow-md)}.ok-user-card__name{font-size:var(--ok-font-size-h5);margin:0 0 var(--ok-spacing-xs)}.ok-user-card__email{margin:0 0 var(--ok-spacing-sm);color:var(--ok-color-text-primary)}.ok-user-card__role,.ok-user-card__status,.ok-user-card__last-login{margin:0 0 var(--ok-spacing-sm)}.ok-user-card__actions{margin-top:var(--ok-spacing-md);padding-top:var(--ok-spacing-md);border-top:1px solid var(--ok-color-border-light)}.ok-role-badge{display:inline-flex;align-items:center;padding:var(--ok-spacing-xs) var(--ok-spacing-sm);font-size:var(--ok-font-size-caption);font-weight:var(--ok-font-weight-semibold);border-radius:999px}.ok-role-badge--active{background-color:#1a652a26;color:var(--ok-color-green);border:1px solid var(--ok-color-green)}.ok-role-badge--inactive{background-color:var(--ok-color-bg-secondary);color:var(--ok-color-text-primary);border:1px solid var(--ok-color-alert-disabled)}.ok-role-badge--role-readonly{background-color:var(--ok-color-bg-secondary);color:var(--ok-color-text-primary);border:1px solid var(--ok-color-alert-disabled);cursor:default}.ok-role-selector{display:inline-block;min-width:120px}.ok-role-selector__field{width:100%;padding:var(--ok-spacing-xs) var(--ok-spacing-md);font-size:var(--ok-font-size-body);border:2px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-sm);background-color:var(--ok-color-bg-primary);min-height:44px}.ok-role-selector__field--sm{min-height:36px;padding:var(--ok-spacing-xs) var(--ok-spacing-sm);font-size:var(--ok-font-size-caption)}.ok-role-selector__field:hover{border-color:var(--ok-color-water-blue)}.ok-role-selector__field:focus{border-color:var(--ok-color-water-blue-dark);outline:none;box-shadow:0 0 0 3px #1ca6df4d}.ok-role-selector__field--error,.ok-role-selector--error .ok-role-selector__field{border-color:var(--ok-color-focus-error)}.ok-role-selector__error{display:block;margin-top:var(--ok-spacing-xs);font-size:var(--ok-font-size-caption);color:var(--ok-color-focus-error)}.ok-users-page{display:flex;flex-direction:column;background-color:var(--ok-color-bg-primary);border-radius:var(--ok-radius-lg);box-shadow:0 1px 3px #0000001a;overflow:hidden}.ok-users-page__layout{display:flex;flex-direction:row;align-items:stretch;flex:1;min-height:0}.ok-users-page__content{flex:1;min-width:0;overflow:auto}.ok-users-page__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ok-spacing-md);padding:16px 24px;border-bottom:1px solid var(--ok-gray-200)}.ok-users-page__header h1{margin:0}.ok-users-page__error{padding:var(--ok-spacing-md);margin-bottom:var(--ok-spacing-md);background-color:#e200001a;border:2px solid var(--ok-color-focus-error);border-radius:var(--ok-radius-sm);color:var(--ok-color-focus-error)}.ok-users-page__loading{padding:var(--ok-spacing-xl);text-align:center}.ok-data-settings{display:flex;flex-direction:column;min-height:400px;background-color:var(--ok-color-bg-primary);border-radius:var(--ok-radius-md);border:1px solid var(--ok-color-alert-neutral);overflow:hidden}.ok-data-settings__layout{display:flex;flex:1;min-height:0}.ok-data-settings__sidebar{width:190px;min-width:190px;background-color:var(--ok-color-bg-secondary);border-right:1px solid var(--ok-color-border-light);padding:var(--ok-spacing-md)}.ok-data-settings__sidebar-list{list-style:none;margin:0;padding:0}.ok-data-settings__sidebar-item{margin-bottom:var(--ok-spacing-xs)}.ok-data-settings__sidebar-link{display:flex;align-items:center;gap:var(--ok-spacing-sm);width:100%;padding:var(--ok-spacing-sm) var(--ok-spacing-md);font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-caption);font-weight:var(--ok-font-weight-semibold);color:var(--ok-color-text-primary);text-decoration:none;border:none;background:none;border-radius:var(--ok-radius-sm);cursor:pointer;min-height:44px;text-align:left;transition:background-color var(--ok-transition-fast)}.ok-data-settings__sidebar-link:hover{background-color:var(--ok-color-alert-neutral)}.ok-data-settings__sidebar-link--active{background-color:var(--ok-color-alert-info);color:var(--ok-color-text-link)}.ok-data-settings__sidebar-link .material-icons-outlined{font-size:20px;flex-shrink:0}.ok-data-settings__main{flex:1;min-width:0;padding:var(--ok-spacing-lg);overflow:auto}.ok-data-settings__main-title{font-family:var(--ok-font-family-heading);font-size:var(--ok-font-size-h5);margin:0 0 var(--ok-spacing-xs)}.ok-data-settings__main-desc{font-size:var(--ok-font-size-caption);color:var(--ok-color-text-primary);opacity:.85;margin:0 0 var(--ok-spacing-lg)}.ok-data-settings__add-section{margin-top:var(--ok-spacing-lg)}.ok-data-settings__add-section .ok-data-settings__add-trigger{background-color:var(--ok-color-woodland-green);color:var(--ok-color-text-inverse);border-color:var(--ok-color-woodland-green)}.ok-data-settings__add-section .ok-data-settings__add-trigger:hover:not(:disabled){background-color:var(--ok-color-woodland-green-dark);border-color:var(--ok-color-woodland-green-dark);color:var(--ok-color-text-inverse)}.ok-data-settings__add-row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ok-spacing-md);margin-top:var(--ok-spacing-md)}.ok-data-settings__add-row-fields{width:100%}.ok-data-settings__add-row-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--ok-spacing-sm);min-width:0}.ok-data-settings__add-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ok-spacing-sm)}.ok-data-settings__add-row .input{min-width:160px}.ok-data-settings__add-row-fields .input{min-width:0}.ok-data-settings__add-row .ok-btn .material-icons-outlined,.ok-data-settings__add-icon{font-size:18px;vertical-align:middle;margin-right:var(--ok-spacing-xs)}.ok-data-settings__system-badge{font-size:var(--ok-font-size-legal);color:var(--ok-gray-500)}.ok-data-settings__from-permits-badge{font-size:var(--ok-font-size-legal);color:var(--ok-gray-600);font-style:italic}.ok-data-settings__error{display:flex;align-items:center;gap:var(--ok-spacing-xs);padding:var(--ok-spacing-sm) var(--ok-spacing-md);margin-bottom:var(--ok-spacing-md);font-size:var(--ok-font-size-caption);color:var(--ok-color-text-error, #b91c1c);background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--ok-radius-sm)}.ok-data-settings__error .material-icons-outlined{font-size:18px;flex-shrink:0}.ok-data-settings__row--highlight{background-color:#fef9c3!important;outline:2px solid #eab308;outline-offset:-2px;animation:ok-highlight-pulse 1.5s ease-in-out 2}@keyframes ok-highlight-pulse{0%,to{background-color:#fef9c3}50%{background-color:#fde68a}}.ok-data-settings__inline-actions{display:flex;align-items:center;gap:var(--ok-spacing-xs);flex-wrap:nowrap}.ok-data-settings__confirm-text{font-size:var(--ok-font-size-caption);font-weight:600;color:var(--ok-color-text-error, #b91c1c);white-space:nowrap}.ok-data-settings .ok-table__head th,.ok-data-settings .ok-table__cell{text-align:center}.ok-deactivate-user-modal p{margin:0 0 var(--ok-spacing-sm)}.ok-deactivate-user-modal .ok-form-error{margin-top:var(--ok-spacing-sm)}.ok-user-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:600;flex-shrink:0;letter-spacing:.5px}.ok-user-avatar--sm{width:32px;height:32px;font-size:12px}.ok-user-avatar--lg{width:72px;height:72px;font-size:24px}.ok-user-name-cell{display:flex;align-items:center;gap:10px}.ok-users-table__edit-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;border:1px solid var(--ok-color-border-light);border-radius:var(--ok-radius-sm);background:var(--ok-color-bg-primary);cursor:pointer;font-size:18px;font-weight:700;letter-spacing:2px;color:var(--ok-gray-600);transition:background-color var(--ok-transition-fast),border-color var(--ok-transition-fast)}.ok-users-table__edit-btn:hover{background-color:var(--ok-gray-100);border-color:var(--ok-secondary);color:var(--ok-secondary)}.ok-users-table__edit-btn:focus-visible{outline:2px solid var(--ok-color-water-blue-dark);outline-offset:2px}.ok-users-detail-panel__body{display:flex;flex-direction:column;gap:20px}.ok-users-detail-panel__avatar-section{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:4px}.ok-users-detail-panel__email{font-size:14px;color:var(--ok-gray-600);margin:0}.ok-users-detail-panel__field{display:flex;flex-direction:column;gap:6px}.ok-users-detail-panel__label{font-size:13px;font-weight:600;color:var(--ok-color-text-primary)}.ok-users-detail-panel__desc{font-size:var(--ok-font-size-legal);color:var(--ok-gray-600);margin:0}.ok-users-detail-panel__help{font-size:var(--ok-font-size-legal);color:var(--ok-gray-500);margin:0}.ok-status-toggle{display:flex;align-items:center;gap:10px}.ok-status-toggle__switch{position:relative;width:44px;height:24px;background:none;border:none;padding:0;cursor:pointer;min-width:44px}.ok-status-toggle__switch:disabled{cursor:not-allowed;opacity:.5}.ok-status-toggle__track{display:block;width:44px;height:24px;border-radius:12px;background-color:var(--ok-gray-400);transition:background-color .2s ease;position:relative}.ok-status-toggle__switch[aria-checked=true] .ok-status-toggle__track{background-color:var(--ok-primary)}.ok-status-toggle__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background-color:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.ok-status-toggle__switch[aria-checked=true] .ok-status-toggle__thumb{transform:translate(20px)}.ok-status-toggle__switch:focus-visible .ok-status-toggle__track{outline:2px solid var(--ok-color-water-blue-dark);outline-offset:2px}.ok-status-toggle__label{font-size:14px;font-weight:500;color:var(--ok-color-text-primary)}.ok-users-detail-panel__actions{display:flex;gap:10px;padding-top:12px}.ok-profile-card,.ok-analytics-card{background:var(--ok-color-bg-card, #fff);border:1px solid var(--ok-color-border-light);border-radius:var(--ok-radius-lg);padding:var(--ok-spacing-lg);box-shadow:var(--ok-shadow-card);transition:box-shadow var(--ok-transition-smooth)}.ok-profile-card__title,.ok-visit-tracking-card__title,.ok-chart-container__title,.ok-top-permits-table__title{margin:0 0 var(--ok-spacing-md);font-size:var(--ok-font-size-lg);font-weight:var(--ok-font-weight-semibold)}.ok-profile-card__list{margin:0;display:grid;gap:var(--ok-spacing-sm)}.ok-profile-card__row{display:grid;grid-template-columns:120px 1fr;gap:var(--ok-spacing-sm);align-items:baseline}.ok-profile-card__term{margin:0;font-weight:var(--ok-font-weight-medium);color:var(--ok-color-text-secondary, #555)}.ok-profile-card__value{margin:0}.ok-avatar-dropdown{position:relative}.ok-visit-tracking-card__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ok-spacing-md);margin-bottom:var(--ok-spacing-md)}.ok-visit-tracking-card__select{min-height:44px;padding:var(--ok-spacing-sm) var(--ok-spacing-md);font-size:var(--ok-font-size-body);border:2px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-md);transition:border-color var(--ok-transition-smooth),box-shadow var(--ok-transition-smooth)}.ok-visit-tracking-card__select:hover{border-color:var(--ok-color-water-blue-dark, #003068)}.ok-visit-tracking-card__select:focus{outline:none;border-color:var(--ok-color-water-blue-dark, #003068);box-shadow:0 0 0 3px #00306833}.ok-visit-tracking-card__select:focus-visible{outline:2px solid var(--ok-color-focus, #004e9a);outline-offset:2px}.ok-visit-tracking-card__select:disabled{opacity:.6;cursor:not-allowed}.ok-visit-tracking-card__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--ok-spacing-lg)}.ok-visit-tracking-card__stat{text-align:center}.ok-visit-tracking-card__stat-value{display:block;font-size:var(--ok-font-size-2xl, 1.5rem);font-weight:var(--ok-font-weight-bold);color:var(--ok-color-water-blue-dark)}.ok-visit-tracking-card__stat-label{font-size:var(--ok-font-size-sm);color:var(--ok-color-text-secondary)}.ok-visit-tracking-card__loading,.ok-visit-tracking-card__error,.ok-chart-container__loading,.ok-chart-container__empty,.ok-top-permits-table__empty{margin:0;padding:var(--ok-spacing-md)}.ok-chart-container{background:var(--ok-color-bg-card);border:1px solid var(--ok-color-border-light);border-radius:var(--ok-radius-lg);padding:var(--ok-spacing-lg);min-height:200px;box-shadow:var(--ok-shadow-card)}.ok-chart-container__header{display:flex;align-items:center;justify-content:space-between;gap:var(--ok-spacing-md);margin-bottom:var(--ok-spacing-md)}.ok-chart-container__header .ok-analytics-card__title{margin-bottom:0}.ok-chart-toggle{display:flex;border:1px solid var(--ok-color-border-light);border-radius:var(--ok-radius-sm);overflow:hidden}.ok-chart-toggle__btn{padding:var(--ok-spacing-xs) var(--ok-spacing-md);font-size:var(--ok-font-size-small);font-weight:var(--ok-font-weight-regular);background:var(--ok-color-bg-card);border:none;cursor:pointer;color:var(--ok-gray-600);transition:all var(--ok-transition-fast);min-height:32px}.ok-chart-toggle__btn+.ok-chart-toggle__btn{border-left:1px solid var(--ok-color-border-light)}.ok-chart-toggle__btn--active{background:var(--ok-secondary);color:var(--ok-text-inverse);font-weight:var(--ok-font-weight-semibold)}.ok-chart-toggle__btn:hover:not(.ok-chart-toggle__btn--active){background:var(--ok-gray-50)}.ok-chart-toggle__btn:focus-visible{outline:2px solid var(--ok-focus);outline-offset:-2px}.ok-top-permits-table .ok-table{width:100%;border-collapse:collapse}.ok-top-permits-table .ok-table th,.ok-top-permits-table .ok-table td{padding:var(--ok-spacing-sm) var(--ok-spacing-md);text-align:left;border-bottom:1px solid var(--ok-color-border)}.ok-profile-page__grid{display:grid;gap:var(--ok-spacing-lg);margin-bottom:var(--ok-spacing-xl)}.ok-profile-page__analytics{display:grid;gap:var(--ok-spacing-lg)}.ok-profile-page__chart-wrap,.ok-profile-page__top-permits{min-width:0}.ok-breadcrumb{margin-bottom:var(--ok-spacing-md)}.ok-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--ok-spacing-xs);padding:0;margin:0;font-size:var(--ok-font-size-caption);color:var(--ok-gray-500)}.ok-breadcrumb li{display:flex;align-items:center}.ok-breadcrumb li+li:before{content:">";margin-right:var(--ok-spacing-xs);color:var(--ok-gray-400)}.ok-breadcrumb a{color:var(--ok-color-text-link);text-decoration:none}.ok-breadcrumb a:hover{text-decoration:underline}.ok-breadcrumb [aria-current=page]{color:var(--ok-gray-700);font-weight:var(--ok-font-weight-semibold)}.ok-top-action-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--ok-spacing-md);margin-bottom:var(--ok-spacing-lg)}.ok-top-action-bar h1{margin:0;font-size:var(--ok-font-size-h3)}.ok-top-action-bar__left{display:flex;align-items:center;gap:var(--ok-spacing-md);flex-wrap:wrap}.ok-top-action-bar__actions{display:flex;align-items:center;gap:var(--ok-spacing-sm)}.ok-top-action-bar__success{display:inline-flex;align-items:center;gap:var(--ok-spacing-xs);color:var(--ok-primary);font-size:var(--ok-font-size-caption);font-weight:var(--ok-font-weight-semibold)}.ok-permit-count-badge{display:inline-flex;align-items:center;padding:6px 14px;border:1px solid var(--ok-gray-300);border-radius:var(--ok-radius-md);font-size:13px;font-weight:var(--ok-font-weight-semibold);color:var(--ok-color-text-primary);background:var(--ok-color-bg-primary);white-space:nowrap}.ok-public-view-icon{display:inline-flex;align-items:center;gap:var(--ok-spacing-xs);font-size:var(--ok-font-size-caption)}.ok-public-view-icon .material-icons-outlined{font-size:20px}.ok-public-view-icon--visible{color:var(--ok-primary)}.ok-public-view-icon--hidden{color:var(--ok-danger)}.ok-section-header{font-size:var(--ok-font-size-h5);font-weight:var(--ok-font-weight-semibold);color:var(--ok-gray-800);margin:0 0 var(--ok-spacing-md);padding-bottom:var(--ok-spacing-sm);border-bottom:2px solid var(--ok-color-border-light)}.ok-dashboard{display:flex;flex-direction:column;gap:var(--ok-spacing-lg)}.ok-dashboard .ok-quick-action:hover,.ok-dashboard .ok-quick-action:focus-visible{background-color:var(--ok-color-woodland-green-dark);color:var(--ok-color-text-inverse);border-color:var(--ok-color-woodland-green-dark)}.ok-dashboard .ok-btn--primary:hover:not(:disabled),.ok-dashboard .ok-btn--secondary:hover:not(:disabled),.ok-dashboard .ok-btn--ghost:hover:not(:disabled){background-color:var(--ok-color-woodland-green-dark);border-color:var(--ok-color-woodland-green-dark);color:var(--ok-color-text-inverse)}.ok-dashboard .ok-expiring-alert__link:hover{background-color:var(--ok-color-woodland-green-dark);color:var(--ok-color-text-inverse);border-color:var(--ok-color-woodland-green-dark)}.ok-dashboard .ok-expiring-alert__dismiss:hover{background-color:var(--ok-color-woodland-green-dark);color:var(--ok-color-text-inverse)}.ok-dashboard__row{display:grid;gap:var(--ok-spacing-lg)}.ok-dashboard__row--2col{grid-template-columns:1fr 1fr}.ok-dashboard__card{min-width:0;overflow:hidden;border-radius:var(--ok-radius-lg)}.ok-dashboard__card--full{grid-column:1 / -1}.ok-dashboard__card--stack{display:flex;flex-direction:column;gap:var(--ok-spacing-lg)}.ok-dashboard__card .ok-analytics-card{height:100%;transition:box-shadow var(--ok-transition-normal),transform var(--ok-transition-normal)}.ok-dashboard__card .ok-analytics-card:hover{box-shadow:var(--ok-shadow-lg);transform:translateY(-2px)}.ok-analytics-card__title{margin:0 0 var(--ok-spacing-md);font-size:var(--ok-font-size-lg, 1.125rem);font-weight:var(--ok-font-weight-semibold);color:var(--ok-gray-800)}.ok-analytics-card__loading{margin:0;padding:var(--ok-spacing-md);color:var(--ok-gray-500)}.ok-analytics-card__error{margin:0;padding:var(--ok-spacing-md);color:var(--ok-accent-dark)}.ok-analytics-card__empty{margin:0;padding:var(--ok-spacing-md);color:var(--ok-gray-500);font-style:italic}.ok-welcome-hero{display:flex;align-items:center;gap:var(--ok-spacing-lg);padding:var(--ok-spacing-xl);background:var(--ok-gradient-primary);border-radius:var(--ok-radius-lg);color:var(--ok-text-inverse);position:relative;overflow:hidden}.ok-welcome-hero:after{content:"";position:absolute;top:-30%;right:-5%;width:250px;height:250px;border-radius:50%;background:#ffffff0f;pointer-events:none}.ok-welcome-hero__avatar{width:64px;height:64px;min-width:64px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;font-family:var(--ok-font-heading);font-size:1.5rem;font-weight:var(--ok-font-weight-semibold);letter-spacing:1px;border:2px solid rgba(255,255,255,.3)}.ok-welcome-hero__content{flex:1;min-width:0}.ok-welcome-hero__greeting{margin:0;font-family:var(--ok-font-heading);font-size:var(--ok-font-size-h3);font-weight:var(--ok-font-weight-semibold);line-height:var(--ok-line-height-heading);color:var(--ok-text-inverse)}.ok-welcome-hero__meta{display:flex;align-items:center;gap:var(--ok-spacing-sm);margin-top:var(--ok-spacing-sm)}.ok-welcome-hero__separator{opacity:.5}.ok-welcome-hero__date{font-size:var(--ok-font-size-small);opacity:.8}.ok-welcome-hero .ok-badge--staff{background:#fff3;color:var(--ok-text-inverse);border:1px solid rgba(255,255,255,.3)}.ok-stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ok-spacing-md)}.ok-stat-card{display:flex;align-items:center;gap:var(--ok-spacing-md);padding:var(--ok-spacing-lg);background:var(--ok-color-bg-card);border-radius:var(--ok-radius-lg);border:1px solid var(--ok-color-border-light);box-shadow:var(--ok-shadow-sm);transition:box-shadow var(--ok-transition-normal),transform var(--ok-transition-normal)}.ok-stat-card:hover{box-shadow:var(--ok-shadow-md);transform:translateY(-2px)}.ok-stat-card__icon{width:48px;height:48px;min-width:48px;border-radius:var(--ok-radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:var(--ok-font-weight-semibold)}.ok-stat-card--success .ok-stat-card__icon{background:var(--ok-alert-success);color:var(--ok-primary)}.ok-stat-card--warning .ok-stat-card__icon{background:var(--ok-alert-warning);color:var(--ok-accent)}.ok-stat-card--info .ok-stat-card__icon{background:var(--ok-alert-info);color:var(--ok-secondary)}.ok-stat-card--neutral .ok-stat-card__icon{background:var(--ok-gray-100);color:var(--ok-gray-700)}.ok-stat-card__body{display:flex;flex-direction:column;min-width:0}.ok-stat-card__value{font-family:var(--ok-font-heading);font-size:var(--ok-font-size-h3);font-weight:var(--ok-font-weight-semibold);line-height:1;color:var(--ok-gray-900)}.ok-stat-card__label{font-size:var(--ok-font-size-small);color:var(--ok-gray-600);margin-top:var(--ok-spacing-xs)}.ok-stat-card__skeleton{display:inline-block;width:48px;height:1.75rem;border-radius:var(--ok-radius-sm);background:linear-gradient(90deg,var(--ok-gray-100) 25%,var(--ok-gray-50) 50%,var(--ok-gray-100) 75%);background-size:200% 100%;animation:ok-skeleton-pulse 1.5s ease-in-out infinite}.ok-quick-actions{display:flex;gap:var(--ok-spacing-md);flex-wrap:wrap}.ok-quick-action{display:flex;align-items:center;gap:var(--ok-spacing-sm);padding:var(--ok-spacing-sm) var(--ok-spacing-lg);background:var(--ok-color-bg-card);border:1px solid var(--ok-color-border-light);border-radius:var(--ok-radius-lg);font-size:var(--ok-font-size-body);font-weight:var(--ok-font-weight-regular);color:var(--ok-secondary);text-decoration:none;transition:all var(--ok-transition-normal);min-height:var(--ok-touch-target-min);box-shadow:var(--ok-shadow-sm)}.ok-quick-action:hover,.ok-quick-action:focus-visible{background:var(--ok-secondary);color:var(--ok-text-inverse);border-color:var(--ok-secondary);box-shadow:var(--ok-shadow-md);transform:translateY(-1px)}.ok-quick-action__icon{font-size:1.1rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--ok-radius-sm);background:var(--ok-secondary-light);transition:background var(--ok-transition-normal)}.ok-quick-action:hover .ok-quick-action__icon,.ok-quick-action:focus-visible .ok-quick-action__icon{background:#fff3}.ok-quick-action__label{white-space:nowrap}.ok-expiring-alert{display:flex;align-items:center;justify-content:space-between;padding:var(--ok-spacing-md) var(--ok-spacing-lg);background:var(--ok-alert-warning);border:1px solid var(--ok-accent);border-left:4px solid var(--ok-accent);border-radius:var(--ok-radius-md);gap:var(--ok-spacing-md)}.ok-expiring-alert__content{display:flex;align-items:center;gap:var(--ok-spacing-md);flex-wrap:wrap}.ok-expiring-alert__icon{font-size:1.25rem;color:var(--ok-accent)}.ok-expiring-alert__text{margin:0;font-size:var(--ok-font-size-body);color:var(--ok-accent-dark)}.ok-expiring-alert__link{font-weight:var(--ok-font-weight-semibold);color:var(--ok-accent-dark);text-decoration:underline;white-space:nowrap}.ok-expiring-alert__link:hover{color:var(--ok-accent)}.ok-expiring-alert__dismiss{background:none;border:none;font-size:1rem;color:var(--ok-accent-dark);cursor:pointer;padding:var(--ok-spacing-xs);border-radius:var(--ok-radius-sm);min-width:var(--ok-touch-target-min);min-height:var(--ok-touch-target-min);display:flex;align-items:center;justify-content:center}.ok-expiring-alert__dismiss:hover{background:#0000000f}.ok-status-chart__content{position:relative}.ok-status-chart__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);text-align:center;pointer-events:none}.ok-status-chart__total-value{display:block;font-family:var(--ok-font-heading);font-size:var(--ok-font-size-h3);font-weight:var(--ok-font-weight-semibold);color:var(--ok-gray-900);line-height:1}.ok-status-chart__total-label{display:block;font-size:var(--ok-font-size-small);color:var(--ok-gray-500);margin-top:2px}.ok-commodity-chart{display:flex;flex-direction:column;min-height:0}.ok-commodity-chart__scroll{flex:1 1 auto;min-height:0;max-height:320px;overflow:auto;-webkit-overflow-scrolling:touch}.ok-activity-feed__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;counter-reset:activity}.ok-dashboard__card--full .ok-activity-feed__list{max-height:220px;overflow-y:auto;-webkit-overflow-scrolling:touch}.ok-activity-feed__loading{display:flex;flex-direction:column;gap:var(--ok-spacing-sm)}.ok-activity-feed__skeleton{height:48px;border-radius:var(--ok-radius-sm);background:linear-gradient(90deg,var(--ok-gray-100) 25%,var(--ok-gray-50) 50%,var(--ok-gray-100) 75%);background-size:200% 100%;animation:ok-skeleton-pulse 1.5s ease-in-out infinite}@keyframes ok-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.ok-activity-item{display:flex;align-items:flex-start;gap:var(--ok-spacing-sm);padding:var(--ok-spacing-sm) 0;border-bottom:1px solid var(--ok-gray-100)}.ok-activity-item:last-child{border-bottom:none}.ok-activity-item__icon{width:30px;height:30px;min-width:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px}.ok-activity-item--create .ok-activity-item__icon{background:var(--ok-alert-success);color:var(--ok-primary)}.ok-activity-item--update .ok-activity-item__icon{background:var(--ok-alert-info);color:var(--ok-secondary)}.ok-activity-item--delete .ok-activity-item__icon{background:var(--ok-alert-error);color:var(--ok-danger)}.ok-activity-item__body{min-width:0;flex:1}.ok-activity-item__desc{margin:0;font-size:var(--ok-font-size-small);color:var(--ok-gray-800);line-height:1.4}.ok-activity-item__desc strong{font-weight:var(--ok-font-weight-semibold)}.ok-activity-item__link{font-size:var(--ok-font-size-legal);color:var(--ok-text-link);text-decoration:none}.ok-activity-item__link:hover{text-decoration:underline}.ok-activity-item__time{font-size:var(--ok-font-size-legal);color:var(--ok-gray-500);white-space:nowrap;margin-top:2px}.ok-system-overview__content{display:flex;flex-direction:column;gap:var(--ok-spacing-lg)}.ok-system-overview__stats{display:flex;gap:var(--ok-spacing-xl);flex-wrap:wrap}.ok-system-overview__stat{display:flex;flex-direction:column;align-items:center;min-width:80px}.ok-system-overview__stat-value{font-family:var(--ok-font-heading);font-size:var(--ok-font-size-h3);font-weight:var(--ok-font-weight-semibold);color:var(--ok-gray-900);line-height:1}.ok-system-overview__stat-label{font-size:var(--ok-font-size-small);color:var(--ok-gray-600);margin-top:var(--ok-spacing-xs)}.ok-system-overview__status{font-size:var(--ok-font-size-body);font-weight:var(--ok-font-weight-semibold)}.ok-system-overview__status--ok{color:var(--ok-primary)}.ok-system-overview__status--warn{color:var(--ok-accent)}.ok-system-overview__roles{border-top:1px solid var(--ok-color-border-light);padding-top:var(--ok-spacing-md)}.ok-system-overview__roles-title{font-size:var(--ok-font-size-small);font-weight:var(--ok-font-weight-semibold);color:var(--ok-gray-700);margin:0 0 var(--ok-spacing-sm);text-transform:uppercase;letter-spacing:.05em}.ok-system-overview__role-bars{display:flex;flex-direction:column;gap:var(--ok-spacing-sm)}.ok-system-overview__role-row{display:flex;align-items:center;gap:var(--ok-spacing-sm)}.ok-system-overview__role-name,.ok-system-overview__role-label{width:90px;min-width:90px;font-size:var(--ok-font-size-small);color:var(--ok-gray-700);text-transform:capitalize}.ok-system-overview__role-bar-track{flex:1;height:8px;border-radius:4px;background:var(--ok-gray-100);overflow:hidden}.ok-system-overview__role-bar-fill{height:100%;border-radius:4px;transition:width var(--ok-transition-slow);width:var(--bar-width, 0%);background-color:var(--bar-color, var(--ok-gray-400))}.ok-system-overview__loading{display:flex;flex-direction:column;gap:var(--ok-spacing-sm)}.ok-system-overview__role-count{width:24px;text-align:right;font-size:var(--ok-font-size-small);font-weight:var(--ok-font-weight-semibold);color:var(--ok-gray-800)}.ok-edit-permit-layout--two-col{display:grid;grid-template-columns:1fr 400px;gap:var(--ok-spacing-xl);align-items:start}.ok-edit-permit-layout__form{min-width:0}.ok-edit-permit-layout__history{position:sticky;top:var(--ok-spacing-md);background:var(--ok-color-bg-card);border:1px solid var(--ok-color-border-light);border-radius:var(--ok-radius-md);padding:var(--ok-spacing-lg);box-shadow:var(--ok-shadow-card);max-height:calc(100vh - 120px);overflow-y:auto}.ok-edit-permit-layout__empty{color:var(--ok-gray-500);font-style:italic}.ok-edit-permit-page--three-sections{display:flex;flex-direction:column}.ok-edit-permit-page__top-row{display:grid;grid-template-columns:1fr 380px;gap:var(--ok-spacing-xl);align-items:start}.ok-edit-permit-section{background:var(--ok-color-bg-card);border:1px solid var(--ok-color-border-light);border-radius:var(--ok-radius-md);box-shadow:var(--ok-shadow-card);overflow-y:auto;min-height:0;padding:5px}.ok-edit-permit-page__top-row>.ok-permit-form{flex:1 1 auto;min-height:min(60vh,580px);max-height:min(82vh,820px);min-width:0;width:100%;overflow-y:auto}.ok-edit-permit-page__top-row>.ok-permit-form .ok-permit-form__sections-wrapper{display:block;width:100%;min-width:0}.ok-edit-permit-page__top-row>.ok-permit-form .ok-permit-form__grid{gap:var(--ok-spacing-sm) 14px}@media (min-width: 768px){.ok-edit-permit-page__top-row>.ok-permit-form{width:100%;min-width:0}.ok-edit-permit-page__top-row>.ok-permit-form .ok-permit-form__grid{grid-template-columns:1fr 1fr;width:100%;min-width:0}}.ok-edit-permit-section--history{flex:0 1 auto;max-height:min(50vh,600px)}.ok-edit-permit-section--documents{flex:0 1 auto;max-height:min(50vh,500px);margin-top:32px}.ok-edit-permit-section--documents .ok-document-boxes{flex-wrap:nowrap;gap:var(--ok-spacing-sm);overflow-x:auto;min-width:0}.ok-edit-permit-section--documents .ok-document-box{flex:1 1 0;min-width:120px;max-width:none}.ok-edit-permit-page--three-sections .ok-edit-permit-section--history .ok-edit-permit-layout__history{position:static;max-height:none;border:none;padding:0;box-shadow:none;background:transparent}.ok-edit-permit-page--three-sections .ok-edit-permit-section--history .ok-section-header{margin-top:0}.ok-permit-detail-page__status{display:flex;align-items:center;gap:var(--ok-spacing-md);margin-bottom:var(--ok-spacing-lg)}.ok-permit-detail-page__columns{margin-bottom:var(--ok-spacing-xl)}.ok-permit-detail-page__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ok-spacing-sm) var(--ok-spacing-xl)}.ok-permit-detail-page__field{display:flex;flex-direction:column;padding:var(--ok-spacing-sm) 0}.ok-permit-detail-page__field dt{font-size:var(--ok-font-size-caption);color:var(--ok-gray-500);font-weight:var(--ok-font-weight-semibold);margin-bottom:2px}.ok-permit-detail-page__field dd{margin:0;font-size:var(--ok-font-size-body);color:var(--ok-gray-800)}.ok-permit-detail-page__documents,.ok-permit-detail-page__history{margin-bottom:var(--ok-spacing-xl)}.ok-permit-detail-page__danger-zone{padding-top:var(--ok-spacing-lg);border-top:1px solid var(--ok-color-border-light)}.ok-document-folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--ok-spacing-md)}.ok-document-folder{background:var(--ok-color-bg-card);border:1px solid var(--ok-color-border-light);border-radius:var(--ok-radius-md);padding:var(--ok-spacing-md)}.ok-document-folder__title{display:flex;align-items:center;gap:var(--ok-spacing-sm);font-size:var(--ok-font-size-body);font-weight:var(--ok-font-weight-semibold);margin:0 0 var(--ok-spacing-sm);color:var(--ok-gray-700)}.ok-document-folder__empty{color:var(--ok-gray-500);font-size:var(--ok-font-size-caption);font-style:italic;margin:0;padding:var(--ok-spacing-sm) var(--ok-spacing-md)}.ok-document-folder__list{list-style:none;padding:0;margin:0}.ok-document-item{display:flex;align-items:center;gap:var(--ok-spacing-sm);padding:var(--ok-spacing-xs) 0;font-size:var(--ok-font-size-caption)}.ok-document-item__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ok-document-item__actions{display:flex;gap:var(--ok-spacing-sm)}.ok-document-item__actions a{color:var(--ok-color-text-link);text-decoration:none;font-weight:var(--ok-font-weight-semibold)}.ok-document-item__actions a:hover{text-decoration:underline}.ok-custom-columns__row{display:flex;flex-wrap:wrap;gap:var(--ok-spacing-md);align-items:center;margin-bottom:var(--ok-spacing-sm)}.ok-custom-columns__row .ok-input{display:flex;flex:1;min-width:200px;align-items:center;gap:var(--ok-spacing-md)}.ok-custom-columns__row .ok-input__label{flex:0 0 30px;margin:0}.ok-custom-columns__row .ok-input__field{flex:1}.ok-permit-form--edit .ok-custom-columns__row .ok-input{flex:1;min-width:140px}.ok-custom-columns__actions{display:flex;align-items:center;gap:var(--ok-spacing-md);padding-bottom:0}.ok-custom-columns__visibility{font-size:var(--ok-font-size-caption);color:var(--ok-gray-800);display:flex;align-items:center;gap:var(--ok-spacing-xs);margin:0}.ok-custom-columns__remove-btn{background:none;border:none;color:var(--ok-danger);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.ok-custom-columns__remove-btn:hover{opacity:.8}.ok-custom-columns__add-btn{background:none;border:none;color:var(--ok-secondary);font-size:var(--ok-font-size-caption);font-weight:var(--ok-font-weight-semibold);cursor:pointer;padding:0;display:inline-flex;align-items:center;margin-top:var(--ok-spacing-xs)}.ok-custom-columns__add-btn:hover{text-decoration:underline}.ok-custom-columns__add-link{color:var(--ok-color-water-blue-dark, var(--ok-secondary));text-decoration:none}.ok-permit-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ok-spacing-lg);margin-bottom:var(--ok-spacing-xl);min-width:0}@media (max-width: 767px){.ok-permit-form__grid{grid-template-columns:1fr}}.ok-field-group{display:flex;flex-direction:column;min-width:0}.ok-permit-form--create .ok-field-group{flex-direction:row;align-items:center;gap:var(--ok-spacing-md);min-width:0}.ok-permit-form--create .ok-input,.ok-permit-form--create .ok-select{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--ok-spacing-md);flex:1;min-width:0}.ok-permit-form--create .ok-input__label,.ok-permit-form--create .ok-select__label{flex:0 0 140px;min-width:0;margin:0;text-align:left}.ok-permit-form--create .ok-input__field,.ok-permit-form--create .ok-select__field{flex:1;min-width:0}.ok-permit-form--create .ok-input__error,.ok-permit-form--create .ok-select__error{flex-basis:100%;width:100%;margin:4px 0 0;padding-left:calc(140px + var(--ok-spacing-md, 1rem));order:10;box-sizing:border-box}.ok-permit-form--create .ok-visibility-toggle{flex:0 0 auto;white-space:nowrap}.ok-permit-form--edit .ok-field-group,.ok-permit-form--view .ok-field-group{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label toggle" "input input" "error error";gap:var(--ok-spacing-xs) 0;align-items:center}.ok-permit-form--edit .ok-input,.ok-permit-form--edit .ok-select,.ok-permit-form--view .ok-input,.ok-permit-form--view .ok-select{display:contents}.ok-permit-form--edit .ok-input__label,.ok-permit-form--edit .ok-select__label,.ok-permit-form--view .ok-input__label,.ok-permit-form--view .ok-select__label{grid-area:label;margin:0}.ok-permit-form--edit .ok-input__field,.ok-permit-form--edit .ok-select__field,.ok-permit-form--view .ok-input__field,.ok-permit-form--view .ok-select__field{grid-area:input;width:100%}.ok-permit-form--edit .ok-input__error,.ok-permit-form--edit .ok-select__error,.ok-permit-form--view .ok-input__error,.ok-permit-form--view .ok-select__error{grid-area:error;margin-top:4px}.ok-permit-form--edit .ok-visibility-toggle,.ok-permit-form--view .ok-visibility-toggle{grid-area:toggle;margin:0 0 0 -10px}.ok-visibility-toggle{display:flex;align-items:center;gap:var(--ok-spacing-xs);font-size:var(--ok-font-size-caption);color:var(--ok-gray-600)}.ok-permit-form__header-row .ok-permit-form__master-visibility{position:static;flex-shrink:0}.ok-permit-form__master-visibility{position:absolute;top:24px;right:24px;background-color:var(--ok-color-bg-primary);border:1px solid var(--ok-gray-300);border-radius:20px;padding:4px 12px;display:flex;align-items:center}.ok-permit-form__master-visibility label{display:flex;align-items:center;gap:var(--ok-spacing-sm);font-weight:var(--ok-font-weight-semibold);font-size:var(--ok-font-size-caption);color:var(--ok-gray-700);margin:0;cursor:pointer}.ok-permit-form__master-visibility input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:20px;background-color:var(--ok-color-alert-disabled);border-radius:10px;position:relative;outline:none;cursor:pointer;transition:background-color var(--ok-transition-fast)}.ok-permit-form__master-visibility input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:transform var(--ok-transition-fast);box-shadow:0 1px 2px #0003}.ok-permit-form__master-visibility input[type=checkbox]:checked{background-color:var(--ok-color-woodland-green)}.ok-permit-form__master-visibility input[type=checkbox]:checked:after{transform:translate(16px)}.ok-permit-accordion{background-color:var(--ok-color-bg-primary);border-bottom:1px solid var(--ok-gray-200);margin-bottom:0;padding:0}.ok-permit-accordion__summary{list-style:none;cursor:pointer;padding:var(--ok-spacing-md) 0;font-family:var(--ok-font-family-heading);font-size:var(--ok-font-size-body);font-weight:var(--ok-font-weight-semibold);color:var(--ok-gray-800);transition:background-color var(--ok-transition-fast)}.ok-permit-accordion__summary::-webkit-details-marker{display:none}.ok-permit-accordion__title{display:flex;align-items:center;gap:var(--ok-spacing-sm)}.ok-permit-accordion__icon{font-size:20px;color:var(--ok-gray-500);transition:transform var(--ok-transition-fast);transform:rotate(-90deg)}.ok-permit-accordion[open] .ok-permit-accordion__icon{transform:rotate(0)}.ok-permit-accordion__content{padding-bottom:var(--ok-spacing-lg);padding-left:32px}.ok-permit-form--edit{background-color:transparent;border:none;box-shadow:none;padding:0}.ok-permit-form--edit .ok-permit-form__sections-wrapper{display:grid;grid-template-columns:2fr 0px;gap:var(--ok-spacing-xl);row-gap:2rem;column-gap:0rem;align-items:start;margin-bottom:var(--ok-spacing-xl)}.ok-permit-form__sections-wrapper{min-width:0}.ok-permit-form__sidebar-slot{position:sticky;top:var(--ok-spacing-md)}.ok-permit-form--edit .ok-permit-form__master-visibility{position:absolute;right:0;background:none;border:none;box-shadow:none}.ok-permit-form{position:relative;max-width:100%;background-color:var(--ok-color-bg-primary);border:1px solid var(--ok-gray-200);border-radius:var(--ok-radius-lg);padding:var(--ok-spacing-xl) var(--ok-spacing-2xl);box-shadow:0 4px 12px #0000000d}.ok-permit-form__section{margin-bottom:var(--ok-spacing-2xl)}.ok-permit-form__section-title{font-size:var(--ok-font-size-h6);font-weight:var(--ok-font-weight-bold);color:var(--ok-gray-800);margin-bottom:var(--ok-spacing-md);text-transform:uppercase}.ok-new-permit-page .ok-permit-form__section-title{border-bottom:none;padding-bottom:0}.ok-permit-form__confirm-intro{margin-bottom:var(--ok-spacing-md)}.ok-permit-form__confirm-warning{margin:0 0 var(--ok-spacing-sm);padding:var(--ok-spacing-sm) var(--ok-spacing-md);background-color:var(--ok-color-alert-warning);border-left:4px solid var(--ok-color-woodland-green-dark, #1e5631);border-radius:0 var(--ok-radius-sm, 4px) var(--ok-radius-sm, 4px) 0}.ok-permit-form__confirm-summary{min-height:16rem;max-height:50vh;overflow-y:auto}.ok-permit-form__confirm-no-changes{color:var(--ok-gray-600);font-style:italic}.ok-permit-form__confirm-changes{display:grid;gap:var(--ok-spacing-sm);margin:0 0 var(--ok-spacing-md);padding:0;list-style:none}.ok-permit-form__confirm-change-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--ok-spacing-md);align-items:baseline;padding:var(--ok-spacing-xs) 0;border-bottom:1px solid var(--ok-gray-200)}.ok-permit-form__confirm-change-row:last-of-type{border-bottom:none}.ok-permit-form__confirm-change-label{margin:0;font-weight:var(--ok-font-weight-semibold);color:var(--ok-gray-700)}.ok-permit-form__confirm-change-values{margin:0;font-size:var(--ok-font-size-sm);color:var(--ok-gray-800)}.ok-permit-form__confirm-old{color:var(--ok-gray-500);text-decoration:line-through}.ok-permit-form__confirm-arrow{margin:0 var(--ok-spacing-2xs);color:var(--ok-gray-400)}.ok-permit-form__confirm-new{font-weight:var(--ok-font-weight-medium)}.ok-permit-form__confirm-uploads{margin-top:var(--ok-spacing-md);padding-top:var(--ok-spacing-md);border-top:1px solid var(--ok-gray-200)}.ok-permit-form__confirm-uploads ul{margin:var(--ok-spacing-xs) 0 0;padding-left:var(--ok-spacing-lg)}.ok-search-highlight{display:inline;font-weight:var(--ok-font-weight-bold, 700);background-color:#fef3c7;color:var(--ok-color-text-primary)}.form-group{margin-bottom:var(--ok-spacing-lg)}.form-group__label{display:block;font-weight:var(--ok-font-weight-semibold);margin-bottom:var(--ok-spacing-xs);color:var(--ok-color-text-primary)}.form-group__required{color:var(--ok-color-focus-error);margin-left:var(--ok-spacing-xs)}.form-group__help{font-size:var(--ok-font-size-caption);color:var(--ok-color-text-primary);margin-top:var(--ok-spacing-xs);opacity:.8}.form-group__error{font-size:var(--ok-font-size-caption);color:var(--ok-color-focus-error);margin-top:var(--ok-spacing-xs)}.input{width:100%;padding:var(--ok-spacing-sm) var(--ok-spacing-md);font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);line-height:1.5;color:var(--ok-color-text-primary);background-color:var(--ok-color-bg-primary);border:2px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-sm);transition:border-color var(--ok-transition-fast);min-height:44px}.input:hover{border-color:var(--ok-color-water-blue)}.input:focus{border-color:var(--ok-color-water-blue-dark);outline:none;box-shadow:0 0 0 3px #1ca6df4d}.input--error{border-color:var(--ok-color-focus-error)}.input--error:focus{box-shadow:0 0 0 3px #e2000033}.select{width:100%;padding:var(--ok-spacing-sm) var(--ok-spacing-md);font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);color:var(--ok-color-text-primary);background-color:var(--ok-color-bg-primary);border:2px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-sm);min-height:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color var(--ok-transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23464646' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.select:hover{border-color:var(--ok-color-water-blue)}.select:focus{border-color:var(--ok-color-water-blue-dark);outline:none;box-shadow:0 0 0 3px #1ca6df4d}.select--error{border-color:var(--ok-color-focus-error)}.select--error:focus{box-shadow:0 0 0 3px #e2000033}.select:disabled,.input:disabled{background-color:var(--ok-color-alert-neutral);color:var(--ok-color-alert-disabled);cursor:not-allowed;border-color:var(--ok-color-alert-disabled)}.textarea{width:100%;padding:var(--ok-spacing-sm) var(--ok-spacing-md);font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);line-height:1.5;color:var(--ok-color-text-primary);background-color:var(--ok-color-bg-primary);border:2px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-sm);transition:border-color var(--ok-transition-fast);min-height:100px;resize:vertical}.textarea:hover{border-color:var(--ok-color-water-blue)}.textarea:focus{border-color:var(--ok-color-water-blue-dark);outline:none;box-shadow:0 0 0 3px #1ca6df4d}.textarea--error{border-color:var(--ok-color-focus-error)}.textarea--error:focus{box-shadow:0 0 0 3px #e2000033}.textarea:disabled{background-color:var(--ok-color-alert-neutral);color:var(--ok-color-alert-disabled);cursor:not-allowed}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:var(--ok-spacing-sm)}.checkbox-label,.radio-label{display:flex;align-items:center;gap:var(--ok-spacing-sm);cursor:pointer;min-height:44px;padding:var(--ok-spacing-xs) 0}.checkbox-label input[type=checkbox],.radio-label input[type=radio]{width:20px;height:20px;accent-color:var(--ok-color-woodland-green)}.ok-input{margin-bottom:var(--ok-spacing-sm)}.ok-input__label{display:block;font-weight:var(--ok-font-weight-semibold);margin-bottom:var(--ok-spacing-xs);color:var(--ok-color-text-primary);font-size:var(--ok-font-size-body)}.ok-input__required{color:var(--ok-danger);margin-left:2px}.ok-input__field{width:100%;padding:var(--ok-spacing-sm) var(--ok-spacing-md);font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);line-height:1.5;color:var(--ok-color-text-primary);background-color:var(--ok-color-bg-primary);border:2px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-md);transition:border-color var(--ok-transition-smooth),box-shadow var(--ok-transition-smooth);min-height:var(--ok-touch-target-min)}.ok-input__field:hover{border-color:var(--ok-gray-400)}.ok-input__field:focus{border-color:var(--ok-primary);outline:none;box-shadow:0 0 0 3px #32682026}.ok-input__field--error{border-color:var(--ok-danger)}.ok-input__field--error:focus{box-shadow:0 0 0 3px #e2000033}.ok-input__field:disabled{background-color:var(--ok-color-alert-neutral);color:var(--ok-color-alert-disabled);cursor:not-allowed;border-color:var(--ok-color-alert-disabled)}.ok-input__helper{font-size:var(--ok-font-size-caption);color:var(--ok-gray-600);margin-top:var(--ok-spacing-xs)}.ok-input__error{font-size:var(--ok-font-size-caption);color:var(--ok-danger);margin-top:var(--ok-spacing-xs)}.ok-commodity-select{position:relative}.ok-commodity-select__wrapper{position:relative;min-width:0}.ok-commodity-select__input-wrap{position:relative;display:block}.ok-commodity-select__input{width:100%;padding:var(--ok-spacing-sm) var(--ok-spacing-md);padding-right:36px;font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);color:var(--ok-color-text-primary);background-color:var(--ok-color-bg-primary);border:2px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-md);min-height:var(--ok-touch-target-min);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color var(--ok-transition-smooth),box-shadow var(--ok-transition-smooth);background-image:none}.ok-commodity-select__input:hover{border-color:var(--ok-gray-400)}.ok-commodity-select__input:focus{border-color:var(--ok-primary);outline:none;box-shadow:0 0 0 3px #32682026}.ok-commodity-select__input:disabled{background-color:var(--ok-color-alert-neutral);color:var(--ok-color-alert-disabled);cursor:not-allowed}.ok-commodity-select__input--readonly{cursor:default}.ok-commodity-select__chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--ok-color-text-secondary, #464646);transition:transform var(--ok-transition-fast)}.ok-commodity-select__input-wrap:focus-within .ok-commodity-select__chevron{transform:translateY(-50%) rotate(180deg)}.ok-commodity-select__list{position:absolute;top:100%;left:0;right:0;margin-top:var(--ok-spacing-xs);background-color:var(--ok-color-bg-primary);border:2px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-md);box-shadow:var(--ok-shadow-lg);z-index:1000;max-height:min(280px,50vh);overflow-y:auto;overflow-x:hidden}.ok-commodity-select__options{list-style:none;margin:0;padding:var(--ok-spacing-xs)}.ok-commodity-select__option{display:flex;align-items:center;gap:var(--ok-spacing-sm);padding:var(--ok-spacing-sm) var(--ok-spacing-md);font-size:var(--ok-font-size-controls);font-family:var(--ok-font-family-body);cursor:pointer;min-height:var(--ok-touch-target-min);border-radius:var(--ok-radius-sm);transition:background-color var(--ok-transition-fast)}.ok-commodity-select__option:hover{background-color:var(--ok-gray-50, #f5f5f5)}.ok-commodity-select__option[aria-selected=true]{background-color:var(--ok-gray-100, #eeeeee);font-weight:var(--ok-font-weight-semibold)}.ok-commodity-select__check{flex-shrink:0;color:var(--ok-primary, #326820)}.ok-commodity-select__no-results{padding:var(--ok-spacing-md);text-align:center;color:var(--ok-gray-500, #9e9e9e);font-size:var(--ok-font-size-caption, .8125rem);font-style:italic;list-style:none}.ok-field-group--commodity{overflow:visible;position:relative}.ok-permit-form--create .ok-field-group--commodity:has(>.ok-multiselect),.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--commodity:has(>.ok-multiselect),.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--commodity:has(>.ok-multiselect){display:grid;grid-template-columns:160px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:var(--ok-spacing-xs) var(--ok-spacing-sm);min-width:0}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--commodity:has(>.ok-multiselect),.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--commodity:has(>.ok-multiselect){grid-template-columns:140px 1fr auto}.ok-field-group--commodity:has(>.ok-multiselect)>.ok-multiselect{display:contents}.ok-field-group--commodity .ok-multiselect__label{grid-column:1;grid-row:1;min-width:0;margin:0;font-size:var(--ok-font-size-caption)}.ok-field-group--commodity .ok-multiselect__trigger{grid-column:2;grid-row:1;min-width:0;font-size:var(--ok-font-size-caption);padding:var(--ok-spacing-xs) var(--ok-spacing-sm);padding-right:32px;min-height:26px;text-align:left;border-color:var(--ok-color-alert-disabled);position:relative}.ok-field-group--commodity .ok-multiselect__trigger-right{position:absolute;right:var(--ok-spacing-sm);top:50%;transform:translateY(-50%)}.ok-field-group--commodity .ok-multiselect__trigger:hover{border-color:var(--ok-gray-400)}.ok-field-group--commodity .ok-multiselect__trigger:focus,.ok-field-group--commodity .ok-multiselect__trigger--open{border-color:var(--ok-primary);outline:none;box-shadow:0 0 0 3px #32682026}.ok-field-group--commodity>.ok-visibility-toggle{grid-column:3;grid-row:1;min-height:18px;margin:0;font-size:var(--ok-font-size-caption)}.ok-field-group--commodity>.ok-input__error{grid-column:2;grid-row:2;align-self:start;margin:4px 0 0;padding:0}.ok-field-group--commodity .ok-multiselect__trigger-text{white-space:nowrap;overflow-x:auto;overflow-y:hidden;text-overflow:clip;min-width:0;margin-right:20px;padding-right:4px;scrollbar-width:none;-ms-overflow-style:none}.ok-field-group--commodity .ok-multiselect__trigger-text::-webkit-scrollbar{display:none}.ok-field-group--commodity .ok-multiselect__dropdown{width:50%;min-width:180px;right:auto;left:calc(160px + var(--ok-spacing-sm))}.ok-new-permit-page .ok-permit-page-content .ok-field-group--commodity:has(>.ok-multiselect) .ok-multiselect__dropdown{left:calc(140px + var(--ok-spacing-sm))}.ok-field-group--commodity .ok-multiselect__count{display:none}.ok-county-dropdown{position:relative}.ok-county-dropdown__wrapper{position:relative;min-width:0}.ok-county-dropdown__input-wrap{position:relative;display:block}.ok-county-dropdown__input{width:100%;padding:var(--ok-spacing-sm) var(--ok-spacing-md);padding-right:36px;font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);color:var(--ok-color-text-primary);background-color:var(--ok-color-bg-primary);border:2px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-md);min-height:var(--ok-touch-target-min);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color var(--ok-transition-smooth),box-shadow var(--ok-transition-smooth);background-image:none}.ok-county-dropdown__input:hover{border-color:var(--ok-gray-400)}.ok-county-dropdown__input:focus{border-color:var(--ok-primary);outline:none;box-shadow:0 0 0 3px #32682026}.ok-county-dropdown__input:disabled{background-color:var(--ok-color-alert-neutral);color:var(--ok-color-alert-disabled);cursor:not-allowed}.ok-county-dropdown__input--readonly{cursor:default}.ok-county-dropdown__chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--ok-color-text-secondary, #464646);transition:transform var(--ok-transition-fast)}.ok-county-dropdown__input-wrap:focus-within .ok-county-dropdown__chevron{transform:translateY(-50%) rotate(180deg)}.ok-expiration-date-input__row{position:relative;display:flex;align-items:stretch;gap:0;min-width:0}.ok-expiration-date-input__text{flex:1;min-width:0;border-top-right-radius:0;border-bottom-right-radius:0}.ok-expiration-date-input__picker-native{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;clip:rect(0,0,0,0)}.ok-expiration-date-input__pick-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:0 var(--ok-spacing-xs);font-family:inherit;font-size:1rem;color:var(--ok-color-text-primary);background-color:var(--ok-color-bg-primary);border:2px solid var(--ok-color-alert-disabled);border-left:none;border-radius:0 var(--ok-radius-md) var(--ok-radius-md) 0;cursor:pointer;transition:border-color var(--ok-transition-smooth),background-color var(--ok-transition-smooth)}.ok-expiration-date-input__pick-btn .material-icons-outlined{font-size:18px}.ok-expiration-date-input__pick-btn:hover{background-color:var(--ok-color-alert-neutral, #f5f5f5);border-color:var(--ok-gray-400)}.ok-expiration-date-input__pick-btn:focus-visible{outline:2px solid var(--ok-primary);outline-offset:2px}.ok-expiration-date-input__pick-btn:disabled{background-color:var(--ok-color-alert-neutral);color:var(--ok-color-alert-disabled);cursor:not-allowed}.ok-expiration-date-input .ok-input__label{display:block;margin-bottom:var(--ok-spacing-xs)}.ok-county-dropdown__no-results{padding:var(--ok-spacing-md);text-align:center;color:var(--ok-gray-500, #9e9e9e);font-size:var(--ok-font-size-caption, .8125rem);font-style:italic;list-style:none}.ok-county-dropdown__list{position:absolute;top:100%;left:0;right:0;margin-top:var(--ok-spacing-xs);background-color:var(--ok-color-bg-primary);border:2px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-md);box-shadow:var(--ok-shadow-lg);z-index:1000;max-height:min(280px,50vh);overflow-y:auto;overflow-x:hidden}.ok-county-dropdown__options{list-style:none;margin:0;padding:var(--ok-spacing-xs)}.ok-county-dropdown__option{display:flex;align-items:center;gap:var(--ok-spacing-sm);padding:var(--ok-spacing-sm) var(--ok-spacing-md);font-size:var(--ok-font-size-controls);font-family:var(--ok-font-family-body);cursor:pointer;min-height:var(--ok-touch-target-min);border-radius:var(--ok-radius-sm);transition:background-color var(--ok-transition-fast)}.ok-county-dropdown__option:hover{background-color:var(--ok-gray-50, #f5f5f5)}.ok-county-dropdown__option[aria-selected=true]{background-color:var(--ok-gray-100, #eeeeee);font-weight:var(--ok-font-weight-semibold)}.ok-county-dropdown__check{flex-shrink:0;color:var(--ok-primary, #326820)}.ok-field-group--county{overflow:visible;position:relative}.ok-permit-form--create .ok-field-group--county:has(>.ok-multiselect),.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--county:has(>.ok-multiselect),.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--county:has(>.ok-multiselect){display:grid;grid-template-columns:160px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:var(--ok-spacing-xs) var(--ok-spacing-sm);min-width:0}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--county:has(>.ok-multiselect),.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--county:has(>.ok-multiselect){grid-template-columns:140px 1fr auto}.ok-field-group--county:has(>.ok-multiselect)>.ok-multiselect{display:contents}.ok-field-group--county .ok-multiselect__label{grid-column:1;grid-row:1;min-width:0;margin:0;font-size:var(--ok-font-size-caption)}.ok-field-group--county .ok-multiselect__trigger{grid-column:2;grid-row:1;min-width:0;font-size:var(--ok-font-size-caption);padding:var(--ok-spacing-xs) var(--ok-spacing-sm);padding-right:32px;min-height:26px;text-align:left;border-color:var(--ok-color-alert-disabled);position:relative}.ok-field-group--county .ok-multiselect__trigger-right{position:absolute;right:var(--ok-spacing-sm);top:50%;transform:translateY(-50%)}.ok-field-group--county .ok-multiselect__trigger:hover{border-color:var(--ok-gray-400)}.ok-field-group--county .ok-multiselect__trigger:focus,.ok-field-group--county .ok-multiselect__trigger--open{border-color:var(--ok-primary);outline:none;box-shadow:0 0 0 3px #32682026}.ok-field-group--county>.ok-visibility-toggle{grid-column:3;grid-row:1;min-height:18px;margin:0;font-size:var(--ok-font-size-caption)}.ok-field-group--county>.ok-input__error{grid-column:2;grid-row:2;align-self:start;margin:4px 0 0;padding:0}.ok-field-group--county .ok-multiselect__trigger-text{white-space:nowrap;overflow-x:auto;overflow-y:hidden;text-overflow:clip;min-width:0;margin-right:20px;padding-right:4px;scrollbar-width:none;-ms-overflow-style:none}.ok-field-group--county .ok-multiselect__trigger-text::-webkit-scrollbar{display:none}.ok-field-group--county .ok-multiselect__dropdown{width:50%;min-width:180px;right:auto;left:calc(160px + var(--ok-spacing-sm))}.ok-new-permit-page .ok-permit-page-content .ok-field-group--county:has(>.ok-multiselect) .ok-multiselect__dropdown{left:calc(140px + var(--ok-spacing-sm))}.ok-field-group--county .ok-multiselect__count{display:none}.ok-select{margin-bottom:var(--ok-spacing-lg)}.ok-select__label{display:block;font-weight:var(--ok-font-weight-semibold);margin-bottom:var(--ok-spacing-xs);color:var(--ok-color-text-primary);font-size:var(--ok-font-size-body)}.ok-select__required{color:var(--ok-danger);margin-left:2px}.ok-select__field{width:100%;padding:var(--ok-spacing-sm) var(--ok-spacing-md);font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);color:var(--ok-color-text-primary);background-color:var(--ok-color-bg-primary);border:2px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-md);min-height:var(--ok-touch-target-min);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color var(--ok-transition-smooth),box-shadow var(--ok-transition-smooth);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23464646' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.ok-select__field:hover{border-color:var(--ok-gray-400)}.ok-select__field:focus{border-color:var(--ok-primary);outline:none;box-shadow:0 0 0 3px #32682026}.ok-select__field--error{border-color:var(--ok-danger)}.ok-select__field--error:focus{box-shadow:0 0 0 3px #c8102e40}.ok-select__field:disabled{background-color:var(--ok-color-alert-neutral);color:var(--ok-color-alert-disabled);cursor:not-allowed}.ok-select__error{font-size:var(--ok-font-size-caption);color:var(--ok-danger);margin-top:var(--ok-spacing-xs)}.ok-textarea{position:relative;width:100%}.ok-textarea__label{display:block;font-weight:var(--ok-font-weight-semibold);margin-bottom:var(--ok-spacing-xs);color:var(--ok-color-text-primary);font-size:var(--ok-font-size-legal)}.ok-textarea__field{width:100%;padding:var(--ok-spacing-sm) var(--ok-spacing-md);font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);line-height:1.5;color:var(--ok-color-text-primary);background-color:var(--ok-color-bg-primary);border:2px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-md);min-height:120px;resize:vertical;transition:border-color var(--ok-transition-smooth),box-shadow var(--ok-transition-smooth)}.ok-textarea__field:hover{border-color:var(--ok-gray-400)}.ok-textarea__field:focus{border-color:var(--ok-primary);outline:none;box-shadow:0 0 0 3px #32682026}.ok-textarea__field--error{border-color:var(--ok-danger)}.ok-textarea__field--error:focus{box-shadow:0 0 0 3px #c8102e40}.ok-textarea__field:disabled{background-color:var(--ok-color-alert-neutral);color:var(--ok-color-alert-disabled);cursor:not-allowed;resize:none}.ok-textarea__error{font-size:var(--ok-font-size-caption);color:var(--ok-danger);margin-top:var(--ok-spacing-xs)}.ok-search{position:relative;width:100%}.ok-search__field{width:100%;padding:var(--ok-spacing-sm) var(--ok-spacing-md);padding-left:2.75rem;padding-right:2.75rem;font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);line-height:1.5;color:var(--ok-color-text-primary);background-color:var(--ok-color-bg-primary);border:2px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-lg);transition:border-color var(--ok-transition-smooth),box-shadow var(--ok-transition-smooth);min-height:var(--ok-touch-target-min)}.ok-search__field::-webkit-search-decoration,.ok-search__field::-webkit-search-cancel-button,.ok-search__field::-webkit-search-results-button,.ok-search__field::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.ok-search__field:hover{border-color:var(--ok-secondary-bright)}.ok-search__field:focus{border-color:var(--ok-primary);outline:none;box-shadow:0 0 0 3px #32682026}.ok-search__icon{position:absolute;left:var(--ok-spacing-sm);top:50%;transform:translateY(-50%);color:var(--ok-gray-600);pointer-events:none;font-size:1.25rem;display:flex;align-items:center}.ok-search__clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;cursor:pointer;color:var(--ok-gray-600);border-radius:50%;font-size:1.125rem}.ok-search__clear:hover{background-color:var(--ok-color-bg-secondary);color:var(--ok-color-text-primary)}.ok-multiselect{position:relative;margin-bottom:var(--ok-spacing-lg)}.ok-multiselect__label{display:block;font-weight:var(--ok-font-weight-semibold);margin-bottom:var(--ok-spacing-xs);color:var(--ok-color-text-primary)}.ok-multiselect__required{color:var(--ok-danger);margin-left:2px}.ok-multiselect__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--ok-spacing-sm);width:100%;padding:var(--ok-spacing-sm) var(--ok-spacing-md);font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-controls);color:var(--ok-color-text-primary);background-color:var(--ok-color-bg-primary);border:2px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-md);cursor:pointer;min-height:var(--ok-touch-target-min);transition:border-color var(--ok-transition-smooth)}.ok-multiselect__trigger:hover{border-color:var(--ok-secondary-bright)}.ok-multiselect__trigger:focus{border-color:var(--ok-secondary);outline:none;box-shadow:0 0 0 3px #1ca6df4d}.ok-multiselect__trigger--open{border-color:var(--ok-secondary);box-shadow:0 0 0 3px #1ca6df26}.ok-multiselect__trigger-text{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ok-multiselect__trigger-right{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.ok-multiselect__chevron{font-size:18px!important;color:var(--ok-color-text-secondary, #666);transition:transform .2s ease;line-height:1}.ok-multiselect__trigger--open .ok-multiselect__chevron{transform:rotate(180deg)}.ok-multiselect__count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--ok-spacing-xs);background-color:var(--ok-secondary);color:var(--ok-color-text-inverse);border-radius:999px;font-size:var(--ok-font-size-caption);font-weight:var(--ok-font-weight-semibold)}.ok-multiselect__trigger-right>.ok-multiselect__clear{font-size:18px!important;line-height:1;color:var(--ok-gray-500, #9e9e9e);cursor:pointer;transition:color .15s ease;min-height:0;min-width:0;display:inline-flex;align-items:center}.ok-multiselect__trigger-right>.ok-multiselect__clear:hover{color:var(--ok-danger, #c62828)}.ok-multiselect__trigger-right>.ok-multiselect__clear:focus-visible{outline:2px solid var(--ok-secondary, #004e9a);outline-offset:1px}.ok-multiselect__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--ok-spacing-xs);background-color:var(--ok-color-bg-primary);border:1px solid var(--ok-color-alert-neutral);border-radius:var(--ok-radius-md);box-shadow:var(--ok-shadow-lg);z-index:500;display:flex;flex-direction:column;max-height:300px}.ok-multiselect__search{position:relative;padding:var(--ok-spacing-sm);border-bottom:1px solid var(--ok-color-alert-neutral);flex-shrink:0}.ok-multiselect__search-icon{position:absolute;left:calc(var(--ok-spacing-sm) + 8px);top:50%;transform:translateY(-50%);font-size:16px!important;color:var(--ok-gray-400, #bcbcbc);pointer-events:none}.ok-multiselect__search-input{width:100%;padding:6px 8px 6px 30px;font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-caption, .8125rem);color:var(--ok-color-text-primary);background-color:var(--ok-gray-50, #fafafa);border:1px solid var(--ok-color-alert-neutral, #e0e0e0);border-radius:var(--ok-radius-sm, 4px);transition:border-color var(--ok-transition-fast)}.ok-multiselect__search-input:focus{outline:none;border-color:var(--ok-secondary, #004e9a);background-color:var(--ok-color-bg-primary, #fff);box-shadow:0 0 0 2px #004e9a1f}.ok-multiselect__search-input::placeholder{color:var(--ok-gray-400, #bcbcbc)}.ok-multiselect__options{overflow-y:auto;max-height:240px;list-style:none;margin:0;padding:0}.ok-multiselect__no-results{padding:var(--ok-spacing-md);text-align:center;color:var(--ok-gray-500, #9e9e9e);font-size:var(--ok-font-size-caption, .8125rem);font-style:italic}.ok-multiselect__option{display:flex;align-items:center;gap:var(--ok-spacing-sm);padding:var(--ok-spacing-sm) var(--ok-spacing-md);font-size:var(--ok-font-size-controls);font-family:var(--ok-font-family-body);cursor:pointer;transition:background-color var(--ok-transition-fast);min-height:var(--ok-touch-target-min)}.ok-multiselect__option:hover{background-color:var(--ok-gray-50)}.ok-multiselect__option input[type=checkbox]{width:16px;height:16px;min-width:16px;min-height:16px;accent-color:var(--ok-color-woodland-green);flex-shrink:0}.ok-login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:40px 16px;background:var(--ok-color-login-bg);flex:1}.ok-login-form{width:100%;max-width:440px;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #0000001f,0 2px 8px #00000014;background:var(--ok-color-bg-primary);position:relative;z-index:1}.ok-login-form>form{padding:48px 40px;display:flex;flex-direction:column}.ok-login-form__logo{display:block;width:260px;max-width:100%;height:auto;object-fit:contain;margin:0 auto 32px}.ok-login-form__form-title{font-family:var(--ok-font-family-heading);font-size:1.5rem;font-weight:700;color:var(--ok-gray-900);margin:0 0 6px;text-align:center}.ok-login-form__form-subtitle{font-size:.9rem;color:var(--ok-gray-600);text-align:center;margin:0 0 28px}.ok-login-form__error{margin:0 0 20px;border-radius:var(--ok-radius-md);padding:12px 16px;font-size:.875rem}.ok-login-form__field{margin-bottom:var(--ok-spacing-lg)}.ok-login-form__label-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ok-spacing-sm);margin:0;padding:0;line-height:1;height:25.59px}.ok-login-form__label{display:block;font-weight:var(--ok-font-weight-semibold);margin-bottom:var(--ok-spacing-xs);color:var(--ok-color-text-primary);font-size:var(--ok-font-size-body)}.ok-login-form__label-row .ok-login-form__label{margin-bottom:0}.ok-login-form__field .ok-login-form__label-row+.ok-login-form__password-wrapper{margin-top:0}.ok-login-form__input{width:100%;padding:var(--ok-spacing-sm) var(--ok-spacing-md);font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);line-height:1.5;color:var(--ok-color-text-primary);background-color:var(--ok-color-bg-primary);border:2px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-md);transition:border-color var(--ok-transition-smooth),box-shadow var(--ok-transition-smooth);min-height:var(--ok-touch-target-min)}.ok-login-form__input:hover{border-color:var(--ok-secondary-bright)}.ok-login-form__input:focus{border-color:var(--ok-primary);outline:none;box-shadow:0 0 0 3px #32682026}.ok-login-form__input--error{border-color:var(--ok-danger)}.ok-login-form__input--error:focus{box-shadow:0 0 0 3px #e2000033}.ok-login-form__input:disabled{background-color:var(--ok-color-alert-neutral);color:var(--ok-color-alert-disabled);cursor:not-allowed}.ok-login-form__password-wrapper{position:relative}.ok-login-form__password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;color:var(--ok-gray-600);border-radius:50%;font-size:1.125rem;transition:background-color var(--ok-transition-smooth)}.ok-login-form__password-toggle:hover{background-color:var(--ok-gray-100);color:var(--ok-color-text-primary)}.ok-login-form__password-toggle-icon{display:flex;align-items:center;justify-content:center;pointer-events:none}.ok-login-form__password-toggle-icon svg{display:block;width:22px;height:22px}.ok-login-form__error{display:flex;align-items:center;gap:var(--ok-spacing-sm);padding:var(--ok-spacing-sm) var(--ok-spacing-md);background-color:var(--ok-color-alert-error);border:1px solid var(--ok-danger);border-radius:var(--ok-radius-md);color:var(--ok-accent-dark);font-size:var(--ok-font-size-caption);margin:0 40px;border-radius:0}.ok-login-form__error-icon{flex-shrink:0;font-size:1.125rem}.ok-login-form__actions{display:flex;flex-direction:column;gap:var(--ok-spacing-md);margin-top:var(--ok-spacing-sm)}.ok-login-form__submit{width:100%;min-height:52px;font-size:1rem;font-weight:700;border-radius:var(--ok-radius-md);letter-spacing:.02em;background-color:var(--ok-primary);border-color:var(--ok-primary);color:var(--ok-color-text-inverse)}.ok-login-form__submit:hover:not(:disabled){background-color:var(--ok-primary-bright);border-color:var(--ok-primary-bright)}.ok-login-form__help-text{font-size:var(--ok-font-size-caption);color:var(--ok-gray-500);text-align:center;margin:var(--ok-spacing-lg) 0 0}.ok-login-form__help-text--above{margin:0 0 var(--ok-spacing-md);text-align:left}.ok-login-form__help-text--inline{margin:var(--ok-spacing-xs) 0 0;text-align:left}.ok-login-form__success{padding:var(--ok-spacing-sm) var(--ok-spacing-md);margin-bottom:var(--ok-spacing-md);font-size:var(--ok-font-size-caption);color:var(--ok-color-text-primary);background-color:var(--ok-color-alert-success-bg, #e8f5e9);border:1px solid var(--ok-color-alert-success, #2e7d32);border-radius:var(--ok-radius-sm)}.ok-login-form__info{padding:var(--ok-spacing-sm) var(--ok-spacing-md);margin-bottom:var(--ok-spacing-md);font-size:var(--ok-font-size-caption);color:var(--ok-color-text-primary);background-color:var(--ok-color-alert-info-bg, #e3f2fd);border:1px solid var(--ok-color-alert-info, #1976d2);border-radius:var(--ok-radius-sm)}.ok-login-form__link{color:var(--ok-water-blue);text-decoration:underline}.ok-login-form__link:hover{color:var(--ok-water-blue-dark)}.ok-login-form__link--forgot{font-size:var(--ok-font-size-caption);white-space:nowrap}.ok-date-range{margin-bottom:var(--ok-spacing-lg)}.ok-date-range__label{display:block;font-weight:var(--ok-font-weight-semibold);margin-bottom:var(--ok-spacing-xs);color:var(--ok-color-text-primary);font-size:var(--ok-font-size-body)}.ok-date-range__fields{display:flex;gap:var(--ok-spacing-sm);align-items:flex-end}.ok-date-range__group{flex:1;display:flex;flex-direction:column}.ok-date-range__group-label{font-size:var(--ok-font-size-caption);color:var(--ok-gray-600);margin-bottom:var(--ok-spacing-xs)}.ok-date-range__input{width:100%;padding:var(--ok-spacing-sm) var(--ok-spacing-md);font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);color:var(--ok-color-text-primary);background-color:var(--ok-color-bg-primary);border:2px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-sm);transition:border-color var(--ok-transition-fast);min-height:var(--ok-touch-target-min)}.ok-date-range__input:hover{border-color:var(--ok-secondary-bright)}.ok-date-range__input:focus{border-color:var(--ok-secondary);outline:none;box-shadow:0 0 0 3px #1ca6df4d}.ok-date-range__input--error{border-color:var(--ok-danger)}.ok-date-range__input--error:focus{box-shadow:0 0 0 3px #e2000033}.ok-date-range__input:disabled{background-color:var(--ok-color-alert-neutral);color:var(--ok-color-alert-disabled);cursor:not-allowed;border-color:var(--ok-color-alert-disabled)}.ok-date-range__error{font-size:var(--ok-font-size-caption);color:var(--ok-danger);margin-top:var(--ok-spacing-xs)}.ok-date-range__row{position:relative;display:flex;align-items:stretch;gap:0;min-width:0}.ok-date-range__row .ok-date-range__input-text{flex:1;min-width:0;border-top-right-radius:0;border-bottom-right-radius:0}.ok-date-range__picker-native{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;clip:rect(0,0,0,0)}.ok-date-range__pick-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:0 var(--ok-spacing-xs);font-family:inherit;font-size:1rem;color:var(--ok-color-text-primary);background-color:var(--ok-color-bg-primary);border:2px solid var(--ok-color-alert-disabled);border-left:none;border-radius:0 var(--ok-radius-sm) var(--ok-radius-sm) 0;cursor:pointer;transition:border-color var(--ok-transition-smooth),background-color var(--ok-transition-smooth)}.ok-date-range__pick-btn .material-icons-outlined{font-size:18px}.ok-date-range__pick-btn:hover{background-color:var(--ok-color-alert-neutral, #f5f5f5);border-color:var(--ok-gray-400)}.ok-date-range__pick-btn:focus-visible{outline:2px solid var(--ok-primary);outline-offset:2px}.ok-date-range__pick-btn:disabled{background-color:var(--ok-color-alert-neutral);color:var(--ok-color-alert-disabled);cursor:not-allowed}.ok-permit-form{position:relative;max-width:100%;background-color:var(--ok-color-bg-primary);border-radius:var(--ok-radius-lg);padding:var(--ok-spacing-xl) var(--ok-spacing-2xl);box-shadow:0 4px 12px #0000000d}.ok-new-permit-page{background-color:var(--ok-color-bg-secondary);min-height:100%}.ok-permit-page-content{max-width:1140px;margin-left:auto;margin-right:auto}.ok-permit-page-content__section{margin-top:var(--ok-spacing-xl);background-color:var(--ok-color-bg-primary);border:1px solid var(--ok-color-border-light, #e5e7eb);border-radius:var(--ok-radius-lg);padding:var(--ok-spacing-xl);box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f}.ok-permit-page-content__section--history .ok-edit-permit-layout__history{position:static;max-height:none;border:none;padding:0;box-shadow:none;background:transparent}.ok-permit-page-content__section--history .ok-section-header{margin-top:0;margin-bottom:var(--ok-spacing-md)}.ok-permit-page-content__section--history .ok-table-responsive,.ok-permit-page-content__section--history .ok-permit-view-dialog__table{width:100%}.ok-permit-page-content__section--documents .ok-document-boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ok-spacing-lg);min-width:0}.ok-permit-page-content__section--documents .ok-document-box{min-width:0;min-height:200px}@media (max-width: 767px){.ok-permit-page-content__section--history .ok-table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.ok-permit-page-content__section--documents .ok-document-boxes{grid-template-columns:1fr}}.ok-permit-form--create{max-width:1140px;margin-left:auto;margin-right:auto;background-color:var(--ok-color-bg-primary);padding:var(--ok-spacing-md);border-radius:var(--ok-radius-lg);box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view{background-color:var(--ok-color-bg-primary);padding:var(--ok-spacing-md);border-radius:var(--ok-radius-lg);box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-permit-form__sections-wrapper,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-permit-form__sections-wrapper{display:block;width:100%;margin-bottom:var(--ok-spacing-xl)}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group:has(>.ok-input),.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group:has(>.ok-select),.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group:has(>.ok-input),.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group:has(>.ok-select){display:grid;grid-template-columns:140px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:var(--ok-spacing-xs) var(--ok-spacing-sm);min-width:0}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group:has(>.ok-input)>.ok-input,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group:has(>.ok-select)>.ok-select,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group:has(>.ok-input)>.ok-input,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group:has(>.ok-select)>.ok-select{display:contents}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group:has(>.ok-input) .ok-input__label,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group:has(>.ok-select) .ok-select__label,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group:has(>.ok-input) .ok-input__label,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group:has(>.ok-select) .ok-select__label{grid-column:1;grid-row:1;min-width:0;margin:0;text-align:left}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group:has(>.ok-input) .ok-input__field,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group:has(>.ok-select) .ok-select__field,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group:has(>.ok-input) .ok-input__field,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group:has(>.ok-select) .ok-select__field{grid-column:2;grid-row:1;min-width:0}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group:has(>.ok-input) .ok-input__error,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group:has(>.ok-select) .ok-select__error,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group:has(>.ok-input) .ok-input__error,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group:has(>.ok-select) .ok-select__error{grid-column:2;grid-row:2;align-self:start;margin:4px 0 0;padding:0;min-width:0}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group:has(>.ok-input)>.ok-visibility-toggle,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group:has(>.ok-select)>.ok-visibility-toggle,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group:has(>.ok-input)>.ok-visibility-toggle,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group:has(>.ok-select)>.ok-visibility-toggle{grid-column:3;grid-row:1;white-space:nowrap;margin:0}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--legal-description,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--legal-description{display:grid;grid-template-columns:140px 1fr auto;grid-template-rows:auto auto;align-items:start;gap:var(--ok-spacing-xs) var(--ok-spacing-sm);min-width:0}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--legal-description .ok-textarea__label,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--legal-description .ok-textarea__label{grid-column:1;grid-row:1;min-width:0;margin:0;font-size:var(--ok-font-size-caption)}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--legal-description .ok-textarea__field--legal,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--legal-description .ok-textarea__field--legal{grid-column:2;grid-row:1;min-width:0;font-size:var(--ok-font-size-caption)}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--legal-description .ok-textarea__error,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--legal-description .ok-textarea__error{grid-column:2;grid-row:2;align-self:start;margin:4px 0 0;padding:0;min-width:0}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--legal-description>.ok-visibility-toggle,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--legal-description>.ok-visibility-toggle{grid-column:3;grid-row:1;white-space:nowrap;margin:0}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group:has(>.ok-expiration-date-input),.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group:has(>.ok-expiration-date-input){display:grid;grid-template-columns:140px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:var(--ok-spacing-xs) var(--ok-spacing-sm);min-width:0}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group:has(>.ok-expiration-date-input)>.ok-expiration-date-input,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group:has(>.ok-expiration-date-input)>.ok-expiration-date-input{display:contents}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group:has(>.ok-expiration-date-input) .ok-expiration-date-input .ok-input__label,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group:has(>.ok-expiration-date-input) .ok-expiration-date-input .ok-input__label{grid-column:1;grid-row:1;min-width:0;margin:0;text-align:left}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group:has(>.ok-expiration-date-input) .ok-expiration-date-input__row,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group:has(>.ok-expiration-date-input) .ok-expiration-date-input__row{grid-column:2;grid-row:1;min-width:0}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group:has(>.ok-expiration-date-input) .ok-expiration-date-input .ok-input__error,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group:has(>.ok-expiration-date-input) .ok-expiration-date-input .ok-input__error{grid-column:2;grid-row:2;align-self:start;margin:4px 0 0;padding:0;min-width:0}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group:has(>.ok-expiration-date-input)>.ok-visibility-toggle,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group:has(>.ok-expiration-date-input)>.ok-visibility-toggle{grid-column:3;grid-row:1;white-space:nowrap;margin:0}.ok-permit-form--edit,.ok-permit-form--view{font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);line-height:1.5;color:var(--ok-color-text-primary)}.ok-permit-form--edit .ok-permit-form__header-row,.ok-permit-form--view .ok-permit-form__header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ok-spacing-sm)}.ok-permit-form--edit .ok-permit-form__main-title,.ok-permit-form--view .ok-permit-form__main-title{flex:1;text-align:left;margin:0;font-family:var(--ok-font-family-heading);font-size:var(--ok-font-size-h5)}.ok-permit-form--edit .ok-permit-form__master-visibility,.ok-permit-form--view .ok-permit-form__master-visibility{flex-shrink:0;margin-right:var(--ok-spacing-xl);display:flex;align-items:center;gap:var(--ok-spacing-sm);border:none;background:transparent}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-permit-form__section,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-permit-form__section{margin-bottom:var(--ok-spacing-2xl);background-color:transparent;border:none;border-radius:0;padding:0;box-shadow:none}.ok-permit-form--edit .ok-permit-form__section-title,.ok-permit-form--view .ok-permit-form__section-title{font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-body);margin-bottom:var(--ok-spacing-md);padding-bottom:0}.ok-permit-form--edit .ok-input__label,.ok-permit-form--edit .ok-select__label,.ok-permit-form--view .ok-input__label,.ok-permit-form--view .ok-select__label,.ok-permit-form--edit .ok-expiration-date-input .ok-input__label,.ok-permit-form--view .ok-expiration-date-input .ok-input__label,.ok-permit-form--edit .ok-input__field,.ok-permit-form--edit .ok-select__field,.ok-permit-form--view .ok-input__field,.ok-permit-form--view .ok-select__field,.ok-permit-form--edit .ok-expiration-date-input__text,.ok-permit-form--view .ok-expiration-date-input__text,.ok-permit-form--edit .ok-visibility-toggle,.ok-permit-form--view .ok-visibility-toggle,.ok-permit-form--edit .ok-permit-form__section-title-row .ok-permit-form__master-visibility,.ok-permit-form--view .ok-permit-form__section-title-row .ok-permit-form__master-visibility{font-size:var(--ok-font-size-caption)}.ok-permit-form--create .ok-permit-form__header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ok-spacing-sm)}.ok-permit-form--create .ok-permit-form__main-title{flex:1;text-align:left;margin:0;font-size:var(--ok-font-size-h5)}.ok-permit-form--create .ok-permit-form__master-visibility{flex-shrink:0;margin-right:var(--ok-spacing-xl);display:flex;align-items:center;gap:var(--ok-spacing-sm);border:none;background:transparent}.ok-master-toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.ok-master-toggle input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.ok-master-toggle__track{position:relative;width:46px;height:26px;background-color:var(--ok-gray-300);border-radius:13px;transition:background-color .25s ease;flex-shrink:0}.ok-master-toggle__thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #00000040;transition:transform .25s ease}.ok-master-toggle input:checked+.ok-master-toggle__track{background-color:var(--ok-color-woodland-green)}.ok-master-toggle input:checked+.ok-master-toggle__track .ok-master-toggle__thumb{transform:translate(20px)}.ok-master-toggle input:focus-visible+.ok-master-toggle__track{outline:2px solid var(--ok-color-woodland-green);outline-offset:2px}.ok-master-toggle__label{font-size:var(--ok-font-size-caption);font-weight:var(--ok-font-weight-semibold);color:var(--ok-gray-700)}.ok-permit-form--view .ok-permit-form__master-visibility{border:none}.ok-permit-form--view .ok-master-toggle{cursor:default}.ok-permit-form--view .ok-master-toggle input:disabled+.ok-master-toggle__track{background-color:var(--ok-gray-300);opacity:.85}.ok-permit-form--view .ok-master-toggle input:disabled:checked+.ok-master-toggle__track{background-color:var(--ok-color-woodland-green);opacity:.65}.ok-permit-form--view .ok-master-toggle input:disabled+.ok-master-toggle__track .ok-master-toggle__thumb{opacity:.9}.ok-permit-form--view .ok-master-toggle__label{color:var(--ok-gray-500)}.ok-permit-form--create .ok-visibility-toggle input[type=checkbox],.ok-permit-form--create .ok-checkbox-label input[type=checkbox]{accent-color:var(--ok-color-woodland-green)}.ok-permit-form--create .ok-custom-columns__add-link{color:var(--ok-color-woodland-green)}.ok-permit-form__section{margin-bottom:var(--ok-spacing-lg);background-color:var(--ok-color-bg-card);border-radius:var(--ok-radius-lg)}.ok-permit-form--create .ok-permit-form__section{margin-bottom:var(--ok-spacing-sm);background-color:transparent;border:none;border-radius:0;padding:0;box-shadow:none}.ok-permit-form--create .ok-permit-form__section-title{font-size:var(--ok-font-size-body);margin-bottom:var(--ok-spacing-xs);padding-bottom:var(--ok-spacing-xs)}.ok-permit-form--create .ok-field-group:not(.ok-field-group--gps):has(>.ok-input),.ok-permit-form--create .ok-field-group:not(.ok-field-group--gps):has(>.ok-select){display:grid;grid-template-columns:160px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:var(--ok-spacing-xs) var(--ok-spacing-sm);min-width:0}.ok-permit-form--create .ok-field-group:has(>.ok-input)>.ok-input,.ok-permit-form--create .ok-field-group:has(>.ok-select)>.ok-select{display:contents}.ok-permit-form--create .ok-field-group:has(>.ok-input) .ok-input__label,.ok-permit-form--create .ok-field-group:has(>.ok-select) .ok-select__label{font-size:var(--ok-font-size-caption);grid-column:1;grid-row:1;margin:0}.ok-permit-form--create .ok-field-group:has(>.ok-input) .ok-input__field,.ok-permit-form--create .ok-field-group:has(>.ok-select) .ok-select__field{font-size:var(--ok-font-size-caption);padding:var(--ok-spacing-xs) var(--ok-spacing-sm);min-height:26px;grid-column:2;grid-row:1;min-width:0}.ok-permit-form--create .ok-field-group:has(>.ok-input) .ok-input__error,.ok-permit-form--create .ok-field-group:has(>.ok-select) .ok-select__error{grid-column:2;grid-row:2;align-self:start;margin:4px 0 0;padding:0;min-width:0}.ok-permit-form--create .ok-field-group:has(>.ok-input) .ok-input__helper,.ok-permit-form--create .ok-field-group:has(>.ok-select) .ok-select__helper{grid-column:2;grid-row:2;align-self:start;margin:4px 0 0;padding:0;min-width:0}.ok-permit-form--create .ok-field-group:has(>.ok-input)>.ok-visibility-toggle,.ok-permit-form--create .ok-field-group:has(>.ok-select)>.ok-visibility-toggle{grid-column:3;grid-row:1;min-height:18px;margin-top:0;font-size:var(--ok-font-size-caption)}.ok-permit-form--create .ok-field-group--legal-description{display:grid;grid-template-columns:160px 1fr auto;grid-template-rows:auto auto;align-items:start;gap:var(--ok-spacing-xs) var(--ok-spacing-sm);min-width:0}.ok-permit-form--create .ok-field-group--legal-description .ok-textarea__label{grid-column:1;grid-row:1;min-width:0;margin:0;font-size:var(--ok-font-size-caption)}.ok-permit-form--create .ok-field-group--legal-description .ok-textarea__field--legal{grid-column:2;grid-row:1;min-width:0;font-size:var(--ok-font-size-caption);padding:var(--ok-spacing-xs) var(--ok-spacing-sm)}.ok-permit-form--create .ok-field-group--legal-description .ok-textarea__error{grid-column:2;grid-row:2;align-self:start;margin:4px 0 0;padding:0;min-width:0}.ok-permit-form--create .ok-field-group--legal-description>.ok-visibility-toggle{grid-column:3;grid-row:1;min-height:18px;margin-top:0;font-size:var(--ok-font-size-caption)}.ok-textarea__field--legal{white-space:pre-wrap;overflow-wrap:break-word;word-wrap:break-word;min-height:4.5em;resize:vertical}.ok-permit-form--create .ok-field-group--permittee,.ok-permit-form--create .ok-field-group--mine-name,.ok-permit-form--create .ok-field-group--commodity:has(.ok-textarea__field),.ok-permit-form--create .ok-field-group--address,.ok-permit-form--create .ok-field-group--email{display:grid;grid-template-columns:160px 1fr auto;grid-template-rows:auto auto;align-items:start;gap:var(--ok-spacing-xs) var(--ok-spacing-sm);min-width:0}.ok-permit-form--create .ok-field-group--permittee .ok-textarea__label,.ok-permit-form--create .ok-field-group--mine-name .ok-textarea__label,.ok-permit-form--create .ok-field-group--commodity:has(.ok-textarea__field) .ok-textarea__label,.ok-permit-form--create .ok-field-group--address .ok-textarea__label,.ok-permit-form--create .ok-field-group--email .ok-textarea__label{grid-column:1;grid-row:1;min-width:0;margin:0;font-size:var(--ok-font-size-caption)}.ok-permit-form--create .ok-field-group--permittee .ok-textarea__field,.ok-permit-form--create .ok-field-group--mine-name .ok-textarea__field,.ok-permit-form--create .ok-field-group--commodity:has(.ok-textarea__field) .ok-textarea__field,.ok-permit-form--create .ok-field-group--address .ok-textarea__field,.ok-permit-form--create .ok-field-group--email .ok-textarea__field{grid-column:2;grid-row:1;min-width:0;font-size:var(--ok-font-size-caption);padding:var(--ok-spacing-xs) var(--ok-spacing-sm)}.ok-permit-form--create .ok-field-group--permittee .ok-textarea__error,.ok-permit-form--create .ok-field-group--mine-name .ok-textarea__error,.ok-permit-form--create .ok-field-group--commodity:has(.ok-textarea__field) .ok-textarea__error,.ok-permit-form--create .ok-field-group--address .ok-textarea__error,.ok-permit-form--create .ok-field-group--email .ok-textarea__error{grid-column:2;grid-row:2;align-self:start;margin:4px 0 0;padding:0;min-width:0}.ok-permit-form--create .ok-field-group--permittee>.ok-visibility-toggle,.ok-permit-form--create .ok-field-group--mine-name>.ok-visibility-toggle,.ok-permit-form--create .ok-field-group--commodity:has(.ok-textarea__field)>.ok-visibility-toggle,.ok-permit-form--create .ok-field-group--address>.ok-visibility-toggle,.ok-permit-form--create .ok-field-group--email>.ok-visibility-toggle{grid-column:3;grid-row:1;min-height:18px;margin-top:0;font-size:var(--ok-font-size-caption)}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--permittee,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--permittee,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--mine-name,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--mine-name,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--commodity:has(.ok-textarea__field),.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--commodity:has(.ok-textarea__field),.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--address,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--address,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--email,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--email{display:grid;grid-template-columns:140px 1fr auto;grid-template-rows:auto auto;align-items:start;gap:var(--ok-spacing-xs) var(--ok-spacing-sm);min-width:0}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--permittee .ok-textarea__label,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--permittee .ok-textarea__label,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--mine-name .ok-textarea__label,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--mine-name .ok-textarea__label,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--commodity:has(.ok-textarea__field) .ok-textarea__label,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--commodity:has(.ok-textarea__field) .ok-textarea__label,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--address .ok-textarea__label,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--address .ok-textarea__label,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--email .ok-textarea__label,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--email .ok-textarea__label{grid-column:1;grid-row:1;min-width:0;margin:0;font-size:var(--ok-font-size-caption)}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--permittee .ok-textarea__field,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--permittee .ok-textarea__field,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--mine-name .ok-textarea__field,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--mine-name .ok-textarea__field,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--commodity:has(.ok-textarea__field) .ok-textarea__field,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--commodity:has(.ok-textarea__field) .ok-textarea__field,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--address .ok-textarea__field,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--address .ok-textarea__field,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--email .ok-textarea__field,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--email .ok-textarea__field{grid-column:2;grid-row:1;min-width:0;font-size:var(--ok-font-size-caption)}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--permittee .ok-textarea__error,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--permittee .ok-textarea__error,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--mine-name .ok-textarea__error,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--mine-name .ok-textarea__error,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--commodity:has(.ok-textarea__field) .ok-textarea__error,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--commodity:has(.ok-textarea__field) .ok-textarea__error,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--address .ok-textarea__error,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--address .ok-textarea__error,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--email .ok-textarea__error,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--email .ok-textarea__error{grid-column:2;grid-row:2;align-self:start;margin:4px 0 0;padding:0;min-width:0}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--permittee>.ok-visibility-toggle,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--permittee>.ok-visibility-toggle,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--mine-name>.ok-visibility-toggle,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--mine-name>.ok-visibility-toggle,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--commodity:has(.ok-textarea__field)>.ok-visibility-toggle,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--commodity:has(.ok-textarea__field)>.ok-visibility-toggle,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--address>.ok-visibility-toggle,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--address>.ok-visibility-toggle,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group--email>.ok-visibility-toggle,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--email>.ok-visibility-toggle{grid-column:3;grid-row:1;white-space:nowrap;margin:0}.ok-permit-form--create .ok-field-group:has(>.ok-county-dropdown) .ok-county-dropdown__wrapper{grid-column:2;grid-row:1;min-width:0}.ok-permit-form--create .ok-field-group:has(>.ok-county-dropdown) .ok-county-dropdown__input{font-size:var(--ok-font-size-caption);padding:var(--ok-spacing-xs) var(--ok-spacing-sm);padding-right:36px;min-height:26px}.ok-permit-form--create .ok-field-group:has(>.ok-commodity-select) .ok-commodity-select__wrapper{grid-column:2;grid-row:1;min-width:0}.ok-permit-form--create .ok-field-group:has(>.ok-commodity-select) .ok-commodity-select__input{font-size:var(--ok-font-size-caption);padding:var(--ok-spacing-xs) var(--ok-spacing-sm);padding-right:36px;min-height:26px}.ok-permit-form--create .ok-field-group:not(.ok-field-group--gps):has(>.ok-expiration-date-input){display:grid;grid-template-columns:160px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:var(--ok-spacing-xs) var(--ok-spacing-sm);min-width:0}.ok-permit-form--create .ok-field-group:has(>.ok-expiration-date-input)>.ok-expiration-date-input{display:contents}.ok-permit-form--create .ok-field-group:has(>.ok-expiration-date-input) .ok-expiration-date-input .ok-input__label{font-size:var(--ok-font-size-caption);grid-column:1;grid-row:1;margin:0}.ok-permit-form--create .ok-field-group:has(>.ok-expiration-date-input) .ok-expiration-date-input__row{grid-column:2;grid-row:1;min-width:0}.ok-permit-form--create .ok-field-group:has(>.ok-expiration-date-input) .ok-expiration-date-input__text{font-size:var(--ok-font-size-caption);padding:var(--ok-spacing-xs) var(--ok-spacing-sm);min-height:26px}.ok-permit-form--create .ok-field-group:has(>.ok-expiration-date-input) .ok-expiration-date-input__pick-btn{font-size:var(--ok-font-size-caption);min-width:22px;min-height:26px;padding:0 4px}.ok-permit-form--create .ok-field-group:has(>.ok-expiration-date-input) .ok-expiration-date-input__pick-btn .material-icons-outlined{font-size:16px}.ok-permit-form--create .ok-field-group:has(>.ok-expiration-date-input) .ok-expiration-date-input .ok-input__error{grid-column:2;grid-row:2;align-self:start;margin:4px 0 0;padding:0}.ok-permit-form--create .ok-field-group:has(>.ok-expiration-date-input)>.ok-visibility-toggle{grid-column:3;grid-row:1}.ok-permit-form--create .ok-select{margin-bottom:var(--ok-spacing-sm)}.ok-permit-form--create .ok-visibility-toggle{min-height:18px;margin-top:0;font-size:var(--ok-font-size-caption)}.ok-permit-form--create .ok-visibility-toggle input[type=checkbox],.ok-permit-form--create .ok-checkbox-label input[type=checkbox]{width:14px;height:14px;min-width:14px;min-height:14px}.ok-permit-form--create .ok-field-group--gps{display:flex;flex-direction:column;gap:var(--ok-spacing-sm);min-width:0}.ok-permit-form--create .ok-permit-form__actions--bottom{margin-top:var(--ok-spacing-md);padding-top:var(--ok-spacing-md)}.ok-permit-form--create .ok-document-boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ok-spacing-md)}.ok-permit-form--create .ok-document-box{max-width:none;flex:none;min-width:0;min-height:180px}.ok-permit-form--create .ok-document-box__header{padding:var(--ok-spacing-xs) var(--ok-spacing-sm)}.ok-permit-form--create .ok-document-box__title{font-size:var(--ok-font-size-legal)}.ok-permit-form--create .ok-document-box__visibility{min-height:28px}.ok-permit-form--create .ok-document-box__visibility-label,.ok-permit-form--create .ok-document-box__visibility-badge{font-size:10px}.ok-permit-form--create .ok-document-box__content{padding:var(--ok-spacing-xs) var(--ok-spacing-sm);min-height:0}.ok-permit-form--create .ok-document-box__upload-zone{min-height:32px}.ok-permit-form--create .ok-document-box__upload-btn{font-size:var(--ok-font-size-legal)}.ok-permit-form--create .ok-document-box__filename{font-size:var(--ok-font-size-legal);overflow:hidden;text-overflow:ellipsis}@media (max-width: 767px){.ok-permit-form--create .ok-document-boxes{grid-template-columns:1fr}}.ok-permit-form__section-title-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--ok-spacing-md);margin-bottom:var(--ok-spacing-md)}.ok-permit-form__section-title-row .ok-permit-form__section-title{margin-bottom:0;padding-bottom:0;border-bottom:none}.ok-permit-form__section-title-row .ok-permit-form__master-visibility,.ok-permit-form--edit .ok-permit-form__section-title-row .ok-permit-form__master-visibility{position:static;flex-shrink:0;justify-self:end}.ok-permit-form__section-title{font-family:var(--ok-font-family-heading);font-size:var(--ok-font-size-h4);font-weight:var(--ok-font-weight-semibold);margin-bottom:var(--ok-spacing-md);color:var(--ok-color-text-primary);padding-bottom:var(--ok-spacing-sm);border-bottom:1px solid var(--ok-color-border-light)}.ok-permit-form__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ok-spacing-sm) var(--ok-spacing-md);min-width:0}.ok-field-group{display:flex;flex-direction:column;gap:2px;min-width:0}.ok-permit-form .ok-field-group{flex-direction:row;align-items:center;gap:var(--ok-spacing-sm);flex-wrap:wrap}.ok-permit-form .ok-field-group>*:first-child{flex:1 1 auto;min-width:0}.ok-permit-form .ok-field-group>.ok-visibility-toggle{flex:0 0 auto;min-width:160px;margin-top:0}.ok-permit-form__master-visibility{margin-bottom:var(--ok-spacing-md)}.ok-permit-form__master-visibility .ok-checkbox-label,.ok-checkbox-label{display:inline-flex;align-items:center;gap:var(--ok-spacing-sm);cursor:pointer;min-height:44px}.ok-permit-form__master-visibility input[type=checkbox],.ok-checkbox-label input[type=checkbox]{width:16px;height:16px;min-width:16px;min-height:16px;accent-color:var(--ok-color-woodland-green)}.ok-visibility-toggle{display:flex;align-items:center;gap:var(--ok-spacing-xs);margin-top:2px;min-height:44px;margin-bottom:var(--ok-spacing-sm)}.ok-visibility-toggle input[type=checkbox]{width:16px;height:16px;min-width:16px;min-height:16px;accent-color:var(--ok-color-woodland-green)}.ok-visibility-toggle input[type=checkbox]:disabled{opacity:.7;cursor:not-allowed}.ok-visibility-toggle input[type=checkbox]:disabled:checked,.ok-document-box__visibility input[type=checkbox]:disabled:checked,.ok-document-box__visibility-check:disabled:checked{opacity:1;cursor:not-allowed;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(135deg,#8bb86b,#669b41,#5a8a38);border:1px solid var(--ok-color-woodland-green-dark);border-radius:3px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1.5 5.5 L4.5 8 L10 2'/%3E%3C/svg%3E"),linear-gradient(135deg,#c8c8c8b3,#8c8c8c8c),linear-gradient(135deg,#8bb86b,#669b41,#5a8a38);background-size:10px 8px,100% 100%,100% 100%;background-repeat:no-repeat;background-position:center,0 0,0 0}.ok-permit-form__duplicate-warning{color:var(--ok-color-focus-error);font-weight:var(--ok-font-weight-semibold);margin-bottom:var(--ok-spacing-md)}.ok-permit-form__error{color:var(--ok-color-focus-error);margin-bottom:var(--ok-spacing-md)}.ok-field-hint{font-size:var(--ok-font-size-sm);margin-top:var(--ok-spacing-sm);margin-bottom:0;min-height:1.25em;color:var(--ok-color-text-secondary, #4b5563)}.ok-field-hint--error{color:var(--ok-color-focus-error);font-weight:500}.ok-field-hint--muted{color:var(--ok-color-text-muted, #6b7280)}.ok-permit-form__actions{display:flex;gap:var(--ok-spacing-md);margin-top:var(--ok-spacing-lg);flex-wrap:wrap;justify-content:flex-end}.ok-permit-form__header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--ok-spacing-md);margin-bottom:var(--ok-spacing-lg);flex-wrap:wrap}.ok-permit-form__header-row .ok-permit-form__main-title{margin:0;font-size:var(--ok-font-size-h4);font-weight:var(--ok-font-weight-bold)}.ok-permit-form__header-row .ok-permit-form__master-visibility{margin-bottom:0}.ok-permit-form__two-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ok-spacing-xl) var(--ok-spacing-2xl);min-width:0}.ok-permit-form__col-spacer{min-height:0}.ok-permit-form__col{display:flex;flex-direction:column;min-width:0;padding:10px}.ok-permit-form--create .ok-permit-form__col,.ok-permit-form--edit .ok-permit-form__col,.ok-permit-form--view .ok-permit-form__col{gap:1px}.ok-permit-form .ok-field-group .ok-permit-form__notes-inner{display:flex;flex-direction:column;gap:2px;min-width:0}.ok-permit-form .ok-field-group .ok-permit-form__notes-inner .ok-textarea__field{width:100%;box-sizing:border-box;min-height:auto}.ok-permit-form--create .ok-permit-form__col .ok-field-group .ok-permit-form__notes-inner{flex-direction:row;align-items:flex-start;gap:var(--ok-spacing-md)}.ok-permit-form--create .ok-permit-form__col .ok-field-group .ok-permit-form__notes-inner .ok-textarea__label{flex:0 0 160px;font-size:var(--ok-font-size-caption);font-weight:var(--ok-font-weight-semibold);margin-bottom:0}.ok-permit-form--create .ok-permit-form__col .ok-field-group .ok-permit-form__notes-inner .ok-permit-form__notes-field{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.ok-permit-form--create .ok-permit-form__col .ok-field-group .ok-permit-form__notes-inner .ok-permit-form__notes-field .ok-textarea__field{width:100%}.ok-permit-form__notes-row-create{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:15px;row-gap:0;margin-top:1px;width:100%;min-width:0}.ok-permit-form__notes-row-create__left{padding:10px;min-width:0}.ok-permit-form__notes-row-create__right{padding:10px;min-width:0;display:flex;align-items:flex-start}.ok-permit-form__notes-row-create .ok-field-group .ok-permit-form__notes-inner{flex-direction:row;align-items:flex-start;gap:var(--ok-spacing-md)}.ok-permit-form__notes-row-create .ok-field-group .ok-permit-form__notes-inner .ok-textarea__label{flex:0 0 160px;font-size:var(--ok-font-size-caption);font-weight:var(--ok-font-weight-semibold);margin-bottom:0}.ok-permit-form__notes-row-create .ok-field-group .ok-permit-form__notes-inner .ok-permit-form__notes-field{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.ok-permit-form__notes-row-create .ok-field-group .ok-permit-form__notes-inner .ok-permit-form__notes-field .ok-textarea__field{width:100%;box-sizing:border-box}.ok-permit-form--edit .ok-field-group .ok-permit-form__notes-inner .ok-textarea__label,.ok-permit-form--view .ok-field-group .ok-permit-form__notes-inner .ok-textarea__label{font-size:var(--ok-font-size-caption);font-weight:var(--ok-font-weight-semibold);margin-bottom:1px}.ok-edit-permit-page .ok-field-group .ok-permit-form__notes-label-row,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group .ok-permit-form__notes-label-row,.ok-permit-form--view .ok-field-group .ok-permit-form__notes-label-row{display:flex;flex-direction:row;align-items:center;gap:var(--ok-spacing-sm);min-width:0;width:100%}.ok-edit-permit-page .ok-field-group .ok-permit-form__notes-label-row .ok-textarea__label,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group .ok-permit-form__notes-label-row .ok-textarea__label,.ok-permit-form--view .ok-field-group .ok-permit-form__notes-label-row .ok-textarea__label{margin-bottom:0;flex:0 0 140px;min-width:0}.ok-edit-permit-page .ok-field-group .ok-permit-form__notes-label-row .ok-visibility-toggle,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group .ok-permit-form__notes-label-row .ok-visibility-toggle,.ok-permit-form--view .ok-field-group .ok-permit-form__notes-label-row .ok-visibility-toggle{flex:0 0 auto;min-width:160px;margin:0 -10px 0 auto}.ok-edit-permit-page .ok-field-group .ok-permit-form__notes-inner .ok-permit-form__notes-field,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--edit .ok-field-group .ok-permit-form__notes-inner .ok-permit-form__notes-field,.ok-permit-form--view .ok-field-group .ok-permit-form__notes-inner .ok-permit-form__notes-field{margin-top:var(--ok-spacing-xs);min-width:0}.ok-permit-form--create .ok-permit-form__two-cols,.ok-permit-form--edit .ok-permit-form__two-cols,.ok-permit-form--view .ok-permit-form__two-cols{column-gap:15px;row-gap:0}.ok-permit-form__notes-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ok-spacing-xl) var(--ok-spacing-2xl);min-width:0;margin-top:var(--ok-spacing-sm)}.ok-permit-form--create .ok-permit-form__notes-row{column-gap:15px;margin-top:1px}.ok-permit-form__notes-row .ok-permit-form__notes{grid-column:1 / 1;padding-left:10px;padding-right:10px;flex-direction:column}.ok-permit-form__notes-row .ok-permit-form__notes .ok-textarea__label{margin-bottom:2px}.ok-permit-form__notes-row .ok-permit-form__notes .ok-textarea__field{font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-caption, .8125rem);line-height:1.5;color:var(--ok-color-text-primary)}.ok-permit-form--create .ok-permit-form__notes-row .ok-permit-form__notes .ok-textarea__field,.ok-edit-permit-page .ok-permit-form__notes-row .ok-permit-form__notes .ok-textarea__field,.ok-permit-form--view .ok-permit-form__notes-row .ok-permit-form__notes .ok-textarea__field{font-size:var(--ok-font-size-caption, .8125rem)}@media (max-width: 767px){.ok-permit-form__notes-row{grid-template-columns:1fr}.ok-permit-form__notes-row .ok-permit-form__notes{padding-left:10px;padding-right:10px}}.ok-field-group--gps{display:flex;flex-direction:column;gap:6px;min-width:0}.ok-permit-form__actions--bottom{margin-top:var(--ok-spacing-2xl);padding-top:var(--ok-spacing-lg);border-top:1px solid var(--ok-color-border-light)}@media (max-width: 767px){.ok-permit-form__two-cols,.ok-permit-form__notes-row-create{grid-template-columns:1fr}}.ok-edit-permit-page .ok-permit-form{max-width:100%}.ok-edit-permit-page .ok-input,.ok-edit-permit-page .ok-select{margin-bottom:0}.ok-edit-permit-page .ok-input__label,.ok-edit-permit-page .ok-select__label{font-size:var(--ok-font-size-legal);margin-bottom:1px}.ok-edit-permit-page .ok-input__field,.ok-edit-permit-page .ok-select__field{padding:var(--ok-spacing-xs) var(--ok-spacing-sm);font-size:var(--ok-font-size-caption);min-height:34px}.ok-edit-permit-page .ok-permit-form__section{margin-bottom:var(--ok-spacing-xs);padding:4px}.ok-edit-permit-page .ok-permit-form__section-title{font-size:var(--ok-font-size-h6);margin-bottom:2px;padding-bottom:2px;border-bottom:1px solid var(--ok-color-border-light)}.ok-edit-permit-page .ok-permit-form__grid{gap:var(--ok-spacing-sm) 12px}.ok-edit-permit-page .ok-field-group{gap:0}.ok-edit-permit-page .ok-field-group--gps{gap:6px}.ok-edit-permit-page .ok-visibility-toggle{min-height:34px;margin-top:0;font-size:var(--ok-font-size-legal)}.ok-edit-permit-page .ok-visibility-toggle input[type=checkbox]{width:14px;height:14px;min-width:14px;min-height:14px}.ok-edit-permit-page .ok-permit-form__master-visibility{margin-bottom:var(--ok-spacing-xs)}.ok-edit-permit-page .ok-permit-form__master-visibility .ok-checkbox-label,.ok-edit-permit-page .ok-checkbox-label{min-height:28px;font-size:var(--ok-font-size-caption)}.ok-edit-permit-page .ok-permit-form__actions{margin-top:var(--ok-spacing-sm);padding-top:var(--ok-spacing-sm);border-top:1px solid var(--ok-color-border-light)}.ok-edit-permit-page .ok-permit-form__duplicate-warning,.ok-edit-permit-page .ok-permit-form__error{margin-bottom:var(--ok-spacing-xs);font-size:var(--ok-font-size-caption)}.ok-edit-permit-page .ok-conflict-banner{padding:var(--ok-spacing-xs) var(--ok-spacing-sm);margin-bottom:var(--ok-spacing-xs)}.ok-edit-permit-page .ok-custom-fields__row{margin-bottom:var(--ok-spacing-xs);gap:var(--ok-spacing-xs) var(--ok-spacing-sm)}.ok-edit-permit-page .ok-input__error,.ok-edit-permit-page .ok-select__error,.ok-edit-permit-page .ok-input__helper{font-size:var(--ok-font-size-legal);margin-top:1px}.ok-custom-fields__row{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--ok-spacing-sm) var(--ok-spacing-md);align-items:end;margin-bottom:var(--ok-spacing-sm)}.ok-edit-permit-page .ok-edit-form-header{position:sticky;top:var(--ok-header-height);z-index:100;display:flex;flex-wrap:wrap;align-items:center;gap:var(--ok-spacing-sm);margin:0 calc(-1 * var(--ok-spacing-md));padding:var(--ok-spacing-xs) var(--ok-spacing-md);background:var(--ok-color-bg-primary);border-bottom:1px solid var(--ok-color-alert-neutral);box-shadow:var(--ok-shadow-sm)}.ok-edit-form-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ok-spacing-md);margin-bottom:var(--ok-spacing-lg)}.ok-edit-permit-page .ok-edit-form-header h1{margin:0;flex:1 1 auto;font-size:var(--ok-font-size-h6);font-weight:var(--ok-font-weight-semibold)}.ok-edit-form-header h1{margin:0;flex:1 1 auto}.ok-edit-form-header__success{margin:0;font-size:var(--ok-font-size-legal);color:var(--ok-color-woodland-green-dark);font-weight:var(--ok-font-weight-semibold)}.ok-edit-form-header__delete{flex-shrink:0}.ok-conflict-banner{padding:var(--ok-spacing-md);background-color:var(--ok-color-bg-secondary);border:2px solid var(--ok-color-focus-error);border-radius:var(--ok-radius-sm);margin-bottom:var(--ok-spacing-md)}.ok-conflict-banner p{margin:0 0 var(--ok-spacing-sm)}.ok-conflict-banner .btn--sm{min-height:36px}.ok-permit-form--view .ok-input__field[readonly]{background-color:var(--ok-gray-50, #fafafa);border-color:var(--ok-gray-200, #e0e0e0);color:var(--ok-color-text-primary);cursor:default;box-shadow:none}.ok-permit-form--view .ok-input__field[readonly]:hover,.ok-permit-form--view .ok-input__field[readonly]:focus{border-color:var(--ok-gray-200, #e0e0e0);box-shadow:none;outline:none}.ok-permit-form--view .ok-select__field:disabled{background-color:var(--ok-gray-50, #fafafa);border-color:var(--ok-gray-200, #e0e0e0);color:var(--ok-color-text-primary);cursor:default;box-shadow:none}.ok-permit-form--view .ok-select__field:disabled:hover,.ok-permit-form--view .ok-select__field:disabled:focus{border-color:var(--ok-gray-200, #e0e0e0);box-shadow:none;outline:none}.ok-permit-form--view .ok-textarea__field[readonly]{background-color:var(--ok-gray-50, #fafafa);border-color:var(--ok-gray-200, #e0e0e0);color:var(--ok-color-text-primary);cursor:default;box-shadow:none;resize:none}.ok-permit-form--view .ok-textarea__field[readonly]:hover,.ok-permit-form--view .ok-textarea__field[readonly]:focus{border-color:var(--ok-gray-200, #e0e0e0);box-shadow:none;outline:none}.ok-permit-form--view .ok-input__readonly-value{width:100%;padding:var(--ok-spacing-sm) var(--ok-spacing-md);font-family:var(--ok-font-family-body);font-size:var(--ok-font-size-caption);line-height:1.5;color:var(--ok-color-text-primary);background-color:var(--ok-gray-50, #fafafa);border:2px solid var(--ok-gray-200, #e0e0e0);border-radius:var(--ok-radius-md);cursor:default;box-shadow:none;min-height:var(--ok-touch-target-min);display:block;overflow-wrap:break-word;word-break:break-word}.ok-permit-form--view .ok-textarea__readonly-value{min-height:4.5em;padding:var(--ok-spacing-sm) var(--ok-spacing-md);white-space:pre-wrap;resize:none}.ok-permit-form--view .ok-field-group--legal-description .ok-textarea__readonly-value,.ok-permit-form--view .ok-field-group--address .ok-textarea__readonly-value,.ok-permit-form--view .ok-field-group--email .ok-textarea__readonly-value{min-height:4.5em;font-size:var(--ok-font-size-caption)}.ok-permit-form--view .ok-permit-form__notes-field .ok-textarea__readonly-value{min-height:6em;font-size:var(--ok-font-size-caption)}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--legal-description:has(>.ok-input__readonly-value){align-items:start}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--legal-description:has(>.ok-input__readonly-value)>.ok-textarea__label{grid-column:1;grid-row:1;min-width:0;margin:0}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--legal-description:has(>.ok-input__readonly-value)>.ok-input__readonly-value{grid-column:2;grid-row:1;min-width:0}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--permittee:has(>.ok-input__readonly-value),.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--commodity:has(>.ok-input__readonly-value),.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--mine-name:has(>.ok-input__readonly-value){align-items:start}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--permittee:has(>.ok-input__readonly-value)>.ok-textarea__label,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--commodity:has(>.ok-input__readonly-value)>.ok-textarea__label,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--mine-name:has(>.ok-input__readonly-value)>.ok-textarea__label{grid-column:1;grid-row:1;min-width:0;margin:0}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--permittee:has(>.ok-input__readonly-value)>.ok-input__readonly-value,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--commodity:has(>.ok-input__readonly-value)>.ok-input__readonly-value,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--mine-name:has(>.ok-input__readonly-value)>.ok-input__readonly-value{grid-column:2;grid-row:1;min-width:0}.ok-permit-form--view .ok-field-group--permittee .ok-textarea__readonly-value,.ok-permit-form--view .ok-field-group--commodity .ok-textarea__readonly-value,.ok-permit-form--view .ok-field-group--mine-name .ok-textarea__readonly-value{min-height:4.5em;font-size:var(--ok-font-size-caption)}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group:has(>.ok-input__readonly-value){display:grid;grid-template-columns:140px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:var(--ok-spacing-xs) var(--ok-spacing-sm);min-width:0}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group:has(>.ok-input__readonly-value)>.ok-input__label{grid-column:1;grid-row:1;min-width:0;margin:0}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group:has(>.ok-input__readonly-value)>.ok-input__readonly-value{grid-column:2;grid-row:1;min-width:0}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group:has(>.ok-input__readonly-value)>.ok-visibility-toggle{grid-column:3;grid-row:1;white-space:nowrap;margin:0}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--address:has(>.ok-input__readonly-value),.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--email:has(>.ok-input__readonly-value){align-items:start}.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--address:has(>.ok-input__readonly-value)>.ok-input__label,.ok-new-permit-page .ok-permit-page-content .ok-permit-form--view .ok-field-group--email:has(>.ok-input__readonly-value)>.ok-input__label{padding-top:var(--ok-spacing-sm)}.ok-permit-form--view .ok-custom-columns__empty{color:var(--ok-gray-500, #9e9e9e);font-size:var(--ok-font-size-caption);font-style:italic;padding:var(--ok-spacing-sm) 0}.ok-permit-form--view .ok-document-box__empty{color:var(--ok-gray-500, #9e9e9e);font-size:var(--ok-font-size-caption);font-style:italic;padding:var(--ok-spacing-xs) 0}.ok-create-user-form{display:flex;flex-direction:column;gap:var(--ok-spacing-md)}.ok-create-user-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--ok-spacing-md)}.ok-create-user-form__group{margin-bottom:0}.ok-create-user-form .ok-form-label{display:block;margin-bottom:var(--ok-spacing-xs);font-weight:var(--ok-font-weight-semibold)}.ok-create-user-form .ok-form-help{font-size:var(--ok-font-size-caption);color:var(--ok-color-text-primary);margin:0;opacity:.85}.ok-table{width:100%;border-collapse:collapse;font-size:14px;border:none}.ok-table caption{text-align:left;font-weight:var(--ok-font-weight-semibold);padding:var(--ok-spacing-sm) var(--ok-spacing-md);caption-side:top}.ok-table__head th{padding:10px 16px;text-align:left;font-family:var(--ok-font-family-heading);font-weight:600;font-size:13px;text-transform:none;background-color:var(--ok-gray-50);color:var(--ok-color-text-primary);border-bottom:2px solid var(--ok-color-alert-neutral);white-space:nowrap;-webkit-user-select:none;user-select:none}.ok-table__head th[aria-sort],.ok-table__head th.ok-table__head--sortable{cursor:pointer;position:relative;padding-right:28px;transition:background-color .15s ease}.ok-table__head th[aria-sort]:hover,.ok-table__head th.ok-table__head--sortable:hover{background-color:var(--ok-gray-50)}.ok-table__head th .ok-table__sort-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--ok-gray-400);transition:color .15s ease}.ok-table__head th.ok-table__head--sortable:hover .ok-table__sort-icon{color:var(--ok-color-text-primary)}.ok-table__head th[aria-sort=ascending] .ok-table__sort-icon,.ok-table__head th[aria-sort=descending] .ok-table__sort-icon{color:var(--ok-secondary);font-weight:700}.ok-table__sort-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;font-size:10px;font-weight:700;line-height:1;color:#fff;background-color:var(--ok-secondary, #1976d2);border-radius:8px;padding:0 3px;margin-right:2px;vertical-align:middle}.ok-table__row td,.ok-table__cell{padding:10px 16px;text-align:left;border-bottom:1px solid var(--ok-color-alert-neutral);vertical-align:middle;font-size:14px}.ok-table__row td:first-child{font-weight:var(--ok-font-weight-semibold)}.ok-table__row{transition:background-color var(--ok-transition-smooth)}.ok-table__row:hover{background-color:var(--ok-gray-50)}.ok-table__row:hover td:first-child{border-left:3px solid var(--ok-secondary);padding-left:13px}.ok-table__row--selected,.ok-table__row--selected:hover{background-color:var(--ok-secondary-light)}.ok-table__row--selected td:first-child,.ok-table__row--selected:hover td:first-child{border-left:3px solid var(--ok-secondary);padding-left:calc(var(--ok-spacing-lg) - 3px)}.ok-table__row--clickable{cursor:pointer;transition:all var(--ok-transition-smooth)}.ok-table__row--clickable:hover{box-shadow:inset 3px 0 0 var(--ok-primary)}.ok-table__row--clickable:focus-visible{outline:3px solid var(--ok-color-focus-default);outline-offset:-3px}.ok-table__empty{padding:var(--ok-spacing-2xl) var(--ok-spacing-md);text-align:center;color:var(--ok-gray-600);font-style:italic}.ok-table__empty--custom{vertical-align:middle;min-height:200px}.ok-table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.ok-table--card-view .ok-table__head{display:none}.ok-table--card-view .ok-table__row{display:block;margin-bottom:var(--ok-spacing-md);border:1px solid var(--ok-color-alert-neutral);border-radius:var(--ok-radius-sm);padding:var(--ok-spacing-md);box-shadow:var(--ok-shadow-sm)}.ok-table--card-view .ok-table__row td,.ok-table--card-view .ok-table__cell{display:flex;justify-content:space-between;padding:var(--ok-spacing-xs) 0;border-bottom:1px solid var(--ok-gray-200)}.ok-table--card-view .ok-table__row td:last-child,.ok-table--card-view .ok-table__cell:last-child{border-bottom:none}.ok-table--card-view .ok-table__cell:before{content:attr(data-label);font-weight:var(--ok-font-weight-semibold);color:var(--ok-gray-700);margin-right:var(--ok-spacing-md)}.ok-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--ok-spacing-md);padding:12px 16px;flex-wrap:nowrap;border-top:1px solid var(--ok-color-alert-neutral);font-size:13px;margin:0}.ok-pagination__controls{gap:var(--ok-spacing-sm)}.ok-pagination__size{display:flex;align-items:center;gap:var(--ok-spacing-xs);flex-shrink:0}.ok-pagination__size-label,.ok-pagination__size-suffix{font-size:var(--ok-font-size-controls);color:var(--ok-gray-600);white-space:nowrap}.ok-pagination__info-wrap{flex:1;display:flex;justify-content:center;min-width:0}.ok-pagination__controls{display:flex;align-items:center;gap:var(--ok-spacing-xs);flex-shrink:0}.ok-pagination__page-numbers{display:flex;flex-direction:row;align-items:center;gap:var(--ok-spacing-xs);flex-wrap:nowrap}.ok-pagination__btn{display:flex;align-items:center;justify-content:center;min-width:var(--ok-touch-target-min);min-height:var(--ok-touch-target-min);padding:var(--ok-spacing-xs) var(--ok-spacing-sm);border:1px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-md);background:none;cursor:pointer;font-size:var(--ok-font-size-body);color:var(--ok-color-text-primary);transition:all var(--ok-transition-fast)}.ok-pagination__btn:hover:not(:disabled){background-color:var(--ok-color-woodland-green);border-color:var(--ok-color-woodland-green);color:var(--ok-color-text-inverse)}.ok-pagination__btn--active{background-color:var(--ok-color-woodland-green-dark);color:var(--ok-color-text-inverse);border-color:var(--ok-color-woodland-green-dark)}.ok-pagination__btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--ok-color-bg-secondary);border-color:var(--ok-color-alert-disabled);color:var(--ok-color-text-primary)}.ok-pagination__info{font-size:14px;color:var(--ok-gray-600)}.ok-pagination__select{padding:var(--ok-spacing-xs) var(--ok-spacing-sm);border:1px solid var(--ok-color-alert-disabled);border-radius:var(--ok-radius-sm);font-size:var(--ok-font-size-controls);min-height:32px;min-width:56px}.ok-map-page{width:100%;flex:1;display:flex;flex-direction:column;min-height:0}.ok-map-container{position:relative;width:100%;flex:1;min-height:500px;background-color:var(--ok-gray-200, #efefef)}.ok-map-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ok-map-container--no-key{display:flex;align-items:center;justify-content:center;background-color:var(--ok-gray-100)}.ok-map-placeholder{text-align:center;padding:var(--ok-spacing-xl);color:var(--ok-text-primary)}.ok-map-placeholder p{margin:var(--ok-spacing-sm) 0}.ok-map-placeholder code{background-color:var(--ok-gray-200);padding:.15em .4em;border-radius:var(--ok-radius-sm);font-size:var(--ok-font-size-caption)}.ok-map-controls{position:absolute;bottom:24px;left:24px;display:flex;flex-direction:column;gap:8px;z-index:100}.ok-map-control-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:8px;background:var(--ok-white, #fff);color:var(--ok-gray-700, #616161);font-size:20px;cursor:pointer;box-shadow:0 10px 15px #0000001a;transition:background-color .2s ease,color .2s ease;padding:0}.ok-map-control-btn:hover{background:var(--ok-gray-50, #fafafa);color:var(--ok-color-woodland-green, #326820)}.ok-map-control-btn:active{background:var(--ok-gray-200, #e9ecef)}.ok-map-control-btn:focus-visible{outline:2px solid var(--ok-focus, #1ca6df);outline-offset:2px}.ok-map-type-selector{position:absolute;bottom:24px;right:24px;display:flex;background:var(--ok-white, #fff);border-radius:12px;box-shadow:0 10px 15px #0000001a;overflow:hidden;z-index:100}.ok-map-type-btn{padding:10px 14px;background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--ok-font-body, sans-serif);font-size:12px;font-weight:500;color:var(--ok-gray-600, #757575);transition:background-color .2s ease,color .2s ease;min-width:70px}.ok-map-type-btn:not(:last-child){border-right:1px solid var(--ok-gray-200, #e9ecef)}.ok-map-type-btn:hover{background:var(--ok-gray-50, #fafafa);color:var(--ok-color-woodland-green, #326820)}.ok-map-type-btn.active{background:var(--ok-color-woodland-green-light, #e8f0e2);color:var(--ok-color-woodland-green, #326820)}.ok-map-type-btn .material-icons-outlined{font-size:20px}.ok-map-type-btn span:last-child{font-size:10px;text-transform:uppercase;letter-spacing:.5px}.ok-map-type-btn:focus-visible{outline:2px solid var(--ok-focus, #1ca6df);outline-offset:2px}.ok-map-controls__btn{display:flex;align-items:center;justify-content:center;width:var(--ok-touch-target-min, 44px);height:var(--ok-touch-target-min, 44px);border:1px solid var(--ok-gray-400);border-radius:var(--ok-radius-md, 8px);background-color:var(--ok-white, #fff);color:var(--ok-gray-800);font-size:1.25rem;font-weight:var(--ok-font-weight-semibold, 600);cursor:pointer;box-shadow:var(--ok-shadow-sm);transition:all .15s ease;line-height:1;padding:0}.ok-map-controls__btn:hover{background-color:var(--ok-gray-100);border-color:var(--ok-gray-600);box-shadow:var(--ok-shadow-md)}.ok-map-controls__btn:active{background-color:var(--ok-gray-200)}.ok-map-controls__btn:focus-visible{outline:3px solid var(--ok-focus);outline-offset:2px}.ok-map-controls__btn:disabled{opacity:.5;cursor:not-allowed}.ok-map-controls__btn--reset{margin-top:var(--ok-spacing-sm)}.ok-map-controls__btn--terrain[aria-pressed=true]{background-color:var(--ok-secondary-light);border-color:var(--ok-secondary);color:var(--ok-secondary)}.ok-viz-toggle{position:absolute;bottom:180px;left:24px;display:flex;flex-direction:column;background:var(--ok-white, #fff);border-radius:8px;box-shadow:0 10px 15px #0000001a;overflow:hidden;z-index:100;border:none;padding:0;width:44px}.ok-viz-toggle__btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background-color:transparent;color:var(--ok-gray-600, #757575);cursor:pointer;transition:all .2s ease;border-radius:0;padding:0;border-bottom:1px solid var(--ok-gray-200, #efefef)}.ok-viz-toggle__btn:last-child{border-bottom:none}.ok-viz-toggle__btn:hover{color:var(--ok-color-woodland-green, #326820);background-color:var(--ok-gray-50, #fafafa)}.ok-viz-toggle__btn--active,.ok-viz-toggle__btn[aria-selected=true]{background-color:var(--ok-secondary, #004e9a);color:var(--ok-white, #fff)}.ok-viz-toggle__btn--active:hover,.ok-viz-toggle__btn[aria-selected=true]:hover{background-color:var(--ok-secondary-bright, #187bc0);color:var(--ok-white, #fff)}.ok-viz-toggle__icon{font-size:20px}.ok-permit-count{position:absolute;top:24px;left:24px;background:var(--ok-white, #fff);padding:16px 24px;border-radius:8px;box-shadow:0 10px 15px #0000001a;z-index:100;border-left:4px solid var(--ok-color-woodland-green-bright, #669b41)}.ok-permit-count-number{font-family:var(--ok-font-heading, "Montserrat", sans-serif);font-size:32px;font-weight:var(--ok-font-weight-semibold, 600);color:var(--ok-color-woodland-green, #326820);display:block;line-height:1.2}.ok-permit-count-label{font-family:var(--ok-font-body);font-size:13px;color:var(--ok-text-primary);font-weight:var(--ok-font-weight-regular);display:block;line-height:1.2}.ok-viz-toggle__label{line-height:1}.gm-style-iw-d{overflow:hidden!important;max-height:none!important}.gm-style-iw-c{overflow:hidden!important;max-height:420px!important}.ok-map-popup__scroll{max-height:260px;overflow-y:auto;overflow-x:hidden;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--ok-gray-400, #9ca3af) transparent}.ok-map-popup__scroll::-webkit-scrollbar{width:6px}.ok-map-popup__scroll::-webkit-scrollbar-track{background:transparent}.ok-map-popup__scroll::-webkit-scrollbar-thumb{background-color:var(--ok-gray-400, #9ca3af);border-radius:3px}.ok-map-popup__scroll::-webkit-scrollbar-thumb:hover{background-color:var(--ok-gray-500, #6b7280)}.ok-map-info-window{padding:var(--ok-spacing-sm);max-width:280px;font-family:var(--ok-font-body);color:var(--ok-text-primary);border-radius:var(--ok-radius-lg);box-shadow:var(--ok-shadow-lg);border:1px solid var(--ok-color-border-light)}.ok-map-info-window__title{font-family:var(--ok-font-heading);font-weight:var(--ok-font-weight-semibold);font-size:var(--ok-font-size-body);margin:0 0 var(--ok-spacing-sm);color:var(--ok-secondary);border-bottom:2px solid var(--ok-secondary-light);padding-bottom:var(--ok-spacing-xs)}.ok-map-info-window__details{margin:0;padding:0}.ok-map-info-window__row{display:flex;gap:var(--ok-spacing-sm);padding:var(--ok-spacing-xs) 0;border-bottom:1px solid var(--ok-gray-200)}.ok-map-info-window__row:last-child{border-bottom:none}.ok-map-info-window__row dt{font-weight:var(--ok-font-weight-semibold);font-size:var(--ok-font-size-caption);color:var(--ok-gray-600);min-width:80px;flex-shrink:0}.ok-map-info-window__row dd{margin:0;font-size:var(--ok-font-size-caption);word-break:break-word}.map-container{width:100%;height:400px;border-radius:var(--ok-radius-md);overflow:hidden;border:1px solid var(--ok-color-alert-neutral)}.map-container--full{height:100%;min-height:500px}.map-controls{display:flex;gap:var(--ok-spacing-sm);padding:var(--ok-spacing-sm)}.map-info-window{padding:var(--ok-spacing-sm);max-width:300px}.map-info-window__title{font-family:var(--ok-font-family-heading);font-weight:var(--ok-font-weight-semibold);font-size:var(--ok-font-size-body);margin-bottom:var(--ok-spacing-xs)}@media (forced-colors: active){.ok-map-controls__btn,.ok-map-control-btn,.ok-viz-toggle,.ok-map-type-selector{border:2px solid ButtonText}.ok-viz-toggle__btn--active,.ok-viz-toggle__btn[aria-checked=true],.ok-map-type-btn.active{border:2px solid Highlight;background:Highlight;color:HighlightText}.ok-map-container{border:2px solid CanvasText}}.ok-map-marker{width:16px;height:16px;border-radius:50%;background-color:var(--ok-map-marker);border:2px solid var(--ok-color-bg-primary);box-sizing:border-box}.ok-map-loading{width:100%;height:100%;min-height:400px;display:flex;align-items:center;justify-content:center;background:var(--ok-gray-200)}.ok-map-placeholder-content{display:flex;align-items:center;justify-content:center;min-height:400px;background:var(--ok-gray-200);padding:24px;text-align:center}.ok-map-container--full{position:relative;width:100%;flex:1;min-height:500px}@media (prefers-reduced-motion: reduce){.ok-map-controls__btn,.ok-map-control-btn,.ok-map-type-btn,.ok-viz-toggle__btn{transition:none}}*:focus{outline:none}*:focus-visible{outline:3px solid var(--ok-color-focus-default);outline-offset:2px}.dark-bg *:focus-visible,.site-header *:focus-visible,.site-footer *:focus-visible{outline-color:var(--ok-color-text-inverse)}.input--error:focus-visible,.select--error:focus-visible{outline-color:var(--ok-color-focus-error)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:none}.btn:focus-visible{outline:3px solid var(--ok-color-focus-default);outline-offset:2px;box-shadow:0 0 0 6px #1ca6df33}@media (forced-colors: active){*:focus-visible{outline:3px solid CanvasText}}.skip-link{position:absolute;top:-100%;left:0;padding:var(--ok-spacing-md) var(--ok-spacing-xl);background-color:var(--ok-color-water-blue-dark);color:var(--ok-color-text-inverse);font-family:var(--ok-font-family-body);font-weight:var(--ok-font-weight-semibold);text-decoration:none;z-index:10000;transition:top var(--ok-transition-fast)}.skip-link:focus{top:0;outline:3px solid var(--ok-color-focus-default);outline-offset:2px}.ok-sr-only,.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only--focusable:focus,.sr-only--focusable:active{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (forced-colors: active){.btn{border:2px solid ButtonText}.badge,.card{border:1px solid}.alert,.input,.select,.textarea,.modal{border:2px solid}}button,a,input[type=checkbox],input[type=radio],[role=button],[role=link],[role=tab]{min-height:44px;min-width:44px}p a,li a,td a,span a{min-height:auto;min-width:auto;padding:var(--ok-spacing-xs) 0}.ok-skip-link{position:absolute;top:-100%;left:0;padding:var(--ok-spacing-md) var(--ok-spacing-xl);background-color:var(--ok-secondary);color:var(--ok-color-text-inverse);font-family:var(--ok-font-family-body);font-weight:var(--ok-font-weight-semibold);text-decoration:none;z-index:10000;transition:top var(--ok-transition-fast)}.ok-skip-link:focus{top:0;outline:3px solid var(--ok-color-focus-default);outline-offset:2px}.ok-btn:focus-visible{outline:3px solid var(--ok-color-focus-default);outline-offset:2px;box-shadow:0 0 0 6px #1ca6df33}.ok-input__field:focus-visible,.ok-select__field:focus-visible,.ok-textarea__field:focus-visible,.ok-search__field:focus-visible,.ok-multiselect__trigger:focus-visible{outline:none}.ok-header *:focus-visible,.ok-footer *:focus-visible{outline-color:var(--ok-color-text-inverse)}@media (forced-colors: active){.ok-btn{border:2px solid ButtonText}.ok-badge{border:1px solid}.ok-modal{border:2px solid}.ok-side-panel{border-left:2px solid}.ok-input__field,.ok-select__field,.ok-textarea__field,.ok-search__field,.ok-multiselect__trigger,.ok-card,.ok-alert,.ok-toast{border:2px solid}.ok-tabs__tab--active{border-bottom:3px solid LinkText}.ok-filter-chip{border:1px solid}.ok-search-panel{border:2px solid}.ok-search-panel__toggle{border-bottom:1px solid}.ok-permit-card,.ok-permit-table__sort-select{border:2px solid}.ok-table__head th[aria-sort]{border-bottom:3px solid LinkText}.ok-document-folder{border:2px solid}.ok-document-folder__toggle{border-bottom:1px solid}.ok-document-item__actions .ok-btn{border:1px solid LinkText}.ok-login-form,.ok-login-form__input,.ok-login-form__error,.ok-user-menu__dropdown,.ok-user-menu__avatar{border:2px solid}.ok-staff-nav{border-bottom:2px solid}.ok-staff-nav--sidebar{border-right:2px solid}.ok-staff-nav__link--active{border-bottom:3px solid LinkText}.ok-staff-nav--sidebar .ok-staff-nav__link--active{border-left:3px solid LinkText}.ok-date-range__input,.ok-staff-view-toggle{border:2px solid}.ok-staff-view-toggle__btn--active{forced-color-adjust:none;background-color:Highlight;color:HighlightText}.ok-permit-count-badge{border:1px solid}.ok-staff-permits__filters,.ok-staff-permits__filter-toggle{border:2px solid}}.ok-login-form__input:focus-visible{outline:none}.ok-login-form__password-toggle:focus-visible{outline:3px solid var(--ok-color-focus-default);outline-offset:2px}.ok-user-menu__trigger:focus-visible{outline:3px solid var(--ok-color-text-inverse);outline-offset:2px}.ok-user-menu__dropdown-item:focus-visible{outline:3px solid var(--ok-color-focus-default);outline-offset:-3px}.ok-staff-nav__link:focus-visible{outline:3px solid var(--ok-color-focus-default);outline-offset:-3px}.ok-staff-nav__toggle:focus-visible{outline:3px solid var(--ok-color-text-inverse);outline-offset:2px}.ok-date-range__input:focus-visible{outline:none}.ok-staff-view-toggle__btn:focus-visible{outline:3px solid var(--ok-color-focus-default);outline-offset:2px}.ok-staff-permits__filter-toggle:focus-visible{outline:3px solid var(--ok-color-focus-default);outline-offset:2px}.staff-index-theme{--primary: var(--ok-primary);--primary-bright: var(--ok-primary-bright);--primary-light: var(--ok-primary-light);--secondary: var(--ok-secondary);--secondary-bright: var(--ok-secondary-bright);--secondary-light: var(--ok-secondary-light);--gray-50: var(--ok-gray-50);--gray-100: var(--ok-gray-100);--gray-200: var(--ok-gray-200);--gray-300: var(--ok-gray-300);--gray-400: var(--ok-gray-400);--gray-500: var(--ok-gray-500);--gray-600: var(--ok-gray-600);--gray-700: var(--ok-gray-700);--gray-800: var(--ok-gray-800);--gray-900: var(--ok-gray-900);--white: var(--ok-white);--shadow: var(--ok-shadow-sm);--shadow-md: var(--ok-shadow-md);--shadow-lg: var(--ok-shadow-lg);--shadow-xl: var(--ok-shadow-xl);--radius-sm: var(--ok-radius-sm);--radius: var(--ok-radius-md);--radius-lg: var(--ok-radius-lg);--transition: var(--ok-transition-smooth);--font-heading: var(--ok-font-family-heading);--font-body: var(--ok-font-family-body);--font-weight-regular: var(--ok-font-weight-regular);--font-weight-semibold: var(--ok-font-weight-semibold);--focus-default: var(--ok-color-focus-default);--text: var(--ok-color-text-primary)}.staff-index-theme .index-header{background:var(--white);color:var(--text);padding:0 24px;height:68px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1000;box-shadow:var(--shadow);border-bottom:1px solid var(--gray-300)}.staff-index-theme .index-header-left{display:flex;align-items:center;gap:16px}.staff-index-theme .index-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}.staff-index-theme .index-logo-img{height:48px;width:auto;object-fit:contain;flex-shrink:0}.staff-index-theme .index-logo-icon{width:44px;height:44px;background:var(--primary-bright);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:var(--shadow)}.staff-index-theme .index-logo-text{font-family:var(--font-heading);font-weight:var(--font-weight-semibold);font-size:18px;letter-spacing:-.3px}.staff-index-theme .index-logo-subtitle{font-family:var(--font-body);font-size:11px;opacity:.9;font-weight:var(--font-weight-regular);text-transform:uppercase;letter-spacing:.5px}.staff-index-theme .index-header-right{display:flex;align-items:center;gap:12px}.staff-index-theme .index-staff-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--primary-bright);color:var(--white);border-radius:50px;font-family:var(--font-body);font-size:12px;font-weight:var(--font-weight-semibold)}.staff-index-theme .index-user-avatar{width:40px;height:40px;border-radius:50%;background:var(--gray-400);display:flex;align-items:center;justify-content:center;color:var(--white);font-family:var(--font-heading);font-weight:var(--font-weight-semibold);font-size:14px;cursor:pointer;border:2px solid transparent;transition:var(--transition);text-decoration:none}.staff-index-theme .index-user-avatar:hover{border-color:#ffffff80}.staff-index-theme .index-toolbar{background:linear-gradient(180deg,#fff,#fafafa);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--gray-200);flex-wrap:wrap;box-shadow:0 2px 8px #0000000a}.staff-index-theme .index-toolbar-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:1;min-width:200px}.staff-index-theme .index-toolbar-left>.ok-multiselect{position:relative}.staff-index-theme .index-toolbar-left .ok-multiselect__trigger{display:flex;align-items:center;gap:6px;padding:8px 10px 8px 12px;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius);font-size:13px;font-family:var(--font-body);color:var(--gray-800);min-width:140px}.staff-index-theme .index-toolbar-left .ok-multiselect__trigger:hover{border-color:var(--secondary);background:var(--gray-50)}.staff-index-theme .index-toolbar-left .ok-multiselect__trigger--open{border-color:var(--secondary);box-shadow:0 0 0 2px #004e9a26}.staff-index-theme .index-toolbar-left .ok-multiselect__chevron{color:var(--gray-500);font-size:18px!important}.staff-index-theme .index-toolbar-left .ok-multiselect__count{background:var(--secondary);color:var(--white);font-size:11px;font-weight:var(--font-weight-semibold);padding:2px 6px;border-radius:10px}.staff-index-theme .index-toolbar-right{display:flex;align-items:center;gap:12px}.staff-index-theme .index-view-toggle{display:flex;background:var(--gray-100);border-radius:var(--radius);padding:4px}.staff-index-theme .index-view-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--gray-600);cursor:pointer;transition:var(--transition)}.staff-index-theme .index-view-toggle-btn:hover{color:var(--gray-800);background:#ffffffb3}.staff-index-theme .index-view-toggle-btn.active{background:var(--secondary);color:var(--white);box-shadow:var(--shadow)}.staff-index-theme .index-viz-toggle{display:flex;background:var(--gray-100);padding:4px;border-radius:var(--radius);gap:2px;margin-right:12px}.staff-index-theme .index-viz-toggle-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--gray-600);cursor:pointer;transition:var(--transition)}.staff-index-theme .index-viz-toggle-btn:hover{color:var(--gray-800);background:var(--gray-200)}.staff-index-theme .index-viz-toggle-btn.active{background:var(--primary);color:var(--white);box-shadow:var(--shadow)}.staff-index-theme .index-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius);font-family:var(--font-body);font-size:14px;font-weight:var(--font-weight-semibold);cursor:pointer;border:none;background:var(--ok-color-woodland-green);color:var(--ok-color-text-inverse);box-shadow:var(--shadow);transition:var(--transition);text-decoration:none}.staff-index-theme a.index-btn-primary{border:none}.staff-index-theme .index-btn-primary:hover{background:var(--ok-color-woodland-green-dark);box-shadow:var(--shadow-md);color:var(--ok-color-text-inverse)}.staff-index-theme .index-main-container{flex:1;display:flex;flex-direction:column;position:relative}.staff-index-theme .index-content-area{flex:1;display:flex;position:relative;overflow:hidden;min-height:0}.staff-index-theme .index-search-container{position:relative;min-width:180px;max-width:220px}.staff-index-theme .index-search-input{width:100%;padding:12px 16px 12px 44px;border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:14px;font-family:var(--font-body);transition:var(--transition);background:var(--gray-50)}.staff-index-theme .index-search-input:focus{outline:none;border-color:var(--primary);background:var(--white);box-shadow:0 0 0 3px #32682026}.staff-index-theme .index-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:20px;pointer-events:none}.staff-index-theme .index-search-container .ok-search__field,.staff-index-theme .index-search-container .ok-search__input,.staff-index-theme .index-search-container input{width:100%;padding:12px 16px 12px 44px;border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:14px;font-family:var(--font-body);transition:var(--transition);background:var(--gray-50)}.staff-index-theme .index-search-container .ok-search__field:focus,.staff-index-theme .index-search-container .ok-search__input:focus,.staff-index-theme .index-search-container input:focus{outline:none;border-color:var(--primary);background:var(--white);box-shadow:0 0 0 3px #32682026}.staff-index-theme .index-header *:focus-visible,.staff-index-theme .index-toolbar *:focus-visible{outline:2px solid var(--focus-default);outline-offset:2px}.staff-index-theme .index-header *:focus-visible{outline-color:var(--secondary)}.ok-staff-header__toggle-spacer{margin-right:8px}.ok-staff-header__badge-icon{font-size:14px}.staff-index-theme .index-reset-filters-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--gray-300);border-radius:var(--radius);background:var(--white);color:var(--gray-600);cursor:pointer;transition:var(--transition);flex-shrink:0}.staff-index-theme .index-reset-filters-btn:hover{background:var(--ok-color-reset-hover-bg);border-color:var(--ok-color-reset-hover);color:var(--ok-color-reset-hover)}.staff-index-theme .index-reset-filters-btn:focus-visible{outline:2px solid var(--focus-default);outline-offset:2px}.staff-index-theme .index-reset-filters-btn .material-icons-outlined{font-size:20px}@media (max-width: 767px){:root{--ok-font-size-h1: 2rem;--ok-font-size-h2: 1.75rem;--ok-font-size-h3: 1.5rem;--ok-font-size-h4: 1.25rem;--ok-font-size-h5: 1.125rem}.site-header{padding:var(--ok-spacing-sm)}.site-header__title{font-size:var(--ok-font-size-body)}.site-main{padding:var(--ok-spacing-md) 0}.grid--2-col,.grid--3-col{grid-template-columns:1fr}.map-container{height:300px;border-radius:0}.card{padding:var(--ok-spacing-md)}.modal{max-width:100%;border-radius:0;max-height:100vh}.modal-overlay{padding:0;align-items:flex-end}.table-responsive{margin-left:calc(-1 * var(--ok-spacing-md));margin-right:calc(-1 * var(--ok-spacing-md));padding-left:var(--ok-spacing-md);padding-right:var(--ok-spacing-md)}.form-group{margin-bottom:var(--ok-spacing-md)}.btn--full-mobile{width:100%}.site-footer{padding:var(--ok-spacing-md)}.ok-footer__main{padding:var(--ok-spacing-lg) var(--ok-spacing-md) var(--ok-spacing-md)}.ok-footer__inner{flex-direction:column;gap:var(--ok-spacing-lg);padding-right:0}.ok-footer__brand,.ok-footer__nav-links{max-width:100%}.ok-footer__vdivider{width:100%;height:1px;align-self:unset}.ok-footer__back-to-top{position:static;width:100%;justify-content:center;margin-bottom:var(--ok-spacing-md);border:1px solid rgba(255,255,255,.3);border-radius:var(--ok-radius-sm)}.ok-footer__bottom-inner{flex-direction:column;align-items:flex-start;gap:var(--ok-spacing-xs)}}@media (min-width: 768px){.container{padding-left:var(--ok-spacing-xl);padding-right:var(--ok-spacing-xl)}.grid--2-col,.grid--3-col{grid-template-columns:repeat(2,1fr)}.site-header__title{font-size:var(--ok-font-size-h4)}}@media (min-width: 1024px){.grid--3-col{grid-template-columns:repeat(3,1fr)}.map-container{height:500px}}@media (max-width: 767px){.ok-permit-toolbar{flex-wrap:wrap;gap:var(--ok-spacing-xs);padding:var(--ok-spacing-xs) var(--ok-spacing-sm)}.ok-permit-toolbar__search-and-filters{flex:1 1 100%;flex-wrap:wrap}.ok-permit-toolbar__search{flex:1 1 100%;min-width:100%}.ok-permit-toolbar__search-and-filters .ok-multiselect{flex:1;min-width:100px;max-width:none}.ok-permit-toolbar__right{flex:1 1 100%;justify-content:space-between;margin-left:0}.ok-permit-toolbar__viz-btn,.ok-permit-toolbar__view-btn{min-height:var(--ok-touch-target-min);flex:1;justify-content:center}.ok-permit-form__grid{grid-template-columns:1fr}.ok-permit-form__actions{flex-direction:column}.ok-permit-form__actions .ok-btn{width:100%}.ok-permit-form__confirm-change-row,.ok-custom-fields__row{grid-template-columns:1fr}.ok-folder-tabs{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.ok-folder-tabs .ok-tabs__tab{flex-shrink:0}.ok-app-shell__toolbar{flex-direction:column;padding:var(--ok-spacing-sm);gap:var(--ok-spacing-sm)}.ok-view-toggle{width:100%}.ok-view-toggle .ok-tabs__tab{flex:1;text-align:center}.ok-permit-badge{justify-content:center;width:100%}.ok-main-content{padding:var(--ok-spacing-md) 0}.ok-main-content--map{padding:0}.ok-page-wrapper{padding:0 var(--ok-spacing-md)}.ok-page-wrapper--map{max-width:none;width:100%;margin:0;padding:0}.ok-header__menu-btn{display:flex}.ok-header__nav{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--ok-color-bg-primary);box-shadow:var(--ok-shadow-md);border-top:1px solid var(--ok-gray-300);padding:var(--ok-spacing-sm);z-index:99}.ok-header--staff .ok-header__nav{background:var(--ok-color-bg-primary)}.ok-header__nav--open{display:flex}.ok-header__nav-list{flex-direction:column;width:100%}.ok-header__nav-link{width:100%;padding:var(--ok-spacing-md)}.ok-header__agency{font-size:var(--ok-font-size-caption)}.ok-header__portal-name{font-size:var(--ok-font-size-legal)}.ok-header__user{display:none}.ok-btn--full-mobile{width:100%}.ok-modal__overlay{padding:0;align-items:flex-end}.ok-modal{max-width:100%;border-radius:var(--ok-radius-lg) var(--ok-radius-lg) 0 0;max-height:95vh}.ok-side-panel{width:100%}.ok-toast-container{top:var(--ok-spacing-sm);right:var(--ok-spacing-sm);left:var(--ok-spacing-sm);max-width:none}.ok-pagination{justify-content:center;flex-wrap:wrap}.ok-pagination__page-numbers{display:none}.ok-footer__nav-links{column-gap:var(--ok-spacing-lg)}.ok-tabs{width:100%}.ok-tabs__tab{flex:1;text-align:center}.ok-filter-chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--ok-spacing-xs)}.ok-filter-chip{flex-shrink:0}.ok-empty-state{padding:var(--ok-spacing-xl) var(--ok-spacing-md)}.ok-empty-state__icon{font-size:2rem}.ok-multiselect__dropdown{position:fixed;bottom:0;left:0;right:0;top:auto;border-radius:var(--ok-radius-lg) var(--ok-radius-lg) 0 0;max-height:60vh}.ok-map-container{width:100%;height:50vh;min-height:280px;border-radius:0;border-left:none;border-right:none}.ok-map-page{margin:0 calc(-1 * var(--ok-spacing-md))}.ok-map-controls{bottom:16px;left:16px}.ok-map-control-btn{width:var(--ok-touch-target-min);height:var(--ok-touch-target-min)}.ok-map-type-selector{bottom:16px;right:16px}.ok-map-type-btn{padding:8px 10px;font-size:11px;min-width:56px}.ok-viz-toggle{position:absolute;bottom:var(--ok-spacing-sm);left:50%;transform:translate(-50%)}.ok-viz-toggle__btn{min-height:var(--ok-touch-target-min);padding:var(--ok-spacing-sm);font-size:var(--ok-font-size-legal)}.ok-viz-toggle__icon{font-size:.875rem}.ok-content-layout--with-sidebar{flex-direction:column}.ok-search-panel{width:100%;position:static;max-height:none;overflow-y:visible;border-radius:0;border-left:none;border-right:none}.ok-search-panel__toggle{display:flex}.ok-search-panel__body{display:none;padding:var(--ok-spacing-md)}.ok-search-panel__body--open{display:flex}.ok-content-layout--with-sidebar .ok-search-panel{position:static;max-height:none}.ok-active-filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--ok-spacing-xs)}.ok-reset-btn{width:100%;min-height:var(--ok-touch-target-min)}.ok-permit-card{min-height:var(--ok-touch-target-min)}.ok-permit-card__title{font-size:var(--ok-font-size-body)}.ok-pagination__size{display:none}.ok-permit-detail__actions .ok-btn{width:100%}.ok-document-item{flex-direction:column;align-items:stretch;gap:var(--ok-spacing-xs)}.ok-document-item__actions{flex-direction:row;width:100%}.ok-document-item__actions .ok-btn{flex:1;min-height:var(--ok-touch-target-min);justify-content:center}.ok-side-panel__close{width:var(--ok-touch-target-min);height:var(--ok-touch-target-min)}.ok-staff-nav__toggle{display:flex}.ok-staff-nav{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;background-color:#00000080;border-bottom:none}.ok-staff-nav--open{display:flex}.ok-staff-nav__list{flex-direction:column;background-color:var(--ok-color-bg-primary);width:80%;max-width:300px;padding:var(--ok-spacing-lg) 0;height:100%;overflow-y:auto;box-shadow:var(--ok-shadow-lg)}.ok-staff-nav__link{border-bottom:none;border-left:4px solid transparent;padding:var(--ok-spacing-md) var(--ok-spacing-lg)}.ok-staff-nav__link--active{border-left-color:var(--ok-secondary);background-color:var(--ok-secondary-light);border-bottom-color:transparent}.ok-staff-main{padding:var(--ok-spacing-md);min-width:0;overflow-x:hidden}.ok-staff-sidebar{display:none}.ok-login-page{padding:24px 16px;align-items:flex-start}.ok-login-form{max-width:100%;border-radius:12px}.ok-login-form>form{padding:32px 24px}.ok-login-form__logo{width:200px}.ok-login-form__input,.ok-login-form__submit{min-height:var(--ok-touch-target-min)}.ok-user-menu__info,.ok-user-menu__caret{display:none}.ok-user-menu__dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;border-radius:var(--ok-radius-lg) var(--ok-radius-lg) 0 0;min-width:auto}.ok-staff-permits__page-header{flex-direction:column;gap:var(--ok-spacing-xs);padding:16px 16px 8px}.ok-staff-permits__toolbar{flex-direction:column;gap:12px;padding:12px 16px}.ok-staff-permits__toolbar-left{flex-direction:column;gap:8px;width:100%}.ok-staff-permits__search-wrap{max-width:100%}.ok-staff-permits__toolbar-right{width:100%;justify-content:space-between}.ok-staff-permits__filter-bar{display:none}.ok-staff-permits__filter-toggle{display:flex}.ok-staff-view-toggle{width:100%}.ok-staff-view-toggle__btn{flex:1;justify-content:center;min-height:var(--ok-touch-target-min)}.ok-staff-table .ok-table{width:100%}.ok-staff-table--card-view .ok-table__head{display:none}.ok-staff-table--card-view .ok-table__row{display:block;margin-bottom:var(--ok-spacing-md);border:1px solid var(--ok-color-alert-neutral);border-radius:var(--ok-radius-sm);padding:var(--ok-spacing-md);box-shadow:var(--ok-shadow-sm)}.ok-staff-table--card-view .ok-table__cell{display:flex;justify-content:space-between;padding:var(--ok-spacing-xs) 0;border-bottom:1px solid var(--ok-gray-200)}.ok-staff-table--card-view .ok-table__cell:last-child{border-bottom:none}.ok-staff-table--card-view .ok-table__cell:before{content:attr(data-label);font-weight:var(--ok-font-weight-semibold);color:var(--ok-gray-700);margin-right:var(--ok-spacing-md)}.ok-date-range__fields{flex-direction:column}.ok-permit-count-badge{font-size:var(--ok-font-size-legal)}.ok-permit-count-badge__number{font-size:var(--ok-font-size-caption)}.ok-staff-table .ok-pagination__page-numbers{display:none}}@media (min-width: 768px){.ok-app-shell__toolbar,.ok-page-wrapper{padding:0 var(--ok-spacing-xl)}.ok-page-wrapper--map{max-width:none;width:100%;margin:0;padding:0}.ok-header__menu-btn{display:none}.ok-header__nav{display:flex}.ok-footer__inner{flex-direction:row;align-items:flex-start;gap:var(--ok-spacing-lg);padding-right:130px}.ok-footer__vdivider{width:1px;height:auto;align-self:stretch}.ok-footer__back-to-top{position:absolute;width:auto;border:none;margin-bottom:0;justify-content:flex-end}.ok-footer__bottom-inner{flex-direction:row;align-items:center}.ok-side-panel{width:50%}.ok-document-item__actions .ok-btn{min-height:var(--ok-touch-target-min)}.ok-staff-nav{display:flex;position:static;background-color:var(--ok-color-bg-primary);border-bottom:1px solid var(--ok-color-alert-neutral)}.ok-staff-nav__toggle{display:none}.ok-staff-nav__list{flex-direction:row;width:auto;max-width:none;padding:0 var(--ok-spacing-md);height:auto;overflow-y:visible;box-shadow:none}.ok-staff-nav__link{border-left:none;border-bottom:4px solid transparent;padding:var(--ok-spacing-sm) var(--ok-spacing-lg)}.ok-staff-nav__link--active{border-left-color:transparent;border-bottom-color:var(--ok-secondary);background-color:transparent}.ok-staff-main{padding:var(--ok-spacing-xl) var(--ok-spacing-xl)}.ok-login-form{max-width:440px}.ok-staff-permits__filter-toggle{display:none}.ok-staff-permits__filter-bar,.ok-user-menu__info{display:flex}.ok-user-menu__dropdown{position:absolute;top:100%;bottom:auto;left:auto;right:0;border-radius:var(--ok-radius-md);min-width:200px}.ok-search-panel{width:280px;border-radius:var(--ok-radius-md)}.ok-search-panel__toggle{display:none}.ok-search-panel__body{display:flex}.ok-modal{max-width:80%}.ok-map-container{height:55vh;min-height:400px;border-radius:var(--ok-radius-md)}.ok-map-page{margin:0}.ok-table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.ok-pagination__size{display:flex}.ok-permit-table__table th:last-child,.ok-permit-table__table td:last-child{display:none}}@media (min-width: 1024px){.ok-main-content{padding:var(--ok-spacing-xl) 0}.ok-main-content--map{padding:0}.ok-modal{max-width:600px}.ok-modal--lg{max-width:800px}.ok-modal--sm{max-width:400px}.ok-side-panel{width:480px}.ok-footer__inner{flex-direction:row;align-items:flex-start;gap:var(--ok-spacing-xl)}.ok-footer__brand{max-width:300px}.ok-search-panel{width:var(--ok-sidebar-width)}.ok-map-container{height:65vh;min-height:500px}.ok-viz-toggle__btn{padding:var(--ok-spacing-sm) var(--ok-spacing-lg)}.ok-map-control-btn{width:40px;height:40px}.ok-side-panel__close{width:36px;height:36px;min-width:36px;min-height:36px}.ok-document-item__actions .ok-btn{min-height:40px}.ok-staff-nav:not(.ok-staff-nav--sidebar){display:none}.ok-staff-layout>.index-header{display:none}.ok-staff-sidebar,.ok-staff-body{display:flex}.ok-staff-main{padding:var(--ok-spacing-xl)}.ok-login-form{max-width:440px}.ok-login-form__submit{min-height:48px}.ok-table-responsive{overflow-x:visible}.ok-permit-table__table{table-layout:auto}.ok-permit-table__table th:last-child,.ok-permit-table__table td:last-child{display:table-cell}.ok-edit-permit-layout{display:block}.ok-edit-permit-form-wrap{max-width:100%}.ok-edit-permit-page .ok-permit-form__grid{grid-template-columns:1fr 1fr}.ok-edit-permit-page .ok-edit-form-header{margin:0 calc(-1 * var(--ok-spacing-xl));padding-left:var(--ok-spacing-xl);padding-right:var(--ok-spacing-xl)}}@media (max-width: 1023px){.ok-edit-permit-form-wrap{margin-bottom:var(--ok-spacing-md)}.ok-edit-permit-page .ok-edit-form-header{margin:0 calc(-1 * var(--ok-spacing-xl));padding-left:var(--ok-spacing-xl);padding-right:var(--ok-spacing-xl)}}@media (max-width: 767px){.ok-users-table-wrapper .ok-table,.ok-users-table-wrapper table{display:none}.ok-users-cards{display:block}.ok-users-page__header{flex-direction:column;align-items:stretch}.ok-users-page__header .btn{width:100%;min-height:44px}.ok-create-user-form__row{grid-template-columns:1fr}.ok-users-page__layout,.ok-data-settings__layout{flex-direction:column}.ok-data-settings__sidebar{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--ok-color-border-light)}.ok-data-settings__add-row{flex-direction:column;align-items:stretch}.ok-data-settings__add-row-fields{grid-template-columns:1fr}.ok-data-settings__add-row .input{min-width:unset}.ok-users-detail-panel{position:fixed;top:0;right:0;bottom:0;width:100%;min-width:unset;z-index:900;box-shadow:var(--ok-shadow-xl)}}@media (min-width: 768px) and (max-width: 1024px){.ok-users-detail-panel{width:300px;min-width:300px}}@media (min-width: 768px){.ok-users-cards{display:none}}@media (max-width: 767px){.ok-profile-page__grid,.ok-profile-page__analytics,.ok-visit-tracking-card__stats{grid-template-columns:1fr}.ok-chart-container{height:200px}}@media (min-width: 768px){.ok-profile-page__grid{grid-template-columns:repeat(2,1fr)}.ok-profile-page__analytics{grid-template-columns:1fr}.ok-chart-container{height:300px}}@media (min-width: 1024px){.ok-profile-page__grid{grid-template-columns:repeat(3,1fr)}.ok-profile-page__analytics{grid-template-columns:60% 1fr;align-items:start}.ok-chart-container{height:350px}}@media (max-width: 767px){.ok-modal{border-radius:var(--ok-radius-lg) var(--ok-radius-lg) 0 0;max-width:100%;max-height:95vh;margin:auto 0 0;align-self:flex-end}.ok-modal__overlay{align-items:flex-end}.ok-side-panel{width:100%;border-radius:0}.ok-permit-card,.ok-profile-card,.ok-analytics-card,.ok-user-card{border-radius:var(--ok-radius-md)}.ok-table{border-radius:0;border-left:none;border-right:none}.ok-filter-chips{gap:var(--ok-spacing-xs)}.ok-permit-form__section{padding:var(--ok-spacing-md);border-radius:var(--ok-radius-md)}.ok-login-form,.ok-search-panel{border-radius:var(--ok-radius-md)}}@media (min-width: 768px) and (max-width: 1024px){.ok-modal{max-width:80vw}.ok-side-panel{width:380px}.ok-edit-permit-layout--two-col{grid-template-columns:1fr}.ok-edit-permit-layout__history{position:static;max-height:none}}@media (min-width: 768px) and (max-width: 1024px){.ok-stat-cards{grid-template-columns:repeat(2,1fr)}.ok-welcome-hero__greeting{font-size:1.35rem}.ok-dashboard__row--2col{grid-template-columns:1fr 1fr}}@media (min-width: 1025px){.ok-dashboard__row--2col{grid-template-columns:1fr 1fr}.ok-stat-cards{grid-template-columns:repeat(4,1fr)}}@media (min-width: 768px) and (max-width: 1024px){.ok-edit-permit-page__top-row{grid-template-columns:1fr 320px;gap:var(--ok-spacing-md)}.ok-edit-permit-section{padding:var(--ok-spacing-md)}.ok-edit-permit-page__top-row>.ok-permit-form{min-height:min(50vh,480px);max-height:min(70vh,680px);overflow-y:auto}.ok-edit-permit-section--history{max-height:min(48vh,480px)}.ok-edit-permit-section--documents .ok-document-box{min-width:100px}}@media (max-width: 767px){.ok-edit-permit-layout--two-col{grid-template-columns:1fr}.ok-edit-permit-layout__history{position:static;max-height:none}.ok-edit-permit-page__top-row{grid-template-columns:1fr}.ok-edit-permit-page__top-row>.ok-permit-form{min-height:min(45vh,400px);max-height:min(65vh,580px);overflow-y:auto}.ok-edit-permit-section--history,.ok-edit-permit-section--documents{max-height:min(45vh,420px)}.ok-edit-permit-page--three-sections{min-width:0;overflow-x:hidden}.ok-edit-permit-page--three-sections .ok-permit-form__grid{grid-template-columns:1fr}.ok-edit-permit-section{padding:var(--ok-spacing-md);min-width:0}.ok-edit-permit-section--history .ok-table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 calc(-1 * var(--ok-spacing-md));padding:0 var(--ok-spacing-md)}.ok-edit-permit-section--documents .ok-document-boxes{flex-wrap:wrap}.ok-edit-permit-section--documents .ok-document-box{min-width:140px;max-width:200px}.ok-dashboard__row--2col{grid-template-columns:1fr}.ok-stat-cards{grid-template-columns:1fr 1fr}.ok-welcome-hero{flex-direction:column;text-align:center;padding:var(--ok-spacing-lg) var(--ok-spacing-md)}.ok-welcome-hero__avatar{width:48px;height:48px;min-width:48px;font-size:1.1rem}.ok-welcome-hero__greeting{font-size:1.25rem}.ok-welcome-hero__meta{justify-content:center}.ok-quick-actions{flex-direction:column}.ok-quick-action{width:100%;justify-content:center}.ok-expiring-alert{flex-wrap:wrap}.ok-stat-card__value{font-size:1.25rem}.ok-stat-card__icon{width:36px;height:36px;min-width:36px}.ok-stat-card{padding:var(--ok-spacing-md)}.ok-system-overview__stats{flex-direction:column;gap:var(--ok-spacing-md)}.ok-status-chart__center{display:none}.ok-commodity-chart__scroll{max-height:260px}.ok-permit-detail-page__grid,.ok-document-folders{grid-template-columns:1fr}.ok-top-action-bar{flex-direction:column;align-items:flex-start}.ok-top-action-bar__actions{width:100%;justify-content:flex-end}.ok-top-action-bar .ok-btn{min-height:44px;padding:var(--ok-spacing-sm) var(--ok-spacing-md)}.ok-edit-permit-page .ok-permit-form__header-row .ok-toggle-switch{min-height:44px;min-width:44px}.ok-custom-columns__row{grid-template-columns:1fr}}.ok-visibility-toggle input[type=checkbox],.ok-document-box__visibility input[type=checkbox],.ok-document-box__visibility-check{width:14px;height:14px;min-width:14px;min-height:14px}