:root { --rnv-brand: var(--primary-600, #059669); --rnv-brand-dark: var(--primary-500, #34d399); --rnv-danger: var(--danger-600, #dc2626); --rnv-radius-control: .5rem; --rnv-radius-card: .75rem; --rnv-radius-pill: 999px; --rnv-control-height: 2.25rem; --rnv-border: rgba(0, 0, 0, .1); --rnv-border-soft: rgba(0, 0, 0, .06); } .dark { --rnv-border: rgba(255, 255, 255, .12); --rnv-border-soft: rgba(255, 255, 255, .07); } [x-cloak] { display: none !important; } .rnv-help-i { cursor: help; padding: .3rem; margin: -.3rem; box-sizing: content-box; border-radius: .375rem; } .rnv-help-i:focus-visible { outline: 2px solid var(--rnv-brand, #059669); outline-offset: 1px; } .dark .rnv-help-i:focus-visible { outline-color: var(--rnv-brand-dark, #34d399); } .rnv-btn-primary { background: var(--rnv-brand, #059669); color: #fff; } .rnv-btn-primary:hover { background: var(--primary-700, #047857); } .rnv-focus:focus-visible { outline: 2px solid var(--rnv-brand, #059669); outline-offset: 2px; } .dark .rnv-focus:focus-visible { outline-color: var(--rnv-brand-dark, #34d399); } .rnv-stack > * + * { margin-top: 1.5rem; } .rnv-inline-end { display: flex; align-items: center; justify-content: flex-end; gap: .75rem; } .rnv-btn-outline { display: inline-flex; align-items: center; gap: .5rem; min-height: var(--rnv-control-height); padding: .375rem .75rem; border-radius: var(--rnv-radius-control); border: 1px solid var(--rnv-border); background: transparent; font-size: .875rem; font-weight: 600; color: #374151; cursor: pointer; } .rnv-btn-outline:hover { background: rgba(0, 0, 0, .04); } .dark .rnv-btn-outline { color: #e5e7eb; } .dark .rnv-btn-outline:hover { background: rgba(255, 255, 255, .06); } .rnv-btn-outline--brand { color: var(--rnv-brand); border-color: var(--rnv-brand); } .dark .rnv-btn-outline--brand { color: var(--rnv-brand-dark); border-color: var(--rnv-brand-dark); } .rnv-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } @media (max-width: 1023.98px) { .fi-sidebar { transition: none; } } .fi-ta-col-manager { display: flex; flex-direction: column; max-height: min(65vh, 26rem); } .fi-ta-col-manager .fi-ta-col-manager-items { overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; padding: .25rem; } .fi-ta-col-manager-item { min-width: 0; } .fi-ta-col-manager-item .fi-ta-col-manager-label { flex: 1 1 auto; min-width: 0; } .fi-ta-col-manager-item .fi-ta-col-manager-label > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; } .fi-ta-col-manager-item .fi-ta-col-manager-reorder-handle { flex-shrink: 0; margin: 0; } .fi-header-actions-ctn, .fi-header-actions-ctn .fi-ac { gap: .5rem; } .fi-header-actions-ctn .fi-icon-btn { background: color-mix(in srgb, currentColor 9%, transparent); border: 1px solid color-mix(in srgb, currentColor 22%, transparent); border-radius: .5rem; margin: 0; } .fi-header-actions-ctn .fi-icon-btn:hover { background: color-mix(in srgb, currentColor 16%, transparent); } @media (max-width: 768px) { .fi-header-actions-ctn .fi-ac { flex-wrap: wrap; justify-content: flex-end; row-gap: .5rem; } .fi-header-actions-ctn .fi-ac .fi-btn { white-space: nowrap; } } .fi-ta-filters-above-content-ctn:has(> .fi-ta-filters[style*="display: none"]) { margin-bottom: -2.6rem; position: relative; z-index: 2; width: fit-content; padding-block: 0; } .fi-ta-filters-above-content-ctn:has(> .fi-ta-filters[style*="display: none"]):has(+ .fi-ta-header-toolbar > .fi-ta-actions > *) { margin-bottom: 0; width: auto; } @media (min-width: 1024px) { .fi-topbar nav { position: relative; } .fi-topbar-end .fi-global-search-ctn { position: absolute; left: 20%; width: 60%; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; } .fi-topbar-end .fi-global-search { width: 100%; max-width: 40rem; } .fi-global-search-field { width: 100%; } .fi-global-search-results-ctn { left: 0; right: 0; width: auto; max-width: none; } } .fi-topbar-end > :has(.fi-topbar-database-notifications-btn), .fi-topbar-end > .fi-topbar-database-notifications-btn { order: 1; margin-inline-end: .375rem; } .fi-topbar-end > .fi-user-menu, .fi-topbar-end > :has(> .fi-user-menu) { order: 2; } .fi-no-database .fi-modal-window { overflow-x: hidden; } .fi-no-database .fi-no-notification { overflow-wrap: anywhere; } .dark select:not(.fi-select-input) { background-color: rgb(24 24 27); color: #e5e7eb; } .dark select option { background-color: rgb(24 24 27); color: #e5e7eb; } .fi-tabs { margin-inline: 0; } @media (min-width: 1024px) { .fi-page-sub-navigation-tabs { flex-wrap: wrap; overflow-x: visible; row-gap: .25rem; } } [data-rnv-tab-reorder] [data-rnv-page-tabs] .fi-tabs-item[draggable='true'] { cursor: grab; } [data-rnv-tab-reorder] [data-rnv-page-tabs] .fi-tabs-item.rnv-tab-dragging { opacity: .4; } .fi-tabs > .rnv-tabs-info-i { display: inline-flex; align-items: center; justify-content: center; align-self: center; flex: 0 0 auto; margin-inline-start: .125rem; border: 0; background: transparent; line-height: 0; color: #6b7280; } .fi-tabs > .rnv-tabs-info-i:hover { color: var(--rnv-brand, #059669); } .dark .fi-tabs > .rnv-tabs-info-i { color: #9ca3af; } .dark .fi-tabs > .rnv-tabs-info-i:hover { color: var(--rnv-brand-dark, #34d399); } :root:not(.dark) :is(.fi-btn.fi-color-primary, .fi-btn.fi-color-success):not(.fi-outlined):not(.fi-disabled):not([disabled]) { background-color: var(--color-600); color: #fff; } :root:not(.dark) :is(.fi-btn.fi-color-primary, .fi-btn.fi-color-success):not(.fi-outlined):not(.fi-disabled):not([disabled]):hover { background-color: var(--color-700); color: #fff; } :root:not(.dark) :is(.fi-btn.fi-color-primary, .fi-btn.fi-color-success):not(.fi-outlined):not(.fi-disabled):not([disabled]) .fi-icon { color: #fff; } .fi-section-header .fi-toggle { flex: 0 0 auto; } .fi-header > div:not(.fi-header-actions-ctn) { min-width: 0; } .fi-header-heading, .fi-breadcrumbs-item-label { overflow-wrap: break-word; } .fi-breadcrumbs-item, .fi-breadcrumbs-item-label { min-width: 0; } .rnv-money-input { min-width: 110px; } .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0} .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0} .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .rnv-chip { display: inline-flex; align-items: center; gap: .3rem; padding: .125rem .5rem; border-radius: .375rem; font-size: .6875rem; font-weight: 600; } .rnv-chip--ok { background: color-mix(in srgb, var(--rnv-brand) 12%, transparent); color: var(--rnv-brand, #059669); } .dark .rnv-chip--ok { background: color-mix(in srgb, var(--rnv-brand-dark) 15%, transparent); color: var(--rnv-brand-dark, #34d399); } .rnv-chip--ko { background: rgba(220,38,38,.12); color: #dc2626; } .dark .rnv-chip--ko { background: rgba(248,113,113,.15); color: #f87171; } .rnv-chip--muted { background: rgba(107,114,128,.1); color: #4b5563; } .dark .rnv-chip--muted { background: rgba(156,163,175,.12); color: #9ca3af; } .rnv-chip--accent { background: color-mix(in srgb, var(--rnv-brand) 12%, transparent); color: var(--rnv-brand, #059669); } .dark .rnv-chip--accent { background: color-mix(in srgb, var(--rnv-brand-dark) 15%, transparent); color: var(--rnv-brand-dark, #34d399); } .rnv-name-dotted { display: inline-flex; align-items: center; gap: .45rem; } .rnv-color-opt { display: inline-flex; align-items: center; gap: .5rem; } .rnv-color-dot { display: inline-block; flex: none; width: .6rem; height: .6rem; border-radius: var(--rnv-radius-pill); box-shadow: 0 0 0 1px rgba(0, 0, 0, .18); } .dark .rnv-color-dot { box-shadow: 0 0 0 1px rgba(255, 255, 255, .35); } .rnv-status-pill { display: inline-flex; align-items: center; align-self: center; margin-right: .5rem; padding: .2rem .55rem; border-radius: var(--rnv-radius-pill); font-size: .72rem; font-weight: 700; line-height: 1.1; letter-spacing: .01em; white-space: nowrap; color: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06); } .rnv-status-pill[tabindex]:focus-visible { outline: 2px solid var(--rnv-brand, #059669); outline-offset: 2px; } .dark .rnv-status-pill[tabindex]:focus-visible { outline-color: var(--rnv-brand-dark, #34d399); } .rnv-status-pill--gray { background: #4b5563; } .rnv-status-pill--success { background: #15803d; } .rnv-status-pill--warning { background: #b45309; } .rnv-status-pill--info { background: #1d4ed8; } .rnv-status-pill--primary { background: var(--primary-700, #047857); } .rnv-eur-field-wrap { display: flex; align-items: flex-end; height: 100%; min-height: 2.5rem; } .rnv-eur-switch { width: 2.5rem; height: 2.5rem; flex: none; border-radius: var(--rnv-radius-pill); border: 1.5px solid var(--rnv-brand); background: var(--rnv-brand); color: #fff; font-weight: 700; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: all .12s; } .rnv-eur-switch:hover { filter: brightness(1.08); } .rnv-eur-switch.rnv-eur-off, .rnv-eur-switch:has(.rnv-eur-field__input:not(:checked)) { background: transparent; color: #9ca3af; border-color: #9ca3af; } .rnv-eur-field__input { position: absolute; opacity: 0; width: 1px; height: 1px; } .rnv-eur-switch:has(.rnv-eur-field__input:focus-visible) { outline: 2px solid var(--rnv-brand); outline-offset: 2px; } .dark .rnv-eur-switch:has(.rnv-eur-field__input:focus-visible) { outline-color: var(--rnv-brand-dark); } .rnv-picker { position: relative; flex: 3; min-width: 0; } .rnv-picker-btn { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .55rem .8rem; border-radius: .5rem; border: 1px solid rgba(0,0,0,.15); background: #fff; font-size: .9rem; cursor: pointer; color: inherit; } .dark .rnv-picker-btn { background: rgb(24 24 27); border-color: rgba(255,255,255,.15); color: #e5e7eb; } .rnv-picker-btn > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rnv-picker-ph { color: #9ca3af; } .rnv-picker-caret { width: 1.05rem; height: 1.05rem; flex: none; color: #9ca3af; transition: transform .12s; } .rnv-picker-menu { position: absolute; z-index: 30; top: calc(100% + .3rem); left: 0; right: 0; max-height: 22rem; overflow-y: auto; background: #fff; border: 1px solid rgba(0,0,0,.12); border-radius: .6rem; box-shadow: 0 12px 34px rgba(0,0,0,.18); padding: .3rem; } .dark .rnv-picker-menu { background: rgb(30 30 33); border-color: rgba(255,255,255,.12); } .rnv-picker-client { font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #6b7280; padding: .55rem .6rem .25rem; } .dark .rnv-picker-client { color: #9ca3af; } .rnv-picker-company { display: flex; align-items: baseline; gap: .5rem; margin-top: .35rem; padding: .5rem .6rem .35rem; border-top: 2px solid rgba(0,0,0,.12); font-weight: 800; font-size: .82rem; color: var(--primary-700, #047857); } .dark .rnv-picker-company { color: var(--rnv-brand-dark, #34d399); border-color: rgba(255,255,255,.14); } .rnv-picker-company:first-child { border-top: none; margin-top: 0; } .rnv-picker-row { display: flex; align-items: center; } .rnv-picker-proj { flex: 1; min-width: 0; display: flex; align-items: center; gap: .45rem; padding: .45rem .6rem; border: none; background: none; cursor: pointer; font-size: .88rem; text-align: left; color: inherit; border-radius: .4rem; } .rnv-picker-proj:hover { background: color-mix(in srgb, var(--rnv-brand) 12%, transparent); } .rnv-picker-proj > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rnv-picker-toggle { border: none; background: none; cursor: pointer; padding: .3rem .5rem; display: inline-flex; flex: none; } .rnv-picker-toggle:hover { color: var(--rnv-brand, #059669); } .rnv-picker-tasks { padding-left: .3rem; } .rnv-picker-task { display: flex; align-items: center; gap: .45rem; width: 100%; text-align: left; padding: .4rem .6rem .4rem 1.9rem; border: none; background: none; cursor: pointer; font-size: .85rem; color: #4b5563; border-radius: .4rem; } .dark .rnv-picker-task { color: #b0b0b8; } .rnv-picker-task:hover { background: color-mix(in srgb, var(--rnv-brand) 12%, transparent); } .rnv-picker-empty { padding: 1rem .6rem; color: #6b7280; font-size: .85rem; } .rnv-picker-dot { width: .55rem; height: .55rem; border-radius: 999px; flex: none; } .rnv-picker-eur { margin-inline-start: auto; flex: none; font-weight: 700; font-size: .85rem; line-height: 1; padding: .15rem .4rem; border-radius: .35rem; color: #9ca3af; } .rnv-picker-eur--on { color: var(--rnv-brand, #059669); } .dark .rnv-picker-eur--on { color: var(--rnv-brand-dark, #34d399); } .rnv-picker-eur--click { cursor: pointer; } .rnv-picker-eur--click:hover { background: color-mix(in srgb, var(--rnv-brand) 18%, transparent); } .rnv-picker-eur--click:focus-visible { outline: 2px solid var(--rnv-brand, #059669); outline-offset: 1px; } .rnv-picker-search { width: 100%; padding: .45rem .6rem; margin-bottom: .3rem; border-radius: .45rem; border: 1px solid rgba(0,0,0,.12); background: transparent; font-size: .85rem; color: inherit; } .rnv-picker-search:focus-visible { outline: 2px solid var(--rnv-brand, #059669); outline-offset: 1px; } .dark .rnv-picker-search { border-color: rgba(255,255,255,.15); } .rnv-picker-check { width: 1rem; height: 1rem; flex: none; margin-inline-start: auto; color: var(--rnv-brand, #059669); } .dark .rnv-picker-check { color: var(--rnv-brand-dark, #34d399); } .rnv-picker-active { font-weight: 600; } .rnv-picker-new { position: sticky; bottom: -.3rem; display: flex; align-items: center; gap: .45rem; margin: .3rem -.3rem -.3rem; padding: .6rem .9rem; border-top: 1px solid rgba(0,0,0,.1); background: #fff; font-size: .85rem; font-weight: 600; color: var(--primary-700, #047857); text-decoration: none; } .rnv-picker-new:hover { background: color-mix(in srgb, var(--rnv-brand) 12%, transparent); } .dark .rnv-picker-new { background: rgb(30 30 33); color: var(--rnv-brand-dark, #34d399); border-color: rgba(255,255,255,.12); } .rnv-picker-new svg { width: 1rem; height: 1rem; flex: none; } .rnv-grp-total { font-variant-numeric: tabular-nums; font-weight: 600; min-width: 5rem; text-align: right; } .rnv-time-btn { background: none; border: none; padding: 0; color: inherit; font: inherit; cursor: pointer; border-radius: .25rem; } .rnv-time-btn:hover { color: var(--rnv-brand, #059669); text-decoration: underline; } .rnv-count { display: inline-flex; align-items: center; justify-content: center; min-width: 1.4rem; height: 1.4rem; padding: 0 .4rem; border: none; border-radius: 999px; background: rgba(107,114,128,.18); font-size: .72rem; font-weight: 700; color: #374151; flex: none; } .dark .rnv-count { color: #e5e7eb; } button.rnv-count { cursor: pointer; } .rnv-count-spacer { width: 1.4rem; flex: none; } @media (hover: none), (pointer: coarse) { button.rnv-count { min-width: 40px; min-height: 40px; } } .rnv-totals { display: flex; gap: 2rem; flex-wrap: nowrap; overflow-x: auto; padding: .9rem 1.1rem; background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: .75rem; } .rnv-totals > div { flex: none; white-space: nowrap; } .dark .rnv-totals { background: rgb(24 24 27); border-color: rgba(255,255,255,.1); } .rnv-totals--bare { padding: 0; background: none; border: none; border-radius: 0; } .rnv-total-label { font-size: .72rem; text-transform: uppercase; letter-spacing: .04em; color: #6b7280; } .dark .rnv-total-label { color: #9ca3af; } .rnv-total-hint { display: inline-flex; vertical-align: middle; margin-inline-start: .25rem; color: #9ca3af; cursor: help; border-radius: 9999px; } .rnv-total-hint svg { width: .85rem; height: .85rem; } .dark .rnv-total-hint { color: #6b7280; } .rnv-total-value { font-size: 1.35rem; font-weight: 700; font-variant-numeric: tabular-nums; } .rnv-total-delta { display: inline-block; margin-top: .3rem; cursor: help; } .rnv-green { color: #1D9E75; } .dark .rnv-green { color: var(--rnv-brand-dark, #34d399); } .rnv-gray { color: #6b7280; } .dark .rnv-gray { color: #9ca3af; } .rnv-blue { color: #0369a1; } .dark .rnv-blue { color: #38bdf8; } .rnv-danger { color: #dc2626; } .dark .rnv-danger { color: #f87171; } @media (max-width: 768px) { .rnv-totals { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .9rem; } .rnv-totals--bare { gap: .9rem 1.5rem; } } .rnv-totals-card { max-width: 26rem; width: 100%; margin-left: auto; padding: 1rem 1.25rem; background: rgba(107,114,128,.05); border: 1px solid rgba(0,0,0,.08); border-radius: .75rem; } .dark .rnv-totals-card { background: rgba(255,255,255,.03); border-color: rgba(255,255,255,.1); } .rnv-totals-card .fi-fo-field-has-inline-label { grid-template-columns: 9.5rem minmax(0, 1fr); align-items: center; column-gap: .75rem; } .rnv-totals-card .fi-fo-field-label-content { white-space: nowrap; } .rnv-totals-card .fi-fo-field-has-inline-label > .fi-fo-field-content-col { grid-column: auto; } .rnv-totals-card .fi-sc-component:has(.rnv-grand-total) { border-top: 1px solid rgba(0,0,0,.1); padding-top: .65rem; margin-top: .25rem; } .dark .rnv-totals-card .fi-sc-component:has(.rnv-grand-total) { border-color: rgba(255,255,255,.12); } .rnv-totals-card .fi-sc-actions { margin-top: .75rem; } .rnv-totals-card .rnv-cta-duo .fi-ac.fi-width-full { grid-template-columns: 1fr 1fr; } @media (max-width: 480px) { .rnv-totals-card .rnv-cta-duo .fi-ac.fi-width-full { grid-template-columns: 1fr; } } .rnv-dash-grid { --val-positive: #1D9E75; --val-negative: #dc2626; --val-warning: #b45309; --val-neutral: #374151; --val-margin: #0369a1; } .dark .rnv-dash-grid { --val-positive: var(--rnv-brand-dark, #34d399); --val-negative: #f87171; --val-warning: #fbbf24; --val-neutral: #e5e7eb; --val-margin: #38bdf8; } .rnv-dash-grid { display: flex; flex-wrap: wrap; row-gap: 1.5rem; column-gap: 1rem; align-items: stretch; padding-top: 1.75rem; } .rnv-dash-item { display: flex; min-width: 0; position: relative; } .rnv-dash-item > .rnv-dash-card { width: 100%; } .rnv-size-sm { flex: 1 1 calc(33.333% - 0.667rem); max-width: calc(33.333% - 0.667rem); } .rnv-size-md { flex: 1 1 calc(66.667% - 0.334rem); max-width: calc(66.667% - 0.334rem); } .rnv-size-lg { flex: 1 1 100%; max-width: 100%; } @media (max-width: 1024px) { .rnv-size-sm { flex-basis: calc(50% - 0.5rem); max-width: calc(50% - 0.5rem); } .rnv-size-md, .rnv-size-lg { flex-basis: 100%; max-width: 100%; } } @media (max-width: 640px) { .rnv-size-sm, .rnv-size-md, .rnv-size-lg { flex-basis: 100%; max-width: 100%; } } @media (max-width: 768px) { .rnv-dash-grid { row-gap: 2rem; } } .rnv-dash-card { background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: .75rem; padding: .9rem 1rem; display: flex; flex-direction: column; height: 100%; } .dark .rnv-dash-card { background: rgb(24 24 27); border-color: rgba(255,255,255,.1); } .rnv-dash-bare, .dark .rnv-dash-bare { background: transparent; border: none; padding: 0; } .rnv-dash-head { display: flex; align-items: center; gap: .5rem; margin-bottom: .6rem; } .rnv-dash-head--bare { position: absolute; top: -1.35rem; inset-inline: 0; min-height: 0; margin: 0; z-index: 2; pointer-events: none; } .rnv-dash-head--bare > * { pointer-events: auto; } .rnv-dash-title { font-weight: 600; font-size: .875rem; color: #374151; } .dark .rnv-dash-title { color: #e5e7eb; } .rnv-dash-body { flex: 1; } .rnv-dash-cat { display: inline-flex; align-items: center; gap: .3rem; font-size: .68rem; color: #6b7280; white-space: nowrap; } .dark .rnv-dash-cat { color: #b0b0b8; } .rnv-dash-cat i { width: .45rem; height: .45rem; border-radius: 999px; display: inline-block; } .rnv-metric { display: flex; align-items: center; gap: .6rem; margin-top: .55rem; } .rnv-delta { font-size: .72rem; font-weight: 600; padding: .1rem .5rem; border-radius: 999px; white-space: nowrap; } .rnv-delta-good { color: #1D9E75; background: rgba(29,158,117,.12); } .dark .rnv-delta-good { color: var(--rnv-brand-dark, #34d399); } .rnv-delta-bad { color: #D85A30; background: rgba(216,90,48,.12); } .dark .rnv-delta-bad { color: #f87171; } .rnv-delta-flat { color: #6b7280; background: rgba(107,114,128,.12); } .dark .rnv-delta-flat { color: #9ca3af; } .rnv-delta-none { color: #9ca3af; background: rgba(107,114,128,.08); } .dark .rnv-delta-none { color: #9ca3af; background: rgba(255,255,255,.06); } .rnv-delta-hint { font-size: .68rem; color: #6b7280; font-style: italic; } .dark .rnv-delta-hint { color: #b0b0b8; } .rnv-spark { flex: 1; min-width: 0; max-width: 9rem; height: 30px; margin-inline-start: auto; display: block; } .rnv-dash-handle { margin-inline-start: auto; cursor: grab; color: #9ca3af; display: inline-flex; background: none; border: none; padding: .15rem; } .rnv-dash-handle:active { cursor: grabbing; } .rnv-dash-close { cursor: pointer; color: #9ca3af; display: inline-flex; background: none; border: none; padding: .15rem; } .rnv-dash-close:hover { color: #dc2626; } .rnv-dash-handle, .rnv-dash-close { opacity: 0; transition: opacity .15s; } .rnv-whost:hover .rnv-dash-handle, .rnv-whost:hover .rnv-dash-close, .rnv-dash-handle:focus-visible, .rnv-dash-close:focus-visible { opacity: 1; } @media (hover: none), (max-width: 1023.98px) { .rnv-dash-handle, .rnv-dash-close { opacity: 1; } } .rnv-dash-item.sortable-ghost { opacity: .4; } @media (hover: none), (pointer: coarse), (max-width: 1023.98px) { .rnv-dash-handle, .rnv-dash-close { min-width: 40px; min-height: 40px; align-items: center; justify-content: center; } .rnv-dash-card .fi-ac-link-action { display: inline-flex; align-items: center; min-height: 40px; padding-block: .3rem; } } .rnv-dash-close:focus-visible, .rnv-dash-handle:focus-visible, .rnv-kpi-link:focus-visible { outline: 2px solid var(--rnv-brand, #059669); outline-offset: 2px; border-radius: .25rem; } .dark .rnv-dash-close:focus-visible, .dark .rnv-dash-handle:focus-visible, .dark .rnv-kpi-link:focus-visible { outline-color: var(--rnv-brand-dark, #34d399); } .rnv-widget-picker { column-count: auto !important; column-width: auto !important; max-height: min(50vh, 24rem); overflow-y: auto; padding: .25rem; } .rnv-kpi-value { font-size: 1.7rem; font-weight: 700; line-height: 1.2; } .rnv-kpi-line { font-size: .8rem; color: #6b7280; margin-top: .15rem; } .dark .rnv-kpi-line { color: #b0b0b8; } .rnv-kpi-link { display: block; width: 100%; text-align: start; cursor: pointer; background: none; border: none; padding: 0; } .rnv-kpi-link:hover .rnv-kpi-value { text-decoration: underline; } .rnv-tone-success { color: var(--val-positive); } .rnv-tone-danger { color: var(--val-negative); } .rnv-tone-warning { color: var(--val-warning); } .rnv-tone-info { color: var(--val-margin); } .rnv-tone-gray { color: var(--val-neutral); } .rnv-rows { display: flex; flex-direction: column; } .rnv-rows-tight { margin-top: .5rem; } .rnv-row { display: flex; align-items: baseline; gap: .5rem; padding: .35rem 0; border-top: 1px solid rgba(0,0,0,.05); font-size: .875rem; } .dark .rnv-row { border-top-color: rgba(255,255,255,.08); } .rnv-row:first-child { border-top: none; } .rnv-row-dot { width: .6rem; height: .6rem; border-radius: 999px; flex: none; align-self: flex-start; margin-top: .35rem; border: 1px solid rgba(0,0,0,.15); } .rnv-row-label { color: #374151; min-width: 0; } .dark .rnv-row-label { color: #e5e7eb; } .rnv-row-link { width: 100%; background: none; border: none; border-top: 1px solid rgba(0,0,0,.05); cursor: pointer; font: inherit; color: inherit; text-align: start; text-decoration: none; } .dark .rnv-row-link { border-top-color: rgba(255,255,255,.08); } .rnv-rows .rnv-row-link:first-child { border-top: none; } .rnv-row-link:hover .rnv-row-label { text-decoration: underline; } .rnv-row-link:focus-visible { outline: 2px solid var(--rnv-brand, #059669); outline-offset: -2px; border-radius: .25rem; } .dark .rnv-row-link:focus-visible { outline-color: var(--rnv-brand-dark, #34d399); } .rnv-row-meta { color: #6b7280; font-size: .75rem; margin-inline-start: .3rem; } .dark .rnv-row-meta { color: #b0b0b8; } .rnv-row-values { margin-inline-start: auto; text-align: end; white-space: nowrap; } .rnv-row-value { font-weight: 600; color: #374151; } .dark .rnv-row-value { color: #e5e7eb; } .rnv-row-sub { display: block; font-size: .75rem; color: #6b7280; } .dark .rnv-row-sub { color: #b0b0b8; } .rnv-row--total .rnv-row-label, .rnv-row--total .rnv-row-value { font-weight: 700; } .rnv-row--detail { padding-inline-start: .9rem; } .rnv-row--detail + .rnv-row--detail { border-top-style: dashed; } .rnv-row--total + .rnv-row--detail, .rnv-rows > .rnv-row--detail:first-of-type { margin-top: .3rem; padding-top: .55rem; border-top: 1px solid rgba(0,0,0,.1); } .dark .rnv-row--total + .rnv-row--detail, .dark .rnv-rows > .rnv-row--detail:first-of-type { border-top-color: rgba(255,255,255,.12); } .rnv-cmp { display: inline-flex; align-items: center; gap: .4rem; flex-wrap: wrap; } .rnv-cmp-label { font-size: .72rem; font-weight: 600; color: #9ca3af; text-transform: none; letter-spacing: 0; } .dark .rnv-cmp-label { color: #8b8b93; } .rnv-cmp-select { font-size: .75rem; padding: .2rem 1.4rem .2rem .5rem; color: #4b5563; border: 1px solid rgba(107,114,128,.3); border-radius: .5rem; background: transparent; cursor: pointer; -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%239ca3af'%3e%3cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.17l3.71-3.94a.75.75 0 1 1 1.08 1.04l-4.25 4.5a.75.75 0 0 1-1.08 0l-4.25-4.5a.75.75 0 0 1 .02-1.06z' clip-rule='evenodd'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .35rem center; background-size: 1rem 1rem; } .dark .rnv-cmp-select { color: #d1d5db; } .rnv-cmp-date { font-size: .75rem; padding: .2rem .45rem; color: #4b5563; border: 1px solid rgba(107,114,128,.3); border-radius: .5rem; background: transparent; } .dark .rnv-cmp-date { color: #d1d5db; } .rnv-cmp-sep { color: #9ca3af; font-size: .75rem; } .rnv-cmp-select:focus-visible, .rnv-cmp-date:focus-visible { outline: 2px solid var(--rnv-brand, #059669); outline-offset: 2px; } .dark .rnv-cmp-select:focus-visible, .dark .rnv-cmp-date:focus-visible { outline-color: var(--rnv-brand-dark, #34d399); } .rnv-drp { position: relative; display: inline-flex; } .rnv-drp-trigger { display: inline-flex; align-items: center; gap: .45rem; min-height: 2.5rem; padding: .45rem .8rem; font-size: .85rem; font-weight: 500; color: #374151; background: #fff; border: 1px solid rgba(0, 0, 0, .14); border-radius: 999px; cursor: pointer; white-space: nowrap; } .rnv-drp-trigger:hover { background: rgba(0, 0, 0, .03); } .dark .rnv-drp-trigger { color: #e5e7eb; background: rgb(24 24 27); border-color: rgba(255, 255, 255, .15); } .dark .rnv-drp-trigger:hover { background: rgba(255, 255, 255, .05); } .rnv-drp-trigger[aria-expanded="true"] { border-color: var(--rnv-brand, #059669); color: var(--primary-700, #047857); background: color-mix(in srgb, var(--rnv-brand) 7%, transparent); } .dark .rnv-drp-trigger[aria-expanded="true"] { border-color: var(--rnv-brand-dark, #34d399); color: var(--rnv-brand-dark, #34d399); background: color-mix(in srgb, var(--rnv-brand-dark) 8%, transparent); } .rnv-drp-cal-icon { width: 1.05rem; height: 1.05rem; color: #6b7280; flex: none; } .dark .rnv-drp-cal-icon { color: #9ca3af; } .rnv-drp-caret { width: .95rem; height: .95rem; color: #9ca3af; flex: none; } .rnv-drp-trigger-text { max-width: min(19rem, 62vw); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rnv-drp-pop { position: absolute; z-index: 40; top: calc(100% + .4rem); background: #fff; border: 1px solid rgba(0, 0, 0, .12); border-radius: .75rem; box-shadow: 0 16px 44px rgba(0, 0, 0, .18); padding: .6rem; display: flex; flex-direction: column; gap: .5rem; max-width: calc(100vw - 2rem); } .rnv-drp--start .rnv-drp-pop { left: 0; } .rnv-drp--end .rnv-drp-pop { right: 0; } .dark .rnv-drp-pop { background: rgb(30 30 33); border-color: rgba(255, 255, 255, .12); } .rnv-drp-main { display: flex; gap: .6rem; align-items: stretch; } .rnv-drp-presets { display: flex; flex-direction: column; gap: .1rem; min-width: 10.5rem; padding-inline-end: .6rem; border-inline-end: 1px solid rgba(0, 0, 0, .08); } .dark .rnv-drp-presets { border-inline-end-color: rgba(255, 255, 255, .08); } .rnv-drp-preset { display: block; width: 100%; text-align: left; min-height: 2.25rem; padding: .45rem .65rem; font-size: .82rem; font-weight: 500; color: #374151; background: none; border: none; border-radius: .5rem; cursor: pointer; } .dark .rnv-drp-preset { color: #d1d5db; } .rnv-drp-preset:hover { background: color-mix(in srgb, var(--rnv-brand) 8%, transparent); color: var(--primary-700, #047857); } .dark .rnv-drp-preset:hover { background: color-mix(in srgb, var(--rnv-brand-dark) 10%, transparent); color: var(--rnv-brand-dark, #34d399); } .rnv-drp-preset--on { background: color-mix(in srgb, var(--rnv-brand) 10%, transparent); color: var(--primary-700, #047857); font-weight: 600; } .dark .rnv-drp-preset--on { background: color-mix(in srgb, var(--rnv-brand-dark) 14%, transparent); color: var(--rnv-brand-dark, #34d399); } .rnv-drp-cal-side { display: flex; flex-direction: column; gap: .5rem; } .rnv-drp-input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .rnv-drp-cal { min-height: 1rem; } .rnv-drp-compare { display: flex; align-items: center; gap: .55rem; flex-wrap: wrap; padding: .55rem .2rem .2rem; border-top: 1px solid rgba(0, 0, 0, .08); } .dark .rnv-drp-compare { border-top-color: rgba(255, 255, 255, .08); } .rnv-drp-toggle { display: inline-flex; align-items: center; gap: .5rem; cursor: pointer; font-size: .82rem; font-weight: 600; color: #374151; min-height: 2.5rem; } .dark .rnv-drp-toggle { color: #e5e7eb; } .rnv-drp-toggle-input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .rnv-drp-toggle-track { position: relative; width: 2.15rem; height: 1.2rem; flex: none; border-radius: 999px; background: rgba(107, 114, 128, .35); transition: background .15s; } .dark .rnv-drp-toggle-track { background: rgba(255, 255, 255, .22); } .rnv-drp-toggle-thumb { position: absolute; top: 2px; left: 2px; width: calc(1.2rem - 4px); height: calc(1.2rem - 4px); border-radius: 999px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); transition: transform .15s; } .rnv-drp-toggle-input:checked + .rnv-drp-toggle-track { background: var(--rnv-brand, #059669); } .dark .rnv-drp-toggle-input:checked + .rnv-drp-toggle-track { background: var(--rnv-brand, #059669); } .rnv-drp-toggle-input:checked + .rnv-drp-toggle-track .rnv-drp-toggle-thumb { transform: translateX(.95rem); } .rnv-drp-toggle-input:focus-visible + .rnv-drp-toggle-track { outline: 2px solid var(--rnv-brand, #059669); outline-offset: 2px; } .dark .rnv-drp-toggle-input:focus-visible + .rnv-drp-toggle-track { outline-color: var(--rnv-brand-dark, #34d399); } .rnv-drp-cmp-select { font-size: .78rem; padding: .28rem 1.5rem .28rem .55rem; color: #4b5563; border: 1px solid rgba(0, 0, 0, .14); border-radius: .5rem; background: transparent; cursor: pointer; -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%239ca3af'%3e%3cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.17l3.71-3.94a.75.75 0 1 1 1.08 1.04l-4.25 4.5a.75.75 0 0 1-1.08 0l-4.25-4.5a.75.75 0 0 1 .02-1.06z' clip-rule='evenodd'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .4rem center; background-size: 1rem 1rem; } .dark .rnv-drp-cmp-select { color: #d1d5db; border-color: rgba(255, 255, 255, .18); } .rnv-drp-cmp-dates { display: inline-flex; align-items: center; gap: .35rem; flex-wrap: wrap; } .rnv-drp-cmp-date { font-size: .78rem; padding: .28rem .45rem; color: #4b5563; border: 1px solid rgba(0, 0, 0, .14); border-radius: .5rem; background: transparent; } .dark .rnv-drp-cmp-date { color: #d1d5db; border-color: rgba(255, 255, 255, .18); } .rnv-drp-cmp-sep { color: #9ca3af; font-size: .78rem; } .rnv-drp-cmp-note { font-size: .74rem; color: #9ca3af; } .rnv-drp-foot { display: flex; justify-content: flex-end; gap: .5rem; padding-top: .5rem; border-top: 1px solid rgba(0, 0, 0, .08); } .dark .rnv-drp-foot { border-top-color: rgba(255, 255, 255, .08); } .rnv-drp-btn { min-height: 2.25rem; padding: .45rem 1rem; font-size: .82rem; font-weight: 600; border-radius: .55rem; cursor: pointer; border: 1px solid transparent; } .rnv-drp-btn--ghost { background: transparent; color: #4b5563; border-color: rgba(0, 0, 0, .14); } .rnv-drp-btn--ghost:hover { background: rgba(0, 0, 0, .04); } .dark .rnv-drp-btn--ghost { color: #d1d5db; border-color: rgba(255, 255, 255, .18); } .dark .rnv-drp-btn--ghost:hover { background: rgba(255, 255, 255, .06); } .rnv-drp-btn--primary { background: var(--rnv-brand, #059669); color: #fff; } .rnv-drp-btn--primary:hover { filter: brightness(1.06); } .dark .rnv-drp-btn--primary { background: var(--rnv-brand, #059669); } .rnv-drp .flatpickr-calendar { background: transparent; box-shadow: none; border: none; font-family: inherit; width: auto; padding: 0; margin: 0; } .rnv-drp .flatpickr-calendar.inline { top: 0; } .rnv-drp .flatpickr-calendar.hasWeeks .flatpickr-days, .rnv-drp .flatpickr-days { width: auto; } .rnv-drp .flatpickr-months { align-items: center; padding: .15rem 0 .35rem; } .rnv-drp .flatpickr-month { color: #374151; height: 2.1rem; } .dark .rnv-drp .flatpickr-month { color: #e5e7eb; } .rnv-drp .flatpickr-current-month { font-size: .9rem; padding-top: .35rem; } .rnv-drp .flatpickr-current-month .flatpickr-monthDropdown-months, .rnv-drp .flatpickr-current-month input.cur-year { font-weight: 600; color: inherit; } .rnv-drp .flatpickr-current-month .flatpickr-monthDropdown-months { background: transparent; } .rnv-drp .flatpickr-weekdays { padding: 0 .1rem; } .rnv-drp span.flatpickr-weekday { color: #9ca3af; font-weight: 600; font-size: .68rem; } .dark .rnv-drp span.flatpickr-weekday { color: #8b8b93; } .rnv-drp .flatpickr-prev-month, .rnv-drp .flatpickr-next-month { fill: #6b7280; padding: .4rem .6rem; } .rnv-drp .flatpickr-prev-month svg, .rnv-drp .flatpickr-next-month svg { width: .8rem; height: .8rem; } .dark .rnv-drp .flatpickr-prev-month, .dark .rnv-drp .flatpickr-next-month { fill: #9ca3af; } .rnv-drp .flatpickr-prev-month:hover svg, .rnv-drp .flatpickr-next-month:hover svg { fill: var(--rnv-brand, #059669); } .dark .rnv-drp .flatpickr-prev-month:hover svg, .dark .rnv-drp .flatpickr-next-month:hover svg { fill: var(--rnv-brand-dark, #34d399); } .rnv-drp .flatpickr-day { color: #374151; border-radius: .5rem; height: 2.1rem; line-height: 2.1rem; max-width: none; border: none; font-size: .82rem; } .dark .rnv-drp .flatpickr-day { color: #e5e7eb; } .rnv-drp .flatpickr-day:hover { background: color-mix(in srgb, var(--rnv-brand) 10%, transparent); } .dark .rnv-drp .flatpickr-day:hover { background: color-mix(in srgb, var(--rnv-brand-dark) 12%, transparent); } .rnv-drp .flatpickr-day.prevMonthDay, .rnv-drp .flatpickr-day.nextMonthDay { color: #c4c9d0; } .dark .rnv-drp .flatpickr-day.prevMonthDay, .dark .rnv-drp .flatpickr-day.nextMonthDay { color: #5b5b63; } .rnv-drp .flatpickr-day.flatpickr-disabled { color: #d1d5db; } .dark .rnv-drp .flatpickr-day.flatpickr-disabled { color: #4b5563; } .rnv-drp .flatpickr-day.today { border: 1px solid color-mix(in srgb, var(--rnv-brand) 50%, transparent); } .dark .rnv-drp .flatpickr-day.today { border-color: color-mix(in srgb, var(--rnv-brand-dark) 50%, transparent); } .rnv-drp .flatpickr-day.today:hover { background: color-mix(in srgb, var(--rnv-brand) 10%, transparent); color: inherit; } .rnv-drp .flatpickr-day.inRange { background: color-mix(in srgb, var(--rnv-brand) 12%, transparent); box-shadow: none; border-radius: 0; } .dark .rnv-drp .flatpickr-day.inRange { background: color-mix(in srgb, var(--rnv-brand-dark) 14%, transparent); } .rnv-drp .flatpickr-day.selected, .rnv-drp .flatpickr-day.startRange, .rnv-drp .flatpickr-day.endRange { background: var(--rnv-brand, #059669); border-color: var(--rnv-brand, #059669); color: #fff; font-weight: 600; } .dark .rnv-drp .flatpickr-day.selected, .dark .rnv-drp .flatpickr-day.startRange, .dark .rnv-drp .flatpickr-day.endRange { background: var(--rnv-brand, #059669); border-color: var(--rnv-brand, #059669); } .rnv-drp .flatpickr-day.startRange { border-radius: .5rem 0 0 .5rem; } .rnv-drp .flatpickr-day.endRange { border-radius: 0 .5rem .5rem 0; } .rnv-drp .flatpickr-day.startRange.endRange { border-radius: .5rem; } .rnv-drp .flatpickr-day.startRange + .flatpickr-day.endRange:not(.rnv-drp-cmp) { box-shadow: none; } .rnv-drp .flatpickr-day.selected:hover, .rnv-drp .flatpickr-day.startRange:hover, .rnv-drp .flatpickr-day.endRange:hover { background: var(--primary-700, #047857); } .rnv-drp .flatpickr-day.rnv-drp-cmp { box-shadow: inset 0 -3px 0 #6366f1; } .dark .rnv-drp .flatpickr-day.rnv-drp-cmp { box-shadow: inset 0 -3px 0 #818cf8; } .rnv-drp .flatpickr-day.rnv-drp-cmp-start { border-top-left-radius: .5rem; } .rnv-drp .flatpickr-day.rnv-drp-cmp-end { border-top-right-radius: .5rem; } .rnv-drp .flatpickr-days { width: max-content !important; } .rnv-drp .flatpickr-calendar { width: max-content !important; } .rnv-drp .flatpickr-calendar.multiMonth .flatpickr-days, .rnv-drp .flatpickr-calendar.multiMonth .flatpickr-weekdays { column-gap: 1.75rem; } .rnv-drp .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) { position: relative; box-shadow: none; } .rnv-drp .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2)::before { content: ''; position: absolute; top: 0; bottom: 0; left: -0.875rem; width: 1px; background: rgba(0, 0, 0, .08); } .dark .rnv-drp .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2)::before { background: rgba(255, 255, 255, .1); } .rnv-drp .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1):not(.rnv-drp-cmp) { box-shadow: none; } @media (max-width: 640px) { .rnv-drp-pop { position: fixed; inset: auto 0 0 0; left: 0 !important; right: 0 !important; max-width: none; border-radius: 1rem 1rem 0 0; padding: 1rem 1rem 1.5rem; max-height: 88vh; overflow-y: auto; box-shadow: 0 -12px 40px rgba(0, 0, 0, .28); } .rnv-drp-main { flex-direction: column; } .rnv-drp-presets { flex-direction: row; flex-wrap: wrap; min-width: 0; padding-inline-end: 0; border-inline-end: none; padding-bottom: .5rem; border-bottom: 1px solid rgba(0, 0, 0, .08); } .dark .rnv-drp-presets { border-bottom-color: rgba(255, 255, 255, .08); } .rnv-drp-preset { width: auto; } .rnv-drp-cal { display: flex; justify-content: center; } } .rnv-fchip-bar { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; flex: 0 1 auto; min-width: 0; margin-inline-end: auto; } .fi-ta-header-toolbar:has(> .rnv-fchip-bar) { flex-wrap: wrap; row-gap: .625rem; justify-content: flex-start; } @media (max-width: 640px) { .rnv-fchip-bar { order: 2; flex-basis: 100%; margin-inline-end: 0; } } .rnv-fchip { display: inline-flex; align-items: center; gap: .25rem; max-width: 100%; padding: .1875rem .3125rem .1875rem .625rem; font-size: .8125rem; line-height: 1.25rem; font-weight: 500; color: var(--rnv-brand); background: color-mix(in srgb, var(--rnv-brand) 10%, transparent); border: 1px solid color-mix(in srgb, var(--rnv-brand) 30%, transparent); border-radius: var(--rnv-radius-pill); } .dark .rnv-fchip { color: var(--rnv-brand-dark); background: color-mix(in srgb, var(--rnv-brand-dark) 16%, transparent); border-color: color-mix(in srgb, var(--rnv-brand-dark) 34%, transparent); } .rnv-fchip__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rnv-fchip__x { display: inline-flex; align-items: center; justify-content: center; width: 1.25rem; height: 1.25rem; flex: none; border-radius: var(--rnv-radius-pill); color: inherit; opacity: .8; cursor: pointer; } .rnv-fchip__x:hover { opacity: 1; background: color-mix(in srgb, var(--rnv-brand) 22%, transparent); } .dark .rnv-fchip__x:hover { background: color-mix(in srgb, var(--rnv-brand-dark) 26%, transparent); } .rnv-fchip__x-icon { width: .875rem; height: .875rem; } .rnv-fchip-add { position: relative; } .rnv-fchip__add { display: inline-flex; align-items: center; gap: .3125rem; height: 1.75rem; padding: 0 .625rem 0 .5rem; font-size: .8125rem; font-weight: 500; color: #374151; background: transparent; border: 1px dashed var(--rnv-border); border-radius: var(--rnv-radius-pill); cursor: pointer; } .rnv-fchip__add:hover { background: rgba(0, 0, 0, .04); border-color: var(--rnv-brand); color: var(--rnv-brand); } .dark .rnv-fchip__add { color: #d1d5db; } .dark .rnv-fchip__add:hover { background: rgba(255, 255, 255, .06); border-color: var(--rnv-brand-dark); color: var(--rnv-brand-dark); } .rnv-fchip__add-icon { width: .875rem; height: .875rem; } .rnv-fchip-menu { position: absolute; top: calc(100% + .375rem); inset-inline-start: 0; z-index: 30; min-width: 14rem; max-width: min(20rem, 90vw); max-height: 20rem; overflow-y: auto; padding: .375rem; background: #fff; border: 1px solid var(--rnv-border); border-radius: var(--rnv-radius-control); box-shadow: 0 10px 25px -5px rgba(0, 0, 0, .18), 0 4px 10px -6px rgba(0, 0, 0, .12); } .dark .rnv-fchip-menu { background: rgb(24 24 27); border-color: var(--rnv-border); } .rnv-fchip-menu__group, .rnv-fchip-menu__opt { display: flex; align-items: center; justify-content: space-between; gap: .5rem; width: 100%; padding: .4375rem .5rem; font-size: .8125rem; text-align: start; color: #1f2937; border-radius: .375rem; cursor: pointer; } .dark .rnv-fchip-menu__group, .dark .rnv-fchip-menu__opt { color: #e5e7eb; } .rnv-fchip-menu__group { font-weight: 500; } .rnv-fchip-menu__hint { display: block; font-size: .68rem; font-weight: 400; color: #9ca3af; margin-top: .05rem; } .dark .rnv-fchip-menu__hint { color: #8b8b93; } .rnv-fchip-menu__group:hover, .rnv-fchip-menu__opt:hover { background: rgba(0, 0, 0, .05); } .dark .rnv-fchip-menu__group:hover, .dark .rnv-fchip-menu__opt:hover { background: rgba(255, 255, 255, .07); } .rnv-fchip-menu__opts { padding-inline-start: .375rem; } .rnv-fchip-menu__opts .rnv-fchip-menu__opt { padding-inline-start: 1rem; } .rnv-fchip-menu__opt--on { color: var(--rnv-brand); font-weight: 500; } .dark .rnv-fchip-menu__opt--on { color: var(--rnv-brand-dark); } .rnv-fchip-menu__opt--group { font-weight: 500; } .rnv-fchip-menu__opt--group + .rnv-fchip-menu__opt:not(.rnv-fchip-menu__opt--group) { border-top: 1px solid var(--rnv-border); margin-top: .15rem; padding-top: .3rem; } .rnv-fchip-menu__check { color: var(--rnv-brand); font-weight: 700; } .dark .rnv-fchip-menu__check { color: var(--rnv-brand-dark); } .rnv-fchip-menu__chev { width: .875rem; height: .875rem; opacity: .6; transition: transform .15s ease; flex: none; } .rnv-fchip-menu__chev--open { transform: rotate(180deg); } .rnv-fchip-menu__empty { display: block; padding: .5rem; font-size: .8125rem; color: #6b7280; } .rnv-fchip-menu__custom { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .5rem; padding: .5rem .625rem .375rem; margin-top: .125rem; border-top: 1px solid var(--rnv-border); } .rnv-fchip-menu__custom-field { display: flex; flex-direction: column; gap: .1875rem; font-size: .75rem; color: #6b7280; } .dark .rnv-fchip-menu__custom-field { color: #9ca3af; } .rnv-fchip-menu__custom-field .rnv-drp-cmp-date { min-height: 2.5rem; padding: .5rem .55rem; } .rnv-fchip-menu__custom-apply { align-self: flex-end; width: 100%; min-height: 2.5rem; } .rnv-fchip__clear { height: 1.75rem; padding: 0 .5rem; font-size: .8125rem; font-weight: 500; color: var(--rnv-danger); background: transparent; border-radius: var(--rnv-radius-control); cursor: pointer; } .rnv-fchip__clear:hover { background: color-mix(in srgb, var(--rnv-danger) 10%, transparent); } .rnv-fchip__x:focus-visible, .rnv-fchip__add:focus-visible, .rnv-fchip__clear:focus-visible, .rnv-fchip-menu__group:focus-visible, .rnv-fchip-menu__opt:focus-visible { outline: 2px solid var(--rnv-brand); outline-offset: 1px; } .dark .rnv-fchip__x:focus-visible, .dark .rnv-fchip__add:focus-visible, .dark .rnv-fchip__clear:focus-visible, .dark .rnv-fchip-menu__group:focus-visible, .dark .rnv-fchip-menu__opt:focus-visible { outline-color: var(--rnv-brand-dark); } .fi-ta-header-toolbar:has(> .rnv-fchip-bar) .fi-ta-filters-dropdown { display: none; } @media (hover: none), (pointer: coarse) { .rnv-fchip__x { position: relative; } .rnv-fchip__x::before { content: ""; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; transform: translate(-50%, -50%); } } .rnv-strip-wrap { position: relative; } .rnv-strip-tools { position: absolute; top: 0; inset-inline-end: 0; z-index: 3; display: flex; justify-content: flex-end; gap: .15rem; padding-top: .45rem; padding-inline-end: .5rem; pointer-events: none; } .rnv-strip-tools > * { pointer-events: auto; } .rnv-strip-empty { font-size: .8rem; color: #6b7280; padding: .5rem 4rem .5rem .25rem; margin: 0; } .dark .rnv-strip-empty { color: #9ca3af; } .rnv-strip { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 0; overflow-x: auto; max-width: 100%; padding: .3rem 4rem .3rem .25rem; border-bottom: 1px solid var(--rnv-border, rgba(0, 0, 0, .08)); } .dark .rnv-strip { border-bottom-color: rgba(255, 255, 255, .1); } .rnv-strip-cell { position: relative; display: flex; flex-direction: column; justify-content: flex-start; gap: .1rem; flex: none; padding: .35rem 1.15rem; white-space: nowrap; text-align: start; } .rnv-strip-cell + .rnv-strip-cell::before { content: ""; position: absolute; inset-inline-start: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 2.1rem; background: rgba(0, 0, 0, .08); } .dark .rnv-strip-cell + .rnv-strip-cell::before { background: rgba(255, 255, 255, .1); } .rnv-strip-cell + .rnv-strip-cell--btn::before { inset-inline-start: -.35rem; } .rnv-strip-label { font-size: .68rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: #6b7280; } .dark .rnv-strip-label { color: #9ca3af; } .rnv-strip-val { font-size: 1.2rem; font-weight: 700; line-height: 1.15; font-variant-numeric: tabular-nums; color: #374151; } .dark .rnv-strip-val { color: #e5e7eb; } .rnv-strip-val--green { color: #1D9E75; } .dark .rnv-strip-val--green { color: var(--rnv-brand-dark, #34d399); } .rnv-strip-val--gray { color: #6b7280; } .dark .rnv-strip-val--gray { color: #9ca3af; } .rnv-strip-val--blue { color: #0369a1; } .dark .rnv-strip-val--blue { color: #38bdf8; } .rnv-strip-val--danger { color: #dc2626; } .dark .rnv-strip-val--danger { color: #f87171; } .rnv-strip-val--warn { color: #b45309; } .dark .rnv-strip-val--warn { color: #fbbf24; } .rnv-strip-sub { font-size: .68rem; line-height: 1.25; min-height: 1em; color: #6b7280; } .dark .rnv-strip-sub { color: #9ca3af; } .rnv-strip-seg { color: inherit; text-decoration: none; border-radius: 3px; } a.rnv-strip-seg:hover { text-decoration: underline; } a.rnv-strip-seg:focus-visible { outline: 2px solid var(--rnv-brand, #059669); outline-offset: 2px; text-decoration: underline; } .dark a.rnv-strip-seg:focus-visible { outline-color: var(--rnv-brand-dark, #34d399); } .rnv-strip-seg--static { cursor: default; } .rnv-strip-sep { color: #d1d5db; } .dark .rnv-strip-sep { color: #4b5563; } .rnv-strip-cell--btn { border: none; background: none; font: inherit; cursor: pointer; min-height: 40px; margin-inline: .35rem; padding-inline: .8rem; border-radius: var(--rnv-radius-control, .5rem); transition: background-color .15s ease; } .rnv-strip-cell--btn:hover { background: rgba(0, 0, 0, .04); } .dark .rnv-strip-cell--btn:hover { background: rgba(255, 255, 255, .06); } .rnv-strip-cell--btn:hover .rnv-strip-label { text-decoration: underline; } .rnv-strip-cell--btn:focus-visible { outline: 2px solid var(--rnv-brand, #059669); outline-offset: -2px; background: rgba(0, 0, 0, .03); } .dark .rnv-strip-cell--btn:focus-visible { outline-color: var(--rnv-brand-dark, #34d399); background: rgba(255, 255, 255, .04); } .rnv-strip { --rnv-strip-active-bg: color-mix(in srgb, var(--rnv-brand) 10%, transparent); } .dark .rnv-strip { --rnv-strip-active-bg: color-mix(in srgb, var(--rnv-brand-dark) 14%, transparent); } .rnv-strip-cell--btn.rnv-strip-cell--active, .rnv-strip-cell--btn.rnv-strip-cell--active:hover { background-color: var(--rnv-strip-active-bg); } .rnv-strip-cell--active .rnv-strip-label { color: var(--rnv-brand, #059669); text-decoration: underline; text-underline-offset: 2px; } .dark .rnv-strip-cell--active .rnv-strip-label { color: var(--rnv-brand-dark, #34d399); } .rnv-strip-cell--active::after { content: ""; position: absolute; inset-inline: .5rem; bottom: 2px; height: 2px; border-radius: 2px; background: var(--rnv-brand, #059669); } .dark .rnv-strip-cell--active::after { background: var(--rnv-brand-dark, #34d399); } .rnv-strip-cell--group-start { margin-inline-start: .55rem; } .rnv-strip-cell + .rnv-strip-cell.rnv-strip-cell--group-start::before { width: 2px; height: 2.6rem; background: rgba(0, 0, 0, .14); } .dark .rnv-strip-cell + .rnv-strip-cell.rnv-strip-cell--group-start::before { background: rgba(255, 255, 255, .16); } .rnv-window { display: inline-flex; border: 1px solid rgba(107, 114, 128, .3); border-radius: 999px; overflow: hidden; } .rnv-window button { font-size: .62rem; padding: .12rem .42rem; color: #6b7280; background: none; border: none; cursor: pointer; line-height: 1.3; font-variant-numeric: tabular-nums; } .rnv-window button + button { border-inline-start: 1px solid rgba(107, 114, 128, .2); } .rnv-window button:hover { background: rgba(107, 114, 128, .12); } .rnv-window button.rnv-window-active { background: color-mix(in srgb, var(--rnv-brand) 14%, transparent); color: var(--rnv-brand, #059669); font-weight: 700; } .dark .rnv-window button { color: #9ca3af; } .dark .rnv-window button.rnv-window-active { background: color-mix(in srgb, var(--rnv-brand-dark) 18%, transparent); color: var(--rnv-brand-dark, #34d399); } .rnv-window button:focus-visible { outline: 2px solid var(--rnv-brand, #059669); outline-offset: 1px; } .dark .rnv-window button:focus-visible { outline-color: var(--rnv-brand-dark, #34d399); } @media (hover: none), (pointer: coarse), (max-width: 1023.98px) { .rnv-window button { min-height: 40px; padding-inline: .55rem; display: inline-flex; align-items: center; justify-content: center; } } @media (max-width: 640px) { .rnv-strip-tools { position: static; padding-block: .5rem .35rem; padding-inline-end: .5rem; } .rnv-strip { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .35rem .5rem; overflow-x: visible; padding: .5rem .25rem; } .rnv-strip--dash { grid-template-columns: 1fr; } .rnv-strip-cell { padding: .4rem .65rem; } .rnv-strip-cell + .rnv-strip-cell::before { display: none; } .rnv-strip-cell--group-start { margin-inline-start: 0; } .rnv-strip-cell--btn { margin-inline: 0; } } .rnv-sort { position: relative; display: inline-flex; flex: none; } .rnv-sort__trigger { display: inline-flex; align-items: center; gap: .375rem; height: 2.25rem; padding: 0 .625rem; font-size: .8125rem; font-weight: 500; color: #374151; background: transparent; border: 1px solid var(--rnv-border); border-radius: var(--rnv-radius-control); cursor: pointer; white-space: nowrap; } .rnv-sort__trigger:hover { background: rgba(0, 0, 0, .04); border-color: var(--rnv-brand); color: var(--rnv-brand); } .dark .rnv-sort__trigger { color: #d1d5db; } .dark .rnv-sort__trigger:hover { background: rgba(255, 255, 255, .06); border-color: var(--rnv-brand-dark); color: var(--rnv-brand-dark); } .rnv-sort__trigger:focus-visible { outline: 2px solid var(--rnv-brand); outline-offset: 1px; } .dark .rnv-sort__trigger:focus-visible { outline-color: var(--rnv-brand-dark); } .rnv-sort__icon { width: 1rem; height: 1rem; flex: none; opacity: .8; } .rnv-sort__cap { color: inherit; } .rnv-sort__val { font-weight: 600; color: var(--rnv-brand); } .dark .rnv-sort__val { color: var(--rnv-brand-dark); } .rnv-sort__chev { width: .875rem; height: .875rem; flex: none; opacity: .6; transition: transform .15s ease; } .rnv-sort__chev--open { transform: rotate(180deg); } @media (max-width: 767px) { .rnv-sort__cap { display: none; } .fi-ta-header-toolbar > div:has(> .fi-ta-search-field) { flex-wrap: wrap; row-gap: .5rem; column-gap: .5rem; width: 100%; } .fi-ta-header-toolbar > div:has(> .fi-ta-search-field):has(> .rnv-sort) > .fi-ta-search-field { flex: 1 1 100%; min-width: 0; } .fi-ta-header-toolbar > div:has(> .fi-ta-search-field):has(> .rnv-sort) > .rnv-sort { flex: 1 1 auto; min-width: 0; } .fi-ta-header-toolbar > div:has(> .fi-ta-search-field):has(> .rnv-sort) > .fi-ta-col-manager-dropdown, .fi-ta-header-toolbar > div:has(> .fi-ta-search-field):has(> .rnv-sort) > .fi-ta-filters-dropdown { flex: 0 0 auto; } .fi-ta-header-toolbar > div:has(> .fi-ta-search-field):not(:has(> .rnv-sort)) > .fi-ta-search-field { flex: 1 1 auto; min-width: 0; } .fi-ta-header-toolbar > div:has(> .fi-ta-search-field):not(:has(> .rnv-sort)) > .fi-ta-col-manager-dropdown, .fi-ta-header-toolbar > div:has(> .fi-ta-search-field):not(:has(> .rnv-sort)) > .fi-ta-filters-dropdown { flex: 0 0 auto; } .rnv-sort__trigger { flex: 1 1 auto; min-width: 0; } .rnv-sort__val { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .rnv-sort__menu { position: absolute; top: calc(100% + .375rem); inset-inline-end: 0; z-index: 30; min-width: 11rem; max-width: min(18rem, 90vw); max-height: min(60vh, 20rem); overflow-y: auto; overscroll-behavior: contain; padding: .375rem; background: #fff; border: 1px solid var(--rnv-border); border-radius: var(--rnv-radius-control); box-shadow: 0 10px 25px -5px rgba(0, 0, 0, .18), 0 4px 10px -6px rgba(0, 0, 0, .12); } .dark .rnv-sort__menu { background: rgb(24 24 27); border-color: var(--rnv-border); } .rnv-sort__opt { display: flex; align-items: center; justify-content: space-between; gap: .5rem; width: 100%; min-height: 40px; padding: .4375rem .5rem; font-size: .8125rem; text-align: start; color: #1f2937; border-radius: .375rem; cursor: pointer; } .dark .rnv-sort__opt { color: #e5e7eb; } .rnv-sort__opt:hover { background: rgba(0, 0, 0, .05); } .dark .rnv-sort__opt:hover { background: rgba(255, 255, 255, .07); } .rnv-sort__opt:focus-visible { outline: 2px solid var(--rnv-brand); outline-offset: 1px; } .dark .rnv-sort__opt:focus-visible { outline-color: var(--rnv-brand-dark); } .rnv-sort__opt--on { color: var(--rnv-brand); font-weight: 500; } .dark .rnv-sort__opt--on { color: var(--rnv-brand-dark); } .rnv-sort__check { color: var(--rnv-brand); font-weight: 700; } .dark .rnv-sort__check { color: var(--rnv-brand-dark); } .rnv-views__divider { flex: none; align-self: center; width: 1px; height: 1.25rem; margin-inline: .5rem; background: var(--rnv-border); } .rnv-views { flex: none; display: inline-flex; align-items: center; gap: .25rem; } .rnv-view-tab { position: relative; flex: none; display: inline-flex; align-items: center; border-radius: var(--rnv-radius-control); } .rnv-view-tab--active { background: color-mix(in srgb, var(--rnv-brand) 12%, transparent); } .dark .rnv-view-tab--active { background: color-mix(in srgb, var(--rnv-brand-dark) 18%, transparent); } .rnv-view-tab__label { display: inline-flex; align-items: center; gap: .375rem; height: 2.25rem; padding: 0 .25rem 0 .625rem; font-size: .8125rem; font-weight: 500; color: #374151; background: transparent; border: 0; border-radius: var(--rnv-radius-control) 0 0 var(--rnv-radius-control); cursor: pointer; white-space: nowrap; } .dark .rnv-view-tab__label { color: #d1d5db; } .rnv-view-tab__label:hover { color: var(--rnv-brand); } .dark .rnv-view-tab__label:hover { color: var(--rnv-brand-dark); } .rnv-view-tab--active .rnv-view-tab__label { color: var(--rnv-brand); font-weight: 600; } .dark .rnv-view-tab--active .rnv-view-tab__label { color: var(--rnv-brand-dark); } .rnv-view-tab__label:focus-visible { outline: 2px solid var(--rnv-brand); outline-offset: -2px; border-radius: var(--rnv-radius-control); } .dark .rnv-view-tab__label:focus-visible { outline-color: var(--rnv-brand-dark); } .rnv-view-tab__name { max-width: 12rem; overflow: hidden; text-overflow: ellipsis; } .rnv-view-tab__pill { flex: none; padding: .0625rem .375rem; font-size: .625rem; font-weight: 600; line-height: 1.2; text-transform: uppercase; letter-spacing: .02em; color: #92400e; background: #fef3c7; border-radius: var(--rnv-radius-pill); } .dark .rnv-view-tab__pill { color: #fde68a; background: rgba(180, 83, 9, .25); } .rnv-view-tab__menu-btn { display: inline-flex; align-items: center; justify-content: center; width: 1.75rem; height: 2.25rem; padding: 0 .125rem; color: #9ca3af; background: transparent; border: 0; border-radius: 0 var(--rnv-radius-control) var(--rnv-radius-control) 0; cursor: pointer; } .rnv-view-tab__menu-btn:hover { color: var(--rnv-brand); } .dark .rnv-view-tab__menu-btn:hover { color: var(--rnv-brand-dark); } .rnv-view-tab__menu-btn:focus-visible { outline: 2px solid var(--rnv-brand); outline-offset: -2px; } .dark .rnv-view-tab__menu-btn:focus-visible { outline-color: var(--rnv-brand-dark); } .rnv-view-tab__menu-icon { width: 1rem; height: 1rem; } .rnv-view-menu { position: absolute; top: calc(100% + .25rem); inset-inline-start: 0; z-index: 30; min-width: 9rem; padding: .375rem; background: #fff; border: 1px solid var(--rnv-border); border-radius: var(--rnv-radius-control); box-shadow: 0 10px 25px -5px rgba(0, 0, 0, .18), 0 4px 10px -6px rgba(0, 0, 0, .12); } .dark .rnv-view-menu { background: rgb(24 24 27); border-color: var(--rnv-border); } .rnv-view-menu__item { display: flex; align-items: center; width: 100%; min-height: 40px; padding: .4375rem .5rem; font-size: .8125rem; text-align: start; color: #1f2937; background: transparent; border: 0; border-radius: .375rem; cursor: pointer; } .dark .rnv-view-menu__item { color: #e5e7eb; } .rnv-view-menu__item:hover { background: rgba(0, 0, 0, .05); } .dark .rnv-view-menu__item:hover { background: rgba(255, 255, 255, .07); } .rnv-view-menu__item:focus-visible { outline: 2px solid var(--rnv-brand); outline-offset: 1px; } .dark .rnv-view-menu__item:focus-visible { outline-color: var(--rnv-brand-dark); } .rnv-view-menu__item--danger { color: var(--rnv-danger); } .dark .rnv-view-menu__item--danger { color: #f87171; } .rnv-view-actions { flex: none; display: inline-flex; align-items: center; gap: .25rem; margin-inline-start: .25rem; } .rnv-view-actions__btn { display: inline-flex; align-items: center; height: 2rem; padding: 0 .625rem; font-size: .78125rem; font-weight: 500; color: #374151; background: transparent; border: 1px solid var(--rnv-border); border-radius: var(--rnv-radius-control); cursor: pointer; white-space: nowrap; } .dark .rnv-view-actions__btn { color: #d1d5db; } .rnv-view-actions__btn:hover { border-color: var(--rnv-brand); color: var(--rnv-brand); } .dark .rnv-view-actions__btn:hover { border-color: var(--rnv-brand-dark); color: var(--rnv-brand-dark); } .rnv-view-actions__btn:focus-visible { outline: 2px solid var(--rnv-brand); outline-offset: 1px; } .dark .rnv-view-actions__btn:focus-visible { outline-color: var(--rnv-brand-dark); } .rnv-view-actions__btn--primary { color: #fff; background: var(--rnv-brand); border-color: var(--rnv-brand); } .rnv-view-actions__btn--primary:hover { color: #fff; filter: brightness(1.05); } .dark .rnv-view-actions__btn--primary { color: #062e21; background: var(--rnv-brand-dark); border-color: var(--rnv-brand-dark); } .dark .rnv-view-actions__btn--primary:hover { color: #062e21; } .rnv-views__add { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; color: #6b7280; background: transparent; border: 1px dashed var(--rnv-border); border-radius: var(--rnv-radius-control); cursor: pointer; } .rnv-views__add:hover { color: var(--rnv-brand); border-color: var(--rnv-brand); } .dark .rnv-views__add { color: #9ca3af; } .dark .rnv-views__add:hover { color: var(--rnv-brand-dark); border-color: var(--rnv-brand-dark); } .rnv-views__add:focus-visible { outline: 2px solid var(--rnv-brand); outline-offset: 1px; } .dark .rnv-views__add:focus-visible { outline-color: var(--rnv-brand-dark); } .rnv-views__add-icon { width: 1rem; height: 1rem; } .rnv-view-tab[draggable="true"] { cursor: grab; } .rnv-view-tab.rnv-view-dragging { opacity: .5; cursor: grabbing; } .rnv-switch-host { display: flex; align-items: center; } .rnv-switch { position: relative; margin-inline-end: .5rem; display: flex; align-items: center; gap: .375rem; } .rnv-switch__panel { position: absolute; top: 100%; inset-inline-end: 0; margin-top: .5rem; width: 17rem; background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: .75rem; box-shadow: 0 12px 28px rgba(0,0,0,.18); overflow: hidden; z-index: 50; } .dark .rnv-switch__panel { background: #111827; border-color: rgba(255,255,255,.1); } .rnv-switch__label { padding: .625rem .875rem .25rem; font-size: .6875rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: #9ca3af; } .rnv-switch__item { display: flex; width: 100%; align-items: center; gap: .625rem; padding: .5rem .875rem; border: 0; background: none; cursor: pointer; font-size: .875rem; color: #374151; text-align: start; } .rnv-switch__item:hover { background: #f3f4f6; } .dark .rnv-switch__item { color: #d1d5db; } .dark .rnv-switch__item:hover { background: rgba(255,255,255,.06); } .rnv-switch__item--active { font-weight: 600; color: var(--rnv-brand, #059669); } .dark .rnv-switch__item--active { color: var(--rnv-brand-dark, #34d399); } .rnv-switch__item .rnv-chip { min-width: 2.5rem; justify-content: center; } .rnv-switch__check { margin-inline-start: auto; } .rnv-switch__settings { border-top: 1px solid rgba(0,0,0,.08); color: #6b7280; text-decoration: none; } .dark .rnv-switch__settings { border-color: rgba(255,255,255,.1); color: #9ca3af; } .rnv-create { position: relative; margin-inline-end: .5rem; display: flex; align-items: center; } .rnv-create__btn { white-space: nowrap; } .rnv-create__plus { color: var(--rnv-brand); flex-shrink: 0; } .dark .rnv-create__plus { color: var(--rnv-brand-dark); } .rnv-create__btn:focus-visible { outline: 2px solid var(--rnv-brand); outline-offset: 1px; } .dark .rnv-create__btn:focus-visible { outline-color: var(--rnv-brand-dark); } .rnv-create__panel { position: absolute; top: 100%; inset-inline-end: 0; margin-top: .5rem; width: 14rem; background: #fff; border: 1px solid rgba(0, 0, 0, .08); border-radius: .75rem; box-shadow: 0 12px 28px rgba(0, 0, 0, .18); overflow: hidden; z-index: 50; padding-bottom: .25rem; } .dark .rnv-create__panel { background: #111827; border-color: rgba(255, 255, 255, .1); } .rnv-create__label { padding: .625rem .875rem .25rem; font-size: .6875rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: #9ca3af; } .rnv-create__item { display: flex; width: 100%; align-items: center; gap: .625rem; padding: .5rem .875rem; border: 0; background: none; cursor: pointer; font-size: .875rem; color: #374151; text-align: start; text-decoration: none; } .rnv-create__item:hover { background: #f3f4f6; } .dark .rnv-create__item { color: #d1d5db; } .dark .rnv-create__item:hover { background: rgba(255, 255, 255, .06); } .rnv-create__item:focus-visible { outline: 2px solid var(--rnv-brand); outline-offset: -2px; } .dark .rnv-create__item:focus-visible { outline-color: var(--rnv-brand-dark); } .rnv-create__icon { width: 1.15rem; height: 1.15rem; color: var(--rnv-brand); flex-shrink: 0; } .dark .rnv-create__icon { color: var(--rnv-brand-dark); } .rnv-fab { display: none; } .rnv-fab__btn { width: 50px; height: 50px; border-radius: 9999px; display: inline-flex; align-items: center; justify-content: center; background: var(--rnv-brand); color: #fff; border: 0; cursor: pointer; box-shadow: 0 6px 18px rgba(0, 0, 0, .28); } .rnv-fab__btn:hover { background: var(--primary-700, #047857); } .rnv-fab__btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; } .dark .rnv-fab__btn:focus-visible { outline-color: #fff; } .rnv-fab__menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .5rem; inset-inline-start: 50%; inset-inline-end: auto; transform: translateX(-50%); } @media (max-width: 1023.98px) { .rnv-create { display: none; } .rnv-fab { display: flex; position: fixed; z-index: 30; left: 50%; transform: translateX(-50%); bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px)); } .fi-main-ctn .fi-main { padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px)); } } .rnv-gsearch { display: contents; } .rnv-gsearch__trigger { display: none; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; flex: none; border: none; background: transparent; border-radius: .5rem; color: #6b7280; cursor: pointer; } .rnv-gsearch__trigger:hover { background: rgba(0, 0, 0, .05); color: #374151; } .dark .rnv-gsearch__trigger { color: #9ca3af; } .dark .rnv-gsearch__trigger:hover { background: rgba(255, 255, 255, .06); color: #e5e7eb; } .rnv-gsearch__trigger:focus-visible { outline: 2px solid var(--rnv-brand, #059669); outline-offset: 1px; } .dark .rnv-gsearch__trigger:focus-visible { outline-color: var(--rnv-brand-dark, #34d399); } .rnv-gsearch__icon { width: 1.25rem; height: 1.25rem; } .rnv-gsearch__close { display: none; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; margin-inline-start: auto; flex: none; border: none; background: transparent; border-radius: .5rem; color: #6b7280; cursor: pointer; } .rnv-gsearch__close:hover { background: rgba(0, 0, 0, .05); color: #374151; } .dark .rnv-gsearch__close { color: #9ca3af; } .dark .rnv-gsearch__close:hover { background: rgba(255, 255, 255, .06); color: #e5e7eb; } .rnv-gsearch__close:focus-visible { outline: 2px solid var(--rnv-brand, #059669); outline-offset: 1px; } .dark .rnv-gsearch__close:focus-visible { outline-color: var(--rnv-brand-dark, #34d399); } @media (max-width: 1023.98px) { .rnv-gsearch__trigger { display: inline-flex; } .rnv-gsearch__close { display: inline-flex; } .rnv-gsearch__overlay { display: none; } .rnv-gsearch__overlay--open { display: flex; flex-direction: column; position: fixed; inset: 0; z-index: 60; padding: 1rem; gap: .75rem; background: #fff; } .dark .rnv-gsearch__overlay--open { background: rgb(24 24 27); } .rnv-gsearch__overlay--open .fi-global-search { width: 100%; } .rnv-gsearch__overlay--open .fi-global-search-field { width: 100%; } .rnv-gsearch__overlay--open .fi-global-search-results-ctn { position: static; inset: auto; width: 100%; max-width: none; margin-top: 0; max-height: none; flex: 1 1 auto; overflow-y: auto; } } @media (min-width: 1024px) { .rnv-gsearch__overlay, .rnv-gsearch__overlay--open { display: contents; } } .rnv-lang-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; } @media (max-width: 480px) { .rnv-lang-cards { grid-template-columns: 1fr; } } .rnv-lang-card { position: relative; display: flex; align-items: center; gap: .75rem; border: 1px solid rgba(0,0,0,.12); border-radius: .75rem; padding: .85rem 1rem; cursor: pointer; background: #fff; transition: border-color .12s, box-shadow .12s, background .12s; } .dark .rnv-lang-card { border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.04); } .rnv-lang-card:hover { border-color: var(--rnv-brand, #059669); } .dark .rnv-lang-card:hover { border-color: var(--rnv-brand-dark, #34d399); } .rnv-lang-card__input { position: absolute; opacity: 0; width: 1px; height: 1px; } .rnv-lang-card:has(.rnv-lang-card__input:checked) { border-color: var(--rnv-brand, #059669); box-shadow: inset 0 0 0 1px var(--rnv-brand, #059669); background: color-mix(in srgb, var(--rnv-brand) 6%, transparent); } .dark .rnv-lang-card:has(.rnv-lang-card__input:checked) { border-color: var(--rnv-brand-dark, #34d399); box-shadow: inset 0 0 0 1px var(--rnv-brand-dark, #34d399); background: color-mix(in srgb, var(--rnv-brand-dark) 8%, transparent); } .rnv-lang-card:has(.rnv-lang-card__input:focus-visible) { outline: 2px solid var(--rnv-brand, #059669); outline-offset: 2px; } .dark .rnv-lang-card:has(.rnv-lang-card__input:focus-visible) { outline-color: var(--rnv-brand-dark, #34d399); } .rnv-lang-card__flag { width: 1.75rem; height: 1.1667rem; flex: none; border-radius: .25rem; overflow: hidden; box-shadow: inset 0 0 0 1px rgba(0,0,0,.15); } .dark .rnv-lang-card__flag { box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); } .rnv-lang-card__flag svg { display: block; width: 100%; height: 100%; } .rnv-lang-card__name { font-size: .95rem; font-weight: 600; color: #111827; } .dark .rnv-lang-card__name { color: #f3f4f6; } .rnv-lang-card__check { margin-left: auto; width: 1.25rem; height: 1.25rem; color: var(--rnv-brand, #059669); opacity: 0; flex: none; } .dark .rnv-lang-card__check { color: var(--rnv-brand-dark, #34d399); } .rnv-lang-card:has(.rnv-lang-card__input:checked) .rnv-lang-card__check { opacity: 1; } .rnv-prov-wrap { display: grid; gap: 1.5rem; } .rnv-prov-wrap .fi-grid-col:has(> .fi-sc-component > .fi-sc-section[style*="display: none"]) { display: none; } .rnv-prov-wrap .fi-section-header .fi-toggle { flex: 0 0 auto; } .rnv-prov-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; } .rnv-prov-cards--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (max-width: 640px) { .rnv-prov-cards, .rnv-prov-cards--2 { grid-template-columns: 1fr; } } .rnv-prov-card { position: relative; display: flex; align-items: center; gap: .75rem; border: 1px solid var(--rnv-border); border-radius: var(--rnv-radius-card); padding: .9rem 1rem; cursor: pointer; background: #fff; transition: border-color .12s, box-shadow .12s, background .12s; min-height: 40px; } .dark .rnv-prov-card { background: rgba(255, 255, 255, .04); } .rnv-prov-card:hover { border-color: var(--rnv-brand); } .dark .rnv-prov-card:hover { border-color: var(--rnv-brand-dark); } .rnv-prov-card__input { position: absolute; opacity: 0; width: 1px; height: 1px; } .rnv-prov-card:has(.rnv-prov-card__input:checked) { border-color: var(--rnv-brand); box-shadow: inset 0 0 0 1px var(--rnv-brand); background: color-mix(in srgb, var(--rnv-brand) 6%, transparent); } .dark .rnv-prov-card:has(.rnv-prov-card__input:checked) { border-color: var(--rnv-brand-dark); box-shadow: inset 0 0 0 1px var(--rnv-brand-dark); background: color-mix(in srgb, var(--rnv-brand-dark) 8%, transparent); } .rnv-prov-card:has(.rnv-prov-card__input:focus-visible) { outline: 2px solid var(--rnv-brand); outline-offset: 2px; } .dark .rnv-prov-card:has(.rnv-prov-card__input:focus-visible) { outline-color: var(--rnv-brand-dark); } .rnv-prov-card__icon { flex: none; width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; color: var(--rnv-brand); } .dark .rnv-prov-card__icon { color: var(--rnv-brand-dark); } .rnv-prov-card__icon svg { width: 1.5rem; height: 1.5rem; } .rnv-prov-card__body { display: flex; flex-direction: column; gap: .15rem; min-width: 0; flex: 1 1 auto; } .rnv-prov-card__title { font-size: .95rem; font-weight: 600; color: #111827; } .dark .rnv-prov-card__title { color: #f3f4f6; } .rnv-prov-card__desc { font-size: .8rem; line-height: 1.35; color: #6b7280; } .dark .rnv-prov-card__desc { color: #9ca3af; } .rnv-prov-card__check { margin-left: .5rem; width: 1.25rem; height: 1.25rem; flex: none; color: var(--rnv-brand); opacity: 0; align-self: center; } .dark .rnv-prov-card__check { color: var(--rnv-brand-dark); } .rnv-prov-card:has(.rnv-prov-card__input:checked) .rnv-prov-card__check { opacity: 1; } .rnv-prov-card__badge { margin-left: .5rem; flex: none; align-self: center; font-size: .7rem; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; padding: .12rem .45rem; border-radius: 999px; color: var(--primary-700, #047857); background: color-mix(in srgb, var(--rnv-brand) 12%, transparent); } .dark .rnv-prov-card__badge { color: #6ee7b7; background: color-mix(in srgb, var(--rnv-brand-dark) 16%, transparent); } .rnv-prov-card--future { cursor: default; opacity: .6; border-style: dashed; } .rnv-prov-card--future:hover { border-color: var(--rnv-border); } .dark .rnv-prov-card--future:hover { border-color: var(--rnv-border); } .rnv-prov-card--future .rnv-prov-card__icon { color: #9ca3af; } .rnv-status-note { display: inline-block; font-weight: 600; margin: 0; padding: 0; } .rnv-status-note--ok { color: var(--rnv-brand, #059669); } .dark .rnv-status-note--ok { color: var(--rnv-brand-dark, #34d399); } .rnv-status-note--warn { color: #d97706; } .dark .rnv-status-note--warn { color: #fbbf24; } .rnv-status-note--danger { color: #dc2626; } .dark .rnv-status-note--danger { color: #f87171; } .rnv-onboarding { width: 100%; } .rnv-onboarding .fi-sc-wizard-header { gap: .25rem; grid-auto-flow: row; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); overflow-x: visible; } .rnv-onboarding .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-icon-ctn, .rnv-onboarding .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-icon-ctn { background: var(--rnv-brand); color: #fff; border-color: var(--rnv-brand); } .dark .rnv-onboarding .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-icon-ctn, .dark .rnv-onboarding .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-icon-ctn { background: var(--rnv-brand-dark); color: #04241b; border-color: var(--rnv-brand-dark); } .rnv-onboarding .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-label { color: var(--rnv-brand); font-weight: 600; } .dark .rnv-onboarding .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-label { color: var(--rnv-brand-dark); } .rnv-onboarding .fi-sc-wizard-header-step-btn:focus-visible { outline: 2px solid var(--rnv-brand); outline-offset: 2px; border-radius: var(--rnv-radius-control); } .dark .rnv-onboarding .fi-sc-wizard-header-step-btn:focus-visible { outline-color: var(--rnv-brand-dark); } .rnv-onb-hero { display: flex; flex-direction: column; align-items: center; text-align: center; gap: .75rem; margin-bottom: .5rem; } .rnv-onb-hero__art { width: 100%; display: flex; justify-content: center; color: var(--rnv-brand); } .dark .rnv-onb-hero__art { color: var(--rnv-brand-dark); } .rnv-onb-hero__art svg { width: 8rem; height: auto; max-width: 100%; } .rnv-onb-hero__lead { font-size: 1rem; line-height: 1.5; color: #374151; margin: 0; max-width: 34rem; } .dark .rnv-onb-hero__lead { color: #d1d5db; } .rnv-choice-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; } @media (max-width: 640px) { .rnv-choice-cards { grid-template-columns: 1fr; } } .rnv-choice-card { position: relative; display: flex; align-items: flex-start; gap: .75rem; border: 1px solid var(--rnv-border); border-radius: var(--rnv-radius-card); padding: 1rem 1.1rem; cursor: pointer; background: #fff; transition: border-color .12s, box-shadow .12s, background .12s; } .dark .rnv-choice-card { background: rgba(255, 255, 255, .04); } .rnv-choice-card:hover { border-color: var(--rnv-brand); } .dark .rnv-choice-card:hover { border-color: var(--rnv-brand-dark); } .rnv-choice-card__input { position: absolute; opacity: 0; width: 1px; height: 1px; } .rnv-choice-card:has(.rnv-choice-card__input:checked) { border-color: var(--rnv-brand); box-shadow: inset 0 0 0 1px var(--rnv-brand); background: color-mix(in srgb, var(--rnv-brand) 6%, transparent); } .dark .rnv-choice-card:has(.rnv-choice-card__input:checked) { border-color: var(--rnv-brand-dark); box-shadow: inset 0 0 0 1px var(--rnv-brand-dark); background: color-mix(in srgb, var(--rnv-brand-dark) 8%, transparent); } .rnv-choice-card:has(.rnv-choice-card__input:focus-visible) { outline: 2px solid var(--rnv-brand); outline-offset: 2px; } .dark .rnv-choice-card:has(.rnv-choice-card__input:focus-visible) { outline-color: var(--rnv-brand-dark); } .rnv-choice-card__body { display: flex; flex-direction: column; gap: .2rem; min-width: 0; } .rnv-choice-card__title { font-size: .95rem; font-weight: 600; color: #111827; } .dark .rnv-choice-card__title { color: #f3f4f6; } .rnv-choice-card__desc { font-size: .82rem; line-height: 1.4; color: #6b7280; } .dark .rnv-choice-card__desc { color: #9ca3af; } .rnv-choice-card__check { margin-left: auto; width: 1.25rem; height: 1.25rem; flex: none; color: var(--rnv-brand); opacity: 0; align-self: center; } .dark .rnv-choice-card__check { color: var(--rnv-brand-dark); } .rnv-choice-card:has(.rnv-choice-card__input:checked) .rnv-choice-card__check { opacity: 1; } .rnv-welcome { max-width: 40rem; margin-inline: auto; display: flex; flex-direction: column; gap: 1.5rem; } .rnv-welcome__block { display: flex; flex-direction: column; gap: .75rem; } .rnv-welcome__q { font-size: 1rem; font-weight: 600; color: #111827; margin: 0; text-align: center; } .dark .rnv-welcome__q { color: #f3f4f6; } .rnv-welcome__lead { font-size: .9rem; line-height: 1.5; color: #6b7280; margin: 0; text-align: center; } .dark .rnv-welcome__lead { color: #9ca3af; } .rnv-welcome__caps { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; } .rnv-welcome__cap { display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .75rem; border-radius: var(--rnv-radius-pill); font-size: .82rem; font-weight: 600; color: #6b7280; background: rgba(0, 0, 0, .04); border: 1px solid var(--rnv-border); } .dark .rnv-welcome__cap { color: #9ca3af; background: rgba(255, 255, 255, .05); } .rnv-welcome__cap.is-edit { color: var(--rnv-brand); background: color-mix(in srgb, var(--rnv-brand) 10%, transparent); border-color: color-mix(in srgb, var(--rnv-brand) 25%, transparent); } .dark .rnv-welcome__cap.is-edit { color: var(--rnv-brand-dark); background: color-mix(in srgb, var(--rnv-brand-dark) 12%, transparent); border-color: color-mix(in srgb, var(--rnv-brand-dark) 30%, transparent); } .rnv-welcome__cap-lvl { font-size: .72rem; font-weight: 500; opacity: .75; } .rnv-welcome__note { font-size: .82rem; color: #6b7280; margin: 0; text-align: center; } .dark .rnv-welcome__note { color: #9ca3af; } .rnv-welcome__actions { display: flex; justify-content: center; } .rnv-onb-chips { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; } .rnv-onb-chip { display: inline-flex; align-items: center; gap: .35rem; padding: .35rem .75rem; border-radius: var(--rnv-radius-pill); font-size: .82rem; font-weight: 600; color: var(--rnv-brand); background: color-mix(in srgb, var(--rnv-brand) 10%, transparent); border: 1px solid color-mix(in srgb, var(--rnv-brand) 25%, transparent); } .dark .rnv-onb-chip { color: var(--rnv-brand-dark); background: color-mix(in srgb, var(--rnv-brand-dark) 12%, transparent); border-color: color-mix(in srgb, var(--rnv-brand-dark) 30%, transparent); } .rnv-onb-chip::before { content: ""; width: .4rem; height: .4rem; border-radius: 50%; background: currentColor; flex: none; } .rnv-first-steps { border: 1px solid var(--rnv-border); border-radius: var(--rnv-radius-card); background: #fff; padding: 1.1rem 1.25rem; margin-bottom: 1.25rem; } .dark .rnv-first-steps { background: rgba(255, 255, 255, .03); } .rnv-first-steps__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; } .rnv-first-steps__heading { display: flex; align-items: center; gap: .75rem; min-width: 0; } .rnv-first-steps__spark { width: 2.25rem; height: 2.25rem; flex: none; display: flex; align-items: center; justify-content: center; border-radius: var(--rnv-radius-control); color: var(--rnv-brand); background: color-mix(in srgb, var(--rnv-brand) 10%, transparent); } .dark .rnv-first-steps__spark { color: var(--rnv-brand-dark); background: color-mix(in srgb, var(--rnv-brand-dark) 12%, transparent); } .rnv-first-steps__spark svg { width: 1.35rem; height: 1.35rem; } .rnv-first-steps__title { font-size: 1rem; font-weight: 700; color: #111827; margin: 0; } .dark .rnv-first-steps__title { color: #f3f4f6; } .rnv-first-steps__sub { font-size: .8rem; color: #6b7280; margin: .1rem 0 0; } .dark .rnv-first-steps__sub { color: #9ca3af; } .rnv-first-steps__dismiss { flex: none; width: 2.25rem; height: 2.25rem; display: flex; align-items: center; justify-content: center; border: 0; border-radius: var(--rnv-radius-control); color: #9ca3af; background: transparent; cursor: pointer; transition: color .12s, background .12s; } .rnv-first-steps__dismiss svg { width: 1.1rem; height: 1.1rem; } .rnv-first-steps__dismiss:hover { color: #374151; background: rgba(0, 0, 0, .04); } .dark .rnv-first-steps__dismiss:hover { color: #e5e7eb; background: rgba(255, 255, 255, .06); } .rnv-first-steps__dismiss:focus-visible { outline: 2px solid var(--rnv-brand); outline-offset: 2px; } .dark .rnv-first-steps__dismiss:focus-visible { outline-color: var(--rnv-brand-dark); } .rnv-first-steps__bar { height: .375rem; border-radius: var(--rnv-radius-pill); background: rgba(0, 0, 0, .06); margin: .9rem 0 1rem; overflow: hidden; } .dark .rnv-first-steps__bar { background: rgba(255, 255, 255, .08); } .rnv-first-steps__bar span { display: block; height: 100%; border-radius: inherit; background: var(--rnv-brand); transition: width .25s ease; } .dark .rnv-first-steps__bar span { background: var(--rnv-brand-dark); } .rnv-first-steps__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .5rem; } .rnv-first-steps__item { display: flex; align-items: center; gap: .75rem; padding: .6rem .7rem; border: 1px solid var(--rnv-border-soft); border-radius: var(--rnv-radius-control); } .rnv-first-steps__item.is-done { opacity: .72; } .rnv-first-steps__check { flex: none; width: 1.4rem; height: 1.4rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid var(--rnv-border); color: #fff; } .rnv-first-steps__item.is-done .rnv-first-steps__check { background: var(--rnv-brand); border-color: var(--rnv-brand); } .dark .rnv-first-steps__item.is-done .rnv-first-steps__check { background: var(--rnv-brand-dark); border-color: var(--rnv-brand-dark); color: #04241b; } .rnv-first-steps__check svg { width: .9rem; height: .9rem; } .rnv-first-steps__text { display: flex; flex-direction: column; gap: .1rem; min-width: 0; flex: 1 1 auto; } .rnv-first-steps__label { font-size: .9rem; font-weight: 600; color: #111827; } .dark .rnv-first-steps__label { color: #f3f4f6; } .rnv-first-steps__item.is-done .rnv-first-steps__label { text-decoration: line-through; text-decoration-color: rgba(0, 0, 0, .25); } .dark .rnv-first-steps__item.is-done .rnv-first-steps__label { text-decoration-color: rgba(255, 255, 255, .3); } .rnv-first-steps__hint { font-size: .78rem; line-height: 1.35; color: #6b7280; } .dark .rnv-first-steps__hint { color: #9ca3af; } .rnv-first-steps__cta { flex: none; font-size: .82rem; font-weight: 600; white-space: nowrap; text-decoration: none; display: inline-flex; align-items: center; min-height: 2.25rem; padding: 0 .85rem; border-radius: var(--rnv-radius-control); color: var(--rnv-brand); background: color-mix(in srgb, var(--rnv-brand) 10%, transparent); border: 1px solid color-mix(in srgb, var(--rnv-brand) 25%, transparent); transition: background .12s; } .rnv-first-steps__cta:hover { background: color-mix(in srgb, var(--rnv-brand) 16%, transparent); } .dark .rnv-first-steps__cta { color: var(--rnv-brand-dark); background: color-mix(in srgb, var(--rnv-brand-dark) 12%, transparent); border-color: color-mix(in srgb, var(--rnv-brand-dark) 30%, transparent); } .rnv-first-steps__cta:focus-visible { outline: 2px solid var(--rnv-brand); outline-offset: 2px; } .dark .rnv-first-steps__cta:focus-visible { outline-color: var(--rnv-brand-dark); } .rnv-first-steps__sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } @media (max-width: 640px) { .rnv-first-steps__item { flex-wrap: wrap; } .rnv-first-steps__cta { margin-left: 2.15rem; min-height: 2.5rem; } .rnv-first-steps__dismiss { width: 2.5rem; height: 2.5rem; } } .rnv-passkey-login { margin-top: 1.25rem; } .rnv-passkey-login__sep { display: flex; align-items: center; gap: .75rem; font-size: .78rem; color: #9ca3af; text-transform: uppercase; letter-spacing: .05em; margin-bottom: .875rem; } .rnv-passkey-login__sep::before, .rnv-passkey-login__sep::after { content: ''; flex: 1; height: 1px; background: rgba(0,0,0,.1); } .dark .rnv-passkey-login__sep::before, .dark .rnv-passkey-login__sep::after { background: rgba(255,255,255,.12); } .rnv-passkey-login__btn { width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; padding: .55rem 1rem; font-size: .875rem; font-weight: 600; color: #374151; background: #fff; border: 1px solid rgba(0,0,0,.15); border-radius: .5rem; cursor: pointer; transition: background .12s; } .rnv-passkey-login__btn:hover { background: rgba(0,0,0,.03); } .dark .rnv-passkey-login__btn { color: #e5e7eb; background: rgb(24 24 27); border-color: rgba(255,255,255,.15); } .dark .rnv-passkey-login__btn:hover { background: rgba(255,255,255,.05); } .rnv-passkey-login__error { margin-bottom: .75rem; padding: .5rem .75rem; font-size: .8125rem; color: #dc2626; background: rgba(220,38,38,.08); border: 1px solid rgba(220,38,38,.25); border-radius: .5rem; } .rnv-passkeys__label { font-size: .875rem; font-weight: 500; color: #111827; } .dark .rnv-passkeys__label { color: #f9fafb; } .rnv-passkeys__hint { font-size: .8125rem; color: #6b7280; margin-top: .125rem; } .dark .rnv-passkeys__hint { color: #9ca3af; } .rnv-passkeys__list { margin-top: .75rem; display: flex; flex-direction: column; gap: .5rem; } .rnv-passkeys__item { display: flex; align-items: center; gap: .75rem; padding: .625rem .875rem; border: 1px solid rgba(0,0,0,.08); border-radius: .5rem; } .dark .rnv-passkeys__item { border-color: rgba(255,255,255,.1); } .rnv-passkeys__key-ico { width: 1.15rem; height: 1.15rem; flex: none; color: var(--rnv-brand, #059669); } .dark .rnv-passkeys__key-ico { color: var(--rnv-brand-dark, #34d399); } .rnv-passkeys__body { min-width: 0; flex: 1; } .rnv-passkeys__name { font-size: .875rem; font-weight: 500; color: #111827; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dark .rnv-passkeys__name { color: #f9fafb; } .rnv-passkeys__meta { font-size: .78rem; color: #6b7280; } .dark .rnv-passkeys__meta { color: #9ca3af; } .rnv-passkeys__del { flex: none; color: #9ca3af; background: none; border: none; cursor: pointer; padding: .35rem; display: inline-flex; border-radius: .375rem; } .rnv-passkeys__del:hover { color: #dc2626; } .rnv-passkeys__empty { margin-top: .75rem; font-size: .8125rem; color: #9ca3af; font-style: italic; } .rnv-passkeys__form { margin-top: .75rem; display: flex; align-items: flex-start; gap: .5rem; flex-wrap: wrap; } .rnv-passkeys__input { flex: 1; min-width: 12rem; padding: .5rem .75rem; font-size: .875rem; border: 1px solid rgba(0,0,0,.15); border-radius: .5rem; background: #fff; color: inherit; } .dark .rnv-passkeys__input { background: rgb(24 24 27); border-color: rgba(255,255,255,.15); color: #e5e7eb; } .rnv-passkeys__input:focus-visible { outline: 2px solid var(--rnv-brand, #059669); outline-offset: 1px; } .rnv-passkeys__add { flex: none; display: inline-flex; align-items: center; gap: .35rem; padding: .5rem .9rem; font-size: .875rem; font-weight: 600; border: none; border-radius: .5rem; cursor: pointer; } .rnv-passkeys__error { display: block; margin-top: .375rem; font-size: .8125rem; color: #dc2626; } .rnv-passkeys__unsupported { margin-top: .75rem; font-size: .8125rem; color: #9ca3af; } .rnv-log-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; } .rnv-log { width: 100%; border-collapse: collapse; font-size: .8125rem; } .rnv-log th { text-align: start; padding: .375rem .5rem; font-size: .6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: #9ca3af; border-bottom: 1px solid rgba(0,0,0,.08); } .dark .rnv-log th { border-color: rgba(255,255,255,.1); } .rnv-log td { padding: .4375rem .5rem; color: #374151; border-bottom: 1px solid rgba(0,0,0,.05); vertical-align: top; } .dark .rnv-log td { color: #d1d5db; border-color: rgba(255,255,255,.06); } .rnv-log-row { cursor: pointer; } .rnv-log-row:hover td { background: rgba(0,0,0,.03); } .dark .rnv-log-row:hover td { background: rgba(255,255,255,.05); } .rnv-log-empty { padding: .75rem .25rem; font-size: .8125rem; color: #9ca3af; } .rnv-log-err { display: block; margin-top: .125rem; font-size: .75rem; color: #dc2626; } .dark .rnv-log-err { color: #f87171; } .rnv-log-foot { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .625rem .25rem 0; font-size: .8125rem; color: #6b7280; flex-wrap: wrap; } .dark .rnv-log-foot { color: #9ca3af; } .rnv-log-nav { display: flex; align-items: center; gap: .5rem; } .rnv-log-nav select { border: 1px solid rgba(0,0,0,.15); border-radius: .375rem; padding: .125rem .375rem; background: transparent; color: inherit; font-size: .8125rem; } .dark .rnv-log-nav select { border-color: rgba(255,255,255,.2); } .dark .rnv-log-nav select option { background: #111827; } .rnv-log-btn { border: 1px solid rgba(0,0,0,.15); border-radius: .375rem; padding: .125rem .625rem; background: transparent; color: inherit; cursor: pointer; font-size: .8125rem; } .rnv-log-btn:hover { background: rgba(0,0,0,.04); } .dark .rnv-log-btn { border-color: rgba(255,255,255,.2); } .dark .rnv-log-btn:hover { background: rgba(255,255,255,.06); } .rnv-log-btn[disabled] { opacity: .4; cursor: default; } .rnv-log-filter { display: flex; gap: .4rem; flex-wrap: wrap; margin-bottom: .85rem; } .rnv-log-filter__btn { min-height: 2.5rem; padding: .35rem .9rem; border-radius: 9999px; border: 1px solid var(--rnv-border, rgba(0,0,0,.15)); background: transparent; color: #374151; font-size: .8125rem; font-weight: 500; cursor: pointer; transition: border-color .12s, background .12s, color .12s; } .dark .rnv-log-filter__btn { color: #d1d5db; border-color: rgba(255,255,255,.18); } .rnv-log-filter__btn:hover { border-color: var(--rnv-brand, #059669); } .rnv-log-filter__btn.is-active { background: var(--rnv-brand, #059669); border-color: var(--rnv-brand, #059669); color: #fff; } .rnv-log-filter__btn[disabled] { opacity: .55; cursor: wait; } .rnv-mail-overlay { position: fixed; inset: 0; z-index: 60; background: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center; padding: 1.5rem; } .rnv-mail-modal { background: #fff; border-radius: .75rem; max-width: 42rem; width: 100%; max-height: 85vh; display: flex; flex-direction: column; box-shadow: 0 20px 50px rgba(0,0,0,.3); } .dark .rnv-mail-modal { background: rgb(24 24 27); color: #e5e7eb; } .rnv-mail-head { display: flex; align-items: flex-start; gap: .75rem; padding: 1rem 1.25rem .75rem; border-bottom: 1px solid rgba(0,0,0,.08); } .dark .rnv-mail-head { border-color: rgba(255,255,255,.1); } .rnv-mail-subject { font-weight: 600; font-size: 1rem; } .rnv-mail-meta { font-size: .8125rem; color: #6b7280; margin-top: .25rem; } .dark .rnv-mail-meta { color: #9ca3af; } .rnv-mail-x { margin-inline-start: auto; cursor: pointer; color: #9ca3af; background: none; border: none; padding: .25rem; display: flex; flex: none; } .rnv-mail-x:hover { color: #374151; } .dark .rnv-mail-x:hover { color: #e5e7eb; } .rnv-mail-body { padding: 1rem 1.25rem 1.25rem; overflow-y: auto; font-size: .875rem; line-height: 1.6; } .rnv-mail-body a { color: var(--rnv-brand, #059669); text-decoration: underline; } .rnv-mail-error { margin: 0 1.25rem .75rem; padding: .5rem .75rem; border-radius: .5rem; background: rgba(220,38,38,.1); color: #dc2626; font-size: .8125rem; } .rnv-notif .fi-sc.fi-grid > .fi-grid-col:has(> .fi-sc-component > [x-show][style*="display: none"]) { display: none; } .rnv-notif .fi-sc.fi-grid > .fi-grid-col:has(> .fi-sc-component > .fi-in-entry [x-show][style*="display: none"]) { display: none; } .fi-fo-tags-input.rnv-tags-inline > div { display: flex; align-items: center; gap: .375rem; min-width: 0; overflow-x: auto; } .fi-fo-tags-input.rnv-tags-inline > div > input { flex: 1 1 6rem; min-width: 3rem; width: auto; } .fi-fo-tags-input.rnv-tags-inline > div > .fi-fo-tags-input-tags-ctn { display: flex; flex: 0 0 auto; flex-wrap: nowrap; width: auto; min-width: max-content; border-top: 0; padding: 0; } .rnv-tfi-empty { color: #6b7280; margin: 0; } .rnv-tfi-intro { margin: 0 0 .35rem; } .rnv-tfi-note { margin: 0 0 .75rem; font-size: .82rem; color: #6b7280; } .dark .rnv-tfi-note { color: #9ca3af; } .rnv-tfi-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: .4rem; } .rnv-tfi-item { display: flex; align-items: center; gap: .6rem; padding: .5rem .7rem; border: 1px solid rgba(0,0,0,.1); border-radius: .5rem; } .dark .rnv-tfi-item { border-color: rgba(255,255,255,.12); } .rnv-tfi-name { font-weight: 500; } .rnv-tfi-cat { margin-inline-start: auto; font-size: .78rem; font-weight: 600; color: var(--primary-700, #047857); background: color-mix(in srgb, var(--rnv-brand) 12%, transparent); padding: .1rem .5rem; border-radius: 999px; } .dark .rnv-tfi-cat { color: var(--rnv-brand-dark, #34d399); } .rnv-today-total { font-size: .85rem; color: #6b7280; margin-bottom: .5rem; } .dark .rnv-today-total { color: #b0b0b8; } .rnv-today-total strong { font-variant-numeric: tabular-nums; color: #374151; } .dark .rnv-today-total strong { color: #e5e7eb; } .rnv-today-row { display: flex; align-items: center; gap: .6rem; padding: .5rem .1rem; border-top: 1px solid rgba(0,0,0,.05); } .dark .rnv-today-row { border-color: rgba(255,255,255,.06); } .rnv-today-desc { flex: 1; min-width: 0; } .rnv-today-title { font-weight: 500; } .rnv-today-meta { font-size: .78rem; color: #6b7280; } .dark .rnv-today-meta { color: #b0b0b8; } .rnv-today-dot { width: .6rem; height: .6rem; border-radius: 999px; display: inline-block; margin-inline-end: .35rem; } .rnv-today-eur { font-size: .72rem; color: #1D9E75; } .dark .rnv-today-eur { color: var(--rnv-brand-dark, #34d399); } .rnv-today-eur.off { color: #9ca3af; } .rnv-today-empty { padding: 1.5rem .5rem; text-align: center; color: #6b7280; font-size: .85rem; } .dark .rnv-today-empty { color: #b0b0b8; } .rnv-drag-cell { cursor: grab; } .rnv-drag-cell:active { cursor: grabbing; } .rnv-hidden { display: none !important; } .rnv-hours-card, .rnv-hours-card > section.fi-section { height: 100%; } .rnv-hours-card .fi-section-content-ctn { height: 100%; display: flex; flex-direction: column; justify-content: center; } .rnv-hours-card .fi-section-content { padding-top: .75rem; padding-bottom: .75rem; } .rnv-proj-card, .rnv-proj-card > section.fi-section { height: 100%; } .rnv-proj-stats-card .fi-section-content-ctn { height: 100%; display: flex; flex-direction: column; justify-content: center; } .rnv-ai { border: 1px solid var(--rnv-border); border-radius: var(--rnv-radius-card); background: rgba(0, 0, 0, .015); padding: 1rem 1.15rem 1.1rem; margin-bottom: 1.5rem; } .dark .rnv-ai { background: rgba(255, 255, 255, .02); } .rnv-ai-head { display: flex; align-items: center; gap: .6rem; margin-bottom: .85rem; } .rnv-ai-title { display: inline-flex; align-items: center; gap: .4rem; } .rnv-ai-spark { width: 1rem; height: 1rem; color: var(--rnv-brand); } .dark .rnv-ai-spark { color: var(--rnv-brand-dark); } .rnv-ai-meta { font-size: .78rem; color: #6b7280; } .dark .rnv-ai-meta { color: #9ca3af; } .rnv-ai-btn { display: inline-flex; align-items: center; gap: .4rem; font-size: .8rem; font-weight: 600; line-height: 1; padding: .5rem .85rem; min-height: 2.25rem; border-radius: var(--rnv-radius-control); border: 1px solid transparent; background: var(--rnv-brand); color: #fff; cursor: pointer; transition: background .12s ease, opacity .12s ease; } .rnv-ai-btn:hover { background: var(--primary-700, #047857); } .rnv-ai-btn[disabled] { opacity: .6; cursor: progress; } .rnv-ai-head .rnv-ai-btn { margin-left: auto; } .rnv-ai-btn--outline { background: transparent; color: var(--rnv-brand); border-color: var(--rnv-brand); } .rnv-ai-btn--outline:hover { background: color-mix(in srgb, var(--rnv-brand) 8%, transparent); } .dark .rnv-ai-btn--outline { color: var(--rnv-brand-dark); border-color: var(--rnv-brand-dark); } .dark .rnv-ai-btn--outline:hover { background: color-mix(in srgb, var(--rnv-brand-dark) 12%, transparent); } .rnv-ai-alert { font-size: .82rem; color: #92400e; background: rgba(245, 158, 11, .12); border: 1px solid rgba(245, 158, 11, .3); border-radius: var(--rnv-radius-control); padding: .5rem .7rem; margin-bottom: .75rem; } .dark .rnv-ai-alert { color: #fcd34d; background: rgba(245, 158, 11, .1); } .rnv-ai-loading { align-items: center; gap: .6rem; font-size: .85rem; color: #6b7280; padding: 1.25rem .25rem; } .dark .rnv-ai-loading { color: #9ca3af; } .rnv-ai-spinner { width: 1rem; height: 1rem; border-radius: 50%; border: 2px solid rgba(107, 114, 128, .3); border-top-color: var(--rnv-brand); animation: rnv-ai-spin .7s linear infinite; } @keyframes rnv-ai-spin { to { transform: rotate(360deg); } } .rnv-ai-empty { padding: .5rem .25rem .25rem; } .rnv-ai-empty-text { font-size: .85rem; color: #4b5563; margin: 0 0 .7rem; max-width: 46rem; } .dark .rnv-ai-empty-text { color: #cbd5e1; } .rnv-ai-empty-note { font-size: .8rem; color: #6b7280; margin: .35rem 0 0; } .dark .rnv-ai-empty-note { color: #9ca3af; } .rnv-ai-grid { display: grid; gap: .75rem; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); } .rnv-ai-card { display: flex; flex-direction: column; gap: .4rem; border: 1px solid var(--rnv-border-soft); border-radius: var(--rnv-radius-control); background: var(--fi-color-white, #fff); padding: .8rem .85rem; } .dark .rnv-ai-card { background: rgba(255, 255, 255, .03); } .rnv-ai-card-title { font-size: .9rem; font-weight: 700; color: #111827; line-height: 1.25; } .dark .rnv-ai-card-title { color: #f3f4f6; } .rnv-ai-card-text { font-size: .82rem; color: #4b5563; margin: 0; line-height: 1.4; } .dark .rnv-ai-card-text { color: #cbd5e1; } .rnv-ai-card-link { align-self: flex-start; margin-top: .1rem; font-size: .8rem; font-weight: 600; color: var(--rnv-brand); text-decoration: none; } .rnv-ai-card-link:hover { text-decoration: underline; } .dark .rnv-ai-card-link { color: var(--rnv-brand-dark); } .rnv-ai-cat { align-self: flex-start; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; padding: .12rem .45rem; border-radius: var(--rnv-radius-pill); background: rgba(107, 114, 128, .14); color: #4b5563; } .dark .rnv-ai-cat { background: rgba(255, 255, 255, .08); color: #d1d5db; } .rnv-ai-cat--renewals { background: rgba(16, 185, 129, .14); color: var(--primary-700, #047857); } .rnv-ai-cat--clients { background: rgba(139, 92, 246, .14); color: #6d28d9; } .rnv-ai-cat--hours { background: rgba(107, 114, 128, .16); color: #374151; } .rnv-ai-cat--prices { background: rgba(245, 158, 11, .16); color: #92400e; } .rnv-ai-cat--expenses { background: rgba(239, 68, 68, .14); color: #b91c1c; } .dark .rnv-ai-cat--renewals { color: var(--rnv-brand-dark, #34d399); } .dark .rnv-ai-cat--clients { color: #c4b5fd; } .dark .rnv-ai-cat--hours { color: #e5e7eb; } .dark .rnv-ai-cat--prices { color: #fcd34d; } .dark .rnv-ai-cat--expenses { color: #fca5a5; } .rnv-ai-foot { font-size: .72rem; color: #9ca3af; margin: .85rem 0 0; } .dark .rnv-ai-foot { color: #6b7280; } .rnv-ai-autogen { display: none; } .rnv-ai-btn:focus-visible, .rnv-ai-card-link:focus-visible { outline: 2px solid var(--rnv-brand); outline-offset: 2px; border-radius: var(--rnv-radius-control); } .dark .rnv-ai-btn:focus-visible, .dark .rnv-ai-card-link:focus-visible { outline-color: var(--rnv-brand-dark); } @media (prefers-reduced-motion: reduce) { .rnv-ai-spinner { animation: none; } } .rnv-fbw { position: static; } .rnv-fbw__fab { position: fixed; z-index: 30; inset-inline-end: 1.25rem; bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px)); display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; padding: 0 .95rem; border-radius: var(--rnv-radius-pill); background: #fff; color: #374151; border: 1px solid var(--rnv-border); box-shadow: 0 6px 18px rgba(0, 0, 0, .16); font-size: .875rem; font-weight: 600; line-height: 1; cursor: pointer; } .rnv-fbw__fab:hover { background: #f9fafb; } .rnv-fbw__fab:focus-visible { outline: 2px solid var(--rnv-brand); outline-offset: 2px; } .dark .rnv-fbw__fab { background: #111827; color: #e5e7eb; border-color: rgba(255, 255, 255, .12); } .dark .rnv-fbw__fab:hover { background: #1f2937; } .dark .rnv-fbw__fab:focus-visible { outline-color: var(--rnv-brand-dark); } .rnv-fbw__fab-ico { width: 1.25rem; height: 1.25rem; color: var(--rnv-brand); flex-shrink: 0; } .dark .rnv-fbw__fab-ico { color: var(--rnv-brand-dark); } .rnv-fbw__panel { position: fixed; z-index: 30; inset-inline-end: 1.25rem; bottom: calc(1.25rem + 44px + .6rem + env(safe-area-inset-bottom, 0px)); width: 22rem; max-width: calc(100vw - 2.5rem); max-height: min(70vh, 34rem); display: flex; flex-direction: column; background: #fff; border: 1px solid rgba(0, 0, 0, .08); border-radius: var(--rnv-radius-card); box-shadow: 0 16px 40px rgba(0, 0, 0, .22); overflow: hidden; } .dark .rnv-fbw__panel { background: #111827; border-color: rgba(255, 255, 255, .1); } .rnv-fbw__head { display: flex; align-items: center; justify-content: space-between; padding: .75rem .9rem; border-bottom: 1px solid var(--rnv-border-soft); flex-shrink: 0; } .rnv-fbw__title { display: inline-flex; align-items: center; gap: .5rem; font-size: .9rem; font-weight: 700; color: #111827; } .dark .rnv-fbw__title { color: #f3f4f6; } .rnv-fbw__title-ico { width: 1.15rem; height: 1.15rem; color: var(--rnv-brand); } .dark .rnv-fbw__title-ico { color: var(--rnv-brand-dark); } .rnv-fbw__head-actions { display: inline-flex; align-items: center; gap: .15rem; flex-shrink: 0; } .rnv-fbw__close, .rnv-fbw__reset { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: var(--rnv-radius-control); border: 0; background: none; color: #6b7280; cursor: pointer; } .rnv-fbw__close:hover, .rnv-fbw__reset:hover { background: #f3f4f6; color: #374151; } .dark .rnv-fbw__close, .dark .rnv-fbw__reset { color: #9ca3af; } .dark .rnv-fbw__close:hover, .dark .rnv-fbw__reset:hover { background: rgba(255, 255, 255, .06); color: #e5e7eb; } .rnv-fbw__close:focus-visible, .rnv-fbw__reset:focus-visible { outline: 2px solid var(--rnv-brand); outline-offset: -2px; } .dark .rnv-fbw__close:focus-visible, .dark .rnv-fbw__reset:focus-visible { outline-color: var(--rnv-brand-dark); } .rnv-fbw__log { flex: 1 1 auto; overflow-y: auto; padding: .85rem; display: flex; flex-direction: column; gap: .5rem; background: #f9fafb; } .dark .rnv-fbw__log { background: #0b1220; } .rnv-fbw__intro { padding: .35rem .15rem; color: #4b5563; } .dark .rnv-fbw__intro { color: #9ca3af; } .rnv-fbw__intro-lead { font-size: .875rem; line-height: 1.4; margin: 0 0 .35rem; } .rnv-fbw__intro-note { font-size: .75rem; color: #6b7280; margin: 0; } .dark .rnv-fbw__intro-note { color: #9ca3af; } .rnv-fbw__msg { max-width: 85%; padding: .35rem .55rem; border-radius: .65rem; font-size: .85rem; line-height: 1.35; white-space: pre-wrap; word-break: break-word; } .rnv-fbw__msg--user { align-self: flex-end; background: #475569; color: #f8fafc; border-bottom-right-radius: .25rem; } .rnv-fbw__msg--assistant { align-self: flex-start; background: #fff; color: #374151; border: 1px solid var(--rnv-border-soft); border-bottom-left-radius: .25rem; } .dark .rnv-fbw__msg--user { background: #334155; color: #e5e7eb; } .dark .rnv-fbw__msg--assistant { background: #1f2937; color: #e5e7eb; border-color: rgba(255, 255, 255, .08); } .rnv-fbw__typing { display: inline-flex; align-items: center; gap: .3rem; align-self: flex-start; padding: .5rem .7rem; } .rnv-fbw__typing-label { font-size: .75rem; color: #6b7280; margin-inline-start: .25rem; } .dark .rnv-fbw__typing-label { color: #9ca3af; } .rnv-fbw__dot { width: 6px; height: 6px; border-radius: 999px; background: #9ca3af; animation: rnv-fbw-bounce 1.2s infinite ease-in-out both; } .rnv-fbw__dot:nth-child(2) { animation-delay: .15s; } .rnv-fbw__dot:nth-child(3) { animation-delay: .3s; } @keyframes rnv-fbw-bounce { 0%, 80%, 100% { opacity: .3; } 40% { opacity: 1; } } @media (prefers-reduced-motion: reduce) { .rnv-fbw__dot { animation: none; opacity: .6; } } .rnv-fbw__composer { position: relative; padding: .6rem; border-top: 1px solid var(--rnv-border-soft); background: #fff; flex-shrink: 0; } .dark .rnv-fbw__composer { background: #111827; } .rnv-fbw__input { display: block; width: 100%; box-sizing: border-box; resize: none; min-height: 3.4rem; max-height: 13rem; overflow-y: auto; padding: .55rem 2.75rem .55rem .65rem; font-size: .85rem; line-height: 1.4; color: #111827; background: #fff; border: 1px solid var(--rnv-border); border-radius: var(--rnv-radius-control); } .rnv-fbw__input::placeholder { color: #6b7280; } .dark .rnv-fbw__input::placeholder { color: #9ca3af; } .rnv-fbw__input:focus-visible { outline: 2px solid var(--rnv-brand); outline-offset: -1px; border-color: transparent; } .dark .rnv-fbw__input { color: #f3f4f6; background: #0b1220; border-color: rgba(255, 255, 255, .12); } .dark .rnv-fbw__input:focus-visible { outline-color: var(--rnv-brand-dark); } .rnv-fbw__send { position: absolute; inset-inline-end: .85rem; bottom: .8rem; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: var(--rnv-radius-control); background: none; color: #9ca3af; cursor: pointer; transition: color .12s ease, background-color .12s ease; } .rnv-fbw__send:hover { color: var(--rnv-brand); background: rgba(0, 0, 0, .04); } .rnv-fbw__send:disabled { opacity: .45; cursor: default; } .rnv-fbw__send:focus-visible { outline: 2px solid var(--rnv-brand); outline-offset: 1px; } .dark .rnv-fbw__send { color: #6b7280; } .dark .rnv-fbw__send:hover { color: var(--rnv-brand-dark); background: rgba(255, 255, 255, .06); } .dark .rnv-fbw__send:focus-visible { outline-color: var(--rnv-brand-dark); } @media (max-width: 480px) { .rnv-fbw__panel { inset-inline-end: .75rem; inset-inline-start: .75rem; width: auto; max-width: none; bottom: calc(1rem + 44px + .6rem + env(safe-area-inset-bottom, 0px)); max-height: 70vh; } .rnv-fbw__fab { inset-inline-end: .9rem; bottom: calc(1rem + env(safe-area-inset-bottom, 0px)); } .rnv-fbw__fab-label { display: none; } .rnv-fbw__fab { padding: 0; width: 48px; justify-content: center; } } .rnv-doc-layout-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; } @media (max-width: 760px) { .rnv-doc-layout-cards { grid-template-columns:1fr; } } .rnv-doc-layout-card { position:relative; display:flex; flex-direction:column; gap:.7rem; min-width:0; padding:.75rem; border:1px solid var(--rnv-border); border-radius:var(--rnv-radius-card); background:#fff; cursor:pointer; transition:border-color .12s,box-shadow .12s; } .dark .rnv-doc-layout-card { background:#fff; color:#17202b; } .rnv-doc-layout-card:hover { border-color:var(--rnv-brand); } .rnv-doc-layout-card:has(.rnv-doc-layout-card__input:checked) { border-color:#01ACA4; border-width:3px; padding:calc(.75rem - 2px); box-shadow:0 2px 8px rgba(15,118,110,.12); } .rnv-doc-layout-card:has(.rnv-doc-layout-card__input:focus-visible) { outline:2px solid var(--rnv-brand); outline-offset:2px; } .rnv-doc-layout-card__input { position:absolute; opacity:0; width:1px; height:1px; } .rnv-doc-layout-card__body { display:flex; flex-direction:column; gap:.2rem; min-width:0; padding:.1rem .15rem 0; } .rnv-doc-layout-card__title { font-size:.9rem; font-weight:700; color:#1f2937; } .rnv-doc-layout-card__desc { font-size:.76rem; line-height:1.35; color:#667085; } .rnv-doc-layout-card__check { position:absolute; right:.65rem; top:.65rem; width:1.35rem; height:1.35rem; padding:.2rem; box-sizing:content-box; border-radius:999px; color:#fff; background:#01ACA4; opacity:0; } .rnv-doc-layout-card:has(.rnv-doc-layout-card__input:checked) .rnv-doc-layout-card__check { opacity:1; } .rnv-doc-layout-card__preview { display:flex; flex-direction:column; gap:.35rem; height:112px; padding:14px 15px; overflow:hidden; border:1px solid #d7dee8; background:#fff; color:#24332f; } .rnv-doc-layout-card__preview-top { display:block; width:32%; height:5px; background:#0f9f76; } .rnv-doc-layout-card__preview-title { display:block; width:48%; height:8px; margin-top:5px; background:#cbd5e1; } .rnv-doc-layout-card__preview-lines { display:flex; flex-direction:column; gap:5px; margin-top:7px; } .rnv-doc-layout-card__preview-lines i { display:block; width:90%; height:4px; background:#e2e8f0; } .rnv-doc-layout-card__preview-lines i:nth-child(2) { width:78%; } .rnv-doc-layout-card__preview-lines i:nth-child(3) { width:62%; } .rnv-doc-layout-card__preview-box { display:block; width:58%; height:14px; margin-top:auto; background:#f1f5f9; border-left:3px solid #38a3d1; } .rnv-doc-layout-card__preview--minimal { border-top:4px solid #0f9f76; padding-top:10px; } .rnv-doc-layout-card__preview--minimal .rnv-doc-layout-card__preview-top { display:none; } .rnv-doc-layout-card__preview--classic { border-color:#d9dee7; } .rnv-doc-layout-card__preview--classic .rnv-doc-layout-card__preview-top { width:100%; height:4px; background:#315c9a; } .rnv-doc-layout-card__preview--classic .rnv-doc-layout-card__preview-title { background:#315c9a; height:10px; width:56%; } .rnv-doc-layout-card__preview--tech { border-color:#bfd3e8; background:#f8fbfe; } .rnv-doc-layout-card__preview--tech .rnv-doc-layout-card__preview-top { width:22%; background:#2878b9; } .rnv-doc-layout-card__preview--tech .rnv-doc-layout-card__preview-title { background:#7db7d8; } .rnv-doc-layout-card__preview--tech .rnv-doc-layout-card__preview-box { background:#e8f2fb; } .rnv-doc-previews { padding-top:20px; padding-bottom:20px; } .rnv-pdf-preview { width:100%; max-width:720px; min-height:360px; margin:.25rem 0 0; padding:2rem 2.25rem; overflow:hidden; border:1px solid #d7dee8; border-radius:var(--rnv-radius-card); background:#fff; color:#263242; box-shadow:0 8px 24px rgba(15,23,42,.08); font-family:var(--rnv-pdf-font),sans-serif; font-size:.72rem; } .dark .rnv-pdf-preview { background:#fff; color:#263242; } .rnv-pdf-preview__logo { display:block; max-width:150px; max-height:42px; object-fit:contain; object-position:left center; margin-bottom:.5rem; } .rnv-pdf-preview__head { display:flex; justify-content:space-between; gap:2rem; padding-bottom:1.35rem; border-bottom:1px solid #e5e7eb; } .rnv-pdf-preview__brand { font-size:1.05rem; font-weight:700; color:var(--rnv-pdf-accent); } .rnv-pdf-preview__muted, .rnv-pdf-preview__meta span { display:block; color:#667085; font-size:.65rem; margin-top:.25rem; } .rnv-pdf-preview__meta { display:flex; flex-direction:column; text-align:right; gap:.2rem; color:#263242; } .rnv-pdf-preview__meta strong { font-size:1rem; text-transform:uppercase; letter-spacing:.05em; } .rnv-pdf-preview__parties { display:grid; grid-template-columns:1fr 1fr; gap:2rem; padding:1.4rem 0; } .rnv-pdf-preview__parties div { display:flex; flex-direction:column; gap:.22rem; } .rnv-pdf-preview__parties small { color:#667085; font-size:.58rem; text-transform:uppercase; letter-spacing:.08em; } .rnv-pdf-preview__parties strong { font-size:.76rem; } .rnv-pdf-preview__table > div { display:grid; grid-template-columns:1fr max-content; gap:1rem; padding:.55rem .45rem; border-bottom:1px solid #edf0f3; } .rnv-pdf-preview__table > div:first-child { color:#667085; font-size:.58rem; text-transform:uppercase; letter-spacing:.08em; border-bottom:2px solid #dce2e8; } .rnv-pdf-preview__table > div > :last-child { text-align:right; } .rnv-pdf-preview__total { margin-top:.2rem; border-top:2px solid #263242; border-bottom:0 !important; font-size:.8rem; } .rnv-pdf-preview__note { margin-top:1.7rem; padding:.65rem .8rem; border-left:3px solid var(--rnv-pdf-accent); background:var(--rnv-pdf-accent-soft); color:#667085; font-size:.64rem; } .rnv-pdf-preview--classic .rnv-pdf-preview__brand { color:var(--rnv-pdf-accent-dark); } .rnv-pdf-preview--classic .rnv-pdf-preview__head { border-bottom:3px solid var(--rnv-pdf-accent); } .rnv-pdf-preview--classic .rnv-pdf-preview__table > div:first-child { background:var(--rnv-pdf-accent-soft); border-bottom-color:var(--rnv-pdf-accent); } .rnv-pdf-preview--classic .rnv-pdf-preview__note { border-left-color:var(--rnv-pdf-accent); background:var(--rnv-pdf-accent-soft); } .rnv-pdf-preview--tech { border-color:var(--rnv-pdf-accent-border); background:#fbfdff; } .rnv-pdf-preview--tech .rnv-pdf-preview__brand { color:var(--rnv-pdf-accent-dark); } .rnv-pdf-preview--tech .rnv-pdf-preview__head { padding:1rem; margin:-.75rem -1rem 0; background:var(--rnv-pdf-accent-soft); border-bottom-color:var(--rnv-pdf-accent-border); } .rnv-pdf-preview--tech .rnv-pdf-preview__table > div:first-child { color:var(--rnv-pdf-accent-dark); background:var(--rnv-pdf-accent-soft); border-bottom-color:var(--rnv-pdf-accent); } .rnv-pdf-preview--tech .rnv-pdf-preview__note { border-left-color:var(--rnv-pdf-accent); background:var(--rnv-pdf-accent-soft); } .rnv-email-preview { width:100%; max-width:720px; min-height:260px; margin:.25rem 0 0; overflow:hidden; border:1px solid var(--rnv-email-accent-border); border-radius:var(--rnv-radius-card); background:var(--rnv-email-accent-soft); color:#263242; font-family:var(--rnv-email-font),sans-serif; font-size:.78rem; } .rnv-email-preview__card { max-width:100%; margin:0; background:#fff; border:1px solid #e5e7eb; } .rnv-email-preview__head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:1.2rem 1.5rem; border-bottom:3px solid var(--rnv-email-accent); } .rnv-email-preview__identity { display:flex; flex-direction:column; gap:.35rem; min-width:0; color:var(--rnv-email-accent-dark); } .rnv-email-preview__identity strong { font-size:1rem; } .rnv-email-preview__logo { display:block; object-fit:contain; object-position:left center; } .rnv-email-preview__head > span { flex:0 0 auto; color:#667085; font-size:.65rem; text-transform:uppercase; letter-spacing:.06em; } .rnv-email-preview__subject { padding:1.25rem 1.5rem .65rem; color:var(--rnv-email-accent-dark); font-size:1rem; font-weight:700; } .rnv-email-preview__body { max-height:300px; overflow:hidden; padding:.25rem 1.5rem 1.4rem; color:#374151; line-height:1.6; } .rnv-email-preview__body p { margin:.55rem 0; } .rnv-email-preview__footer { margin:0 1.5rem; padding:.8rem 0 1rem; border-top:1px solid var(--rnv-email-accent-border); color:#667085; font-size:.65rem; } .rnv-email-preview--minimal { background:#f7faf9; } .rnv-email-preview--minimal .rnv-email-preview__card { border-top:4px solid var(--rnv-email-accent); } .rnv-email-preview--minimal .rnv-email-preview__head { border-bottom:1px solid #e5e7eb; } .rnv-email-preview--classic .rnv-email-preview__head { border-bottom-width:3px; } .rnv-email-preview--tech { background:#f3f8fb; } .rnv-email-preview--tech .rnv-email-preview__head { background:var(--rnv-email-accent-soft); border-bottom-color:var(--rnv-email-accent-border); } .rnv-email-preview--tech .rnv-email-preview__subject { color:var(--rnv-email-accent-dark); } .rnv-email-preview--plain { background:#fff; border-color:#e5e7eb; font-family:-apple-system,"Segoe UI",sans-serif; } .rnv-email-preview__subject--plain { padding:1.25rem 1.5rem .75rem; color:#111827; font-size:.85rem; font-weight:600; border-bottom:1px solid #e5e7eb; } .rnv-email-preview__body--plain { padding:1rem 1.5rem 1.5rem; color:#111827; font-size:.78rem; line-height:1.6; } .rnv-email-preview__body--plain p { margin:.55rem 0; } .rnv-email-preview__signature { margin-top:.75rem; padding:1rem 1.5rem 1.25rem; border-top:1px solid var(--rnv-border-soft); font-size:.78rem; line-height:1.6; } .rnv-email-preview__signature p { margin:.4rem 0; } @media (max-width:640px) { .rnv-pdf-preview { padding:1.25rem; min-height:310px; } .rnv-pdf-preview__head { gap:1rem; } .rnv-email-preview__head { padding:1rem; } .rnv-email-preview__subject, .rnv-email-preview__body { padding-left:1rem; padding-right:1rem; } .rnv-email-preview__footer { margin-left:1rem; margin-right:1rem; } .rnv-email-preview__signature { padding-left:1rem; padding-right:1rem; } } @media (hover: hover) { * { scrollbar-width: thin; scrollbar-color: transparent transparent; } *:hover, .rnv-scrolling { scrollbar-color: rgba(0, 0, 0, .35) transparent; } .dark *:hover, .dark .rnv-scrolling { scrollbar-color: rgba(255, 255, 255, .35) transparent; } ::-webkit-scrollbar { width: 4px; height: 4px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-corner { background: transparent; } ::-webkit-scrollbar-button { display: none; width: 0; height: 0; } ::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 999px; } *:hover::-webkit-scrollbar-thumb, .rnv-scrolling::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .35); } .dark *:hover::-webkit-scrollbar-thumb, .dark .rnv-scrolling::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, .35); } } .rnv-save-toast { position: fixed; left: 0; right: 0; margin-inline: auto; width: max-content; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); z-index: 70; display: inline-flex; align-items: center; gap: .35rem; max-width: calc(100vw - 32px); padding: .5rem .85rem .5rem .7rem; border-radius: 999px; background: var(--rnv-brand, #059669); color: #fff; font-size: .8125rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-shadow: 0 4px 14px rgba(0, 0, 0, .28); pointer-events: none; opacity: 0; transition: opacity .15s ease; } .rnv-save-toast--visible { opacity: 1; } .rnv-save-toast-check { width: 1.15rem; height: 1.15rem; color: #fff; flex-shrink: 0; } .dark .rnv-save-toast { box-shadow: 0 4px 16px rgba(0, 0, 0, .55); } .rnv-ai-stack { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; } .rnv-ai-stack > * { min-width: 0; } .rnv-ai-endpoint { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; } .rnv-ai-endpoint .rnv-ai-url { flex: 1 1 auto; min-width: 0; } .rnv-ai-url { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .85rem; padding: .4rem .6rem; border-radius: .5rem; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.08); word-break: break-all; } .dark .rnv-ai-url { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12); } .rnv-ai-table .rnv-ai-url { display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: normal; vertical-align: middle; } .rnv-ai-reveal { border: 1px solid color-mix(in srgb, var(--rnv-brand) 40%, transparent); border-radius: .6rem; padding: .9rem 1rem; background: color-mix(in srgb, var(--rnv-brand) 6%, transparent); display: grid; gap: .5rem; } .dark .rnv-ai-reveal { border-color: color-mix(in srgb, var(--rnv-brand-dark) 40%, transparent); background: color-mix(in srgb, var(--rnv-brand-dark) 8%, transparent); } .rnv-ai-reveal code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .82rem; word-break: break-all; } .rnv-ai-table { width: 100%; border-collapse: collapse; font-size: .86rem; } .rnv-ai-table th, .rnv-ai-table td { text-align: left; padding: .5rem .6rem; border-bottom: 1px solid rgba(0,0,0,.06); vertical-align: middle; } .dark .rnv-ai-table th, .dark .rnv-ai-table td { border-color: rgba(255,255,255,.08); } .rnv-ai-table th { font-weight: 600; color: rgba(0,0,0,.55); font-size: .74rem; text-transform: uppercase; letter-spacing: .03em; } .dark .rnv-ai-table th { color: rgba(255,255,255,.55); } .rnv-ai-scroll { overflow-x: auto; min-width: 0; } .rnv-ai-empty { padding: 1rem .2rem; color: rgba(0,0,0,.5); font-size: .86rem; } .dark .rnv-ai-empty { color: rgba(255,255,255,.5); } .rnv-ai-actions { display: inline-flex; gap: .25rem; } .rnv-ai-iconbtn { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: .45rem; border: 1px solid rgba(0,0,0,.1); background: #fff; cursor: pointer; color: rgba(0,0,0,.7); } .dark .rnv-ai-iconbtn { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.14); color: rgba(255,255,255,.8); } .rnv-ai-iconbtn:hover { background: rgba(0,0,0,.05); } .rnv-ai-iconbtn--danger { color: #dc2626; } .rnv-ai-iconbtn svg { width: 1.05rem; height: 1.05rem; } .rnv-ai-badge { display: inline-block; padding: .1rem .5rem; border-radius: 9999px; font-size: .72rem; font-weight: 600; } .rnv-ai-badge--on { background: color-mix(in srgb, var(--rnv-brand) 14%, transparent); color: var(--primary-700, #047857); } .rnv-ai-badge--off { background: rgba(0,0,0,.08); color: rgba(0,0,0,.55); } .dark .rnv-ai-badge--off { background: rgba(255,255,255,.1); color: rgba(255,255,255,.6); } .rnv-ai-badge--err { background: rgba(220,38,38,.14); color: #dc2626; } .rnv-ai-iconbtn:focus-visible { outline: 2px solid var(--rnv-brand, #059669); outline-offset: 2px; } .dark .rnv-ai-iconbtn:focus-visible { outline-color: var(--rnv-brand-dark, #34d399); } .rnv-profile-stack { display: grid; gap: 1.5rem; } .rnv-profile-hero { border: 0; border-radius: .75rem; background: #fff; overflow: hidden; box-shadow: 0 0 0 1px rgba(0,0,0,.05), 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1); } .dark .rnv-profile-hero { background: oklch(0.21 0.006 285.885); box-shadow: 0 0 0 1px rgba(255,255,255,.1), 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1); } .rnv-profile-hero__body { display: flex; align-items: flex-end; gap: 1.25rem; padding: 1.5rem 1.5rem 1.25rem; } .rnv-profile-hero__avatar-wrap { position: relative; flex: none; } .rnv-profile-hero__avatar { display: block; width: 5.5rem; height: 5.5rem; border-radius: 9999px; object-fit: cover; border: 3px solid #fff; box-shadow: 0 1px 3px rgba(0,0,0,.18); background: #fff; } .dark .rnv-profile-hero__avatar { border-color: rgb(24 24 27); background: rgb(24 24 27); } .rnv-profile-hero__camera { position: absolute; right: -.2rem; bottom: -.2rem; width: 2rem; height: 2rem; border-radius: 9999px; border: 2px solid #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background .12s; } .dark .rnv-profile-hero__camera { border-color: rgb(24 24 27); } .rnv-profile-hero__meta { min-width: 0; padding-bottom: .125rem; } .rnv-profile-hero__name { font-size: 1.125rem; font-weight: 600; color: #111827; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dark .rnv-profile-hero__name { color: #f9fafb; } .rnv-profile-hero__email { font-size: .875rem; color: #6b7280; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dark .rnv-profile-hero__email { color: #9ca3af; } .rnv-profile-hero__badges { display: flex; flex-wrap: wrap; gap: .375rem; margin-top: .5rem; } .rnv-profile-hero__badges .rnv-chip svg { width: .85rem; height: .85rem; flex: none; } .rnv-profile-hero__idrow { display: flex; align-items: center; gap: .35rem; min-width: 0; } .rnv-profile-hero__edit { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 9999px; border: none; background: transparent; color: #9ca3af; cursor: pointer; transition: background .12s, color .12s; } .rnv-profile-hero__edit svg { width: 1rem; height: 1rem; } .rnv-profile-hero__edit:hover { background: rgba(0,0,0,.05); color: var(--rnv-brand, #059669); } .dark .rnv-profile-hero__edit { color: #9ca3af; } .dark .rnv-profile-hero__edit:hover { background: rgba(255,255,255,.08); color: var(--rnv-brand-dark, #34d399); } .rnv-inline-edit { display: flex; align-items: center; gap: .4rem; } .rnv-inline-edit__input { min-width: 0; width: 100%; max-width: 18rem; height: 2.1rem; padding: .2rem .55rem; border-radius: var(--rnv-radius-control, .5rem); border: 1px solid var(--rnv-border, rgba(0,0,0,.18)); background: #fff; color: #111827; font-size: 1.05rem; font-weight: 600; line-height: 1.3; } .rnv-inline-edit__input:focus { border-color: var(--rnv-brand, #059669); } .dark .rnv-inline-edit__input { background: rgba(255,255,255,.06); color: #f9fafb; border-color: rgba(255,255,255,.2); } .rnv-inline-edit__btn { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 9999px; border: none; cursor: pointer; transition: filter .12s, background .12s; } .rnv-inline-edit__btn svg { width: 1.05rem; height: 1.05rem; } .rnv-inline-edit__btn:disabled { opacity: .55; cursor: wait; } .rnv-inline-edit__btn--ok { background: var(--rnv-brand, #059669); color: #fff; } .rnv-inline-edit__btn--ok:hover:not(:disabled) { filter: brightness(1.06); } .rnv-inline-edit__btn--cancel { background: rgba(0,0,0,.06); color: #4b5563; } .rnv-inline-edit__btn--cancel:hover:not(:disabled) { background: rgba(0,0,0,.1); } .dark .rnv-inline-edit__btn--cancel { background: rgba(255,255,255,.1); color: #d1d5db; } .dark .rnv-inline-edit__btn--cancel:hover:not(:disabled) { background: rgba(255,255,255,.16); } .rnv-inline-edit__error { margin-top: .3rem; font-size: .8rem; color: #dc2626; } .dark .rnv-inline-edit__error { color: #f87171; } .rnv-profile-hero__pending { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem .75rem; margin-top: .5rem; padding: .4rem .6rem; border-radius: .5rem; background: #fffbeb; border: 1px solid rgba(180,83,9,.22); } .dark .rnv-profile-hero__pending { background: rgba(251,191,36,.1); border-color: rgba(251,191,36,.28); } .rnv-profile-hero__pending-text { display: inline-flex; align-items: center; gap: .35rem; font-size: .8125rem; font-weight: 500; color: #b45309; overflow-wrap: anywhere; } .dark .rnv-profile-hero__pending-text { color: #fcd34d; } .rnv-profile-hero__pending-text svg { width: .95rem; height: .95rem; flex: none; } .rnv-profile-hero__pending-actions { display: inline-flex; gap: .25rem; } .rnv-profile-hero__pending-btn { min-height: 1.9rem; padding: .2rem .6rem; border-radius: .4rem; border: 1px solid rgba(180,83,9,.3); background: transparent; color: #b45309; font-size: .78rem; font-weight: 600; cursor: pointer; transition: background .12s; } .rnv-profile-hero__pending-btn:hover:not(:disabled) { background: rgba(180,83,9,.1); } .rnv-profile-hero__pending-btn:disabled { opacity: .55; cursor: wait; } .dark .rnv-profile-hero__pending-btn { color: #fcd34d; border-color: rgba(251,191,36,.35); } .dark .rnv-profile-hero__pending-btn:hover:not(:disabled) { background: rgba(251,191,36,.15); } .rnv-profile-hero__facts { display: flex; flex-wrap: wrap; gap: .5rem 2rem; padding: .875rem 1.5rem; border-top: 1px solid rgba(0,0,0,.06); } .dark .rnv-profile-hero__facts { border-top-color: rgba(255,255,255,.08); } .rnv-profile-hero__fact { display: flex; flex-direction: column; min-width: 0; } .rnv-profile-hero__fact-label { font-size: .7rem; text-transform: uppercase; letter-spacing: .04em; color: #9ca3af; margin-bottom: .15rem; } .rnv-profile-hero__fact-value { font-size: .875rem; color: #374151; overflow-wrap: anywhere; } .dark .rnv-profile-hero__fact-value { color: #d1d5db; } .rnv-push__note { font-size: .875rem; color: #6b7280; } .dark .rnv-push__note { color: #9ca3af; } .rnv-push__row { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; } .rnv-push__status { display: inline-flex; align-items: center; gap: .5rem; font-size: .9rem; color: #374151; } .dark .rnv-push__status { color: #d1d5db; } .rnv-push__dot { width: .6rem; height: .6rem; border-radius: 9999px; flex: none; background: #9ca3af; } .rnv-push__dot.is-on { background: var(--rnv-brand, #059669); } .rnv-push__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 2.5rem; padding: 0 1rem; border-radius: var(--rnv-radius-control, .5rem); font-size: .875rem; font-weight: 600; cursor: pointer; border: 1px solid transparent; transition: background .12s, border-color .12s; margin-left: auto; } .rnv-push__btn:disabled { opacity: .55; cursor: not-allowed; } .rnv-push__btn--ghost { background: transparent; color: #374151; border-color: var(--rnv-border, rgba(0,0,0,.1)); } .rnv-push__btn--ghost:hover:not(:disabled) { background: rgba(0,0,0,.04); } .dark .rnv-push__btn--ghost { color: #e5e7eb; border-color: rgba(255,255,255,.16); } .dark .rnv-push__btn--ghost:hover:not(:disabled) { background: rgba(255,255,255,.06); } .rnv-push__hint { font-size: .8rem; color: #6b7280; margin-top: .5rem; min-height: 1rem; } .dark .rnv-push__hint { color: #9ca3af; } .rnv-push__devices { margin-top: 1rem; padding-top: .875rem; border-top: 1px solid var(--rnv-border-soft, rgba(0,0,0,.06)); } .dark .rnv-push__devices { border-top-color: rgba(255,255,255,.1); } .rnv-push__devices-title { font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; color: #9ca3af; margin-bottom: .375rem; } .rnv-push__devices-list { display: grid; gap: .25rem; margin: 0; padding: 0; list-style: none; } .rnv-push__devices-list li { display: flex; justify-content: space-between; gap: 1rem; font-size: .875rem; color: #374151; } .dark .rnv-push__devices-list li { color: #d1d5db; } .rnv-push__device-when { color: #9ca3af; flex: none; } .rnv-nprefs-wrap { overflow-x: auto; } .rnv-nprefs { width: 100%; border-collapse: collapse; font-size: .875rem; } .rnv-nprefs th, .rnv-nprefs td { padding: .625rem .5rem; text-align: left; } .rnv-nprefs thead th { font-size: .75rem; font-weight: 600; color: #6b7280; border-bottom: 1px solid var(--rnv-border, rgba(0,0,0,.1)); } .dark .rnv-nprefs thead th { color: #9ca3af; border-bottom-color: rgba(255,255,255,.12); } .rnv-nprefs__col { text-align: center; width: 6.5rem; } .rnv-nprefs__col--combo { width: 11rem; } .rnv-nprefs tbody tr + tr th, .rnv-nprefs tbody tr + tr td { border-top: 1px solid var(--rnv-border-soft, rgba(0,0,0,.06)); } .dark .rnv-nprefs tbody tr + tr th, .dark .rnv-nprefs tbody tr + tr td { border-top-color: rgba(255,255,255,.08); } .rnv-nprefs__rowhead { font-weight: 500; color: #111827; } .dark .rnv-nprefs__rowhead { color: #f3f4f6; } .rnv-nprefs__label { vertical-align: middle; } .rnv-nprefs__cell { text-align: center; } .rnv-nprefs__labelrow { display: inline-flex; align-items: center; } .rnv-nprefs__email-inline { display: flex; align-items: center; gap: .45rem; margin-top: .4rem; } .rnv-nprefs__email-label { font-size: .75rem; font-weight: 400; color: #6b7280; } .dark .rnv-nprefs__email-label { color: #9ca3af; } .rnv-nprefs__note { margin-top: .8rem; font-size: .8rem; line-height: 1.45; color: #6b7280; } .dark .rnv-nprefs__note { color: #9ca3af; } .rnv-nprefs__i { display: inline-flex; align-items: center; justify-content: center; width: 1.05rem; height: 1.05rem; margin-left: .4rem; border-radius: 9999px; font-size: .7rem; font-weight: 700; font-style: normal; line-height: 1; color: #6b7280; background: rgba(0,0,0,.06); cursor: help; vertical-align: middle; } .dark .rnv-nprefs__i { color: #cbd5e1; background: rgba(255,255,255,.1); } .rnv-nprefs__switch { position: relative; display: inline-flex; align-items: center; width: 2.5rem; height: 1.4rem; padding: 0; border: none; border-radius: 9999px; background: #d1d5db; cursor: pointer; transition: background .15s; vertical-align: middle; } .dark .rnv-nprefs__switch { background: rgba(255,255,255,.18); } .rnv-nprefs__switch.is-on { background: var(--rnv-brand, #059669); } .rnv-nprefs__switch:disabled { opacity: .6; cursor: wait; } .rnv-nprefs__knob { position: absolute; left: .18rem; width: 1.05rem; height: 1.05rem; border-radius: 9999px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.25); transition: transform .15s; } .rnv-nprefs__switch.is-on .rnv-nprefs__knob { transform: translateX(1.08rem); } .rnv-nprefs__select { display: inline-block; min-height: 2.5rem; max-width: 100%; padding: .25rem 1.75rem .25rem .6rem; border-radius: var(--rnv-radius-control, .5rem); border: 1px solid var(--rnv-border, rgba(0,0,0,.15)); background-color: #fff; color: #111827; font-size: .8125rem; line-height: 1.25rem; cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%236b7280' stroke-width='1.6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m6 8 4 4 4-4'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right .4rem center; background-size: 1.1rem 1.1rem; transition: border-color .12s; } .rnv-nprefs__select:hover { border-color: var(--rnv-brand, #059669); } .rnv-nprefs__select:disabled { opacity: .6; cursor: wait; } .dark .rnv-nprefs__select { background-color: rgba(255,255,255,.06); color: #f3f4f6; border-color: rgba(255,255,255,.18); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%239ca3af' stroke-width='1.6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m6 8 4 4 4-4'/%3E%3C/svg%3E"); } .rnv-nprefs__digest { display: flex; align-items: center; flex-wrap: wrap; gap: .625rem; margin-top: 1rem; padding-top: .875rem; border-top: 1px solid var(--rnv-border-soft, rgba(0,0,0,.06)); } .dark .rnv-nprefs__digest { border-top-color: rgba(255,255,255,.1); } .rnv-nprefs__digest-label { font-size: .875rem; font-weight: 500; color: #111827; } .dark .rnv-nprefs__digest-label { color: #f3f4f6; } .rnv-nprefs__digest-note { font-size: .8rem; color: #6b7280; flex: 1 1 12rem; } .dark .rnv-nprefs__digest-note { color: #9ca3af; } @media (max-width: 640px) { .rnv-nprefs__rowhead { width: 70%; } .rnv-nprefs__col--combo { width: 30%; min-width: 0; } } .rnv-be-toolbar { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; } .rnv-be-hint { font-size: .8rem; color: #6b7280; } .dark .rnv-be-hint { color: #9ca3af; } .rnv-be-cols { position: relative; } .rnv-be-cols-btn { display: inline-flex; align-items: center; gap: .4rem; min-height: 2.5rem; padding: .45rem .8rem; font-size: .85rem; font-weight: 500; color: #374151; background: #fff; border: 1px solid rgba(0,0,0,.14); border-radius: .5rem; cursor: pointer; } .rnv-be-cols-btn:hover { background: rgba(0,0,0,.03); } .dark .rnv-be-cols-btn { color: #e5e7eb; background: rgb(24 24 27); border-color: rgba(255,255,255,.15); } .dark .rnv-be-cols-btn:hover { background: rgba(255,255,255,.05); } .rnv-be-cols-btn svg { width: 1rem; height: 1rem; color: #9ca3af; flex: none; } .rnv-be-pop { position: absolute; z-index: 30; top: calc(100% + .35rem); left: 0; min-width: 13rem; max-height: 18rem; overflow-y: auto; background: #fff; border: 1px solid rgba(0,0,0,.12); border-radius: .6rem; box-shadow: 0 12px 34px rgba(0,0,0,.16); padding: .4rem; } .dark .rnv-be-pop { background: rgb(30 30 33); border-color: rgba(255,255,255,.12); } .rnv-be-pop-item { display: flex; align-items: center; gap: .5rem; min-height: 2.5rem; padding: .4rem .6rem; font-size: .85rem; cursor: pointer; border-radius: .4rem; } .rnv-be-pop-item:hover { background: color-mix(in srgb, var(--rnv-brand) 8%, transparent); } .rnv-be-pop-item input[type="checkbox"] { accent-color: var(--rnv-brand, #059669); width: 1rem; height: 1rem; flex: none; } .rnv-be-scroll { overflow: auto; max-height: calc(100vh - 17rem); min-height: 12rem; background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: .75rem; } .dark .rnv-be-scroll { background: rgb(24 24 27); border-color: rgba(255,255,255,.1); } .rnv-be-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: .85rem; } .rnv-be-table th { position: sticky; top: 0; z-index: 5; background: #f9fafb; text-align: left; padding: .6rem .75rem; font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; color: #6b7280; white-space: nowrap; border-bottom: 1px solid rgba(0,0,0,.1); } .dark .rnv-be-table th { background: rgb(30 30 33); color: #9ca3af; border-color: rgba(255,255,255,.12); } .rnv-be-table td { padding: .35rem .5rem; border-bottom: 1px solid rgba(0,0,0,.05); vertical-align: top; } .dark .rnv-be-table td { border-color: rgba(255,255,255,.07); } .rnv-be-table tbody tr:nth-child(even) { background: rgba(107,114,128,.05); } .dark .rnv-be-table tbody tr:nth-child(even) { background: rgba(255,255,255,.03); } .rnv-be-input, .rnv-be-select { width: 100%; min-width: 7rem; height: var(--rnv-control-height); box-sizing: border-box; padding: .35rem .5rem; line-height: 1.25; font-size: .85rem; color: inherit; background: transparent; border: 1px solid var(--rnv-border); border-radius: var(--rnv-radius-control); } .rnv-be-input:focus-visible, .rnv-be-select:focus-visible { outline: 2px solid var(--rnv-brand, #059669); outline-offset: 1px; } .dark .rnv-be-input:focus-visible, .dark .rnv-be-select:focus-visible { outline-color: var(--rnv-brand-dark, #34d399); } .rnv-be-input--err, .rnv-be-select--err { border-color: #dc2626; } .dark .rnv-be-input--err, .dark .rnv-be-select--err { border-color: #f87171; } .rnv-be-err { display: block; margin-top: .2rem; font-size: .72rem; color: #dc2626; } .dark .rnv-be-err { color: #f87171; } .rnv-be-check { width: 1.1rem; height: 1.1rem; accent-color: var(--rnv-brand, #059669); margin-top: calc((var(--rnv-control-height) - 1.1rem) / 2); } .rnv-be-na { display: inline-block; padding: .4rem .2rem; color: #9ca3af; } .rnv-dash-empty { display: flex; flex-direction: column; align-items: center; gap: 1rem; padding: 3.5rem 1rem; font-size: .95rem; color: #6b7280; text-align: center; } .dark .rnv-dash-empty { color: #b0b0b8; } .rnv-dash-empty-btn { display: inline-flex; align-items: center; gap: .4rem; padding: .55rem 1.1rem; border-radius: .5rem; cursor: pointer; font-size: .875rem; font-weight: 600; } .rnv-sec { margin-top: 1.5rem; display: flex; flex-direction: column; gap: 1rem; } .rnv-sec--q { margin-top: 1.25rem; } .rnv-sec--q > .rnv-sec-quadro-head:first-child { margin-top: .4rem; } .rnv-sec-period { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .5rem; margin-bottom: .25rem; } .rnv-sec-alltime { display: inline-flex; align-items: center; min-height: 2.35rem; padding: .3rem .8rem; font-size: .8rem; font-weight: 500; color: #6b7280; background: none; border: 1px solid rgba(107, 114, 128, .3); border-radius: var(--rnv-radius-control, .5rem); cursor: pointer; transition: background-color .15s ease, color .15s ease; } .dark .rnv-sec-alltime { color: #9ca3af; border-color: rgba(255, 255, 255, .15); } .rnv-sec-alltime:hover { background: rgba(107, 114, 128, .1); } .dark .rnv-sec-alltime:hover { background: rgba(255, 255, 255, .06); } .rnv-sec-alltime.rnv-sec-alltime--on { background: color-mix(in srgb, var(--rnv-brand) 12%, transparent); border-color: color-mix(in srgb, var(--rnv-brand) 45%, transparent); color: var(--rnv-brand, #059669); font-weight: 600; } .dark .rnv-sec-alltime.rnv-sec-alltime--on { background: color-mix(in srgb, var(--rnv-brand-dark) 16%, transparent); border-color: color-mix(in srgb, var(--rnv-brand-dark) 45%, transparent); color: var(--rnv-brand-dark, #34d399); } .rnv-sec-alltime:focus-visible { outline: 2px solid var(--rnv-brand, #059669); outline-offset: 1px; } .dark .rnv-sec-alltime:focus-visible { outline-color: var(--rnv-brand-dark, #34d399); } .rnv-sec-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; } .rnv-sec-note { font-size: .8rem; color: #6b7280; margin: 0; line-height: 1.4; } .dark .rnv-sec-note { color: #b0b0b8; } .rnv-sec-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .5rem; } .rnv-sec-empty { font-size: .85rem; color: #6b7280; } .dark .rnv-sec-empty { color: #b0b0b8; } .rnv-sec-quadro-head { display: flex; flex-direction: column; gap: .15rem; } .rnv-sec-quadro-title { font-size: 1rem; font-weight: 600; color: #374151; margin: 0; line-height: 1.3; } .dark .rnv-sec-quadro-title { color: #e5e7eb; } .rnv-sec-quadro-sub { font-size: .8rem; color: #6b7280; margin: 0; line-height: 1.4; } .dark .rnv-sec-quadro-sub { color: #b0b0b8; } .rnv-sec-quadro-rule { height: 1px; background: rgba(0, 0, 0, .09); margin: .1rem 0 .25rem; } .dark .rnv-sec-quadro-rule { background: rgba(255, 255, 255, .1); } .rnv-sec-bar--quadro { justify-content: flex-end; } .rnv-sec-aibanner { display: flex; gap: .6rem; align-items: flex-start; padding: .7rem 1rem; border: 1px solid rgba(59, 130, 246, .35); border-radius: .6rem; background: rgba(59, 130, 246, .07); line-height: 1.5; } .rnv-sec-aibanner--action { cursor: pointer; transition: background-color .15s ease, border-color .15s ease; } .rnv-sec-aibanner--action:hover { background: rgba(59, 130, 246, .12); border-color: rgba(59, 130, 246, .5); } .rnv-sec-aibanner--action:focus-visible { outline: 2px solid var(--rnv-brand, #059669); outline-offset: 1px; } .dark .rnv-sec-aibanner--action:focus-visible { outline-color: var(--rnv-brand-dark, #34d399); } .rnv-sec-aibanner__icon { flex: 0 0 auto; font-size: 1.05rem; line-height: 1.3; } .rnv-sec-aibanner__body { display: flex; flex-direction: column; gap: .1rem; min-width: 0; } .rnv-sec-aibanner__eyebrow { font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #2563eb; } .dark .rnv-sec-aibanner__eyebrow { color: #93c5fd; } .rnv-sec-aibanner__title { font-size: .9rem; font-weight: 600; color: #1f2937; } .dark .rnv-sec-aibanner__title { color: #f3f4f6; } .rnv-sec-aibanner__detail { font-size: .82rem; color: #4b5563; } .dark .rnv-sec-aibanner__detail { color: #c7c7cf; } .rnv-sec--q { --rnv-secw-title: .8125rem; --rnv-secw-value: 1.4rem; --rnv-secw-row: .8125rem; --rnv-secw-sub: .72rem; } .rnv-sec--q .rnv-dash-title { font-size: var(--rnv-secw-title); } .rnv-sec--q .rnv-kpi-value, .rnv-sec--q .rnv-total-value { font-size: var(--rnv-secw-value); } .rnv-sec--q .rnv-kpi-line, .rnv-sec--q .rnv-row-sub, .rnv-sec--q .rnv-row-meta, .rnv-sec--q .rnv-total-label { font-size: var(--rnv-secw-sub); } .rnv-sec--q .rnv-row, .rnv-sec--q .rnv-row-value, .rnv-sec--q .rnv-row-label { font-size: var(--rnv-secw-row); } .rnv-sec--q .rnv-row-meta { display: block; margin-inline-start: 0; margin-top: .05rem; } .rnv-sec--q .rnv-row { align-items: flex-start; }