@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700|Montserrat:700&display=swap');

:root {
    --doklady-header: #434343;
    --doklady-heading: #222222;
    --doklady-text: #434343;
    --doklady-green: #2cda4b;
    --doklady-green-hover: #25c744;
    --doklady-focus: #16702a;
    --doklady-surface: #ffffff;
    --doklady-background: #f7f7f7;
}

*, *::before, *::after { box-sizing: border-box; }

body.doklady-page {
    display: flex;
    min-height: 100vh;
    min-height: 100dvh;
    flex-direction: column;
    margin: 0;
    background: var(--doklady-background);
    color: var(--doklady-text);
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

.doklady-header { background: var(--doklady-header); }

.doklady-header__inner {
    display: flex;
    align-items: center;
    width: min(100% - 40px, 1200px);
    min-height: 80px;
    margin-inline: auto;
}

.doklady-header-brand { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 18px; min-width: 0; margin-right: 16px; padding-block: 12px; }
.doklady-header-brand__title { color: #fff; font: 700 32px/1.15 Montserrat, sans-serif; }
.doklady-logo { display: block; width: 150px; height: auto; flex-shrink: 0; }
.doklady-dev-badge { color: #ff5c5c; font: 800 32px/1 Montserrat, sans-serif; letter-spacing: .08em; }

.doklady-settings-link { display: inline-flex; flex: 0 0 44px; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid rgb(255 255 255 / 55%); border-radius: 999px; color: #fff; }
.doklady-header .doklady-settings-link { margin-left: auto; margin-right: 12px; }
.doklady-title-row .doklady-settings-link { border-color: #b9c4bb; color: #176d27; }
.doklady-title-row .doklady-settings-link:hover { background: #e9f9ed; }
.doklady-settings-link:hover { background: rgb(255 255 255 / 12%); }
.doklady-settings-link:focus-visible { outline: 3px solid var(--doklady-green); outline-offset: 3px; }
.doklady-profile { position: relative; flex-shrink: 0; }
.doklady-header--no-settings .doklady-profile { margin-left: auto; }
.doklady-profile__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 64px;
    min-height: 44px;
    padding: 8px;
    border: 1px solid rgb(255 255 255 / 55%);
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    list-style: none;
}
.doklady-profile__toggle::-webkit-details-marker { display: none; }
.doklady-profile__toggle:hover, .doklady-profile[open] .doklady-profile__toggle { background: rgb(255 255 255 / 12%); }
.doklady-profile__toggle:focus-visible, .doklady-profile__logout:focus-visible { outline: 3px solid var(--doklady-green); outline-offset: 3px; }
.doklady-profile__arrow { transition: transform 150ms ease; }
.doklady-profile[open] .doklady-profile__arrow { transform: rotate(180deg); }
.doklady-profile__menu {
    position: absolute;
    z-index: 10;
    top: calc(100% + 8px);
    right: 0;
    width: min(300px, calc(100vw - 40px));
    padding: 6px;
    border: 1px solid #dedede;
    border-radius: 8px;
    background: var(--doklady-surface);
    box-shadow: 0 12px 36px rgb(0 0 0 / 16%);
}
.doklady-profile__identity { display: grid; gap: 4px; padding: 10px 14px 14px; border-bottom: 1px solid #dedede; overflow-wrap: anywhere; }
.doklady-profile__name { color: var(--doklady-heading); }
.doklady-profile__email { font-size: 14px; }
.doklady-profile__menu form { margin: 0; }
.doklady-profile__logout {
    width: 100%;
    padding: 12px 14px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: var(--doklady-heading);
    cursor: pointer;
    font: inherit;
    text-align: left;
}
.doklady-profile__logout:hover { background: #e9f9ed; }

.doklady-main {
    display: grid;
    flex: 1;
    place-items: center;
    width: 100%;
    padding: 40px 16px;
}

.doklady-main--wide { grid-template-columns: minmax(0, 1fr); place-items: start center; }

.doklady-card {
    width: min(100%, 460px);
    padding: 40px;
    border-radius: 12px;
    background: var(--doklady-surface);
    box-shadow: 0 12px 36px rgb(0 0 0 / 8%);
}

.doklady-card--wide { width: min(100%, 1060px); }

.doklady-tiles {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.doklady-tile {
    min-height: 140px;
    padding: 24px;
    border: 1px solid #dedede;
    border-radius: 8px;
    background: #f4f5f9;
}

.doklady-tile h2 {
    margin: 0 0 12px;
    color: var(--doklady-heading);
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    line-height: 1.3;
}

.doklady-tile p { margin: 0; }

.doklady-tile--link { padding: 0; }
.doklady-tile--link a { display: block; min-height: 138px; padding: 24px; border-radius: 8px; color: inherit; text-decoration: none; }
.doklady-tile--link a:hover { background: #e9f9ed; }
.doklady-tile--link a:focus-visible { outline: 3px solid var(--doklady-focus); outline-offset: 3px; }

.doklady-link { color: #176d27; font-weight: 700; }
.doklady-link:focus-visible { outline: 3px solid var(--doklady-focus); outline-offset: 3px; }
.doklady-empty { margin: 0 0 28px; padding: 24px; border-radius: 8px; background: #f4f5f9; }
.doklady-table-scroll { max-width: 100%; overflow-x: auto; }
.doklady-table-scroll:focus-visible { outline: 3px solid var(--doklady-focus); outline-offset: 3px; }
.doklady-table { width: 100%; min-width: 1200px; border-collapse: collapse; text-align: left; }
.doklady-table th, .doklady-table td { padding: 12px 16px; border-bottom: 1px solid #dedede; }
.doklady-table th { color: var(--doklady-heading); font-weight: 700; }
.doklady-table tbody tr:nth-child(even) { background: #f7f7f7; }
.doklady-table .doklady-col--subject { min-width: 260px; width: 260px; max-width: 300px; }
.doklady-table .doklady-col--tags { min-width: 180px; width: 180px; max-width: 220px; }
.doklady-cell-clamp { display: -webkit-box; overflow: hidden; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.doklady-cell-clamp--subject { -webkit-line-clamp: 3; }
.doklady-back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid #b9c4bb;
    border-radius: 8px;
    color: #176d27;
    text-decoration: none;
}
.doklady-back:hover { background: #e9f9ed; }
.doklady-back:focus-visible, .doklady-reset:focus-visible, .doklady-sort:focus-visible, .doklady-number-link:focus-visible { outline: 3px solid var(--doklady-focus); outline-offset: 2px; }
.doklady-sort { display: inline-flex; align-items: center; gap: 6px; color: inherit; text-decoration: none; white-space: nowrap; }
.doklady-sort:hover, .doklady-number-link:hover { color: #176d27; text-decoration: underline; }
.doklady-sort svg { flex: none; fill: none; stroke: #8b948d; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.doklady-sort .is-active { stroke: #176d27; stroke-width: 2.2; }
.doklady-number-link { color: #176d27; font-weight: 700; }

.doklady-actions { display: inline-flex; gap: 6px; white-space: nowrap; }
.doklady-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid #b9c4bb;
    border-radius: 7px;
    color: #176d27;
    background: #fff;
}
.doklady-action:hover { background: #e9f9ed; }
.doklady-action:focus-visible { outline: 3px solid var(--doklady-focus); outline-offset: 2px; }
.doklady-table tr[data-doklady-detail-row] { cursor: pointer; }

.doklady-detail-dialog {
    width: min(1160px, calc(100vw - 32px));
    max-width: none;
    max-height: min(792px, calc(100dvh - 32px));
    padding: 0;
    border: 0;
    border-radius: 18px;
    background: #fff;
    color: var(--doklady-heading);
    box-shadow: 0 24px 70px rgb(0 0 0 / 25%);
    overflow: auto;
}
.doklady-detail-dialog::backdrop { background: rgb(12 18 16 / 66%); }
.doklady-detail-dialog__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 24px;
    border-bottom: 1px solid #dedede;
}
.doklady-detail-dialog__header h2 { margin: 0; font: 700 22px/1.3 Montserrat, sans-serif; }
.doklady-detail-dialog__close {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid #b9c4bb;
    border-radius: 8px;
    background: #fff;
    color: #176d27;
    cursor: pointer;
    font: 28px/1 'Noto Sans', sans-serif;
    text-decoration: none;
}
.doklady-detail-dialog__close:hover { background: #e9f9ed; }
.doklady-detail-dialog__close:focus-visible { outline: 3px solid var(--doklady-focus); outline-offset: 2px; }
.doklady-detail-dialog__body { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 20px; padding: 20px 24px 24px; }
.doklady-detail-dialog__metadata { min-width: 0; margin: 0; }
.doklady-detail-dialog__metadata dl { margin: 0; }
.doklady-detail-dialog__tags { margin-top: 20px; padding-top: 16px; border-top: 1px solid #dedede; }
.doklady-detail-dialog__tags h3 { margin: 0 0 12px; font: 700 18px/1.3 Montserrat, sans-serif; }
.doklady-detail-dialog__tags p { margin: 0 0 12px; }
.doklady-detail-dialog__tag-search-label { display: block; margin-bottom: 6px; font-weight: 700; }
.doklady-detail-dialog__tag-search { display: block; width: 100%; min-height: 44px; margin-bottom: 10px; padding: 8px 10px; border: 1px solid #838383; border-radius: 6px; font: inherit; }
.doklady-detail-dialog__tag-search:focus-visible { outline: 3px solid var(--doklady-focus); outline-offset: 2px; }
.doklady-detail-dialog__tag-options { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 8px; max-height: 210px; margin-bottom: 14px; padding: 4px; overflow-y: auto; border: 1px solid #dedede; border-radius: 8px; }
.doklady-detail-dialog__tag-options:focus-visible { outline: 3px solid var(--doklady-focus); outline-offset: 2px; }
.doklady-detail-dialog__tag-no-match { margin: 0 0 12px; }
.doklady-detail-dialog__tag-options label { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 6px 10px; border: 1px solid #b9c4bb; border-radius: 999px; cursor: pointer; }
.doklady-detail-dialog__tag-options label[hidden], .doklady-detail-dialog__tag-no-match[hidden] { display: none; }
.doklady-detail-dialog__tag-options label:has(input:checked) { border-color: #176d27; background: #e9f9ed; }
.doklady-detail-dialog__tag-options input:focus-visible { outline: 3px solid var(--doklady-focus); outline-offset: 2px; }
.doklady-detail-dialog__field { display: grid; grid-template-columns: minmax(0, 40%) minmax(0, 60%); gap: 12px; padding: 12px 4px; border-bottom: 1px solid #dedede; }
.doklady-detail-dialog__field dt { color: #434343; font-weight: 700; }
.doklady-detail-dialog__field dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.doklady-detail-dialog__preview { min-width: 0; }
.doklady-detail-dialog__mobile-pdf-link { display: none; }
.doklady-detail-dialog__preview iframe { display: block; width: 100%; height: 570px; border: 1px solid #dedede; border-radius: 6px; background: #eee; }
.doklady-detail-dialog__links { display: flex; flex-wrap: wrap; gap: 12px 20px; margin: 12px 0 0; }
.doklady-detail-dialog__loading, .doklady-detail-dialog__failure { margin: 0; padding: 28px; }
.doklady-detail-dialog__failure { position: relative; padding-right: 76px; }
.doklady-detail-dialog__failure .doklady-detail-dialog__close { position: absolute; top: 16px; right: 16px; }
.doklady-detail-page .doklady-main { display: block; }
.doklady-detail-page .doklady-detail-dialog { position: static; max-height: none; margin: 0 auto; }

.doklady-card h1 {
    margin: 0;
    color: var(--doklady-heading);
    font-family: Montserrat, sans-serif;
    font-size: clamp(25px, 5vw, 32px);
    font-weight: 700;
    line-height: 1.2;
}

.doklady-title-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin-top: 12px; }
.doklady-title-row h1 { flex: 1 1 300px; min-width: 0; }
.doklady-year-form { display: none; flex-wrap: wrap; align-items: center; gap: 8px; }
.doklady-js .doklady-year-form { display: flex; }
.doklady-year-form label { font-weight: 700; }
.doklady-year-form select {
    min-width: 90px;
    min-height: 44px;
    padding: 8px;
    border: 1px solid #838383;
    border-radius: 6px;
    background: #fff;
    color: var(--doklady-heading);
    font: inherit;
}
.doklady-year-form select:focus-visible { outline: 3px solid var(--doklady-focus); outline-offset: 2px; }
.doklady-year-form select[aria-invalid="true"] { border-color: #a12b2b; }
.doklady-year-form__error { flex-basis: 100%; color: #762020; font-size: 13px; }
.doklady-filter-fallback { margin: 16px 0 0; }
.doklady-js .doklady-filter-fallback { display: none; }

.doklady-intro { margin: 16px 0 28px; }
.doklady-login-recovery { margin: 20px 0 0; }

.doklady-filters {
    display: none;
    grid-template-columns: repeat(5, minmax(0, 1fr)) 44px;
    gap: 16px;
    margin: 16px 0 0;
    padding: 20px;
    border-radius: 8px;
    background: #f4f5f9;
}
.doklady-js .doklady-filters { display: grid; }
.doklady-filters__field { min-width: 0; }
.doklady-filters__field--search, .doklady-filters__field--tags { grid-column: span 2; }
.doklady-filters__field--buyer { grid-column: span 3; }
.doklady-filters__field label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 700; }
.doklady-filters__label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 700; }
.doklady-filters__field input, .doklady-filters__field select {
    width: 100%;
    min-height: 44px;
    padding: 8px 10px;
    border: 1px solid #838383;
    border-radius: 6px;
    background: #fff;
    color: var(--doklady-heading);
    font: inherit;
}
.doklady-filters__field input:focus-visible, .doklady-filters__field select:focus-visible {
    outline: 3px solid var(--doklady-focus);
    outline-offset: 2px;
}
.doklady-filters__field [aria-invalid="true"] { border-color: #a12b2b; }
.doklady-filters__error { display: block; margin-top: 6px; font-size: 13px; }
.doklady-filters__error { color: #762020; }
.doklady-tag-picker, .doklady-buyer-picker { position: relative; }
.doklady-tag-picker summary, .doklady-buyer-picker summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; padding: 8px 10px; border: 1px solid #838383; border-radius: 6px; background: #fff; color: var(--doklady-heading); cursor: pointer; list-style: none; }
.doklady-tag-picker summary::-webkit-details-marker, .doklady-buyer-picker summary::-webkit-details-marker { display: none; }
.doklady-tag-picker summary:focus-visible, .doklady-tag-picker input:focus-visible, .doklady-buyer-picker summary:focus-visible, .doklady-buyer-picker input:focus-visible { outline: 3px solid var(--doklady-focus); outline-offset: 2px; }
.doklady-tag-picker summary[aria-invalid="true"], .doklady-buyer-picker summary[aria-invalid="true"] { border-color: #a12b2b; }
.doklady-tag-picker summary > span:first-child, .doklady-buyer-picker summary > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.doklady-tag-picker__chevron, .doklady-buyer-picker__chevron { width: 8px; height: 8px; flex: none; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.doklady-tag-picker[open] .doklady-tag-picker__chevron, .doklady-buyer-picker[open] .doklady-buyer-picker__chevron { transform: translateY(2px) rotate(225deg); }
.doklady-tag-picker__popup, .doklady-buyer-picker__popup { position: absolute; z-index: 20; top: calc(100% + 4px); right: 0; width: min(280px, calc(100vw - 64px)); max-height: 300px; overflow-y: auto; padding: 8px; border: 1px solid #b9c4bb; border-radius: 8px; background: #fff; box-shadow: 0 12px 30px rgb(0 0 0 / 18%); }
.doklady-filters__field .doklady-tag-picker__popup label, .doklady-filters__field .doklady-buyer-picker__popup label { margin: 0; }
.doklady-tag-picker__popup > label[for="filter-tag-search"], .doklady-buyer-picker__popup > label[for="filter-buyer-search"] { display: block; margin-bottom: 6px; }
.doklady-tag-picker__popup input[type="search"], .doklady-buyer-picker__popup input[type="search"] { margin-bottom: 6px; }
.doklady-tag-picker__option, .doklady-buyer-picker__option { display: flex !important; min-height: 44px; align-items: center; gap: 9px; padding: 7px 4px; font-weight: 400 !important; overflow-wrap: anywhere; cursor: pointer; }
.doklady-tag-picker__option[hidden], .doklady-buyer-picker__option[hidden] { display: none !important; }
.doklady-tag-picker__option input[type="checkbox"], .doklady-buyer-picker__option input[type="checkbox"] { width: 18px; height: 18px; min-height: 0; flex: none; margin: 0; padding: 0; accent-color: #176d27; }
.doklady-tag-picker__master, .doklady-buyer-picker__master { border-bottom: 1px solid #dedede; }
.doklady-tag-picker__options, .doklady-buyer-picker__options { max-height: 180px; overflow-y: auto; }
.doklady-tag-picker__no-match, .doklady-buyer-picker__no-match { margin: 10px 4px 0; font-size: 13px; }
.doklady-tag-picker__no-match[hidden], .doklady-buyer-picker__no-match[hidden] { display: none; }
.doklady-filters__actions { display: flex; grid-column: -2 / -1; grid-row: 2; justify-content: flex-end; align-items: flex-end; }
.doklady-reset { display: inline-flex; flex: 0 0 44px; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid #b9c4bb; border-radius: 999px; color: #176d27; background: #fff; }
.doklady-reset svg { display: block; width: 26px; height: 26px; stroke-width: 2.2; }
.doklady-reset:hover { background: #e9f9ed; }
.doklady-filter-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.doklady-filter-status--error { position: static; width: auto; height: auto; margin: 12px 0; overflow: visible; clip-path: none; color: #762020; white-space: normal; }

.doklady-error {
    margin: 0 0 24px;
    padding: 12px 14px;
    border-left: 4px solid #a12b2b;
    border-radius: 4px;
    background: #fff1f1;
    color: #762020;
}

.doklady-field { margin-bottom: 24px; }
.doklady-field label { display: block; margin-bottom: 8px; font-weight: 700; }

.doklady-field input {
    display: block;
    width: 100%;
    min-height: 48px;
    padding: 10px 14px;
    border: 1px solid #838383;
    border-radius: 6px;
    background: #fff;
    color: var(--doklady-heading);
    font: inherit;
}

.doklady-field input[aria-invalid="true"] { border-color: #a12b2b; }

.doklady-field input:focus-visible,
.doklady-button:focus-visible {
    outline: 3px solid var(--doklady-focus);
    outline-offset: 3px;
}

.doklady-button {
    display: inline-block;
    min-height: 48px;
    padding: 14px 32px;
    border: 0;
    border-radius: 999px;
    background: var(--doklady-green);
    color: #173b1d;
    cursor: pointer;
    font: 700 14px/20px 'Noto Sans', sans-serif;
    text-align: center;
    text-transform: uppercase;
}

.doklady-button:hover { background: var(--doklady-green-hover); }

.doklady-settings h1 { margin: 12px 0 24px; }
.doklady-settings__tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; padding-bottom: 8px; border-bottom: 1px solid #dedede; }
.doklady-settings__tabs a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 18px; border: 1px solid #b9c4bb; border-radius: 999px; color: #176d27; font-weight: 700; text-decoration: none; }
.doklady-settings__tabs a:hover { background: #e9f9ed; }
.doklady-settings__tabs a[aria-current="page"] { border-color: #176d27; background: #e9f9ed; color: #173b1d; }
.doklady-settings__tabs a:focus-visible { outline: 3px solid var(--doklady-focus); outline-offset: 2px; }
.doklady-settings h2, .doklady-settings h3 { color: var(--doklady-heading); font-family: Montserrat, sans-serif; }
.doklady-settings h3 { margin-top: 32px; }
.doklady-settings__form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; max-width: 800px; }
.doklady-settings__form .doklady-field { min-width: 0; }
.doklady-settings__form select { display: block; width: 100%; min-height: 48px; padding: 10px 14px; border: 1px solid #838383; border-radius: 6px; background: #fff; color: var(--doklady-heading); font: inherit; }
.doklady-settings__form select:focus-visible { outline: 3px solid var(--doklady-focus); outline-offset: 3px; }
.doklady-settings__form small { display: block; margin-top: 5px; }
.doklady-settings__new-user { grid-column: 1 / -1; margin: 0 0 24px; padding: 14px; border: 1px solid #b9c4bb; border-radius: 8px; }
.doklady-settings__new-user legend { font-weight: 700; }
.doklady-settings__new-user p { margin: 0 0 14px; }
.doklady-settings__new-user .doklady-field { max-width: 460px; }
.doklady-settings__scopes { display: flex; gap: 12px 20px; flex-wrap: wrap; align-self: start; margin: 0 0 24px; padding: 12px; border: 1px solid #838383; border-radius: 6px; }
.doklady-settings__scopes legend { font-weight: 700; }
.doklady-settings__scopes label { white-space: nowrap; }
.doklady-settings__form .doklady-button { justify-self: start; align-self: start; }
.doklady-settings__success, .doklady-settings__secret { padding: 14px; border-left: 4px solid #16702a; border-radius: 4px; background: #e9f9ed; }
.doklady-settings__secret { margin-bottom: 24px; }
.doklady-settings__secret p { margin-top: 0; }
.doklady-settings__secret label { display: block; margin-bottom: 6px; font-weight: 700; }
.doklady-settings__copy-row { display: flex; gap: 8px; }
.doklady-settings__copy-row input { min-width: 0; flex: 1; padding: 8px; border: 1px solid #838383; border-radius: 6px; font: inherit; }
.doklady-settings__copy-row button, .doklady-settings__table button { padding: 8px 12px; border: 1px solid #176d27; border-radius: 6px; background: #fff; color: #176d27; cursor: pointer; font: inherit; }
.doklady-settings__copy-row button:hover, .doklady-settings__table button:hover { background: #e9f9ed; }
.doklady-settings__copy-row button:focus-visible, .doklady-settings__table button:focus-visible { outline: 3px solid var(--doklady-focus); outline-offset: 2px; }
.doklady-settings__table { min-width: 1050px; }
.doklady-settings__table th, .doklady-settings__table td { vertical-align: top; overflow-wrap: anywhere; }
.doklady-settings__table form { min-width: 165px; }
.doklady-settings__confirm { display: block; margin-bottom: 7px; font-size: 13px; }
.doklady-settings__tags { margin-top: 42px; padding-top: 24px; border-top: 1px solid #dedede; }
.doklady-settings__tabs + .doklady-settings__tags { margin-top: 0; padding-top: 0; border-top: 0; }
.doklady-settings__tag-create, .doklady-settings__tag-list form { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.doklady-settings__tag-create label, .doklady-settings__tag-list form label { font-weight: 700; }
.doklady-settings__tag-create input, .doklady-settings__tag-list input[name="tag_name"] { min-height: 44px; min-width: 180px; flex: 1; padding: 8px; border: 1px solid #838383; border-radius: 6px; font: inherit; }
.doklady-settings__tag-create button, .doklady-settings__tag-list button { min-height: 44px; padding: 8px 12px; border: 1px solid #176d27; border-radius: 6px; background: #fff; color: #176d27; cursor: pointer; font: inherit; }
.doklady-settings__tag-create button:hover, .doklady-settings__tag-list button:hover { background: #e9f9ed; }
.doklady-settings__tag-create button:focus-visible, .doklady-settings__tag-list button:focus-visible, .doklady-settings__tag-create input:focus-visible, .doklady-settings__tag-list input:focus-visible { outline: 3px solid var(--doklady-focus); outline-offset: 2px; }
.doklady-settings__tag-list { display: grid; gap: 12px; margin: 24px 0 0; padding: 0; list-style: none; }
.doklady-settings__tag-list li { display: grid; gap: 10px; padding: 14px; border: 1px solid #dedede; border-radius: 8px; }
.doklady-settings__tag-list form label:has(input[type="checkbox"]) { font-weight: 400; }

@media (max-width: 800px) {
    .doklady-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .doklady-filters__field--search { grid-column: 1 / -1; }
    .doklady-filters__field--buyer, .doklady-filters__field--tags { grid-column: auto; }
    .doklady-filters__actions { grid-column: auto; grid-row: auto; }
    .doklady-tag-picker__popup, .doklady-buyer-picker__popup { position: static; width: 100%; margin-top: 4px; box-shadow: none; }
    .doklady-detail-dialog__body { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 480px) {
    .doklady-settings__form { grid-template-columns: minmax(0, 1fr); }
    .doklady-settings__copy-row { flex-direction: column; }
    .doklady-header__inner { min-height: 70px; }
    .doklady-logo { width: 100px; }
    .doklady-header-brand { gap: 8px 12px; }
    .doklady-header-brand__title { font-size: 24px; }
    .doklady-dev-badge { font-size: 20px; }
    .doklady-main { padding: 24px 16px; }
    .doklady-card { padding: 28px 24px; }
    .doklady-tiles { grid-template-columns: 1fr; }
    .doklady-tile { min-height: 0; }
    .doklady-tile--link a { min-height: 0; }
    .doklady-filters { grid-template-columns: minmax(0, 1fr); padding: 16px; }
    .doklady-filters__field--search, .doklady-filters__field--buyer, .doklady-filters__field--tags { grid-column: auto; }
    .doklady-filters__actions { flex-wrap: wrap; }
    .doklady-detail-dialog { width: calc(100vw - 32px); max-height: calc(100dvh - 32px); border-radius: 14px; }
    .doklady-detail-dialog__header { padding: 16px; }
    .doklady-detail-dialog__header h2 { font-size: 18px; }
    .doklady-detail-dialog__body { gap: 20px; padding: 8px 16px 20px; }
    .doklady-detail-dialog__field { grid-template-columns: minmax(0, 42%) minmax(0, 58%); gap: 8px; }
    .doklady-detail-dialog__mobile-pdf-link { display: block; margin: 0 0 12px; }
    .doklady-detail-dialog__mobile-pdf-link a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 12px; border: 1px solid #b9c4bb; border-radius: 7px; }
    .doklady-detail-dialog__preview iframe { height: 480px; }
}