@font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/be-vietnam-pro/be-vietnam-pro-400-normal.ttf) format('truetype'); } @font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 500; font-display: swap; src: url(/fonts/be-vietnam-pro/be-vietnam-pro-500-normal.ttf) format('truetype'); } @font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 600; font-display: swap; src: url(/fonts/be-vietnam-pro/be-vietnam-pro-600-normal.ttf) format('truetype'); } @font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/be-vietnam-pro/be-vietnam-pro-700-normal.ttf) format('truetype'); } /* Spike-inspired appearance for all URA Bootstrap and Element UI screens. Shared tokens live here; component selectors also cover overlays appended to body. */ .ura-modern-only { display: none; } html[data-ura-ui="modern"] { --ura-font: 'Be Vietnam Pro', sans-serif; --ura-primary: #006fb8; --ura-primary-hover: #0064a6; --ura-on-primary: #fff; --ura-background: #f0f5f9; --ura-surface: #fff; --ura-table-header: #e9f0f7; --ura-text: #2a3547; --ura-muted: #526171; --ura-border: #e5eaef; --ura-control-border: #c7d1dc; --ura-selected: #e5f3fb; --ura-hover: #f4f8fb; --ura-secondary: #657078; --ura-success: #16764a; --ura-success-bg: #e6f8ef; --ura-warning: #94600c; --ura-warning-bg: #fff3e1; --ura-danger: #bd4333; --ura-danger-bg: #ffede7; --ura-info: #16788d; --ura-info-bg: #e0f5fb; --ura-radius: 10px; --ura-panel-radius: 18px; --ura-shadow: 0 2px 6px rgb(37 83 185 / 10%); --ura-overlay-shadow: 0 12px 32px rgb(37 83 185 / 16%); color-scheme: light; font-size: 16px; } html[data-ura-ui="modern"] body { font-family: var(--ura-font) !important; background: var(--ura-background); color: var(--ura-text); font-size: 14px; font-weight: 400; line-height: 1.6; -webkit-font-smoothing: antialiased; } html[data-ura-ui="modern"] body * { font-family: var(--ura-font) !important; } html[data-ura-ui="modern"] :is([class^="el-icon-"], [class*=" el-icon-"]) { font-family: element-icons !important; } html[data-ura-ui="modern"] :is(.fa,.fas,.far,.fab) { font-family: 'Font Awesome 5 Free' !important; } html[data-ura-ui="modern"] .fab { font-family: 'Font Awesome 5 Brands' !important; } html[data-ura-ui="modern"] .ura-modern-only { display: block; } html[data-ura-ui="modern"] :is(h1,h2,h3,h4,h5,h6) { color: var(--ura-text); font-weight: 600; line-height: 1.4; } html[data-ura-ui="modern"] :is(.text-muted,.text-400,.text-500,.text-600) { color: var(--ura-muted) !important; } html[data-ura-ui="modern"] :is(a,.text-primary,.el-button--text) { color: var(--ura-primary); } html[data-ura-ui="modern"] .text-primary { color: var(--ura-primary) !important; } html[data-ura-ui="modern"] :is(label,.el-form-item__label) { color: var(--ura-text); font-weight: 500; } /* Floating white sidebar and header, as in Spike. */ html[data-ura-ui="modern"] .main > .container { max-width: 1600px; padding: 12px 16px; } html[data-ura-ui="modern"] .content { min-width: 0; margin-bottom: 0; padding-top: 0 !important; } html[data-ura-ui="modern"] .nav-top { background: var(--ura-background); padding: 0 0 16px; z-index: 20; } html[data-ura-ui="modern"] .navbar-top { background: var(--ura-surface); border-radius: var(--ura-panel-radius); border: 1px solid var(--ura-border); margin: 0; padding: 10px 16px; min-height: 64px; box-shadow: var(--ura-shadow); width: 100%; max-width: none !important; } html[data-ura-ui="modern"] .navbar-top .navbar-collapse > div[style] { width: auto !important; flex: 1; min-width: 0; padding: 0 16px; } html[data-ura-ui="modern"] .info-school { color: var(--ura-text); font-weight: 600; font-size: 14px; } html[data-ura-ui="modern"] .navbar-top .nav-item.d-flex { align-items: center; gap: 8px; } html[data-ura-ui="modern"] .navbar-top .nav-item.d-flex .mb-1 { margin-bottom: 0 !important; } html[data-ura-ui="modern"] .navbar-top #navbarDropdownUser { display: flex; align-items: center; gap: 12px; } html[data-ura-ui="modern"] .ura-navbar-user { font-weight: 600; max-width: 140px; overflow-wrap: anywhere; } html[data-ura-ui="modern"] .navbar-toggler { min-width: 44px; min-height: 44px; border: 0; border-radius: 50%; } html[data-ura-ui="modern"] .navbar-vertical { background: var(--ura-surface); border: 1px solid var(--ura-border); border-radius: var(--ura-panel-radius); box-shadow: var(--ura-shadow); } html[data-ura-ui="modern"] .navbar-vertical .navbar-brand { padding: 8px 20px; margin: 0; } html[data-ura-ui="modern"] .navbar-vertical .navbar-collapse { box-shadow: none; padding: 0 12px; } html[data-ura-ui="modern"] .navbar-vertical .navbar-nav .nav-link { color: var(--ura-text); font-weight: 400; font-size: 14px; border-radius: var(--ura-radius); padding: 8px 12px; margin: 2px 0; min-height: 40px; transition: background-color .18s, color .18s; } html[data-ura-ui="modern"] .navbar-vertical .navbar-nav .nav-link:hover { background: var(--ura-hover); color: var(--ura-primary); } html[data-ura-ui="modern"] .navbar-vertical .navbar-nav :is(.nav-link.active,.nav-link.router-link-exact-active) { background: var(--ura-selected); color: var(--ura-primary); font-weight: 500; } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon { width: 24px; margin-right: 12px; font-size: 18px; } html[data-ura-ui="modern"] .navbar-vertical .navbar-nav .nav { padding-left: 20px; } html[data-ura-ui="modern"] .navbar-vertical .navbar-nav .nav .nav-link { padding: 6px 12px; min-height: 36px; } html[data-ura-ui="modern"] .ura-menu-heading { padding: 18px 12px 8px; font-size: 12px; font-weight: 700; letter-spacing: .06em; color: var(--ura-text); } html[data-ura-ui="modern"] .ura-menu-heading:not(:first-child) { margin-top: 10px; border-top: 1px solid var(--ura-border); } html[data-ura-ui="modern"] .ura-sidebar-account { display: flex; align-items: center; gap: 8px; margin: 12px; padding: 12px; background: var(--ura-selected); border-radius: var(--ura-radius); } html[data-ura-ui="modern"] .ura-sidebar-account > div { min-width: 0; } html[data-ura-ui="modern"] .ura-sidebar-account strong { display: block; overflow-wrap: anywhere; font-weight: 600; } html[data-ura-ui="modern"] .ura-sidebar-account span { display: block; color: var(--ura-muted); font-size: 12px; } html[data-ura-ui="modern"] :is(.ura-account-avatar,.ura-account-initial) { width: 40px; height: 40px; flex: 0 0 40px; border-radius: 50%; object-fit: cover; } html[data-ura-ui="modern"] .ura-sidebar-account .ura-account-initial { display: grid; place-items: center; background: var(--ura-primary); color: var(--ura-on-primary); font-size: 18px; } html[data-ura-ui="modern"] .content > footer { position: static; width: auto; background: transparent; padding: 16px 0; z-index: auto; } /* Cards, panels and section headings. */ html[data-ura-ui="modern"] :is(.card,.el-card) { background: var(--ura-surface); border: 1px solid var(--ura-border); border-radius: var(--ura-panel-radius); box-shadow: var(--ura-shadow) !important; } html[data-ura-ui="modern"] .card.border-0 { border: 1px solid var(--ura-border) !important; } html[data-ura-ui="modern"] :is(.card-header,.card-footer,.el-card__header) { background: var(--ura-surface) !important; border-color: var(--ura-border); padding: 12px 16px; } html[data-ura-ui="modern"] .card-header { border-radius: 18px 18px 0 0; gap: 12px; flex-wrap: wrap; } html[data-ura-ui="modern"] :is(.card-body,.el-card__body) { padding: 16px; font-size: 14px; } html[data-ura-ui="modern"] .card-header h5 { font-size: 18px; } html[data-ura-ui="modern"] .card .icon-shape { border-radius: 50% !important; } html[data-ura-ui="modern"] .card .icon-shape.bg-primary { background: var(--ura-selected) !important; color: var(--ura-primary) !important; } html[data-ura-ui="modern"] .card .icon-shape.bg-success { background: var(--ura-success-bg) !important; color: var(--ura-success) !important; } html[data-ura-ui="modern"] .card .icon-shape.bg-danger { background: var(--ura-danger-bg) !important; color: var(--ura-danger) !important; } html[data-ura-ui="modern"] .card .icon-shape.bg-info { background: var(--ura-info-bg) !important; color: var(--ura-info) !important; } /* All button variants, including compact table actions and button groups. */ html[data-ura-ui="modern"] :is(.btn,.el-button) { border-radius: var(--ura-radius); min-height: 36px; padding: 8px 14px; font-size: 14px; font-weight: 500; line-height: 1.3; box-shadow: none; white-space: normal; transition: background-color .18s, border-color .18s, color .18s; } html[data-ura-ui="modern"] :is(.btn-primary,.el-button--primary) { background: var(--ura-primary); border-color: var(--ura-primary); color: var(--ura-on-primary); } html[data-ura-ui="modern"] :is(.btn-primary,.el-button--primary):not(:disabled):not(.is-disabled):hover { background: var(--ura-primary-hover); border-color: var(--ura-primary-hover); } html[data-ura-ui="modern"] :is(.btn-secondary,.el-button--info) { background: var(--ura-secondary); border-color: var(--ura-secondary); color: var(--ura-on-primary); } html[data-ura-ui="modern"] :is(.btn-success,.el-button--success) { background: var(--ura-success); border-color: var(--ura-success); color: var(--ura-on-primary); } html[data-ura-ui="modern"] :is(.btn-warning,.el-button--warning) { background: var(--ura-warning); border-color: var(--ura-warning); color: var(--ura-on-primary); } html[data-ura-ui="modern"] :is(.btn-danger,.el-button--danger) { background: var(--ura-danger); border-color: var(--ura-danger); color: var(--ura-on-primary); } html[data-ura-ui="modern"] .btn-info { background: var(--ura-info); border-color: var(--ura-info); color: var(--ura-on-primary); } html[data-ura-ui="modern"] :is(.btn-outline-primary,.el-button--primary.is-plain) { background: var(--ura-selected); border-color: var(--ura-primary); color: var(--ura-primary); } html[data-ura-ui="modern"] :is(.btn-outline-secondary,.btn-light,.btn-outline-light,.el-button--default) { background: var(--ura-surface); border-color: var(--ura-control-border); color: var(--ura-text); } html[data-ura-ui="modern"] :is(.btn-outline-success,.el-button--success.is-plain) { background: var(--ura-success-bg); border-color: var(--ura-success); color: var(--ura-success); } html[data-ura-ui="modern"] :is(.btn-outline-danger,.el-button--danger.is-plain) { background: var(--ura-danger-bg); border-color: var(--ura-danger); color: var(--ura-danger); } html[data-ura-ui="modern"] :is(.btn-outline-warning,.el-button--warning.is-plain) { background: var(--ura-warning-bg); border-color: var(--ura-warning); color: var(--ura-warning); } html[data-ura-ui="modern"] :is(.btn-outline-info,.el-button--info.is-plain) { background: var(--ura-info-bg); border-color: var(--ura-info); color: var(--ura-info); } html[data-ura-ui="modern"] :is(.btn-outline-secondary,.btn-light,.el-button--default):not(:disabled):not(.is-disabled):hover { background: var(--ura-hover); border-color: var(--ura-control-border); } html[data-ura-ui="modern"] :is(.btn-link,.el-button--text) { border: 0; background: transparent; color: var(--ura-primary); box-shadow: none; } html[data-ura-ui="modern"] :is(.btn-sm,.el-button--small,.el-button--mini) { min-height: 32px; padding: 6px 12px; font-size: 13px; border-radius: 8px; } html[data-ura-ui="modern"] :is(.el-button.is-circle,.btn.rounded-circle) { width: 40px; height: 40px; padding: 8px; border-radius: 50%; } html[data-ura-ui="modern"] :is(.btn:disabled,.btn.disabled,.el-button.is-disabled) { opacity: .5; cursor: not-allowed; } html[data-ura-ui="modern"] :is(.btn,.el-button):focus-visible { outline: 2px solid var(--ura-primary); outline-offset: 2px; } html[data-ura-ui="modern"] .btn-group > .btn:not(:first-child):not(:last-child) { border-radius: 0; } html[data-ura-ui="modern"] .btn-group > .btn:first-child:not(:last-child) { border-radius: 10px 0 0 10px; } html[data-ura-ui="modern"] .btn-group > .btn:last-child:not(:first-child) { border-radius: 0 10px 10px 0; } /* Inputs, native and Element UI choice controls, validation and editors. */ html[data-ura-ui="modern"] :is(.form-control,.custom-select,.el-input__inner,.el-textarea__inner,.vs__dropdown-toggle,input[type="date"]) { background: var(--ura-surface); color: var(--ura-text); border: 1px solid var(--ura-control-border); border-radius: var(--ura-radius); min-height: 40px; font-size: 14px; font-weight: 400; } html[data-ura-ui="modern"] :is(.form-control,.el-input__inner,input[type="date"]) { padding: 8px 12px; } html[data-ura-ui="modern"] textarea.form-control { height: auto; } html[data-ura-ui="modern"] :is(.form-control,.el-input__inner,.el-textarea__inner):focus { border-color: var(--ura-primary); box-shadow: 0 0 0 2px rgb(0 118 194 / 12%); } html[data-ura-ui="modern"] :is(.form-control,.el-input__inner,.el-textarea__inner)::placeholder { color: var(--ura-muted) !important; opacity: 1; } html[data-ura-ui="modern"] .rounded-pill.search-input { border-radius: 999px !important; padding-left: 36px; } html[data-ura-ui="modern"] .el-input--prefix .el-input__inner { padding-left: 36px; } html[data-ura-ui="modern"] .el-input--suffix .el-input__inner { padding-right: 36px; } html[data-ura-ui="modern"] .el-input__icon { line-height: 40px; } html[data-ura-ui="modern"] .el-select { max-width: 100%; } html[data-ura-ui="modern"] .el-select .el-tag { background: var(--ura-selected); border-color: transparent; color: var(--ura-primary); } html[data-ura-ui="modern"] :is(.el-input-group__append,.el-input-group__prepend) { background: var(--ura-background); border-color: var(--ura-control-border); color: var(--ura-text); } html[data-ura-ui="modern"] .el-date-editor.el-input__inner { display: inline-flex; align-items: center; max-width: 100%; } html[data-ura-ui="modern"] .el-range-editor .el-range-input { color: var(--ura-text); background: transparent; } html[data-ura-ui="modern"] .el-range-editor .el-range-separator { min-width: 28px; width: auto; } html[data-ura-ui="modern"] :is(.el-checkbox__inner,.el-radio__inner) { border-color: var(--ura-control-border); } html[data-ura-ui="modern"] :is(.el-checkbox__input.is-checked,.el-checkbox__input.is-indeterminate) .el-checkbox__inner, html[data-ura-ui="modern"] .el-radio__input.is-checked .el-radio__inner { background: var(--ura-primary); border-color: var(--ura-primary); } html[data-ura-ui="modern"] :is(.el-checkbox__input.is-checked + .el-checkbox__label,.el-radio__input.is-checked + .el-radio__label) { color: var(--ura-primary); } html[data-ura-ui="modern"] .el-switch.is-checked .el-switch__core { background: var(--ura-primary) !important; border-color: var(--ura-primary) !important; } html[data-ura-ui="modern"] :is(input[type="checkbox"],input[type="radio"]) { accent-color: var(--ura-primary); } html[data-ura-ui="modern"] :is(.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-textarea__inner,.form-control.is-invalid) { border-color: var(--ura-danger); } html[data-ura-ui="modern"] :is(.el-form-item__error,.invalid-feedback) { color: var(--ura-danger); } html[data-ura-ui="modern"] :is(.ql-toolbar.ql-snow,.ql-container.ql-snow) { border-color: var(--ura-control-border); color: var(--ura-text); } html[data-ura-ui="modern"] .ql-toolbar.ql-snow { border-radius: 10px 10px 0 0; background: var(--ura-hover); } html[data-ura-ui="modern"] .ql-container.ql-snow { border-radius: 0 0 10px 10px; background: var(--ura-surface); } /* Bootstrap and Element tables: distinct top-aligned header, compact rows. */ html[data-ura-ui="modern"] :is(.table,.el-table) { color: var(--ura-text); background: var(--ura-surface); font-size: 14px; font-weight: 400; border-color: var(--ura-border) !important; } html[data-ura-ui="modern"] :is(.table th,.table td,.el-table th,.el-table td) { border-color: var(--ura-border) !important; padding: 10px 12px; } html[data-ura-ui="modern"] :is(.table thead th,.table thead td,.el-table th,.el-table th > .cell) { color: var(--ura-text); background: var(--ura-table-header) !important; vertical-align: top !important; font-weight: 600; font-size: 14px; } html[data-ura-ui="modern"] .table thead th { border-bottom: 1px solid var(--ura-border); } html[data-ura-ui="modern"] :is(.table-bordered,.el-table--border) { border-radius: 14px; border-color: var(--ura-border) !important; } html[data-ura-ui="modern"] .table-striped tbody tr:nth-of-type(odd) { background: var(--ura-hover); } html[data-ura-ui="modern"] .table-hover tbody tr:hover, html[data-ura-ui="modern"] .el-table--enable-row-hover .el-table__body tr:hover > td { background: var(--ura-hover); } html[data-ura-ui="modern"] .el-table .cell { line-height: 1.5; } html[data-ura-ui="modern"] :is(.el-table::before,.el-table--border::after,.el-table--group::after) { background: var(--ura-border); } html[data-ura-ui="modern"] .el-table__fixed-right::before { background: var(--ura-border); } html[data-ura-ui="modern"] .table :is(.btn,.el-button) { margin-bottom: 0; } html[data-ura-ui="modern"] .table-responsive { border-radius: 14px; } /* Menus, popovers, dialogs, notices and date pickers (including body portals). */ html[data-ura-ui="modern"] :is(.dropdown-menu,.dropdown-content,.el-dropdown-menu,.el-select-dropdown,.el-picker-panel,.el-popover,.vs__dropdown-menu,.el-autocomplete-suggestion) { border: 1px solid var(--ura-border); border-radius: 14px; background: var(--ura-surface); color: var(--ura-text); box-shadow: var(--ura-overlay-shadow); } html[data-ura-ui="modern"] :is(.dropdown-item,.el-dropdown-menu__item,.el-select-dropdown__item,.vs__dropdown-option) { color: var(--ura-text); font-size: 14px; padding: 10px 16px; line-height: 1.5; } html[data-ura-ui="modern"] :is(.dropdown-item,.el-dropdown-menu__item,.el-select-dropdown__item,.vs__dropdown-option):not(.is-disabled):hover { background: var(--ura-selected); color: var(--ura-primary); } html[data-ura-ui="modern"] :is(.el-select-dropdown__item.selected,.vs__dropdown-option--selected) { color: var(--ura-primary); font-weight: 600; background: var(--ura-selected); } html[data-ura-ui="modern"] .el-dropdown-menu__item.is-disabled { color: var(--ura-muted); opacity: .6; } html[data-ura-ui="modern"] :is(.dropdown-divider,.el-dropdown-menu__item--divided) { border-color: var(--ura-border); } html[data-ura-ui="modern"] .el-picker-panel :is(.current:not(.disabled) span,.selected span) { background: var(--ura-primary); } html[data-ura-ui="modern"] :is(.el-date-table td.today span,.el-date-table td.available:hover,.el-picker-panel__icon-btn:hover) { color: var(--ura-primary); } html[data-ura-ui="modern"] :is(.el-dialog,.modal-content,.el-message-box,.v--modal) { background: var(--ura-surface); color: var(--ura-text); border: 1px solid var(--ura-border); border-radius: var(--ura-panel-radius); box-shadow: var(--ura-overlay-shadow); } html[data-ura-ui="modern"] .el-dialog { max-width: calc(100vw - 32px); } html[data-ura-ui="modern"] :is(.el-dialog__header,.el-dialog__footer,.modal-header,.modal-footer) { padding: 12px 16px; border-color: var(--ura-border); } html[data-ura-ui="modern"] :is(.el-dialog__title,.el-message-box__title,.modal-title) { color: var(--ura-text); font-weight: 600; font-size: 18px; } html[data-ura-ui="modern"] :is(.el-dialog__body,.modal-body) { color: var(--ura-text); padding: 16px; max-height: 65vh; overflow-y: auto; } html[data-ura-ui="modern"] .el-message-box { max-width: calc(100vw - 32px); padding: 16px; } html[data-ura-ui="modern"] :is(.el-message,.el-notification,.alert) { border-radius: 12px; border-color: var(--ura-border); box-shadow: var(--ura-shadow); } html[data-ura-ui="modern"] :is(.el-message--success,.alert-success) { background: var(--ura-success-bg); color: var(--ura-success); } html[data-ura-ui="modern"] :is(.el-message--warning,.alert-warning) { background: var(--ura-warning-bg); color: var(--ura-warning); } html[data-ura-ui="modern"] :is(.el-message--error,.alert-danger) { background: var(--ura-danger-bg); color: var(--ura-danger); } html[data-ura-ui="modern"] :is(.el-message--info,.alert-info) { background: var(--ura-info-bg); color: var(--ura-info); } /* Pills, tabs, pagination, uploads and progress. */ html[data-ura-ui="modern"] :is(.badge,.el-tag) { border-radius: 999px; padding: 4px 10px; font-size: 12px; font-weight: 500; line-height: 1.4; border: 0; } html[data-ura-ui="modern"] :is(.badge-primary,.badge-soft-primary,.el-tag) { background: var(--ura-selected); color: var(--ura-primary); } html[data-ura-ui="modern"] :is(.badge-secondary,.badge-soft-secondary,.el-tag--info) { background: var(--ura-background); color: var(--ura-muted); } html[data-ura-ui="modern"] :is(.badge-success,.badge-soft-success,.el-tag--success) { background: var(--ura-success-bg); color: var(--ura-success); } html[data-ura-ui="modern"] :is(.badge-warning,.badge-soft-warning,.el-tag--warning) { background: var(--ura-warning-bg); color: var(--ura-warning); } html[data-ura-ui="modern"] :is(.badge-danger,.badge-soft-danger,.el-tag--danger) { background: var(--ura-danger-bg); color: var(--ura-danger); } html[data-ura-ui="modern"] :is(.badge-info,.badge-soft-info) { background: var(--ura-info-bg); color: var(--ura-info); } html[data-ura-ui="modern"] :is(.nav-tabs,.el-tabs__nav-wrap::after,.el-tabs--card > .el-tabs__header) { border-color: var(--ura-border); } html[data-ura-ui="modern"] .el-tabs__nav-wrap::after { background: var(--ura-border); } html[data-ura-ui="modern"] :is(.nav-tabs .nav-link,.el-tabs__item) { color: var(--ura-muted); font-weight: 500; } html[data-ura-ui="modern"] :is(.nav-tabs .nav-link.active,.el-tabs__item.is-active) { color: var(--ura-primary); border-color: var(--ura-border); } html[data-ura-ui="modern"] .el-tabs__active-bar { background: var(--ura-primary); } html[data-ura-ui="modern"] :is(.page-link,.el-pagination button,.el-pager li) { color: var(--ura-text); background: var(--ura-surface); border: 1px solid var(--ura-border); border-radius: 8px; min-width: 36px; min-height: 36px; margin: 0 3px; line-height: 34px; padding: 0 10px; font-size: 14px; } html[data-ura-ui="modern"] :is(.page-item.active .page-link,.el-pager li.active,.el-pagination.is-background .el-pager li:not(.disabled).active) { background: var(--ura-primary); color: var(--ura-on-primary); border-color: var(--ura-primary); } html[data-ura-ui="modern"] :is(.el-pagination__total,.el-pagination__jump) { color: var(--ura-muted); } html[data-ura-ui="modern"] .el-pagination { white-space: normal; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding: 10px 0; } html[data-ura-ui="modern"] .el-pagination .el-input__inner { min-height: 36px; height: 36px; } html[data-ura-ui="modern"] .el-progress-bar__outer { background: var(--ura-background); } html[data-ura-ui="modern"] .el-progress-bar__inner { background: var(--ura-primary); } html[data-ura-ui="modern"] .el-upload-dragger { border-color: var(--ura-control-border); border-radius: 14px; background: var(--ura-hover); } html[data-ura-ui="modern"] .el-upload-dragger:hover { border-color: var(--ura-primary); } html[data-ura-ui="modern"] .el-upload-list__item:hover { background: var(--ura-selected); } html[data-ura-ui="modern"] :is(.el-collapse,.el-collapse-item__header,.el-collapse-item__wrap) { border-color: var(--ura-border); background: var(--ura-surface); color: var(--ura-text); } /* Clean scrollbars without altering scroll behaviour. */ html[data-ura-ui="modern"] * { --scrollbar-thumb: transparent; } html[data-ura-ui="modern"] *:hover { --scrollbar-thumb: rgb(42 53 71 / 20%); } html[data-ura-ui="modern"] ::-webkit-scrollbar, html[data-ura-ui="modern"] :is(.scrollbar,.emojionearea-scroll-area)::-webkit-scrollbar { width: 4px; height: 4px; } html[data-ura-ui="modern"] ::-webkit-scrollbar-track { background: transparent; } html[data-ura-ui="modern"] ::-webkit-scrollbar-thumb, html[data-ura-ui="modern"] :is(.scrollbar,.emojionearea-scroll-area)::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: 999px; } @supports not selector(::-webkit-scrollbar) { html[data-ura-ui="modern"] * { scrollbar-width: thin; scrollbar-color: transparent transparent; } html[data-ura-ui="modern"] *:hover { scrollbar-color: rgb(42 53 71 / 20%) transparent; } } @media (min-width: 1200px) { html[data-ura-ui="modern"] .navbar-vertical.navbar-expand-xl { top: 12px; width: 250px; max-width: 250px; height: calc(100vh - 24px); max-height: calc(100vh - 24px); display: flex; flex-direction: column; overflow: hidden; } html[data-ura-ui="modern"] .navbar-vertical .navbar-collapse { display: block !important; width: 100%; min-height: 0; flex: 1; overflow-y: auto; } html[data-ura-ui="modern"] .navbar-vertical .navbar-nav { width: 100%; } html[data-ura-ui="modern"] .navbar-vertical.navbar-expand-xl + .content { margin-left: 266px; } } @media (max-width: 1199.98px) { html[data-ura-ui="modern"] .navbar-top { position: static !important; } html[data-ura-ui="modern"] .navbar-top .navbar-nav.d-none.d-lg-block { display: none !important; } html[data-ura-ui="modern"] .navbar-top .nav-item.d-lg-none { display: block !important; } html[data-ura-ui="modern"] .navbar-vertical { z-index: 30; border: 0; border-radius: 0; box-shadow: none; background: transparent; } html[data-ura-ui="modern"] .navbar-vertical .navbar-collapse.show { background: var(--ura-surface); border: 1px solid var(--ura-border); max-height: 75vh; overflow-y: auto; border-radius: 18px; box-shadow: var(--ura-overlay-shadow); } html[data-ura-ui="modern"] .navbar-vertical .ura-sidebar-account { display: none; } html[data-ura-ui="modern"] .navbar-top .info-school { float: none; display: block; overflow-wrap: anywhere; } } @media (max-width: 767.98px) { html[data-ura-ui="modern"] .main > .container { padding: 16px; } html[data-ura-ui="modern"] .navbar-top { padding: 8px 12px; } html[data-ura-ui="modern"] .navbar-top :is(.navbar-brand,.ura-navbar-user) { display: none; } html[data-ura-ui="modern"] .navbar-top .navbar-collapse { flex-wrap: wrap !important; min-width: 0; gap: 8px; } html[data-ura-ui="modern"] .navbar-top .navbar-collapse > div[style] { order: 2; flex: 0 0 100% !important; padding: 4px 0; } html[data-ura-ui="modern"] .navbar-top .navbar-nav { flex-wrap: wrap; } html[data-ura-ui="modern"] .navbar-top .navbar-nav.ml-auto { margin-left: 0 !important; } html[data-ura-ui="modern"] :is(.card-body,.el-card__body,.el-dialog__body) { padding: 16px; } html[data-ura-ui="modern"] :is(.card-header,.card-footer,.el-dialog__header,.el-dialog__footer) { padding: 12px 16px; } html[data-ura-ui="modern"] :is(.form-control,.el-input__inner,.el-button:not(.el-button--small):not(.el-button--mini),.btn:not(.btn-sm)) { min-height: 44px; font-size: 16px; } html[data-ura-ui="modern"] .ui-theme-trigger { padding: 8px 12px; font-size: 14px !important; } html[data-ura-ui="modern"] :is(.table th,.table td) { padding: 10px 12px; text-wrap: pretty; } html[data-ura-ui="modern"] .el-dialog { width: calc(100% - 32px) !important; margin-top: 5vh !important; } html[data-ura-ui="modern"] .el-date-editor--daterange { width: 100%; } } @media (prefers-reduced-motion: reduce) { html[data-ura-ui="modern"] :is(.btn,.el-button,.nav-link) { transition: none; } } @media print { html[data-ura-ui="modern"] :is(.navbar-vertical,.nav-top) { display: none; } html[data-ura-ui="modern"] .navbar-vertical.navbar-expand-xl + .content { margin-left: 0; } html[data-ura-ui="modern"] .card { box-shadow: none !important; } } html[data-ura-ui="modern"] .el-range-input::placeholder { color: var(--ura-muted); opacity: 1; } html[data-ura-ui="modern"] .el-switch { height: 32px; } html[data-ura-ui="modern"] .el-switch__label { height: 32px; line-height: 32px; } html[data-ura-ui="modern"] .navbar-vertical .dropdown-indicator:has(+ .nav .nav-link.active) { color: var(--ura-primary); } /* Native controls in legacy feature templates also use the same appearance. */ html[data-ura-ui="modern"] :is(.content,.el-dialog__body) :is(select,input[type="text"]:not([class]),input[type="number"]:not([class]),textarea:not([class])) { background: var(--ura-surface); color: var(--ura-text); border: 1px solid var(--ura-control-border); border-radius: 10px; min-height: 40px; padding: 8px 12px; font-size: 14px; max-width: 100%; } html[data-ura-ui="modern"] :is(.content,.el-dialog__body) select { padding-right: 32px; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23526171' stroke-width='1.8'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; } html[data-ura-ui="modern"] :is(.content,.el-dialog__body) :is(button:not([class]),button[class=""]) { color: var(--ura-primary); background: var(--ura-selected); border: 1px solid var(--ura-control-border); border-radius: 10px; min-height: 40px; padding: 8px 16px; font-size: 14px; font-weight: 500; cursor: pointer; } html[data-ura-ui="modern"] .content :is(table:not([class]),table[class=""]) { width: 100%; color: var(--ura-text); background: var(--ura-surface); border-collapse: collapse; } html[data-ura-ui="modern"] .content :is(table:not([class]),table[class=""]) :is(th,td) { padding: 10px 12px; border-bottom: 1px solid var(--ura-border); } html[data-ura-ui="modern"] .content :is(table:not([class]),table[class=""]) th { font-weight: 600; } html[data-ura-ui="modern"] .dropdown-content.show { display: block; } html[data-ura-ui="modern"] .el-message--success .el-message__content { color: var(--ura-success); } html[data-ura-ui="modern"] .el-message--error .el-message__content { color: var(--ura-danger); } html[data-ura-ui="modern"] .el-message--warning .el-message__content { color: var(--ura-warning); } html[data-ura-ui="modern"] .el-message--info .el-message__content { color: var(--ura-info); } @media (max-width: 767.98px) { html[data-ura-ui="modern"] :is(.content,.el-dialog__body) :is(select,input[type="text"]:not([class]),input[type="number"]:not([class]),textarea:not([class]),button:not([class])) { min-height: 44px; font-size: 16px; } } /* Keep wide data tables inside their panel; legacy layout retains its flow. */ .ura-table-scroll { display: contents; } html[data-ura-ui="modern"] .ura-table-scroll { display: block; max-width: 100%; overflow-x: auto; border-radius: 14px; } html[data-ura-ui="modern"] :is(.table,.ura-table-scroll) :is(.btn-sm,.el-button--small,.el-button--mini) { white-space: nowrap; } html[data-ura-ui="modern"] .el-date-editor .el-range-input::placeholder { color: var(--ura-muted) !important; opacity: 1; } @media (max-width: 767.98px) { html[data-ura-ui="modern"] .el-pagination__sizes { order: -1; } } @media print { html[data-ura-ui="modern"] .ura-table-scroll { display: contents; overflow: visible; } } @media (max-width: 767.98px) { html[data-ura-ui="modern"] :is(.ura-table-scroll,.table-responsive) > table:has(tr > :nth-child(4)) { min-width: 640px; } html[data-ura-ui="modern"] :is(.ura-table-scroll,.table-responsive) > table:has(tr > :nth-child(7)) { min-width: 900px; } } /* Compact spacing shared by list filters and forms; scoped to the new theme. */ html[data-ura-ui="modern"] .content :is(.mb-3,.mb-4) { margin-bottom: 12px !important; } html[data-ura-ui="modern"] .content :is(.mt-3,.mt-4) { margin-top: 12px !important; } html[data-ura-ui="modern"] .content :is(.my-3,.my-4) { margin-top: 12px !important; margin-bottom: 12px !important; } html[data-ura-ui="modern"] .card-body > .row { margin-left: -6px; margin-right: -6px; } html[data-ura-ui="modern"] .card-body > .row > [class*="col-"] { padding-left: 6px; padding-right: 6px; } html[data-ura-ui="modern"] .card-body > .row > .ura-table-scroll { width: 100%; } html[data-ura-ui="modern"] .el-form-item { margin-bottom: 16px; } html[data-ura-ui="modern"] .content table thead :is(th,td), html[data-ura-ui="modern"] .el-table__header :is(th,td) { background: var(--ura-table-header) !important; color: var(--ura-text); vertical-align: top !important; padding: 10px 12px !important; line-height: 1.5; } html[data-ura-ui="modern"] .content table thead :is(th,td) :is(p,h5,h6) { margin-bottom: 0; } html[data-ura-ui="modern"] .content table .size-icon { min-width: 32px; min-height: 32px; padding: 6px; } @media (max-width: 767.98px) { html[data-ura-ui="modern"] .card-body > .row > [class*="col-"]:has(> .form-control, > .el-select) { margin-bottom: 8px; } html[data-ura-ui="modern"] .navbar-vertical .navbar-nav .nav-link { min-height: 44px; } html[data-ura-ui="modern"] .content table .size-icon { min-width: 40px; min-height: 40px; } } /* Shared post audience picker: compact groups with a persistent close action. */ html[data-ura-ui="modern"] .post-course-dialog { width: 640px; max-width: calc(100vw - 32px); max-height: calc(100vh - 64px); margin: 32px auto !important; display: flex; flex-direction: column; overflow: hidden; } html[data-ura-ui="modern"] .post-course-dialog .el-dialog__header { flex: 0 0 auto; padding: 16px 52px 16px 20px; border-bottom: 1px solid var(--ura-border); } html[data-ura-ui="modern"] .post-course-dialog .el-dialog__headerbtn { top: 10px; right: 10px; width: 36px; height: 36px; border-radius: 8px; } html[data-ura-ui="modern"] .post-course-dialog .el-dialog__headerbtn:hover { background: var(--ura-hover); } html[data-ura-ui="modern"] .post-course-dialog .el-dialog__body { min-height: 0; padding: 16px 20px; overflow-y: auto; flex: 1 1 auto; max-height: none; } html[data-ura-ui="modern"] .post-course-dialog .post-course-picker { margin: 0; word-break: normal; } html[data-ura-ui="modern"] .post-course-intro { color: var(--ura-muted); margin-bottom: 12px; line-height: 1.5; } html[data-ura-ui="modern"] .post-course-groups { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 24px; row-gap: 12px; } html[data-ura-ui="modern"] .post-course-school { grid-column: 1 / -1; padding-bottom: 12px; border-bottom: 1px solid var(--ura-border); } html[data-ura-ui="modern"] .post-course-classes { list-style: none; padding: 0 0 0 24px; margin: 4px 0 0; } html[data-ura-ui="modern"] .post-course-classes li { display: block; margin: 0; } html[data-ura-ui="modern"] :is(.post-course-grade,.post-course-class) { display: flex; align-items: flex-start; gap: 8px; min-height: 36px; padding: 6px 8px; margin: 0; border-radius: 8px; cursor: pointer; line-height: 24px; } html[data-ura-ui="modern"] .post-course-grade { font-weight: 600; } html[data-ura-ui="modern"] .post-course-class { font-weight: 400; } html[data-ura-ui="modern"] :is(.post-course-grade,.post-course-class):hover { background: var(--ura-hover); } html[data-ura-ui="modern"] :is(.post-course-grade,.post-course-class):has(input:checked) { color: var(--ura-primary); background: var(--ura-selected); } html[data-ura-ui="modern"] :is(.post-course-grade,.post-course-class) input { width: 16px; height: 16px; margin-top: 4px; flex: 0 0 16px; cursor: pointer; } html[data-ura-ui="modern"] :is(.post-course-grade,.post-course-class) span { min-width: 0; overflow-wrap: anywhere; } html[data-ura-ui="modern"] .post-course-dialog .el-dialog__footer { flex: 0 0 auto; padding: 12px 20px; border-top: 1px solid var(--ura-border); } @media (max-width: 575.98px) { html[data-ura-ui="modern"] .post-course-dialog { margin: 16px auto !important; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); } html[data-ura-ui="modern"] .post-course-dialog .el-dialog__header { padding: 12px 48px 12px 16px; } html[data-ura-ui="modern"] .post-course-dialog .el-dialog__title { font-size: 16px; line-height: 1.5; } html[data-ura-ui="modern"] .post-course-dialog .el-dialog__body { padding: 12px 16px; } html[data-ura-ui="modern"] .post-course-groups { grid-template-columns: minmax(0,1fr); gap: 12px; } html[data-ura-ui="modern"] :is(.post-course-grade,.post-course-class) { min-height: 44px; padding-top: 10px; padding-bottom: 10px; } html[data-ura-ui="modern"] .post-course-dialog .el-dialog__footer { padding: 12px 16px; } html[data-ura-ui="modern"] .post-course-footer .el-button { width: 100%; } } /* One shell for all dialogs. Forms, tables and confirmations use explicit sizes. */ html[data-ura-ui="modern"] .el-dialog:not(.is-fullscreen) { width: 640px !important; max-width: calc(100vw - 32px); max-height: calc(100vh - 64px); max-height: calc(100dvh - 64px); margin: 32px auto !important; display: flex; flex-direction: column; overflow: hidden; } html[data-ura-ui="modern"] .el-dialog.ura-dialog-wide:not(.is-fullscreen) { width: 960px !important; } html[data-ura-ui="modern"] .el-dialog.ura-dialog-compact:not(.is-fullscreen) { width: 440px !important; } html[data-ura-ui="modern"] .el-dialog.is-fullscreen { display: flex; flex-direction: column; overflow: hidden; } html[data-ura-ui="modern"] .el-dialog__header { flex: 0 0 auto; padding: 16px 56px 16px 20px; border-bottom: 1px solid var(--ura-border); text-align: left; } html[data-ura-ui="modern"] .el-dialog__title { display: block; line-height: 1.5; overflow-wrap: anywhere; } html[data-ura-ui="modern"] .el-dialog__headerbtn { top: 10px; right: 10px; width: 36px; height: 36px; border-radius: 8px; } html[data-ura-ui="modern"] .el-dialog__headerbtn:hover { background: var(--ura-hover); } html[data-ura-ui="modern"] .el-dialog__headerbtn .el-dialog__close { color: var(--ura-muted); } html[data-ura-ui="modern"] .el-dialog__body { flex: 1 1 auto; min-height: 0; max-height: none; padding: 16px 20px; overflow-y: auto; overflow-x: hidden; word-break: normal; overflow-wrap: break-word; } html[data-ura-ui="modern"] .el-dialog__body .content-dialog { margin-top: 0 !important; } html[data-ura-ui="modern"] .el-dialog__body .content-dialog > hr:first-child { display: none; } html[data-ura-ui="modern"] .el-dialog__body .form-group { margin-bottom: 12px; } html[data-ura-ui="modern"] .el-dialog__body .form-group > label { margin-bottom: 6px; } html[data-ura-ui="modern"] .el-dialog__body .el-form-item { margin-bottom: 16px; } html[data-ura-ui="modern"] .el-dialog__body .row { margin-left: -6px; margin-right: -6px; } html[data-ura-ui="modern"] .el-dialog__body .row > [class*="col-"] { padding-left: 6px; padding-right: 6px; } html[data-ura-ui="modern"] .el-dialog__body .row > .ura-table-scroll { width: 100%; } html[data-ura-ui="modern"] .el-dialog__body :is(.el-input,.el-select,.el-textarea,.form-control) { max-width: 100%; } html[data-ura-ui="modern"] .el-dialog__footer { flex: 0 0 auto; padding: 12px 20px; border-top: 1px solid var(--ura-border); } html[data-ura-ui="modern"] .el-dialog__footer > :is(div,span) { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; margin: 0 !important; } html[data-ura-ui="modern"] .el-dialog__footer :is(.el-button,.btn) { margin: 0 !important; } html[data-ura-ui="modern"] .ura-account-hint { padding: 12px; border-radius: 10px; background: var(--ura-warning-bg); } html[data-ura-ui="modern"] .ura-account-hint > div { color: var(--ura-warning) !important; } /* Message boxes and post previews share the same viewport limits. */ html[data-ura-ui="modern"] .el-message-box { width: 440px; max-width: calc(100vw - 32px); max-height: calc(100dvh - 32px); overflow-y: auto; } html[data-ura-ui="modern"] .el-message-box__header { padding-right: 36px; } html[data-ura-ui="modern"] .el-message-box__content { color: var(--ura-text); word-break: normal; } html[data-ura-ui="modern"] .el-message-box__btns { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; } html[data-ura-ui="modern"] .el-message-box__btns .el-button { margin: 0; } html[data-ura-ui="modern"] :is(.v--modal,.vm--modal) { max-width: calc(100vw - 32px); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); left: 50% !important; transform: translateX(-50%); top: 16px !important; overflow-y: auto; } html[data-ura-ui="modern"] :is(.v--modal,.vm--modal) > .card { margin: 0; border: 0; box-shadow: none !important; } html[data-ura-ui="modern"] :is(.v--modal,.vm--modal) .top-rigth-modal { display: inline-grid; place-items: center; min-width: 36px; min-height: 36px; border-radius: 8px; cursor: pointer; } @media (max-width: 767.98px) { html[data-ura-ui="modern"] .el-dialog:not(.is-fullscreen) { width: calc(100% - 32px) !important; margin: 16px auto !important; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); } html[data-ura-ui="modern"] .el-dialog__header { padding: 12px 52px 12px 16px; } html[data-ura-ui="modern"] .el-dialog__title { font-size: 16px; } html[data-ura-ui="modern"] .el-dialog__headerbtn { width: 40px; height: 40px; top: 6px; right: 6px; } html[data-ura-ui="modern"] .el-dialog__body { padding: 12px 16px; } html[data-ura-ui="modern"] .el-dialog__footer { padding: 12px 16px; } html[data-ura-ui="modern"] .el-dialog__footer :is(.el-button,.btn) { min-height: 44px; } } html[data-ura-ui="modern"] .el-dialog__footer :is(.el-button--primary,.el-button--success,.el-button--danger,.btn-primary,.btn-success,.btn-danger) { order: 1; } /* Weekly menu entry: equal meal columns, compact fields and a single scroll frame. */ html[data-ura-ui="modern"] .weekly-menu-filters { gap: 12px; align-items: center; } html[data-ura-ui="modern"] .weekly-menu-filters > [class*="col-"] { flex: 0 1 auto; width: auto; max-width: 100%; } html[data-ura-ui="modern"] .weekly-menu-filters > div:first-child { display: flex; align-items: center; gap: 8px; } html[data-ura-ui="modern"] .weekly-menu-filters select { min-width: 180px; } html[data-ura-ui="modern"] .weekly-menu-pms { display: flex; align-items: center; gap: 8px; margin: 0; cursor: pointer; } html[data-ura-ui="modern"] .weekly-menu-pms input { width: 16px; height: 16px; } html[data-ura-ui="modern"] .weekly-menu-editor .weekly-menu-grid { display: block; margin: 0; overflow: visible !important; } html[data-ura-ui="modern"] .weekly-menu-grid :is(.outer,.inner) { width: 100%; margin: 0; min-width: 0; } html[data-ura-ui="modern"] .weekly-menu-grid .ura-table-scroll { max-height: 65vh; overflow: auto; border: 1px solid var(--ura-border); border-radius: 10px; } html[data-ura-ui="modern"] .weekly-menu-table { width: 100%; min-width: 1060px; table-layout: fixed; margin: 0; border-collapse: separate !important; border-spacing: 0; } html[data-ura-ui="modern"] .weekly-menu-table .weekly-menu-day-column { width: 88px; } html[data-ura-ui="modern"] .weekly-menu-table :is(td,th) { position: static; width: auto !important; height: auto; padding: 8px !important; border: 0; border-right: 1px solid var(--ura-border); border-bottom: 1px solid var(--ura-border); vertical-align: top; text-align: left; } html[data-ura-ui="modern"] .weekly-menu-table thead :is(th,td) { position: sticky; top: 0; z-index: 2; padding: 10px 8px !important; text-align: center; } html[data-ura-ui="modern"] .weekly-menu-table tr > :first-child { position: sticky; left: 0; z-index: 1; background: var(--ura-surface); text-align: center; } html[data-ura-ui="modern"] .weekly-menu-table thead tr > :first-child { z-index: 3; background: var(--ura-table-header) !important; } html[data-ura-ui="modern"] .weekly-menu-table tr > :last-child { border-right: 0; } html[data-ura-ui="modern"] .weekly-menu-table tbody tr:last-child > * { border-bottom: 0; } html[data-ura-ui="modern"] .weekly-menu-table textarea { display: block; width: 100% !important; max-width: 100%; min-width: 0; height: 76px; min-height: 76px; padding: 8px 10px; line-height: 1.5; resize: vertical; border-radius: 8px; } html[data-ura-ui="modern"] .weekly-menu-table .meal-media-row { gap: 6px; margin-top: 8px; align-items: flex-start; } html[data-ura-ui="modern"] .weekly-menu-table .media-list-wrapper { flex: 1 1 90px; } html[data-ura-ui="modern"] .weekly-menu-table .media-list-wrapper .list-inline { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 0 !important; padding: 0; } html[data-ura-ui="modern"] .weekly-menu-table :is(.bulk-media-btn,.add-media-btn) { width: auto !important; height: 32px !important; min-height: 32px; padding: 4px 8px; margin: 0; display: inline-flex; flex-direction: row; gap: 5px; border: 1px solid var(--ura-control-border); border-radius: 8px; background: var(--ura-surface); color: var(--ura-primary); box-shadow: none; } html[data-ura-ui="modern"] .weekly-menu-table .bulk-media-btn { flex: 0 0 auto; } html[data-ura-ui="modern"] .weekly-menu-table .weekly-menu-bulk-prefix { display: none; } html[data-ura-ui="modern"] .weekly-menu-table :is(.bulk-media-text,.add-media-content .text) { margin: 0; font-size: 12px; line-height: 20px; white-space: nowrap; } html[data-ura-ui="modern"] .weekly-menu-table :is(.bulk-media-btn i,.add-media-content .plus) { font-size: 16px; line-height: 20px; } html[data-ura-ui="modern"] .weekly-menu-table .add-media-content { display: flex; flex-direction: row; gap: 5px; color: var(--ura-primary); } html[data-ura-ui="modern"] .weekly-menu-table .image-item:not(.add-media-btn) { width: 40px !important; height: 40px !important; margin: 0; } html[data-ura-ui="modern"] .weekly-menu-table .image-item img { object-fit: cover; } html[data-ura-ui="modern"] .weekly-menu-table :is(.bulk-media-btn,.add-media-btn):hover { background: var(--ura-selected); border-color: var(--ura-primary); } html[data-ura-ui="modern"] .weekly-menu-save { display: flex; justify-content: flex-end; padding-top: 12px; } @media (max-width: 767.98px) { html[data-ura-ui="modern"] .weekly-menu-filters > div:first-child { flex-wrap: wrap; } html[data-ura-ui="modern"] .weekly-menu-table :is(.bulk-media-btn,.add-media-btn) { min-height: 40px; height: 40px !important; } html[data-ura-ui="modern"] .weekly-menu-table textarea { font-size: 16px; } } html[data-ura-ui="modern"] .weekly-menu-table .media-list-wrapper .list-inline { height: auto; min-height: 32px; align-items: flex-start; } html[data-ura-ui="modern"] .weekly-menu-table textarea::placeholder { color: var(--ura-muted) !important; opacity: 1; } html[data-ura-ui="modern"] .weekly-menu-editor .weekly-menu-grid .weekly-menu-table { min-width: 1160px !important; } /* Both meal-photo dialogs share the same picker, previews and actions. */ html[data-ura-ui="modern"] .meal-image-section-title { margin: 0 0 8px; font-size: 14px; font-weight: 600; } html[data-ura-ui="modern"] .meal-image-audience { margin-bottom: 16px; } html[data-ura-ui="modern"] .meal-image-dialog .post-course-classes li { display: block; } html[data-ura-ui="modern"] .meal-image-upload .el-upload-list { display: grid; grid-template-columns: repeat(auto-fill,minmax(112px,1fr)); gap: 10px; margin: 0; padding: 0; } html[data-ura-ui="modern"] .meal-image-upload .el-upload-list__item { width: 100%; height: 112px; margin: 0; border: 1px solid var(--ura-border); border-radius: 10px; } html[data-ura-ui="modern"] .meal-image-upload .el-upload-list__item > div { height: 100%; } html[data-ura-ui="modern"] .meal-image-upload .el-upload-list__item-thumbnail { width: 100%; height: 100%; object-fit: cover; } html[data-ura-ui="modern"] .meal-image-picker { grid-column: 1 / -1; grid-row: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; width: 100%; height: 112px; margin: 0; border: 1px dashed var(--ura-control-border); border-radius: 10px; background: var(--ura-hover); line-height: 1.5; color: var(--ura-primary); } html[data-ura-ui="modern"] .meal-image-picker > i { font-size: 24px; color: var(--ura-primary); } html[data-ura-ui="modern"] .meal-image-picker strong { font-size: 14px; font-weight: 500; } html[data-ura-ui="modern"] .meal-image-help { color: var(--ura-muted); font-size: 12px; } html[data-ura-ui="modern"] .meal-image-picker:hover { background: var(--ura-selected); border-color: var(--ura-primary); } html[data-ura-ui="modern"] .meal-image-picker:focus-visible { outline: 2px solid var(--ura-primary); outline-offset: 2px; } html[data-ura-ui="modern"] .meal-image-dialog .el-dialog__footer > .meal-image-footer { justify-content: space-between; } html[data-ura-ui="modern"] .meal-image-count { color: var(--ura-muted); font-size: 13px; } html[data-ura-ui="modern"] .meal-image-actions { display: flex; gap: 8px; } @media (max-width: 575.98px) { html[data-ura-ui="modern"] .meal-image-dialog .post-course-groups { grid-template-columns: minmax(0,1fr); } html[data-ura-ui="modern"] .meal-image-picker { padding: 12px; height: 120px; text-align: center; } } html[data-ura-ui="modern"] .meal-image-dialog .meal-image-picker { width: 100% !important; max-width: none; } html[data-ura-ui="modern"] .meal-image-dialog .meal-image-upload .el-upload-list__item { width: 100% !important; height: 112px !important; } /* Lucide line icons (stroke 1.5, currentColor) for sidebar and buttons. */ html[data-ura-ui="modern"] .ura-ico, html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > :is(span,svg)[class*="fa-"] { display: inline-block; flex: none; width: 1.25em; height: 1.25em; background: currentColor; -webkit-mask: var(--ura-i) center / contain no-repeat; mask: var(--ura-i) center / contain no-repeat; vertical-align: -0.2em; } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > :is(span,svg)[class*="fa-"]::before { content: none; } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon { display: inline-flex; justify-content: center; font-size: 18px; } html[data-ura-ui="modern"] :is(.btn,.el-button) .ura-ico { width: 1.15em; height: 1.15em; margin-right: 6px; } html[data-ura-ui="modern"] .ura-ico-plus { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M5%2012h14%22%20%2F%3E%20%3Cpath%20d%3D%22M12%205v14%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-edit { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M21.174%206.812a1%201%200%200%200-3.986-3.987L3.842%2016.174a2%202%200%200%200-.5.83l-1.321%204.352a.5.5%200%200%200%20.623.622l4.353-1.32a2%202%200%200%200%20.83-.497z%22%20%2F%3E%20%3Cpath%20d%3D%22m15%205%204%204%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-trash { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M3%206h18%22%20%2F%3E%20%3Cpath%20d%3D%22M19%206v14c0%201-1%202-2%202H7c-1%200-2-1-2-2V6%22%20%2F%3E%20%3Cpath%20d%3D%22M8%206V4c0-1%201-2%202-2h4c1%200%202%201%202%202v2%22%20%2F%3E%20%3Cline%20x1%3D%2210%22%20x2%3D%2210%22%20y1%3D%2211%22%20y2%3D%2217%22%20%2F%3E%20%3Cline%20x1%3D%2214%22%20x2%3D%2214%22%20y1%3D%2211%22%20y2%3D%2217%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-download { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22%20%2F%3E%20%3Cpolyline%20points%3D%227%2010%2012%2015%2017%2010%22%20%2F%3E%20%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%2215%22%20y2%3D%223%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-upload { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22%20%2F%3E%20%3Cpolyline%20points%3D%2217%208%2012%203%207%208%22%20%2F%3E%20%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2215%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-save { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M15.2%203a2%202%200%200%201%201.4.6l3.8%203.8a2%202%200%200%201%20.6%201.4V19a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2z%22%20%2F%3E%20%3Cpath%20d%3D%22M17%2021v-7a1%201%200%200%200-1-1H8a1%201%200%200%200-1%201v7%22%20%2F%3E%20%3Cpath%20d%3D%22M7%203v4a1%201%200%200%200%201%201h7%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-send { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M14.536%2021.686a.5.5%200%200%200%20.937-.024l6.5-19a.496.496%200%200%200-.635-.635l-19%206.5a.5.5%200%200%200-.024.937l7.93%203.18a2%202%200%200%201%201.112%201.11z%22%20%2F%3E%20%3Cpath%20d%3D%22m21.854%202.147-10.94%2010.939%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-video { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22m16%2013%205.223%203.482a.5.5%200%200%200%20.777-.416V7.87a.5.5%200%200%200-.752-.432L16%2010.5%22%20%2F%3E%20%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%2214%22%20height%3D%2212%22%20rx%3D%222%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-search { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%20%2F%3E%20%3Cpath%20d%3D%22m21%2021-4.3-4.3%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-check { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-x { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M18%206%206%2018%22%20%2F%3E%20%3Cpath%20d%3D%22m6%206%2012%2012%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-userplus { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%20%2F%3E%20%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%20%2F%3E%20%3Cline%20x1%3D%2219%22%20x2%3D%2219%22%20y1%3D%228%22%20y2%3D%2214%22%20%2F%3E%20%3Cline%20x1%3D%2222%22%20x2%3D%2216%22%20y1%3D%2211%22%20y2%3D%2211%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-login { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M15%203h4a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202h-4%22%20%2F%3E%20%3Cpolyline%20points%3D%2210%2017%2015%2012%2010%207%22%20%2F%3E%20%3Cline%20x1%3D%2215%22%20x2%3D%223%22%20y1%3D%2212%22%20y2%3D%2212%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-logout { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22%20%2F%3E%20%3Cpolyline%20points%3D%2216%2017%2021%2012%2016%207%22%20%2F%3E%20%3Cline%20x1%3D%2221%22%20x2%3D%229%22%20y1%3D%2212%22%20y2%3D%2212%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-sun { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%20%2F%3E%20%3Cpath%20d%3D%22M12%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22m4.93%204.93%201.41%201.41%22%20%2F%3E%20%3Cpath%20d%3D%22m17.66%2017.66%201.41%201.41%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22m6.34%2017.66-1.41%201.41%22%20%2F%3E%20%3Cpath%20d%3D%22m19.07%204.93-1.41%201.41%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-file { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M15%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V7Z%22%20%2F%3E%20%3Cpath%20d%3D%22M14%202v4a2%202%200%200%200%202%202h4%22%20%2F%3E%20%3Cpath%20d%3D%22M10%209H8%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2013H8%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2017H8%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-image { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22%20ry%3D%222%22%20%2F%3E%20%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22m21%2015-3.086-3.086a2%202%200%200%200-2.828%200L6%2021%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-utensils { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M3%202v7c0%201.1.9%202%202%202h4a2%202%200%200%200%202-2V2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%202v20%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2015V2a5%205%200%200%200-5%205v6c0%201.1.9%202%202%202h3Zm0%200v7%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-cog { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M12.22%202h-.44a2%202%200%200%200-2%202v.18a2%202%200%200%201-1%201.73l-.43.25a2%202%200%200%201-2%200l-.15-.08a2%202%200%200%200-2.73.73l-.22.38a2%202%200%200%200%20.73%202.73l.15.1a2%202%200%200%201%201%201.72v.51a2%202%200%200%201-1%201.74l-.15.09a2%202%200%200%200-.73%202.73l.22.38a2%202%200%200%200%202.73.73l.15-.08a2%202%200%200%201%202%200l.43.25a2%202%200%200%201%201%201.73V20a2%202%200%200%200%202%202h.44a2%202%200%200%200%202-2v-.18a2%202%200%200%201%201-1.73l.43-.25a2%202%200%200%201%202%200l.15.08a2%202%200%200%200%202.73-.73l.22-.39a2%202%200%200%200-.73-2.73l-.15-.08a2%202%200%200%201-1-1.74v-.5a2%202%200%200%201%201-1.74l.15-.09a2%202%200%200%200%20.73-2.73l-.22-.38a2%202%200%200%200-2.73-.73l-.15.08a2%202%200%200%201-2%200l-.43-.25a2%202%200%200%201-1-1.73V4a2%202%200%200%200-2-2z%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-comment { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M7.9%2020A9%209%200%201%200%204%2016.1L2%2022Z%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .fa-home { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M15%2021v-8a1%201%200%200%200-1-1h-4a1%201%200%200%200-1%201v8%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2010a2%202%200%200%201%20.709-1.528l7-5.999a2%202%200%200%201%202.582%200l7%205.999A2%202%200%200%201%2021%2010v9a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .fa-plus { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M5%2012h14%22%20%2F%3E%20%3Cpath%20d%3D%22M12%205v14%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .fa-edit { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M4%2022h16a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2H8a2%202%200%200%200-2%202v16a2%202%200%200%201-2%202Zm0%200a2%202%200%200%201-2-2v-9c0-1.1.9-2%202-2h2%22%20%2F%3E%20%3Cpath%20d%3D%22M18%2014h-8%22%20%2F%3E%20%3Cpath%20d%3D%22M15%2018h-5%22%20%2F%3E%20%3Cpath%20d%3D%22M10%206h8v4h-8V6Z%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .fa-briefcase-medical { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22m10.5%2020.5%2010-10a4.95%204.95%200%201%200-7-7l-10%2010a4.95%204.95%200%201%200%207%207Z%22%20%2F%3E%20%3Cpath%20d%3D%22m8.5%208.5%207%207%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .fa-calendar-alt { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M8%202v4%22%20%2F%3E%20%3Cpath%20d%3D%22M16%202v4%22%20%2F%3E%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%224%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2010h18%22%20%2F%3E%20%3Cpath%20d%3D%22m14%2014-4%204%22%20%2F%3E%20%3Cpath%20d%3D%22m10%2014%204%204%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .fa-comments { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M14%209a2%202%200%200%201-2%202H6l-4%204V4a2%202%200%200%201%202-2h8a2%202%200%200%201%202%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M18%209h2a2%202%200%200%201%202%202v11l-4-4h-6a2%202%200%200%201-2-2v-1%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .fa-comment { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M7.9%2020A9%209%200%201%200%204%2016.1L2%2022Z%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .fa-users { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M21.42%2010.922a1%201%200%200%200-.019-1.838L12.83%205.18a2%202%200%200%200-1.66%200L2.6%209.08a1%201%200%200%200%200%201.832l8.57%203.908a2%202%200%200%200%201.66%200z%22%20%2F%3E%20%3Cpath%20d%3D%22M22%2010v6%22%20%2F%3E%20%3Cpath%20d%3D%22M6%2012.5V16a6%203%200%200%200%2012%200v-3.5%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .fa-coffee { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M12%208V4H8%22%20%2F%3E%20%3Crect%20width%3D%2216%22%20height%3D%2212%22%20x%3D%224%22%20y%3D%228%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2014h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2014h2%22%20%2F%3E%20%3Cpath%20d%3D%22M15%2013v2%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2013v2%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .fa-utensils { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M3%202v7c0%201.1.9%202%202%202h4a2%202%200%200%200%202-2V2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%202v20%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2015V2a5%205%200%200%200-5%205v6c0%201.1.9%202%202%202h3Zm0%200v7%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .fa-clipboard { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20width%3D%228%22%20height%3D%224%22%20x%3D%228%22%20y%3D%222%22%20rx%3D%221%22%20ry%3D%221%22%20%2F%3E%20%3Cpath%20d%3D%22M16%204h2a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h2%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2014%202%202%204-4%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .fa-star { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .fa-heart { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22m15.477%2012.89%201.515%208.526a.5.5%200%200%201-.81.47l-3.58-2.687a1%201%200%200%200-1.197%200l-3.586%202.686a.5.5%200%200%201-.81-.469l1.514-8.526%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%226%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .fa-book { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M3%203v16a2%202%200%200%200%202%202h16%22%20%2F%3E%20%3Cpath%20d%3D%22M18%2017V9%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2017V5%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2017v-3%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .fa-sms { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M21%2015a2%202%200%200%201-2%202H7l-4%204V5a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M13%208H7%22%20%2F%3E%20%3Cpath%20d%3D%22M17%2012H7%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .fa-clipboard-list { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20width%3D%228%22%20height%3D%224%22%20x%3D%228%22%20y%3D%222%22%20rx%3D%221%22%20ry%3D%221%22%20%2F%3E%20%3Cpath%20d%3D%22M16%204h2a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h2%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2011h4%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2016h4%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2011h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2016h.01%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .fa-cog { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M12.22%202h-.44a2%202%200%200%200-2%202v.18a2%202%200%200%201-1%201.73l-.43.25a2%202%200%200%201-2%200l-.15-.08a2%202%200%200%200-2.73.73l-.22.38a2%202%200%200%200%20.73%202.73l.15.1a2%202%200%200%201%201%201.72v.51a2%202%200%200%201-1%201.74l-.15.09a2%202%200%200%200-.73%202.73l.22.38a2%202%200%200%200%202.73.73l.15-.08a2%202%200%200%201%202%200l.43.25a2%202%200%200%201%201%201.73V20a2%202%200%200%200%202%202h.44a2%202%200%200%200%202-2v-.18a2%202%200%200%201%201-1.73l.43-.25a2%202%200%200%201%202%200l.15.08a2%202%200%200%200%202.73-.73l.22-.39a2%202%200%200%200-.73-2.73l-.15-.08a2%202%200%200%201-1-1.74v-.5a2%202%200%200%201%201-1.74l.15-.09a2%202%200%200%200%20.73-2.73l-.22-.38a2%202%200%200%200-2.73-.73l-.15.08a2%202%200%200%201-2%200l-.43-.25a2%202%200%200%201-1-1.73V4a2%202%200%200%200-2-2z%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .fa-question { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M9.09%209a3%203%200%200%201%205.83%201c0%202-3%203-3%203%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2017h.01%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .fa-calendar-week { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M2%206h4%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2010h4%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2014h4%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2018h4%22%20%2F%3E%20%3Crect%20width%3D%2216%22%20height%3D%2220%22%20x%3D%224%22%20y%3D%222%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M16%202v20%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .ura-ni-news { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M4%2022h16a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2H8a2%202%200%200%200-2%202v16a2%202%200%200%201-2%202Zm0%200a2%202%200%200%201-2-2v-9c0-1.1.9-2%202-2h2%22%20%2F%3E%20%3Cpath%20d%3D%22M18%2014h-8%22%20%2F%3E%20%3Cpath%20d%3D%22M15%2018h-5%22%20%2F%3E%20%3Cpath%20d%3D%22M10%206h8v4h-8V6Z%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .ura-ni-pill { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22m10.5%2020.5%2010-10a4.95%204.95%200%201%200-7-7l-10%2010a4.95%204.95%200%201%200%207%207Z%22%20%2F%3E%20%3Cpath%20d%3D%22m8.5%208.5%207%207%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .ura-ni-calx { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M8%202v4%22%20%2F%3E%20%3Cpath%20d%3D%22M16%202v4%22%20%2F%3E%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%224%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2010h18%22%20%2F%3E%20%3Cpath%20d%3D%22m14%2014-4%204%22%20%2F%3E%20%3Cpath%20d%3D%22m10%2014%204%204%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .ura-ni-grad { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M21.42%2010.922a1%201%200%200%200-.019-1.838L12.83%205.18a2%202%200%200%200-1.66%200L2.6%209.08a1%201%200%200%200%200%201.832l8.57%203.908a2%202%200%200%200%201.66%200z%22%20%2F%3E%20%3Cpath%20d%3D%22M22%2010v6%22%20%2F%3E%20%3Cpath%20d%3D%22M6%2012.5V16a6%203%200%200%200%2012%200v-3.5%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .ura-ni-userround { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%225%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2021a8%208%200%200%200-16%200%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .ura-ni-notebook { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M2%206h4%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2010h4%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2014h4%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2018h4%22%20%2F%3E%20%3Crect%20width%3D%2216%22%20height%3D%2220%22%20x%3D%224%22%20y%3D%222%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M16%202v20%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .ura-ni-award { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22m15.477%2012.89%201.515%208.526a.5.5%200%200%201-.81.47l-3.58-2.687a1%201%200%200%200-1.197%200l-3.586%202.686a.5.5%200%200%201-.81-.469l1.514-8.526%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%226%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > .ura-ni-chart { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M3%203v16a2%202%200%200%200%202%202h16%22%20%2F%3E%20%3Cpath%20d%3D%22M18%2017V9%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2017V5%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2017v-3%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon { color: #7a8aa0; transition: color .18s; } html[data-ura-ui="modern"] .navbar-vertical .nav-link:hover .nav-link-icon, html[data-ura-ui="modern"] .navbar-vertical :is(.nav-link.active,.nav-link.router-link-exact-active) .nav-link-icon { color: var(--ura-primary); } /* Lucide button icons: converts Font Awesome / Element glyphs inside buttons. */ html[data-ura-ui="modern"] :is(.btn,.el-button) :is(i,span,svg):is(.fa-palette,.fa-camera,.fa-trash,.fa-trash-alt,.el-icon-delete,.fa-pencil-alt,.fa-edit,.fa-search,.fa-expand-arrows-alt,.fa-file,.fa-file-pdf-o,.fa-file-excel-o,.fa-eye,.fa-arrow-right,.fa-arrow-up,.fa-arrow-down,.fa-ellipsis-h,.fa-question-circle,.fa-key,.fa-info-circle,.fa-clone,.fa-video,.fa-times,.fa-check,.fa-plus,.el-icon-plus,.fa-user-plus,.fa-user,.fa-image,.fa-exclamation-triangle,.fa-comment,.fa-clipboard,.fa-chevron-left,.fa-bell,.fa-list-alt,.fa-award,.fa-home,.el-icon-collection,.el-icon-upload2):not(.ura-ico) { display: inline-block; flex: none; width: 1.15em; height: 1.15em; font-size: inherit; background: currentColor; -webkit-mask: var(--ura-i, none) center / contain no-repeat; mask: var(--ura-i, none) center / contain no-repeat; vertical-align: -0.2em; } html[data-ura-ui="modern"] :is(.btn,.el-button) :is(i,span,svg):is(.fa-palette,.fa-camera,.fa-trash,.fa-trash-alt,.el-icon-delete,.fa-pencil-alt,.fa-edit,.fa-search,.fa-expand-arrows-alt,.fa-file,.fa-file-pdf-o,.fa-file-excel-o,.fa-eye,.fa-arrow-right,.fa-arrow-up,.fa-arrow-down,.fa-ellipsis-h,.fa-question-circle,.fa-key,.fa-info-circle,.fa-clone,.fa-video,.fa-times,.fa-check,.fa-plus,.el-icon-plus,.fa-user-plus,.fa-user,.fa-image,.fa-exclamation-triangle,.fa-comment,.fa-clipboard,.fa-chevron-left,.fa-bell,.fa-list-alt,.fa-award,.fa-home,.el-icon-collection,.el-icon-upload2):not(.ura-ico)::before { content: none; } html[data-ura-ui="modern"] :is(.btn,.el-button).is-circle :is(i,span,svg):is([class*="fa-"],[class*="el-icon-"]) { margin: 0; } html[data-ura-ui="modern"] .ura-ico-eye { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M2.062%2012.348a1%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%2019.876%200%201%201%200%200%201%200%20.696%2010.75%2010.75%200%200%201-19.876%200%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-rotate { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%209-9%209.75%209.75%200%200%200-6.74%202.74L3%208%22%20%2F%3E%20%3Cpath%20d%3D%22M3%203v5h5%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-print { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M6%2018H4a2%202%200%200%201-2-2v-5a2%202%200%200%201%202-2h16a2%202%200%200%201%202%202v5a2%202%200%200%201-2%202h-2%22%20%2F%3E%20%3Cpath%20d%3D%22M6%209V3a1%201%200%200%201%201-1h10a1%201%200%200%201%201%201v6%22%20%2F%3E%20%3Crect%20x%3D%226%22%20y%3D%2214%22%20width%3D%2212%22%20height%3D%228%22%20rx%3D%221%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-card { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20x%3D%222%22%20y%3D%225%22%20rx%3D%222%22%20%2F%3E%20%3Cline%20x1%3D%222%22%20x2%3D%2222%22%20y1%3D%2210%22%20y2%3D%2210%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-filter { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M3%206h18%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2012h10%22%20%2F%3E%20%3Cpath%20d%3D%22M10%2018h4%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-checkall { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M18%206%207%2017l-5-5%22%20%2F%3E%20%3Cpath%20d%3D%22m22%2010-7.5%207.5L13%2016%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-chart { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M3%203v16a2%202%200%200%200%202%202h16%22%20%2F%3E%20%3Cpath%20d%3D%22M18%2017V9%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2017V5%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2017v-3%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-arrow { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M5%2012h14%22%20%2F%3E%20%3Cpath%20d%3D%22m12%205%207%207-7%207%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-key { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M2.586%2017.414A2%202%200%200%200%202%2018.828V21a1%201%200%200%200%201%201h3a1%201%200%200%200%201-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%200%201-1v-1a1%201%200%200%201%201-1h.172a2%202%200%200%200%201.414-.586l.814-.814a6.5%206.5%200%201%200-4-4z%22%20%2F%3E%20%3Ccircle%20cx%3D%2216.5%22%20cy%3D%227.5%22%20r%3D%22.5%22%20fill%3D%22currentColor%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .ura-ico-copy { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20x%3D%228%22%20y%3D%228%22%20rx%3D%222%22%20ry%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M4%2016c-1.1%200-2-.9-2-2V4c0-1.1.9-2%202-2h10c1.1%200%202%20.9%202%202%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-trash { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M3%206h18%22%20%2F%3E%20%3Cpath%20d%3D%22M19%206v14c0%201-1%202-2%202H7c-1%200-2-1-2-2V6%22%20%2F%3E%20%3Cpath%20d%3D%22M8%206V4c0-1%201-2%202-2h4c1%200%202%201%202%202v2%22%20%2F%3E%20%3Cline%20x1%3D%2210%22%20x2%3D%2210%22%20y1%3D%2211%22%20y2%3D%2217%22%20%2F%3E%20%3Cline%20x1%3D%2214%22%20x2%3D%2214%22%20y1%3D%2211%22%20y2%3D%2217%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-trash-alt { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M3%206h18%22%20%2F%3E%20%3Cpath%20d%3D%22M19%206v14c0%201-1%202-2%202H7c-1%200-2-1-2-2V6%22%20%2F%3E%20%3Cpath%20d%3D%22M8%206V4c0-1%201-2%202-2h4c1%200%202%201%202%202v2%22%20%2F%3E%20%3Cline%20x1%3D%2210%22%20x2%3D%2210%22%20y1%3D%2211%22%20y2%3D%2217%22%20%2F%3E%20%3Cline%20x1%3D%2214%22%20x2%3D%2214%22%20y1%3D%2211%22%20y2%3D%2217%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .el-icon-delete { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M3%206h18%22%20%2F%3E%20%3Cpath%20d%3D%22M19%206v14c0%201-1%202-2%202H7c-1%200-2-1-2-2V6%22%20%2F%3E%20%3Cpath%20d%3D%22M8%206V4c0-1%201-2%202-2h4c1%200%202%201%202%202v2%22%20%2F%3E%20%3Cline%20x1%3D%2210%22%20x2%3D%2210%22%20y1%3D%2211%22%20y2%3D%2217%22%20%2F%3E%20%3Cline%20x1%3D%2214%22%20x2%3D%2214%22%20y1%3D%2211%22%20y2%3D%2217%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-pencil-alt { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M21.174%206.812a1%201%200%200%200-3.986-3.987L3.842%2016.174a2%202%200%200%200-.5.83l-1.321%204.352a.5.5%200%200%200%20.623.622l4.353-1.32a2%202%200%200%200%20.83-.497z%22%20%2F%3E%20%3Cpath%20d%3D%22m15%205%204%204%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-edit { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M21.174%206.812a1%201%200%200%200-3.986-3.987L3.842%2016.174a2%202%200%200%200-.5.83l-1.321%204.352a.5.5%200%200%200%20.623.622l4.353-1.32a2%202%200%200%200%20.83-.497z%22%20%2F%3E%20%3Cpath%20d%3D%22m15%205%204%204%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-search { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%20%2F%3E%20%3Cpath%20d%3D%22m21%2021-4.3-4.3%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-expand-arrows-alt { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpolyline%20points%3D%2215%203%2021%203%2021%209%22%20%2F%3E%20%3Cpolyline%20points%3D%229%2021%203%2021%203%2015%22%20%2F%3E%20%3Cline%20x1%3D%2221%22%20x2%3D%2214%22%20y1%3D%223%22%20y2%3D%2210%22%20%2F%3E%20%3Cline%20x1%3D%223%22%20x2%3D%2210%22%20y1%3D%2221%22%20y2%3D%2214%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-file { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M15%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V7Z%22%20%2F%3E%20%3Cpath%20d%3D%22M14%202v4a2%202%200%200%200%202%202h4%22%20%2F%3E%20%3Cpath%20d%3D%22M10%209H8%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2013H8%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2017H8%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-file-pdf-o { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M15%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V7Z%22%20%2F%3E%20%3Cpath%20d%3D%22M14%202v4a2%202%200%200%200%202%202h4%22%20%2F%3E%20%3Cpath%20d%3D%22M10%209H8%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2013H8%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2017H8%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-file-excel-o { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M15%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V7Z%22%20%2F%3E%20%3Cpath%20d%3D%22M14%202v4a2%202%200%200%200%202%202h4%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2013h2%22%20%2F%3E%20%3Cpath%20d%3D%22M14%2013h2%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2017h2%22%20%2F%3E%20%3Cpath%20d%3D%22M14%2017h2%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-eye { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M2.062%2012.348a1%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%2019.876%200%201%201%200%200%201%200%20.696%2010.75%2010.75%200%200%201-19.876%200%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-arrow-right { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M5%2012h14%22%20%2F%3E%20%3Cpath%20d%3D%22m12%205%207%207-7%207%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-arrow-up { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22m5%2012%207-7%207%207%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2019V5%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-arrow-down { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M12%205v14%22%20%2F%3E%20%3Cpath%20d%3D%22m19%2012-7%207-7-7%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-ellipsis-h { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%20%2F%3E%20%3Ccircle%20cx%3D%2219%22%20cy%3D%2212%22%20r%3D%221%22%20%2F%3E%20%3Ccircle%20cx%3D%225%22%20cy%3D%2212%22%20r%3D%221%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-question-circle { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M9.09%209a3%203%200%200%201%205.83%201c0%202-3%203-3%203%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2017h.01%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-key { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M2.586%2017.414A2%202%200%200%200%202%2018.828V21a1%201%200%200%200%201%201h3a1%201%200%200%200%201-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%200%201-1v-1a1%201%200%200%201%201-1h.172a2%202%200%200%200%201.414-.586l.814-.814a6.5%206.5%200%201%200-4-4z%22%20%2F%3E%20%3Ccircle%20cx%3D%2216.5%22%20cy%3D%227.5%22%20r%3D%22.5%22%20fill%3D%22currentColor%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-info-circle { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2016v-4%22%20%2F%3E%20%3Cpath%20d%3D%22M12%208h.01%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-clone { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20x%3D%228%22%20y%3D%228%22%20rx%3D%222%22%20ry%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M4%2016c-1.1%200-2-.9-2-2V4c0-1.1.9-2%202-2h10c1.1%200%202%20.9%202%202%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-video { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22m16%2013%205.223%203.482a.5.5%200%200%200%20.777-.416V7.87a.5.5%200%200%200-.752-.432L16%2010.5%22%20%2F%3E%20%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%2214%22%20height%3D%2212%22%20rx%3D%222%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-times { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M18%206%206%2018%22%20%2F%3E%20%3Cpath%20d%3D%22m6%206%2012%2012%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-check { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-plus { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M5%2012h14%22%20%2F%3E%20%3Cpath%20d%3D%22M12%205v14%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .el-icon-plus { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M5%2012h14%22%20%2F%3E%20%3Cpath%20d%3D%22M12%205v14%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-user-plus { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%20%2F%3E%20%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%20%2F%3E%20%3Cline%20x1%3D%2219%22%20x2%3D%2219%22%20y1%3D%228%22%20y2%3D%2214%22%20%2F%3E%20%3Cline%20x1%3D%2222%22%20x2%3D%2216%22%20y1%3D%2211%22%20y2%3D%2211%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-user { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%225%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2021a8%208%200%200%200-16%200%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-image { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22%20ry%3D%222%22%20%2F%3E%20%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22m21%2015-3.086-3.086a2%202%200%200%200-2.828%200L6%2021%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-exclamation-triangle { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22m21.73%2018-8-14a2%202%200%200%200-3.48%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.73-3%22%20%2F%3E%20%3Cpath%20d%3D%22M12%209v4%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2017h.01%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-comment { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M7.9%2020A9%209%200%201%200%204%2016.1L2%2022Z%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-clipboard { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20width%3D%228%22%20height%3D%224%22%20x%3D%228%22%20y%3D%222%22%20rx%3D%221%22%20ry%3D%221%22%20%2F%3E%20%3Cpath%20d%3D%22M16%204h2a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h2%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2014%202%202%204-4%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-chevron-left { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22m15%2018-6-6%206-6%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-bell { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M10.268%2021a2%202%200%200%200%203.464%200%22%20%2F%3E%20%3Cpath%20d%3D%22M3.262%2015.326A1%201%200%200%200%204%2017h16a1%201%200%200%200%20.74-1.673C19.41%2013.956%2018%2012.499%2018%208A6%206%200%200%200%206%208c0%204.499-1.411%205.956-2.738%207.326%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-list-alt { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M3%2012h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2018h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%206h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2012h13%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2018h13%22%20%2F%3E%20%3Cpath%20d%3D%22M8%206h13%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-award { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22m15.477%2012.89%201.515%208.526a.5.5%200%200%201-.81.47l-3.58-2.687a1%201%200%200%200-1.197%200l-3.586%202.686a.5.5%200%200%201-.81-.469l1.514-8.526%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%226%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-home { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M15%2021v-8a1%201%200%200%200-1-1h-4a1%201%200%200%200-1%201v8%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2010a2%202%200%200%201%20.709-1.528l7-5.999a2%202%200%200%201%202.582%200l7%205.999A2%202%200%200%201%2021%2010v9a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .el-icon-collection { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22m16%206%204%2014%22%20%2F%3E%20%3Cpath%20d%3D%22M12%206v14%22%20%2F%3E%20%3Cpath%20d%3D%22M8%208v12%22%20%2F%3E%20%3Cpath%20d%3D%22M4%204v16%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] :is(.btn,.el-button) .el-icon-upload2 { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22%20%2F%3E%20%3Cpolyline%20points%3D%2217%208%2012%203%207%208%22%20%2F%3E%20%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2215%22%20%2F%3E%3C%2Fsvg%3E"); } /* Font Awesome's JS replaces glyphs with inline SVG, so hide their paths and draw the Lucide mask instead. */ html[data-ura-ui="modern"] :is(.navbar-vertical .nav-link-icon,:is(.btn,.el-button)) svg.svg-inline--fa:is([class*="fa-"]) { overflow: hidden; } html[data-ura-ui="modern"] .navbar-vertical .nav-link-icon > svg.svg-inline--fa > * { display: none; } html[data-ura-ui="modern"] :is(.btn,.el-button) svg.svg-inline--fa:is(.fa-palette,.fa-camera,.fa-trash,.fa-trash-alt,.el-icon-delete,.fa-pencil-alt,.fa-edit,.fa-search,.fa-expand-arrows-alt,.fa-file,.fa-file-pdf-o,.fa-file-excel-o,.fa-eye,.fa-arrow-right,.fa-arrow-up,.fa-arrow-down,.fa-ellipsis-h,.fa-question-circle,.fa-key,.fa-info-circle,.fa-clone,.fa-video,.fa-times,.fa-check,.fa-plus,.el-icon-plus,.fa-user-plus,.fa-user,.fa-image,.fa-exclamation-triangle,.fa-comment,.fa-clipboard,.fa-chevron-left,.fa-bell,.fa-list-alt,.fa-award,.fa-home,.el-icon-collection,.el-icon-upload2) > * { display: none; } /* Row action links in tables (e.g. parent list) use the same flat icon. */ html[data-ura-ui="modern"] .table a :is(i,svg).fa-list-alt { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M3%2012h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2018h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%206h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2012h13%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2018h13%22%20%2F%3E%20%3Cpath%20d%3D%22M8%206h13%22%20%2F%3E%3C%2Fsvg%3E"); display: inline-block; width: 1.15em; height: 1.15em; background: currentColor; -webkit-mask: var(--ura-i) center / contain no-repeat; mask: var(--ura-i) center / contain no-repeat; vertical-align: -0.2em; } html[data-ura-ui="modern"] .table a :is(i,svg).fa-list-alt::before { content: none; } html[data-ura-ui="modern"] .table a :is(i,svg).fa-list-alt > * { display: none; } /* Icon-only row actions in tables: soft tint, solid on hover. */ html[data-ura-ui="modern"] :is(.content,.el-dialog__wrapper) table .size-icon.el-button { min-width: 30px; min-height: 30px; padding: 5px; margin: 0 2px 0 0 !important; } html[data-ura-ui="modern"] :is(.content,.el-dialog__wrapper) table .size-icon.el-button.el-button--primary:not(.is-disabled) { background: var(--ura-selected); border-color: transparent; color: var(--ura-primary); } html[data-ura-ui="modern"] :is(.content,.el-dialog__wrapper) table .size-icon.el-button.el-button--primary:not(.is-disabled):hover { background: var(--ura-primary); color: var(--ura-on-primary); } html[data-ura-ui="modern"] :is(.content,.el-dialog__wrapper) table .size-icon.el-button.el-button--success:not(.is-disabled) { background: var(--ura-success-bg); border-color: transparent; color: var(--ura-success); } html[data-ura-ui="modern"] :is(.content,.el-dialog__wrapper) table .size-icon.el-button.el-button--success:not(.is-disabled):hover { background: var(--ura-success); color: var(--ura-on-primary); } html[data-ura-ui="modern"] :is(.content,.el-dialog__wrapper) table .size-icon.el-button.el-button--danger:not(.is-disabled) { background: var(--ura-danger-bg); border-color: transparent; color: var(--ura-danger); } html[data-ura-ui="modern"] :is(.content,.el-dialog__wrapper) table .size-icon.el-button.el-button--danger:not(.is-disabled):hover { background: var(--ura-danger); color: var(--ura-on-primary); } html[data-ura-ui="modern"] :is(.content,.el-dialog__wrapper) table .size-icon.el-button.el-button--warning:not(.is-disabled) { background: var(--ura-warning-bg); border-color: transparent; color: var(--ura-warning); } html[data-ura-ui="modern"] :is(.content,.el-dialog__wrapper) table .size-icon.el-button.el-button--warning:not(.is-disabled):hover { background: var(--ura-warning); color: var(--ura-on-primary); } html[data-ura-ui="modern"] :is(.content,.el-dialog__wrapper) table .size-icon.el-button.el-button--info:not(.is-disabled) { background: var(--ura-info-bg); border-color: transparent; color: var(--ura-info); } html[data-ura-ui="modern"] :is(.content,.el-dialog__wrapper) table .size-icon.el-button.el-button--info:not(.is-disabled):hover { background: var(--ura-info); color: var(--ura-on-primary); } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-camera { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M14.5%204h-5L7%207H4a2%202%200%200%200-2%202v9a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V9a2%202%200%200%200-2-2h-3l-2.5-3z%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E"); } /* Date range editor: vertically centered Lucide calendar icon and separator. */ html[data-ura-ui="modern"] .el-range-editor.el-input__inner { align-items: center; min-height: 36px; padding: 0 12px; } html[data-ura-ui="modern"] .el-range-editor .el-range__icon { float: none; display: inline-block; flex: none; width: 16px; height: 16px; margin: 0 8px 0 0; line-height: 1; background: var(--ura-muted); -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M8%202v4%22%20%2F%3E%20%3Cpath%20d%3D%22M16%202v4%22%20%2F%3E%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%224%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2010h18%22%20%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M8%202v4%22%20%2F%3E%20%3Cpath%20d%3D%22M16%202v4%22%20%2F%3E%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%224%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2010h18%22%20%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; } html[data-ura-ui="modern"] .el-range-editor .el-range__icon::before { content: none; } html[data-ura-ui="modern"] .el-range-editor .el-range-separator { display: inline-flex; align-items: center; justify-content: center; height: auto; line-height: 1; padding: 0 4px; color: var(--ura-muted); } html[data-ura-ui="modern"] .el-range-editor .el-range__close-icon { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: auto; line-height: 1; } /* Header: school name moves to the left with the current date. */ html[data-ura-ui="modern"] .ura-ico-school { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M14%2022v-4a2%202%200%201%200-4%200v4%22%20%2F%3E%20%3Cpath%20d%3D%22m18%2010%203.447%201.724a1%201%200%200%201%20.553.894V20a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2v-7.382a1%201%200%200%201%20.553-.894L6%2010%22%20%2F%3E%20%3Cpath%20d%3D%22M18%205v17%22%20%2F%3E%20%3Cpath%20d%3D%22m4%206%207.106-3.553a2%202%200%200%201%201.788%200L20%206%22%20%2F%3E%20%3Cpath%20d%3D%22M6%205v17%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%229%22%20r%3D%222%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-top .ura-navbar-school { display: flex; align-items: center; gap: 12px; margin-right: 24px; min-width: 0; } html[data-ura-ui="modern"] .navbar-top .ura-navbar-school .ura-ico { width: 40px; height: 40px; padding: 9px; box-sizing: border-box; border-radius: 12px; background: var(--ura-primary); color: var(--ura-primary); -webkit-mask: none; mask: none; position: relative; } html[data-ura-ui="modern"] .navbar-top .ura-navbar-school .ura-ico::before { content: ""; position: absolute; inset: 9px; background: var(--ura-on-primary); -webkit-mask: var(--ura-i) center / contain no-repeat; mask: var(--ura-i) center / contain no-repeat; } html[data-ura-ui="modern"] .ura-navbar-school-text { display: flex; flex-direction: column; line-height: 1.35; min-width: 0; } html[data-ura-ui="modern"] .ura-navbar-school-text strong { font-size: 15px; font-weight: 600; color: var(--ura-text); overflow-wrap: anywhere; } html[data-ura-ui="modern"] .ura-navbar-school-text small { font-size: 12.5px; color: var(--ura-muted); } @media (max-width: 991.98px) { html[data-ura-ui="modern"] .navbar-top .ura-navbar-school { display: none; } } @media (min-width: 992px) { html[data-ura-ui="modern"] .navbar-top span.info-school { display: none; } } /* Header controls: compact theme switch and campus (Phân hiệu) select side by side. */ html[data-ura-ui="modern"] .ui-theme-trigger { min-height: 32px; padding: 4px 10px; font-size: 13px; gap: 6px; display: inline-flex; align-items: center; } html[data-ura-ui="modern"] .ui-theme-trigger svg { width: 14px; height: 14px; } html[data-ura-ui="modern"] .navbar-top .ura-school-point { min-width: 9rem; } html[data-ura-ui="modern"] .nav-top .navbar-top .nav-item.ura-school-point select { height: 32px; min-height: 32px; padding: 4px 28px 4px 10px; border-radius: var(--ura-radius); font-size: 13px; } html[data-ura-ui="modern"] :is(.btn,.el-button) .fa-palette { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D%2213.5%22%20cy%3D%226.5%22%20r%3D%22.5%22%20fill%3D%22currentColor%22%20%2F%3E%20%3Ccircle%20cx%3D%2217.5%22%20cy%3D%2210.5%22%20r%3D%22.5%22%20fill%3D%22currentColor%22%20%2F%3E%20%3Ccircle%20cx%3D%228.5%22%20cy%3D%227.5%22%20r%3D%22.5%22%20fill%3D%22currentColor%22%20%2F%3E%20%3Ccircle%20cx%3D%226.5%22%20cy%3D%2212.5%22%20r%3D%22.5%22%20fill%3D%22currentColor%22%20%2F%3E%20%3Cpath%20d%3D%22M12%202C6.5%202%202%206.5%202%2012s4.5%2010%2010%2010c.926%200%201.648-.746%201.648-1.688%200-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64%201.64%200%200%201%201.668-1.668h1.996c3.051%200%205.555-2.503%205.555-5.554C21.965%206.012%2017.461%202%2012%202z%22%20%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .navbar-top .ura-school-point { min-width: 0; } html[data-ura-ui="modern"] .nav-top .navbar-top .nav-item.ura-school-point select { width: auto; min-width: 7rem; max-width: 12rem; height: 32px; padding: 0 26px 0 10px; font-size: 13px; line-height: 30px; appearance: none; -webkit-appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23526171' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center / 14px; cursor: pointer; text-overflow: ellipsis; } /* Notification panel: rounded card, unread dot, calmer item typography. */ html[data-ura-ui="modern"] .dropdown-menu-card { padding: 0; border: 0; background: transparent; box-shadow: none; } html[data-ura-ui="modern"] .card-notification { border: 1px solid var(--ura-border); border-radius: 16px; background: var(--ura-surface); box-shadow: var(--ura-overlay-shadow) !important; overflow: hidden; } html[data-ura-ui="modern"] .card-notification .card-header { padding: 14px 16px; background: var(--ura-surface); border-bottom: 1px solid var(--ura-border); } html[data-ura-ui="modern"] .card-notification .card-header-title { font-size: 15px; font-weight: 600; color: var(--ura-text); } html[data-ura-ui="modern"] .card-notification .card-link { font-size: 13px; color: var(--ura-primary); } html[data-ura-ui="modern"] .card-notification .list-group-item { padding: 0; border: 0; background: transparent; } html[data-ura-ui="modern"] .card-notification .notification.notification-flush { position: relative; padding: 12px 16px 12px 30px; border-bottom: 1px solid var(--ura-border); transition: background-color .18s; } html[data-ura-ui="modern"] .card-notification .notification.notification-flush:hover { background: var(--ura-hover); } html[data-ura-ui="modern"] .card-notification .notification.bg-200 { background: var(--ura-selected) !important; } html[data-ura-ui="modern"] .card-notification .notification.bg-200::before { content: ""; position: absolute; left: 14px; top: 19px; width: 8px; height: 8px; border-radius: 50%; background: var(--ura-primary); } html[data-ura-ui="modern"] .card-notification .notification-time { color: var(--ura-muted); } html[data-ura-ui="modern"] #navbarDropdownNotification:focus { outline: none; box-shadow: none; } html[data-ura-ui="modern"] #navbarDropdownNotification:focus-visible { outline: none; } html[data-ura-ui="modern"] #navbarDropdownNotification[aria-expanded="true"] { color: var(--ura-primary); } /* Header search button stays on one line; long usernames are truncated instead of broken mid-word. */ html[data-ura-ui="modern"] .navbar-top .ura-search-btn { width: auto !important; min-height: 36px; padding: 6px 16px; white-space: nowrap; } html[data-ura-ui="modern"] .ura-navbar-user { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow-wrap: normal; } html[data-ura-ui="modern"] .ura-sidebar-account strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow-wrap: normal; } html[data-ura-ui="modern"] .card-notification .notification-body { min-width: 0; max-width: 100%; overflow-wrap: anywhere; } html[data-ura-ui="modern"] .card-notification .notification.notification-flush { display: block; width: 100%; overflow: hidden; } html[data-ura-ui="modern"] .card-notification .list-custom { overscroll-behavior: contain; scrollbar-gutter: stable; } html[data-ura-ui="modern"] .card-notification .list-group-item { min-width: 0; width: 100%; } html[data-ura-ui="modern"] .card-notification .noti-content { max-width: 100%; width: 100%; } html[data-ura-ui="modern"] .navbar-vertical .nav-link:focus { outline: none; box-shadow: none; } html[data-ura-ui="modern"] .navbar-vertical .nav-link:focus-visible { outline: 2px solid rgb(0 111 184 / 40%); outline-offset: -2px; } html[data-ura-ui="modern"] .ura-ico-star { --ura-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%20%2F%3E%3C%2Fsvg%3E"); } /* Pagination: uniform 36px buttons with even spacing. */ html[data-ura-ui="modern"] .el-pagination { justify-content: center; gap: 6px; } html[data-ura-ui="modern"] .el-pagination.is-background .el-pager { display: inline-flex; align-items: center; gap: 6px; padding: 0; } html[data-ura-ui="modern"] .el-pagination.is-background :is(.btn-prev,.btn-next,.el-pager li) { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 36px; height: 36px; margin: 0; padding: 0 8px; border: 1px solid var(--ura-border); border-radius: 8px; background: var(--ura-surface); color: var(--ura-text); font-size: 14px; font-weight: 500; line-height: 1; transition: background-color .18s, border-color .18s, color .18s; } html[data-ura-ui="modern"] .el-pagination.is-background :is(.btn-prev,.btn-next,.el-pager li):not(.disabled):not(.active):hover { border-color: var(--ura-primary); background: var(--ura-hover); color: var(--ura-primary); } html[data-ura-ui="modern"] .el-pagination.is-background .el-pager li:not(.disabled).active { background: var(--ura-primary); border-color: var(--ura-primary); color: var(--ura-on-primary); } html[data-ura-ui="modern"] .el-pagination.is-background :is(.btn-prev,.btn-next):disabled { opacity: .5; cursor: not-allowed; } html[data-ura-ui="modern"] .el-pagination.is-background :is(.btn-prev,.btn-next) i { font-size: 13px; } /* Post create/edit forms: upload tile, toggle rows, note box, action bar. */ html[data-ura-ui="modern"] .post-new .form-group { margin-bottom: 20px; } html[data-ura-ui="modern"] .post-new .form-group > label { margin-bottom: 6px; } html[data-ura-ui="modern"] .post-new .el-upload-list--picture-card { display: flex; flex-wrap: wrap; gap: 10px; } html[data-ura-ui="modern"] .post-new :is(.el-upload--picture-card,.el-upload-list__item) { width: 120px; height: 120px; margin: 0; border-radius: 12px; } html[data-ura-ui="modern"] .post-new .el-upload--picture-card { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; border: 1.5px dashed var(--ura-control-border); background: var(--ura-hover); color: var(--ura-muted); line-height: 1.3; text-align: center; transition: border-color .18s, background-color .18s, color .18s; } html[data-ura-ui="modern"] .post-new .el-upload--picture-card::before { content: ""; width: 28px; height: 28px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 5h6M19 2v6M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5'/%3E%3Cpath d='m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 5h6M19 2v6M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5'/%3E%3Cpath d='m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3C/svg%3E") center / contain no-repeat; } html[data-ura-ui="modern"] .post-new .el-upload--picture-card:hover { border-color: var(--ura-primary); background: var(--ura-selected); color: var(--ura-primary); } html[data-ura-ui="modern"] .post-new .el-upload--picture-card span { padding: 0 8px; font-size: 12.5px !important; } html[data-ura-ui="modern"] .post-new .post-switch-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 420px; padding: 10px 14px; margin-bottom: 8px; border: 1px solid var(--ura-border); border-radius: 10px; } html[data-ura-ui="modern"] .post-new .post-switch-row > label { margin: 0; font-weight: 500; } html[data-ura-ui="modern"] .post-new .post-switch-row .slider { border-radius: 999px; background-color: #c7d1dc; } html[data-ura-ui="modern"] .post-new .post-switch-row .slider::before { border-radius: 50%; } html[data-ura-ui="modern"] .post-new .post-switch-row input:checked + .slider { background-color: var(--ura-primary); } html[data-ura-ui="modern"] .post-new .post-note { margin-top: 16px; padding: 12px 14px; border-radius: 10px; background: var(--ura-info-bg); color: var(--ura-text); font-size: 13.5px; line-height: 1.7; } html[data-ura-ui="modern"] .post-new .post-note b { color: var(--ura-info); } html[data-ura-ui="modern"] .post-new .post-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px !important; padding-top: 16px; border-top: 1px solid var(--ura-border); } html[data-ura-ui="modern"] .post-new .post-actions .el-button { margin: 0 !important; } /* Post forms, usability pass: wide drop zone, limits next to it, required marks, sticky actions. */ html[data-ura-ui="modern"] .post-new form { display: flex; flex-direction: column; } html[data-ura-ui="modern"] .post-new form > br { display: none; } html[data-ura-ui="modern"] .post-new .post-switch-row { order: 2; margin-top: 4px; } html[data-ura-ui="modern"] .post-new .post-note { order: 1; margin: 10px 0 16px; padding: 8px 12px; font-size: 13px; line-height: 1.6; background: transparent; border-left: 3px solid var(--ura-info); border-radius: 0; } html[data-ura-ui="modern"] .post-new .post-actions { order: 3; position: sticky; bottom: 0; z-index: 5; align-items: center; margin-bottom: -16px; padding: 14px 0 16px; background: var(--ura-surface); } html[data-ura-ui="modern"] .post-new .form-group:has(> #title, > #content) > label:first-child::after { content: " *"; color: var(--ura-danger); } html[data-ura-ui="modern"] .post-new .el-upload-list--picture-card { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; margin: 0; } html[data-ura-ui="modern"] .post-new :is(.el-upload--picture-card,.el-upload-list__item) { width: auto; height: 120px; } html[data-ura-ui="modern"] .post-new .el-upload--picture-card:only-child { grid-column: 1 / -1; height: 132px; } html[data-ura-ui="modern"] .post-new .el-upload--picture-card:only-child span { font-size: 14px !important; font-weight: 500; } html[data-ura-ui="modern"] .post-new .el-upload--picture-card:has(input[accept*="pdf"])::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M14.5%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V7.5L14.5%202z'%2F%3E%3Cpath%20d%3D'M14%202v6h6M12%2018v-6M9%2015l3-3%203%203'%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M14.5%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V7.5L14.5%202z'%2F%3E%3Cpath%20d%3D'M14%202v6h6M12%2018v-6M9%2015l3-3%203%203'%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .post-new .el-upload--picture-card:has(input[accept*="video"])::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm16%2013%205.223%203.482a.5.5%200%200%200%20.777-.416V7.87a.5.5%200%200%200-.752-.432L16%2010.5'%2F%3E%3Crect%20x%3D'2'%20y%3D'6'%20width%3D'14'%20height%3D'12'%20rx%3D'2'%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm16%2013%205.223%203.482a.5.5%200%200%200%20.777-.416V7.87a.5.5%200%200%200-.752-.432L16%2010.5'%2F%3E%3Crect%20x%3D'2'%20y%3D'6'%20width%3D'14'%20height%3D'12'%20rx%3D'2'%2F%3E%3C%2Fsvg%3E"); } html[data-ura-ui="modern"] .post-new .post-hint { color: var(--ura-muted); font-size: 13px; } html[data-ura-ui="modern"] .post-new .post-actions { order: 3; } html[data-ura-ui="modern"] .post-new .post-switch-row { display: inline-flex; justify-content: flex-start; gap: 10px; align-self: flex-start; max-width: none; padding: 0; margin: 4px 0 8px; border: 0; border-radius: 0; } html[data-ura-ui="modern"] .post-new .post-switch-row > label:first-child { order: 2; font-weight: 400; font-size: 14px; cursor: pointer; } html[data-ura-ui="modern"] .post-new .post-switch-row .switch { order: 1; flex: none; width: 34px; height: 18px; margin: 0; } html[data-ura-ui="modern"] .post-new .post-switch-row .slider::before { width: 14px; height: 14px; left: 2px; bottom: 2px; } html[data-ura-ui="modern"] .post-new .post-switch-row input:checked + .slider::before { transform: translateX(16px); } /* Header with long school names: name truncates, controls never wrap. */ html[data-ura-ui="modern"] .navbar-top .ura-navbar-school { flex: 0 1 auto; max-width: 300px; margin-right: 16px; } html[data-ura-ui="modern"] .navbar-top .ura-navbar-school-text strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow-wrap: normal; } html[data-ura-ui="modern"] .navbar-top .navbar-nav.ml-auto { flex: none; flex-wrap: nowrap; } html[data-ura-ui="modern"] .navbar-top .navbar-nav.ml-auto > li { flex: none; } html[data-ura-ui="modern"] .navbar-top .ui-theme-trigger, html[data-ura-ui="modern"] .navbar-top .ui-theme-trigger span { white-space: nowrap; } html[data-ura-ui="modern"] .navbar-top .navbar-nav.d-lg-block { flex: 1 1 auto; min-width: 0; } html[data-ura-ui="modern"] .navbar-top .navbar-nav.d-lg-block .nav-item.d-flex { min-width: 0; } html[data-ura-ui="modern"] .navbar-top .navbar-nav.d-lg-block .search-box { flex: 1 1 auto; min-width: 140px; } html[data-ura-ui="modern"] .navbar-top .navbar-nav.d-lg-block .search-box .search-input { width: 100%; } @media (max-width: 1399.98px) { html[data-ura-ui="modern"] .navbar-top .ura-navbar-school { max-width: 220px; } }