:root { --olm-primary: #0d6efd; --olm-primary-dark: #084298; --olm-bg: #f5f7fa; --olm-surface: #fff; --olm-border: #d9e1ea; --olm-text: #1f2937; --olm-text-muted: #6b7280; }
body { background: var(--olm-bg); color: var(--olm-text); }
.olm-navbar { background: var(--olm-primary-dark); }
.olm-card, .olm-tile { background: var(--olm-surface); border: 1px solid var(--olm-border); border-radius: 8px; box-shadow: 0 2px 8px #0000000d; }
.olm-tile { display: flex; min-height: 150px; flex-direction: column; align-items: center; justify-content: center; gap: 12px; color: var(--olm-primary-dark); font-weight: 600; text-decoration: none; }
.olm-tile:hover, .olm-tile:focus { border-color: var(--olm-primary); color: var(--olm-primary); }
.olm-tile i { font-size: 2rem; }
.btn-primary { --bs-btn-bg: var(--olm-primary); --bs-btn-border-color: var(--olm-primary); }
.form-control, .form-select, .btn { min-height: 44px; }
.gis-item { border: 1px solid var(--olm-border); border-radius: 8px; padding: 1rem; }
.permission-row { border: 1px solid var(--olm-border); border-radius: 8px; padding: .75rem; }
.permission-row .form-check { min-height: 44px; display: flex; align-items: center; gap: .35rem; }
.permission-row .form-check-input { margin-top: 0; }
details summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; }