.articles-page{flex-direction:column;width:100%;max-width:72rem;display:flex}.articles-page__header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.articles-page__tabs{border-bottom:1px solid var(--border-color);gap:.25rem;margin-bottom:1rem;padding-bottom:0;display:flex}.articles-page__tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s}.articles-page__tab:hover{color:var(--foreground)}.articles-page__tab--active{color:var(--foreground);border-bottom-color:var(--foreground)}.articles-page__tab--active[data-tab=tjanster]{color:#185fa5;border-bottom-color:#185fa5}.articles-page__tab--active[data-tab=varor]{color:#854f0b;border-bottom-color:#854f0b}.articles-page__tab--active[data-tab=privatkund]{color:#534ab7;border-bottom-color:#534ab7}.articles-page__tab-count{opacity:.6;margin-left:.25rem;font-size:.75rem}.articles-page__toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.articles-page__search{width:100%;max-width:20rem;padding:.5rem .75rem;font-size:.875rem}.articles-page__total{color:var(--muted);white-space:nowrap;font-size:.875rem}.articles-page__table-wrap{display:block;overflow-x:auto}.articles-page__table{border-collapse:collapse;width:100%}.articles-page__table th{text-align:left;border-bottom:1px solid var(--border-color);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;padding:.5rem .75rem;font-size:.75rem;font-weight:500}.articles-page__th-right{text-align:right!important}.articles-page__table td{border-bottom:1px solid var(--border-color);cursor:pointer;white-space:nowrap;padding:.625rem .75rem;font-size:.875rem}.articles-page__check-col{width:2.5rem;padding:.5rem}.articles-page__check-col input{cursor:pointer;width:1rem;height:1rem}.articles-page__row:hover td,.articles-page__row--selected td{background:var(--card-bg)}.articles-page__td-nr{color:#185fa5;font-weight:500}.articles-page__td-name{font-weight:500}.articles-page__td-muted{color:var(--muted)}.articles-page__td-right{text-align:right}.articles-page__badge{border-radius:var(--radius);letter-spacing:.03em;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.articles-page__badge--tjanster{color:#0c447c;background:#e6f1fb}.articles-page__badge--varor{color:#633806;background:#faeeda}.articles-page__badge--privatkund{color:#3c3489;background:#eeedfe}.articles-page__actions-cell{cursor:default;width:2.5rem;position:relative}.articles-page__menu-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1rem}.articles-page__menu-btn:hover{color:var(--foreground)}.articles-page__menu{z-index:50;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--card-bg);width:10rem;position:absolute;top:calc(100% + .25rem);right:0;overflow:hidden}.articles-page__menu-item{border:none;border-bottom:1px solid var(--border-color);width:100%;color:var(--foreground);text-align:left;cursor:pointer;background:0 0;padding:.5rem .75rem;font-size:.8125rem;display:block}.articles-page__menu-item:last-child{border-bottom:0}.articles-page__menu-item:hover{background:var(--border-color)}.articles-page__menu-item--danger{color:#ef4444}.articles-page__menu-divider{background:var(--border-color);height:1px}.articles-page__empty{text-align:center;color:var(--muted);padding:2rem;font-size:.875rem}.articles-page__cards{display:none}.articles-page__card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--card-bg);cursor:pointer;padding:1rem;transition:border-color .15s}.articles-page__card:hover{border-color:var(--muted)}.articles-page__card-header{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.articles-page__card-number{font-size:.9375rem;font-weight:500}.articles-page__card-name{margin-bottom:.5rem;font-size:.875rem;font-weight:500}.articles-page__card-details{color:var(--muted);justify-content:space-between;font-size:.8125rem;display:flex}html.dark .articles-page__td-nr{color:#85b7eb}html.dark .articles-page__badge--tjanster{color:#85b7eb;background:#042c5380}html.dark .articles-page__badge--varor{color:#fac775;background:#41240280}html.dark .articles-page__badge--privatkund{color:#afa9ec;background:#26215c80}html.dark .articles-page__tab--active[data-tab=tjanster]{color:#85b7eb;border-bottom-color:#85b7eb}html.dark .articles-page__tab--active[data-tab=varor]{color:#fac775;border-bottom-color:#fac775}html.dark .articles-page__tab--active[data-tab=privatkund]{color:#afa9ec;border-bottom-color:#afa9ec}@media (max-width:48rem){.articles-page__table-wrap{display:none}.articles-page__cards{flex-direction:column;gap:.5rem;display:flex}.articles-page__toolbar{flex-direction:column;align-items:stretch}.articles-page__search{max-width:100%}.articles-page__total{text-align:right}}