mirror of
https://github.com/avecms/AVE.cms.git
synced 2026-08-01 08:45:44 +00:00
3530 lines
77 KiB
CSS
3530 lines
77 KiB
CSS
.documents-summary {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
|
||
gap: 14px;
|
||
margin-bottom: 16px;
|
||
}
|
||
.documents-panel a,
|
||
.documents-panel a:hover {
|
||
text-decoration: none;
|
||
}
|
||
.documents-stat {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 14px;
|
||
padding: 16px;
|
||
}
|
||
.documents-stat b {
|
||
display: block;
|
||
font-size: 20px;
|
||
line-height: 1.1;
|
||
font-weight: 800;
|
||
font-variant-numeric: tabular-nums;
|
||
}
|
||
.documents-stat span {
|
||
font-size: 13px;
|
||
color: var(--text-secondary);
|
||
}
|
||
.documents-panel-header {
|
||
margin-bottom: 18px;
|
||
}
|
||
.documents-panel-header h2 {
|
||
font-size: 22px;
|
||
line-height: 1.2;
|
||
font-weight: 800;
|
||
letter-spacing: 0;
|
||
}
|
||
.documents-card {
|
||
padding: 0;
|
||
overflow: hidden;
|
||
}
|
||
.documents-term-combobox {
|
||
width: 100%;
|
||
}
|
||
.documents-term-input {
|
||
min-height: 42px;
|
||
padding: 5px 7px;
|
||
gap: 6px;
|
||
align-content: center;
|
||
}
|
||
.documents-term-input > input[data-document-term-query] {
|
||
min-width: 180px;
|
||
height: 28px;
|
||
padding: 0 3px;
|
||
border: 0 !important;
|
||
border-radius: 0;
|
||
outline: 0 !important;
|
||
background: transparent;
|
||
box-shadow: none !important;
|
||
}
|
||
.documents-term-input > input[data-document-term-query]:focus,
|
||
.documents-term-input > input[data-document-term-query]:focus-visible {
|
||
border: 0 !important;
|
||
outline: 0 !important;
|
||
box-shadow: none !important;
|
||
}
|
||
.documents-term-chip {
|
||
max-width: min(100%, 360px);
|
||
min-height: 28px;
|
||
padding: 3px 4px 3px 9px;
|
||
}
|
||
.documents-term-chip > span {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.documents-term-chip > button {
|
||
position: relative;
|
||
flex: 0 0 auto;
|
||
width: 22px;
|
||
height: 22px;
|
||
padding: 0;
|
||
transition-property: background-color, opacity;
|
||
transition-duration: 120ms;
|
||
}
|
||
.documents-term-chip > button:active {
|
||
transform: scale(0.96);
|
||
}
|
||
.documents-term-chip > button::after {
|
||
position: absolute;
|
||
inset: -6px;
|
||
content: '';
|
||
}
|
||
.documents-term-options {
|
||
z-index: 90;
|
||
max-height: 260px;
|
||
padding: 5px;
|
||
}
|
||
.documents-term-option {
|
||
width: 100%;
|
||
min-height: 40px;
|
||
border: 0;
|
||
background: var(--background-surface);
|
||
text-align: left;
|
||
color: var(--text-primary);
|
||
}
|
||
.documents-term-option:hover,
|
||
.documents-term-option[aria-selected="true"] {
|
||
background: var(--background-muted);
|
||
}
|
||
.documents-term-option > i {
|
||
flex: 0 0 auto;
|
||
color: var(--text-tertiary);
|
||
font-size: 16px;
|
||
}
|
||
.documents-term-option.is-new > i,
|
||
.documents-term-option.is-new .documents-term-option-label {
|
||
color: var(--color-primary);
|
||
}
|
||
.documents-term-option-label {
|
||
min-width: 0;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.documents-term-option .co-sub {
|
||
flex: 0 0 auto;
|
||
font-variant-numeric: tabular-nums;
|
||
}
|
||
.documents-term-status {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 8px;
|
||
min-height: 54px;
|
||
padding: 10px;
|
||
color: var(--text-muted);
|
||
font-size: 12.5px;
|
||
}
|
||
.documents-term-status.is-error {
|
||
color: var(--red-600);
|
||
}
|
||
.documents-term-status .ti-loader-2 {
|
||
animation: documents-term-spin 0.7s linear infinite;
|
||
}
|
||
@keyframes documents-term-spin {
|
||
to {
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
.documents-filter-card {
|
||
margin-bottom: 14px;
|
||
}
|
||
.documents-section-head {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
justify-content: space-between;
|
||
gap: 16px;
|
||
padding: 18px 20px;
|
||
border: 0;
|
||
border-bottom: 1px solid var(--border-default);
|
||
}
|
||
.documents-section-title {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
gap: 12px;
|
||
min-width: 0;
|
||
}
|
||
.documents-section-title h2 {
|
||
margin: 0 0 4px;
|
||
font-size: 16px;
|
||
line-height: 1.25;
|
||
font-weight: 700;
|
||
letter-spacing: 0;
|
||
}
|
||
.documents-section-title p {
|
||
margin: 0;
|
||
font-size: 13px;
|
||
line-height: 1.4;
|
||
}
|
||
.documents-head-icon {
|
||
width: 34px;
|
||
height: 34px;
|
||
border-radius: var(--radius-md);
|
||
font-size: 17px;
|
||
}
|
||
/* Лёгкие карточки редактора: однострочные негромкие заголовки секций */
|
||
.documents-edit-card .documents-section-head {
|
||
align-items: center;
|
||
padding: 11px 16px;
|
||
}
|
||
.documents-edit-card .documents-section-head h2 {
|
||
margin: 0;
|
||
font-size: 14px;
|
||
line-height: 1.3;
|
||
font-weight: 700;
|
||
letter-spacing: 0;
|
||
color: var(--text-primary);
|
||
min-width: 0;
|
||
}
|
||
/* Цветной акцент и тонированная шапка карточек редактора */
|
||
.documents-edit-card .documents-section-head {
|
||
gap: 10px;
|
||
background: transparent;
|
||
}
|
||
.documents-head-left {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
min-width: 0;
|
||
}
|
||
.documents-edit-card .documents-head-icon {
|
||
flex: 0 0 auto;
|
||
width: 32px;
|
||
height: 32px;
|
||
display: grid;
|
||
place-items: center;
|
||
font-size: 16px;
|
||
}
|
||
/* Компактные инструменты документа (заметки/редиректы/ревизии) */
|
||
.documents-tools {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 4px;
|
||
padding: 8px;
|
||
}
|
||
.documents-tool {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 11px;
|
||
width: 100%;
|
||
padding: 8px 10px;
|
||
border: 0;
|
||
border-radius: var(--radius-md);
|
||
background: none;
|
||
text-align: left;
|
||
color: inherit;
|
||
cursor: pointer;
|
||
transition: background-color 0.12s;
|
||
}
|
||
.documents-tool:hover:not(:disabled) {
|
||
background: var(--surface-muted);
|
||
}
|
||
.documents-tool:disabled {
|
||
opacity: 0.55;
|
||
cursor: not-allowed;
|
||
}
|
||
.documents-tool .icon-tile {
|
||
flex: 0 0 auto;
|
||
width: 34px;
|
||
height: 34px;
|
||
}
|
||
.documents-tool-body {
|
||
display: flex;
|
||
flex-direction: column;
|
||
min-width: 0;
|
||
flex: 1 1 auto;
|
||
}
|
||
.documents-tool-body b {
|
||
font-size: 13.5px;
|
||
line-height: 1.2;
|
||
}
|
||
.documents-tool-body small {
|
||
margin-top: 2px;
|
||
color: var(--text-secondary);
|
||
font-size: 11.5px;
|
||
}
|
||
.documents-tool-arrow {
|
||
color: var(--text-muted);
|
||
font-size: 16px;
|
||
}
|
||
.documents-toolbar,
|
||
.documents-filter {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
}
|
||
.documents-filter {
|
||
flex: 1 1 auto;
|
||
min-width: 0;
|
||
flex-wrap: wrap;
|
||
}
|
||
.documents-filter .input-wrap {
|
||
flex: 1 1 300px;
|
||
min-width: 240px;
|
||
max-width: 520px;
|
||
}
|
||
.documents-filter .select {
|
||
width: auto;
|
||
min-width: 190px;
|
||
}
|
||
.documents-panel .table-scroll {
|
||
max-height: none;
|
||
overflow-x: hidden;
|
||
overflow-y: hidden;
|
||
}
|
||
.documents-table {
|
||
width: 100%;
|
||
min-width: 0;
|
||
table-layout: fixed;
|
||
}
|
||
/* Представления списка, настроенные на уровне рубрики */
|
||
.documents-admin-view-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
|
||
gap: 12px;
|
||
padding: 14px;
|
||
background: var(--background-muted);
|
||
}
|
||
.documents-admin-card {
|
||
min-width: 0;
|
||
overflow: hidden;
|
||
border: 1px solid var(--border-default);
|
||
border-radius: var(--radius-md);
|
||
background: var(--surface-card);
|
||
transition-property: border-color, box-shadow, transform;
|
||
transition-duration: 150ms;
|
||
}
|
||
.documents-admin-card:hover {
|
||
border-color: var(--blue-300);
|
||
box-shadow: var(--shadow-sm);
|
||
}
|
||
.documents-admin-card.is-draft {
|
||
border-left: 3px solid var(--amber-400);
|
||
}
|
||
.documents-admin-card.is-deleted {
|
||
border-left: 3px solid var(--gray-400);
|
||
background: color-mix(in srgb, var(--gray-100) 35%, var(--surface-card));
|
||
}
|
||
.documents-admin-card > header {
|
||
display: grid;
|
||
grid-template-columns: auto minmax(0, 1fr) auto;
|
||
gap: 10px;
|
||
align-items: start;
|
||
min-height: 66px;
|
||
padding: 12px 14px;
|
||
border-bottom: 1px solid var(--border-subtle);
|
||
background: var(--background-muted);
|
||
}
|
||
.documents-admin-card-title {
|
||
min-width: 0;
|
||
}
|
||
.documents-admin-card-title a,
|
||
.documents-admin-card-title small {
|
||
display: block;
|
||
letter-spacing: 0;
|
||
}
|
||
.documents-admin-card-title a {
|
||
display: -webkit-box;
|
||
overflow: hidden;
|
||
color: var(--text-primary);
|
||
font-size: 13.5px;
|
||
font-weight: 700;
|
||
line-height: 1.35;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 2;
|
||
white-space: normal;
|
||
}
|
||
.documents-admin-card-title small {
|
||
margin-top: 3px;
|
||
overflow: hidden;
|
||
color: var(--text-muted);
|
||
font-size: 10.5px;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.documents-admin-card-body {
|
||
min-height: 92px;
|
||
padding: 12px 14px;
|
||
}
|
||
.documents-admin-fields {
|
||
display: grid;
|
||
grid-template-columns: repeat(6, minmax(0, 1fr));
|
||
gap: 12px;
|
||
}
|
||
.documents-admin-fields > div {
|
||
grid-column: span 3;
|
||
min-width: 0;
|
||
}
|
||
.documents-admin-fields > .is-small {
|
||
grid-column: span 2;
|
||
}
|
||
.documents-admin-fields > .is-wide {
|
||
grid-column: span 6;
|
||
}
|
||
.documents-admin-fields small {
|
||
display: block;
|
||
margin-bottom: 4px;
|
||
color: var(--text-muted);
|
||
font-size: 10.5px;
|
||
}
|
||
.documents-admin-fields > div > span:not(.badge) {
|
||
display: block;
|
||
overflow: hidden;
|
||
color: var(--text-secondary);
|
||
font-size: 12px;
|
||
line-height: 1.4;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.documents-admin-fields img,
|
||
.documents-admin-value img {
|
||
display: block;
|
||
width: 48px;
|
||
height: 48px;
|
||
border-radius: var(--radius-md);
|
||
object-fit: cover;
|
||
outline: 1px solid rgba(0, 0, 0, 0.1);
|
||
}
|
||
[data-theme="dark"] .documents-admin-fields img,
|
||
[data-theme="dark"] .documents-admin-value img {
|
||
outline-color: rgba(255, 255, 255, 0.1);
|
||
}
|
||
.documents-admin-fields-empty {
|
||
grid-column: 1 / -1 !important;
|
||
color: var(--text-muted);
|
||
font-size: 12px;
|
||
text-align: center;
|
||
}
|
||
.documents-admin-custom {
|
||
min-width: 0;
|
||
color: var(--text-secondary);
|
||
font-size: 12.5px;
|
||
line-height: 1.5;
|
||
}
|
||
.documents-admin-custom > :first-child {
|
||
margin-top: 0;
|
||
}
|
||
.documents-admin-custom > :last-child {
|
||
margin-bottom: 0;
|
||
}
|
||
.documents-admin-card > footer {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 10px;
|
||
min-height: 50px;
|
||
padding: 8px 10px 8px 14px;
|
||
border-top: 1px solid var(--border-subtle);
|
||
}
|
||
.documents-admin-card > footer > span {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 5px;
|
||
font-size: 10.5px;
|
||
}
|
||
.documents-admin-table-scroll {
|
||
overflow-x: hidden;
|
||
}
|
||
.documents-admin-table {
|
||
width: 100%;
|
||
min-width: 0;
|
||
table-layout: fixed;
|
||
}
|
||
.documents-admin-table th,
|
||
.documents-admin-table td {
|
||
min-width: 0;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.documents-admin-table th {
|
||
white-space: normal;
|
||
}
|
||
.documents-admin-table .documents-admin-check {
|
||
width: 44px;
|
||
}
|
||
.documents-admin-table .documents-admin-id {
|
||
width: 78px;
|
||
}
|
||
.documents-admin-table .documents-admin-actions {
|
||
width: 176px;
|
||
}
|
||
.documents-admin-table th.is-small {
|
||
width: 9%;
|
||
}
|
||
.documents-admin-table th.is-medium {
|
||
width: 13%;
|
||
}
|
||
.documents-admin-table th.is-wide {
|
||
width: 19%;
|
||
}
|
||
.documents-admin-value > span:not(.badge) {
|
||
display: block;
|
||
overflow: hidden;
|
||
color: var(--text-secondary);
|
||
font-size: 12px;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.documents-admin-table tbody tr:nth-child(even):not(.is-draft):not(.is-deleted) {
|
||
background: color-mix(in srgb, var(--gray-100) 35%, transparent);
|
||
}
|
||
@media (max-width: 760px) {
|
||
.documents-admin-view-grid {
|
||
grid-template-columns: 1fr;
|
||
padding: 10px;
|
||
}
|
||
.documents-admin-card > footer {
|
||
align-items: flex-start;
|
||
flex-direction: column;
|
||
}
|
||
.documents-admin-table-scroll {
|
||
overflow-x: auto;
|
||
}
|
||
.documents-admin-table {
|
||
min-width: 760px;
|
||
}
|
||
}
|
||
.documents-table th {
|
||
white-space: normal;
|
||
}
|
||
.documents-col-id {
|
||
width: 7ch;
|
||
}
|
||
.documents-col-title {
|
||
width: 32%;
|
||
}
|
||
.documents-col-check {
|
||
width: 44px;
|
||
}
|
||
.documents-col-rubric {
|
||
width: 22%;
|
||
}
|
||
.documents-col-state {
|
||
width: 18%;
|
||
}
|
||
.documents-col-date {
|
||
width: 18%;
|
||
}
|
||
.documents-col-actions {
|
||
width: 184px;
|
||
}
|
||
.documents-name,
|
||
.documents-meta {
|
||
display: grid;
|
||
gap: 3px;
|
||
min-width: 0;
|
||
}
|
||
.documents-name b,
|
||
.documents-name small,
|
||
.documents-meta span {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.documents-title-meta {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 4px 12px;
|
||
margin-top: 5px;
|
||
color: var(--text-secondary);
|
||
font-size: 12px;
|
||
line-height: 1.35;
|
||
}
|
||
.documents-title-meta > span {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 5px;
|
||
min-width: 0;
|
||
}
|
||
.documents-title-meta .mono {
|
||
color: var(--text-muted);
|
||
}
|
||
.documents-search-flag {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
white-space: nowrap;
|
||
}
|
||
.documents-mobile-label {
|
||
display: none;
|
||
}
|
||
.documents-row.is-draft td:first-child {
|
||
box-shadow: inset 3px 0 0 var(--amber-500);
|
||
}
|
||
.documents-row.is-deleted td {
|
||
color: var(--text-secondary);
|
||
background: color-mix(in srgb, var(--red-50) 48%, var(--background-surface));
|
||
}
|
||
.documents-row.is-deleted td:first-child {
|
||
box-shadow: inset 3px 0 0 var(--red-500);
|
||
}
|
||
.documents-name small,
|
||
.documents-meta span {
|
||
font-size: 12px;
|
||
color: var(--text-secondary);
|
||
}
|
||
.documents-badges,
|
||
.documents-actions {
|
||
flex-wrap: nowrap;
|
||
}
|
||
.documents-actions .btn {
|
||
text-decoration: none;
|
||
}
|
||
.documents-action-edit {
|
||
color: var(--blue-600);
|
||
}
|
||
.documents-action-restore {
|
||
color: var(--green-600);
|
||
}
|
||
.documents-action-toggle {
|
||
color: var(--amber-600);
|
||
}
|
||
.documents-action-copy {
|
||
color: var(--violet-600);
|
||
}
|
||
.redirects-table {
|
||
width: 100%;
|
||
table-layout: fixed;
|
||
}
|
||
.redirects-table th:nth-child(1) {
|
||
width: 28%;
|
||
}
|
||
.redirects-table th:nth-child(2) {
|
||
width: 76px;
|
||
}
|
||
.redirects-table th:nth-child(3) {
|
||
width: 34%;
|
||
}
|
||
.redirects-table th:nth-child(4) {
|
||
width: 18%;
|
||
}
|
||
.redirects-table th:last-child {
|
||
width: 104px;
|
||
}
|
||
.redirects-url {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
min-width: 0;
|
||
}
|
||
.redirects-url > a {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
color: var(--text-primary);
|
||
text-decoration: none;
|
||
}
|
||
.redirects-url > a:hover {
|
||
color: var(--blue-600);
|
||
}
|
||
.documents-side-actions {
|
||
display: grid;
|
||
grid-template-columns: minmax(0, 1fr) 36px;
|
||
gap: 8px;
|
||
}
|
||
.documents-alias-target {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
padding: 12px 14px;
|
||
margin-bottom: 12px;
|
||
border: 1px solid var(--border-default);
|
||
background: var(--surface-subtle);
|
||
}
|
||
.documents-alias-target > div {
|
||
display: grid;
|
||
gap: 3px;
|
||
min-width: 0;
|
||
}
|
||
.documents-alias-target small {
|
||
color: var(--text-secondary);
|
||
}
|
||
.documents-alias-target a,
|
||
.documents-alias-main a {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
color: var(--text-primary);
|
||
text-decoration: none;
|
||
}
|
||
.redirects-panel .table-scroll {
|
||
overflow-x: hidden;
|
||
}
|
||
.redirects-panel .documents-name a {
|
||
display: block;
|
||
min-width: 0;
|
||
color: inherit;
|
||
text-decoration: none;
|
||
}
|
||
.redirects-panel .documents-name a b {
|
||
display: block;
|
||
}
|
||
#redirectDrawer .drawer-form {
|
||
display: flex;
|
||
flex: 1 1 auto;
|
||
min-height: 0;
|
||
flex-direction: column;
|
||
}
|
||
#redirectDrawer {
|
||
width: min(66.666vw, 1040px);
|
||
max-width: calc(100vw - 24px);
|
||
}
|
||
#redirectDrawer .drawer-body {
|
||
flex: 1 1 auto;
|
||
overflow-y: auto;
|
||
}
|
||
.documents-relation-choice:disabled {
|
||
opacity: 0.7;
|
||
cursor: default;
|
||
}
|
||
@media (max-width: 820px) {
|
||
#redirectDrawer {
|
||
width: calc(100vw - 12px);
|
||
max-width: calc(100vw - 12px);
|
||
}
|
||
#redirectDrawer .field.col-9,
|
||
#redirectDrawer .field.col-3 {
|
||
grid-column: span 12;
|
||
}
|
||
.redirects-panel .table-scroll {
|
||
overflow: visible;
|
||
}
|
||
.redirects-table,
|
||
.redirects-table tbody,
|
||
.redirects-table tr,
|
||
.redirects-table td {
|
||
display: block;
|
||
width: 100%;
|
||
}
|
||
.redirects-panel table.redirects-table {
|
||
min-width: 0;
|
||
}
|
||
.redirects-table colgroup,
|
||
.redirects-table thead {
|
||
display: none;
|
||
}
|
||
.redirects-table .redirects-row {
|
||
display: grid;
|
||
grid-template-columns: minmax(0, 1fr) auto;
|
||
grid-template-areas: "url code" "target target" "date actions";
|
||
gap: 10px 12px;
|
||
padding: 13px 14px;
|
||
border-bottom: 1px solid var(--border-default);
|
||
}
|
||
.redirects-table .redirects-row:nth-child(even) {
|
||
background: color-mix(in srgb, var(--background-muted) 55%, var(--background-surface));
|
||
}
|
||
.redirects-table .redirects-row td {
|
||
min-width: 0;
|
||
padding: 0;
|
||
border: 0;
|
||
background: transparent;
|
||
}
|
||
.redirects-cell-url {
|
||
grid-area: url;
|
||
}
|
||
.redirects-cell-code {
|
||
grid-area: code;
|
||
justify-self: end;
|
||
}
|
||
.redirects-cell-target {
|
||
grid-area: target;
|
||
padding-top: 9px !important;
|
||
border-top: 1px solid var(--border-subtle) !important;
|
||
}
|
||
.redirects-cell-date {
|
||
grid-area: date;
|
||
}
|
||
.redirects-cell-actions {
|
||
grid-area: actions;
|
||
align-self: end;
|
||
}
|
||
.redirects-cell-date .documents-meta {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 5px 12px;
|
||
}
|
||
.redirects-cell-actions .documents-actions {
|
||
justify-content: flex-end;
|
||
}
|
||
.redirects-empty-row,
|
||
.redirects-empty-row td {
|
||
display: block;
|
||
}
|
||
}
|
||
.documents-action-danger {
|
||
color: var(--red-600);
|
||
}
|
||
.documents-action-locked {
|
||
color: var(--text-tertiary);
|
||
}
|
||
.documents-filter .documents-per-page {
|
||
min-width: 150px;
|
||
}
|
||
.documents-pagination {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 12px;
|
||
padding: 14px 20px;
|
||
border-top: 1px solid var(--border-default);
|
||
}
|
||
.documents-pagination .pagination {
|
||
padding-top: 0;
|
||
justify-content: flex-end;
|
||
}
|
||
.documents-bulk {
|
||
position: sticky;
|
||
z-index: 4;
|
||
bottom: 12px;
|
||
margin: 12px;
|
||
}
|
||
.documents-bulk .select {
|
||
width: min(260px, 40vw);
|
||
}
|
||
.documents-page-tabs {
|
||
margin-bottom: 16px;
|
||
}
|
||
.documents-api-layout {
|
||
display: grid;
|
||
gap: 16px;
|
||
}
|
||
.documents-api-info {
|
||
margin: 0;
|
||
}
|
||
.documents-api-info .alert-title,
|
||
.documents-api-info .alert-title + span,
|
||
.documents-api-secret .alert-title,
|
||
.documents-api-secret .alert-title + span {
|
||
display: block;
|
||
}
|
||
.documents-api-card .table-scroll {
|
||
max-height: none;
|
||
overflow-y: visible;
|
||
}
|
||
.documents-api-table {
|
||
min-width: 940px;
|
||
}
|
||
.documents-api-table th:last-child,
|
||
.documents-api-table td:last-child {
|
||
width: 54px;
|
||
text-align: right;
|
||
}
|
||
.documents-api-table tbody tr.is-revoked td {
|
||
color: var(--text-muted);
|
||
}
|
||
.documents-api-name {
|
||
display: grid;
|
||
gap: 3px;
|
||
min-width: 170px;
|
||
}
|
||
.documents-api-name b {
|
||
color: var(--text-primary);
|
||
font-size: 13.5px;
|
||
line-height: 1.35;
|
||
}
|
||
.documents-api-name small,
|
||
.documents-api-date {
|
||
color: var(--text-secondary);
|
||
font-size: 11.5px;
|
||
white-space: nowrap;
|
||
}
|
||
.documents-api-scopes {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 5px;
|
||
}
|
||
.documents-api-actions {
|
||
text-align: right;
|
||
}
|
||
.documents-api-empty {
|
||
display: grid;
|
||
grid-template-columns: 1fr;
|
||
align-content: center;
|
||
justify-items: center;
|
||
gap: 10px;
|
||
min-height: 150px;
|
||
padding: 20px;
|
||
text-align: center;
|
||
}
|
||
.documents-api-empty .icon-tile {
|
||
width: 42px;
|
||
height: 42px;
|
||
margin: 0;
|
||
font-size: 19px;
|
||
}
|
||
.documents-api-empty > div {
|
||
display: grid;
|
||
justify-items: center;
|
||
gap: 3px;
|
||
max-width: 360px;
|
||
}
|
||
.documents-api-empty b,
|
||
.documents-api-empty > div > span {
|
||
display: block;
|
||
margin: 0;
|
||
}
|
||
.documents-api-empty > div > span {
|
||
color: var(--text-secondary);
|
||
font-size: 12.5px;
|
||
line-height: 1.45;
|
||
}
|
||
.documents-api-token-drawer.drawer-lg {
|
||
width: min(720px, 94vw);
|
||
}
|
||
.documents-api-token-drawer form {
|
||
display: flex;
|
||
flex: 1 1 auto;
|
||
flex-direction: column;
|
||
min-height: 0;
|
||
}
|
||
.documents-api-drawer-body {
|
||
background: var(--background-muted);
|
||
}
|
||
.documents-api-token-fields {
|
||
display: grid;
|
||
gap: 14px;
|
||
}
|
||
.documents-api-token-fields[hidden],
|
||
.documents-api-secret[hidden],
|
||
[data-api-token-submit][hidden] {
|
||
display: none !important;
|
||
}
|
||
.documents-api-form-section {
|
||
display: grid;
|
||
gap: 16px;
|
||
padding: 18px;
|
||
border: 1px solid var(--border-default);
|
||
border-radius: var(--radius-md);
|
||
background: var(--background-surface);
|
||
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
|
||
}
|
||
.documents-api-form-heading {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
}
|
||
.documents-api-form-heading .icon-tile {
|
||
width: 36px;
|
||
height: 36px;
|
||
border-radius: var(--radius-sm);
|
||
font-size: 17px;
|
||
}
|
||
.documents-api-form-heading > div > b,
|
||
.documents-api-form-heading > div > span {
|
||
display: block;
|
||
}
|
||
.documents-api-form-heading > div > b {
|
||
font-size: 14px;
|
||
line-height: 1.3;
|
||
}
|
||
.documents-api-form-heading > div > span {
|
||
margin-top: 2px;
|
||
color: var(--text-secondary);
|
||
font-size: 12px;
|
||
line-height: 1.4;
|
||
}
|
||
.documents-api-scope-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
gap: 10px;
|
||
}
|
||
.documents-api-scope {
|
||
position: relative;
|
||
display: grid;
|
||
grid-template-columns: 36px minmax(0, 1fr) 22px;
|
||
align-items: center;
|
||
gap: 11px;
|
||
min-height: 86px;
|
||
padding: 13px;
|
||
border: 1px solid var(--border-default);
|
||
border-radius: var(--radius-sm);
|
||
background: var(--background-surface);
|
||
cursor: pointer;
|
||
transition: border-color 0.14s, box-shadow 0.14s, background-color 0.14s;
|
||
}
|
||
.documents-api-scope:hover {
|
||
border-color: var(--blue-300);
|
||
background: color-mix(in srgb, var(--blue-50) 34%, var(--background-surface));
|
||
}
|
||
.documents-api-scope:has(input:checked) {
|
||
border-color: var(--blue-400);
|
||
background: color-mix(in srgb, var(--blue-50) 56%, var(--background-surface));
|
||
box-shadow: 0 0 0 2px color-mix(in srgb, var(--blue-500) 12%, transparent);
|
||
}
|
||
.documents-api-scope input {
|
||
position: absolute;
|
||
width: 1px;
|
||
height: 1px;
|
||
opacity: 0;
|
||
}
|
||
.documents-api-scope:has(input:focus-visible) {
|
||
box-shadow: var(--focus-ring);
|
||
}
|
||
.documents-api-scope-icon {
|
||
display: grid;
|
||
width: 36px;
|
||
height: 36px;
|
||
place-items: center;
|
||
border-radius: var(--radius-sm);
|
||
background: var(--background-muted);
|
||
color: var(--text-secondary);
|
||
font-size: 17px;
|
||
}
|
||
.documents-api-scope:has(input:checked) .documents-api-scope-icon {
|
||
background: var(--blue-100);
|
||
color: var(--blue-600);
|
||
}
|
||
.documents-api-scope b,
|
||
.documents-api-scope small {
|
||
display: block;
|
||
}
|
||
.documents-api-scope b {
|
||
font-size: 13px;
|
||
line-height: 1.3;
|
||
}
|
||
.documents-api-scope small {
|
||
margin-top: 3px;
|
||
color: var(--text-secondary);
|
||
font-size: 11.5px;
|
||
line-height: 1.35;
|
||
}
|
||
.documents-api-scope-check {
|
||
display: grid;
|
||
width: 20px;
|
||
height: 20px;
|
||
place-items: center;
|
||
border: 1px solid var(--border-strong);
|
||
border-radius: 50%;
|
||
color: transparent;
|
||
font-size: 13px;
|
||
}
|
||
.documents-api-scope:has(input:checked) .documents-api-scope-check {
|
||
border-color: var(--blue-600);
|
||
background: var(--blue-600);
|
||
color: #fff;
|
||
}
|
||
.documents-api-secret {
|
||
padding: 28px;
|
||
border-radius: var(--radius-md);
|
||
background: var(--background-surface);
|
||
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 0 0 1px var(--border-default);
|
||
text-align: center;
|
||
}
|
||
.documents-api-secret-status {
|
||
display: grid;
|
||
width: 50px;
|
||
height: 50px;
|
||
margin: 0 auto 13px;
|
||
place-items: center;
|
||
border-radius: 50%;
|
||
background: var(--green-100);
|
||
color: var(--green-600);
|
||
font-size: 25px;
|
||
}
|
||
.documents-api-secret h4 {
|
||
margin: 0;
|
||
font-size: 18px;
|
||
letter-spacing: 0;
|
||
}
|
||
.documents-api-secret > p {
|
||
max-width: 470px;
|
||
margin: 7px auto 22px;
|
||
color: var(--text-secondary);
|
||
font-size: 13px;
|
||
line-height: 1.5;
|
||
}
|
||
.documents-api-secret .field {
|
||
text-align: left;
|
||
}
|
||
.documents-api-secret-control {
|
||
display: grid;
|
||
grid-template-columns: minmax(0, 1fr) auto;
|
||
gap: 8px;
|
||
}
|
||
.documents-api-secret-control .input {
|
||
font-size: 12px;
|
||
}
|
||
.documents-api-secret .alert {
|
||
margin-top: 16px;
|
||
text-align: left;
|
||
}
|
||
@media (max-width: 720px) {
|
||
.documents-api-table-scroll {
|
||
overflow: visible;
|
||
}
|
||
.documents-api-table,
|
||
.documents-api-table tbody,
|
||
.documents-api-table tr,
|
||
.documents-api-table td {
|
||
display: block;
|
||
width: 100%;
|
||
}
|
||
table.documents-api-table {
|
||
min-width: 0;
|
||
}
|
||
.documents-api-table thead {
|
||
display: none;
|
||
}
|
||
.documents-api-table tr[data-api-token-row] {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
gap: 12px 18px;
|
||
padding: 15px 14px;
|
||
border-bottom: 1px solid var(--border-default);
|
||
}
|
||
.documents-api-table tr[data-api-token-row]:last-child {
|
||
border-bottom: 0;
|
||
}
|
||
.documents-api-table tr[data-api-token-row] td {
|
||
min-width: 0;
|
||
padding: 0;
|
||
border: 0;
|
||
background: transparent;
|
||
}
|
||
.documents-api-table tr[data-api-token-row] td::before {
|
||
display: block;
|
||
margin-bottom: 5px;
|
||
color: var(--text-muted);
|
||
content: attr(data-label);
|
||
font-size: 10px;
|
||
font-weight: 700;
|
||
letter-spacing: 0.04em;
|
||
text-transform: uppercase;
|
||
}
|
||
.documents-api-table tr[data-api-token-row] td:nth-child(1),
|
||
.documents-api-table tr[data-api-token-row] td:nth-child(3) {
|
||
grid-column: 1 / -1;
|
||
}
|
||
.documents-api-table tr[data-api-token-row] td:last-child {
|
||
grid-column: 1 / -1;
|
||
width: 100%;
|
||
text-align: right;
|
||
}
|
||
.documents-api-table tr[data-api-token-row] td:last-child:empty {
|
||
display: none;
|
||
}
|
||
.documents-api-table tr[data-api-token-row] td:last-child::before {
|
||
display: none;
|
||
}
|
||
.documents-api-name {
|
||
min-width: 0;
|
||
}
|
||
.documents-api-table tr[data-api-token-empty],
|
||
.documents-api-table tr[data-api-token-empty] td {
|
||
display: block;
|
||
width: 100%;
|
||
}
|
||
.documents-api-empty {
|
||
min-height: 132px;
|
||
padding: 18px;
|
||
}
|
||
.documents-api-scope-grid {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
.documents-api-form-section,
|
||
.documents-api-secret {
|
||
padding: 15px;
|
||
}
|
||
.documents-api-secret-control {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
.documents-api-secret-control .btn {
|
||
width: 100%;
|
||
}
|
||
}
|
||
.documents-views-panel {
|
||
display: grid;
|
||
gap: 16px;
|
||
}
|
||
.documents-views-grid {
|
||
display: grid;
|
||
grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
|
||
gap: 16px;
|
||
align-items: start;
|
||
}
|
||
.documents-view-link {
|
||
display: grid;
|
||
gap: 3px;
|
||
min-width: 0;
|
||
color: inherit;
|
||
text-decoration: none;
|
||
}
|
||
.documents-view-link b,
|
||
.documents-view-link small {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.documents-view-link small {
|
||
color: var(--text-secondary);
|
||
font-size: 12px;
|
||
}
|
||
.documents-edit-header h1 {
|
||
text-wrap: balance;
|
||
}
|
||
.documents-editor-modes {
|
||
flex: 0 0 auto;
|
||
}
|
||
.documents-editor-modes .segmented-item {
|
||
min-height: 36px;
|
||
gap: 6px;
|
||
}
|
||
.documents-edit-form[data-editor-mode="quick"] [data-editor-level="normal"],
|
||
.documents-edit-form[data-editor-mode="quick"] [data-editor-level="advanced"],
|
||
.documents-edit-form[data-editor-mode="normal"] [data-editor-level="advanced"] {
|
||
display: none;
|
||
}
|
||
.documents-edit-form[data-editor-mode="quick"] .documents-edit-layout {
|
||
grid-template-columns: minmax(0, 1fr);
|
||
}
|
||
.documents-draft-recovery,
|
||
.documents-error-summary {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
gap: 12px;
|
||
margin-bottom: 16px;
|
||
padding: 13px 14px;
|
||
border: 1px solid var(--border-default);
|
||
border-radius: var(--radius-md);
|
||
background: var(--background-card);
|
||
}
|
||
.documents-draft-recovery[hidden],
|
||
.documents-error-summary[hidden] {
|
||
display: none;
|
||
}
|
||
.documents-draft-recovery {
|
||
border-color: var(--amber-300);
|
||
background: var(--amber-50);
|
||
}
|
||
.documents-draft-recovery-copy,
|
||
.documents-error-summary-copy {
|
||
min-width: 0;
|
||
flex: 1;
|
||
}
|
||
.documents-draft-recovery-copy b,
|
||
.documents-draft-recovery-copy span {
|
||
display: block;
|
||
}
|
||
.documents-draft-recovery-copy span {
|
||
margin-top: 3px;
|
||
color: var(--text-secondary);
|
||
font-size: 13px;
|
||
}
|
||
.documents-error-summary {
|
||
border-color: var(--red-300);
|
||
background: var(--red-50);
|
||
}
|
||
.documents-error-summary-copy > b {
|
||
display: block;
|
||
margin-bottom: 8px;
|
||
color: var(--red-800);
|
||
}
|
||
.documents-error-summary-copy > div {
|
||
display: grid;
|
||
gap: 5px;
|
||
}
|
||
.documents-error-jump {
|
||
display: grid;
|
||
grid-template-columns: minmax(120px, 0.35fr) minmax(0, 1fr) 18px;
|
||
align-items: center;
|
||
gap: 10px;
|
||
width: 100%;
|
||
padding: 7px 9px;
|
||
border: 0;
|
||
border-radius: var(--radius-sm);
|
||
background: transparent;
|
||
color: var(--text-primary);
|
||
text-align: left;
|
||
cursor: pointer;
|
||
}
|
||
.documents-error-jump:hover {
|
||
background: color-mix(in srgb, var(--red-100) 68%, var(--background-card));
|
||
}
|
||
.documents-error-jump span {
|
||
color: var(--text-secondary);
|
||
}
|
||
.documents-edit-top {
|
||
display: grid;
|
||
grid-template-columns: minmax(0, 1.15fr) repeat(2, minmax(0, 0.925fr));
|
||
gap: 16px;
|
||
align-items: stretch;
|
||
margin-bottom: 16px;
|
||
}
|
||
@media (max-width: 1100px) {
|
||
.documents-edit-top {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
}
|
||
.documents-edit-layout {
|
||
display: grid;
|
||
grid-template-columns: minmax(0, 1fr) 340px;
|
||
gap: 16px;
|
||
align-items: start;
|
||
}
|
||
.documents-fields-section {
|
||
width: 100%;
|
||
margin-top: 24px;
|
||
background: transparent;
|
||
}
|
||
.documents-fields-heading {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 16px;
|
||
margin-bottom: 14px;
|
||
padding: 0 0 12px;
|
||
border-bottom: 1px solid var(--border-default);
|
||
background: transparent;
|
||
}
|
||
.documents-fields-heading h2 {
|
||
margin: 0;
|
||
font-size: 16px;
|
||
line-height: 1.3;
|
||
font-weight: 700;
|
||
letter-spacing: 0;
|
||
}
|
||
.documents-edit-card {
|
||
margin: 0;
|
||
}
|
||
.documents-card-body {
|
||
padding: 16px;
|
||
}
|
||
.documents-edit-side {
|
||
position: sticky;
|
||
top: 82px;
|
||
align-self: start;
|
||
}
|
||
.documents-edit-form .textarea {
|
||
resize: vertical;
|
||
}
|
||
.documents-placeholder {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
gap: 14px;
|
||
padding: 16px;
|
||
border-radius: var(--radius-lg);
|
||
background: var(--bg-soft);
|
||
}
|
||
.documents-placeholder b {
|
||
display: block;
|
||
margin-bottom: 4px;
|
||
font-size: 14px;
|
||
color: var(--text-primary);
|
||
}
|
||
.documents-placeholder p {
|
||
margin: 0;
|
||
font-size: 13px;
|
||
line-height: 1.45;
|
||
text-wrap: pretty;
|
||
}
|
||
.documents-field-tabs {
|
||
display: flex;
|
||
gap: 8px;
|
||
margin-bottom: 16px;
|
||
overflow-x: auto;
|
||
overflow-y: hidden;
|
||
padding-bottom: 2px;
|
||
scrollbar-width: thin;
|
||
}
|
||
.documents-field-tabs .tab {
|
||
flex: 0 0 auto;
|
||
min-height: 40px;
|
||
text-decoration: none;
|
||
white-space: nowrap;
|
||
}
|
||
/* Пустая группа реально скрыта: класс .tab с display перебивал атрибут [hidden]. */
|
||
.documents-field-tabs .tab[hidden] {
|
||
display: none;
|
||
}
|
||
.documents-field-tabs .tab-count {
|
||
font-variant-numeric: tabular-nums;
|
||
}
|
||
.documents-field-tabs .tab-hint {
|
||
margin-left: 2px;
|
||
font-size: 14px;
|
||
color: var(--text-tertiary);
|
||
}
|
||
.documents-field-tabs .tab.is-active .tab-hint {
|
||
color: var(--text-secondary);
|
||
}
|
||
.documents-field-tabs .tab.is-condition-locked {
|
||
box-shadow: inset 0 0 0 1px var(--amber-300);
|
||
}
|
||
.documents-group-lock {
|
||
margin-left: 2px;
|
||
color: var(--amber-600);
|
||
font-size: 13px;
|
||
}
|
||
.documents-fields-groups {
|
||
display: grid;
|
||
gap: 16px;
|
||
}
|
||
.documents-field-group {
|
||
display: grid;
|
||
gap: 10px;
|
||
}
|
||
/* Неактивная группа реально скрыта: класс-селектор перебивал [hidden] с display:none. */
|
||
.documents-field-group[hidden] {
|
||
display: none;
|
||
}
|
||
/* Поля документа: плагин типа рисует контрол, вид как в референсе —
|
||
компактная рамка (шапка-полоска + soft-body) в 12-колоночной сетке. */
|
||
.documents-fields,
|
||
.ax-document-fields {
|
||
display: grid;
|
||
grid-template-columns: repeat(12, minmax(0, 1fr));
|
||
gap: 12px;
|
||
}
|
||
.ax-document-field {
|
||
grid-column: span 12;
|
||
display: grid;
|
||
grid-template-rows: auto minmax(0, auto);
|
||
overflow: hidden;
|
||
border: 1px solid var(--border-default);
|
||
border-radius: var(--radius-md);
|
||
background: #fff;
|
||
transition: border-color 0.14s, box-shadow 0.14s;
|
||
}
|
||
.ax-document-field:hover {
|
||
border-color: color-mix(in srgb, var(--color-primary) 35%, var(--border-default));
|
||
}
|
||
.ax-document-field:focus-within {
|
||
border-color: var(--color-primary);
|
||
box-shadow: 0 0 0 3px var(--color-primary-soft);
|
||
}
|
||
.ax-document-field.is-required .ax-attr-label::before {
|
||
content: "";
|
||
width: 6px;
|
||
height: 6px;
|
||
flex: 0 0 auto;
|
||
border-radius: 50%;
|
||
background: var(--amber-500);
|
||
}
|
||
.ax-document-field.is-invalid {
|
||
border-color: var(--red-500);
|
||
box-shadow: 0 0 0 1px var(--red-500);
|
||
}
|
||
.ax-document-field.is-condition-hidden {
|
||
display: none;
|
||
}
|
||
.ax-document-field.is-condition-locked .ax-document-field-body {
|
||
opacity: 0.72;
|
||
pointer-events: none;
|
||
}
|
||
.ax-condition-lock {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
min-height: 22px;
|
||
padding: 2px 7px;
|
||
border-radius: var(--radius-full);
|
||
background: var(--amber-100);
|
||
color: var(--amber-700);
|
||
font-size: 11px;
|
||
font-weight: 600;
|
||
white-space: nowrap;
|
||
}
|
||
.ax-condition-lock i {
|
||
font-size: 13px;
|
||
}
|
||
.ax-condition-options {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
min-height: 22px;
|
||
padding: 2px 7px;
|
||
border-radius: var(--radius-full);
|
||
background: var(--blue-100);
|
||
color: var(--blue-700);
|
||
font-size: 11px;
|
||
font-weight: 600;
|
||
white-space: nowrap;
|
||
}
|
||
.ax-condition-options i {
|
||
font-size: 13px;
|
||
}
|
||
.ax-condition-options[hidden] {
|
||
display: none;
|
||
}
|
||
.ax-condition-options.is-warning {
|
||
background: var(--amber-100);
|
||
color: var(--amber-700);
|
||
}
|
||
.ax-condition-action {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 5px;
|
||
margin-left: auto;
|
||
padding: 4px 5px 4px 7px;
|
||
border-radius: var(--radius-sm);
|
||
background: var(--blue-100);
|
||
color: var(--blue-700);
|
||
font-size: 10.5px;
|
||
font-weight: 600;
|
||
}
|
||
.ax-condition-action > i {
|
||
font-size: 13px;
|
||
}
|
||
.ax-condition-action button {
|
||
display: inline-grid;
|
||
place-items: center;
|
||
width: 28px;
|
||
height: 28px;
|
||
margin: -3px -3px -3px 1px;
|
||
padding: 0;
|
||
border: 0;
|
||
border-radius: var(--radius-sm);
|
||
background: transparent;
|
||
color: inherit;
|
||
cursor: pointer;
|
||
}
|
||
.ax-condition-action button:hover {
|
||
background: rgba(255, 255, 255, 0.72);
|
||
}
|
||
.documents-choice-option.is-condition-unavailable {
|
||
opacity: 0.58;
|
||
}
|
||
[data-theme="dark"] .ax-condition-lock {
|
||
background: color-mix(in srgb, var(--amber-500) 18%, var(--background-card));
|
||
color: var(--amber-300);
|
||
}
|
||
[data-theme="dark"] .ax-condition-options {
|
||
background: color-mix(in srgb, var(--blue-500) 18%, var(--background-card));
|
||
color: var(--blue-300);
|
||
}
|
||
[data-theme="dark"] .ax-condition-options.is-warning {
|
||
background: color-mix(in srgb, var(--amber-500) 18%, var(--background-card));
|
||
color: var(--amber-300);
|
||
}
|
||
[data-theme="dark"] .ax-condition-action {
|
||
background: color-mix(in srgb, var(--blue-700) 42%, var(--surface-card));
|
||
color: var(--blue-100);
|
||
}
|
||
.ax-document-field .field-error[data-field-value-error] {
|
||
margin: 0;
|
||
padding: 6px 12px 8px;
|
||
color: var(--red-600);
|
||
}
|
||
.ax-document-field.is-half {
|
||
grid-column: span 6;
|
||
}
|
||
.ax-document-field.is-third {
|
||
grid-column: span 4;
|
||
}
|
||
.ax-document-field.is-quarter {
|
||
grid-column: span 3;
|
||
}
|
||
.ax-document-field.is-two-thirds {
|
||
grid-column: span 8;
|
||
}
|
||
.ax-document-field.is-wide {
|
||
grid-column: span 12;
|
||
}
|
||
.ax-document-field.is-catalog-hidden {
|
||
display: none;
|
||
}
|
||
@media (max-width: 720px) {
|
||
.ax-document-field.is-half,
|
||
.ax-document-field.is-third,
|
||
.ax-document-field.is-quarter,
|
||
.ax-document-field.is-two-thirds {
|
||
grid-column: span 12;
|
||
}
|
||
}
|
||
/* Обязательное поле */
|
||
.ax-required {
|
||
margin-left: 3px;
|
||
color: var(--red-600);
|
||
font-weight: 700;
|
||
}
|
||
/* Составное поле: приставка/суффикс (напр. цена + ₽) */
|
||
.ax-document-field-body.ax-field-affix {
|
||
display: flex;
|
||
align-items: stretch;
|
||
gap: 0;
|
||
}
|
||
.ax-document-field-body.ax-field-affix > .input,
|
||
.ax-document-field-body.ax-field-affix .input {
|
||
flex: 1 1 auto;
|
||
min-width: 0;
|
||
}
|
||
.ax-document-field-body.ax-field-affix .input-addon {
|
||
flex: 0 0 auto;
|
||
}
|
||
.ax-attr-label {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
align-items: center;
|
||
gap: 7px;
|
||
min-height: 34px;
|
||
margin: 0;
|
||
padding: 8px 12px;
|
||
border: 0;
|
||
background: transparent;
|
||
}
|
||
.ax-attr-label .ax-label {
|
||
margin: 0;
|
||
margin-right: auto;
|
||
font-size: 13px;
|
||
font-weight: 600;
|
||
color: var(--text-primary);
|
||
}
|
||
.ax-attr-id {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
padding: 1px 7px;
|
||
border-radius: var(--radius-full);
|
||
background: var(--background-card);
|
||
border: 1px solid var(--border-subtle);
|
||
color: var(--text-tertiary);
|
||
font-family: var(--font-mono, ui-monospace, "SFMono-Regular", monospace);
|
||
font-size: 11px;
|
||
font-weight: 500;
|
||
font-variant-numeric: tabular-nums;
|
||
}
|
||
.ax-attr-type {
|
||
display: none;
|
||
}
|
||
.ax-attr-noplugin {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
padding: 1px 7px;
|
||
border-radius: var(--radius-full);
|
||
background: var(--background-inset);
|
||
color: var(--text-tertiary);
|
||
font-size: 11px;
|
||
font-weight: 600;
|
||
}
|
||
.ax-document-field-body {
|
||
min-width: 0;
|
||
padding: 12px 13px;
|
||
background: transparent;
|
||
}
|
||
[data-theme="dark"] .ax-document-field {
|
||
background: var(--background-card);
|
||
}
|
||
.ax-document-field-body > .input,
|
||
.ax-document-field-body > .select,
|
||
.ax-document-field-body > .textarea {
|
||
width: 100%;
|
||
}
|
||
/* body-обёртка также несёт .documents-field-control (JS-хук пикеров) */
|
||
.documents-field-control {
|
||
display: grid;
|
||
gap: 7px;
|
||
}
|
||
.documents-boolean-control {
|
||
display: flex;
|
||
align-items: center;
|
||
min-height: 38px;
|
||
}
|
||
.documents-boolean-control .switch {
|
||
color: var(--text-secondary);
|
||
font-weight: 600;
|
||
}
|
||
.documents-color-control {
|
||
display: grid;
|
||
grid-template-columns: 42px minmax(0, 1fr);
|
||
align-items: center;
|
||
gap: 8px;
|
||
}
|
||
.documents-color-control input[type="color"] {
|
||
width: 42px;
|
||
height: 38px;
|
||
padding: 3px;
|
||
border: 1px solid var(--border-default);
|
||
border-radius: var(--radius-md);
|
||
background: var(--background-card);
|
||
cursor: pointer;
|
||
}
|
||
.documents-color-control input[type="color"]::-webkit-color-swatch-wrapper {
|
||
padding: 0;
|
||
}
|
||
.documents-color-control input[type="color"]::-webkit-color-swatch {
|
||
border: 0;
|
||
border-radius: calc(var(--radius-md) - 3px);
|
||
}
|
||
.documents-range-control,
|
||
.documents-period-control {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
gap: 10px;
|
||
}
|
||
.documents-dimensions-control {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||
gap: 10px;
|
||
}
|
||
.documents-address-control {
|
||
display: grid;
|
||
grid-template-columns: repeat(12, minmax(0, 1fr));
|
||
gap: 10px;
|
||
min-width: 0;
|
||
}
|
||
.documents-address-control > .field {
|
||
min-width: 0;
|
||
margin: 0;
|
||
}
|
||
.documents-address-postal_code {
|
||
grid-column: span 2;
|
||
}
|
||
.documents-address-region,
|
||
.documents-address-city {
|
||
grid-column: span 5;
|
||
}
|
||
.documents-address-street {
|
||
grid-column: span 7;
|
||
}
|
||
.documents-address-building {
|
||
grid-column: span 2;
|
||
}
|
||
.documents-address-unit {
|
||
grid-column: span 3;
|
||
}
|
||
.documents-address-latitude,
|
||
.documents-address-longitude {
|
||
grid-column: span 6;
|
||
}
|
||
@media (max-width: 980px) {
|
||
.documents-address-postal_code {
|
||
grid-column: span 4;
|
||
}
|
||
.documents-address-region {
|
||
grid-column: span 8;
|
||
}
|
||
.documents-address-city {
|
||
grid-column: span 12;
|
||
}
|
||
.documents-address-street {
|
||
grid-column: span 8;
|
||
}
|
||
.documents-address-building,
|
||
.documents-address-unit {
|
||
grid-column: span 2;
|
||
}
|
||
}
|
||
.documents-dimensions-control .field,
|
||
.documents-dimensions-control .input-group {
|
||
min-width: 0;
|
||
}
|
||
.documents-range-control .field,
|
||
.documents-range-control .input-group,
|
||
.documents-period-control .field {
|
||
min-width: 0;
|
||
}
|
||
@media (max-width: 640px) {
|
||
.documents-range-control,
|
||
.documents-period-control,
|
||
.documents-dimensions-control {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
.documents-address-control > .field {
|
||
grid-column: span 12;
|
||
}
|
||
}
|
||
.documents-choice-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
|
||
gap: 8px;
|
||
}
|
||
.documents-choice-option {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
gap: 9px;
|
||
min-width: 0;
|
||
padding: 9px 10px;
|
||
border: 1px solid var(--border-default);
|
||
border-radius: var(--radius-md);
|
||
background: var(--background-card);
|
||
color: var(--text-secondary);
|
||
cursor: pointer;
|
||
}
|
||
.documents-choice-option:has(input:checked) {
|
||
border-color: var(--blue-300);
|
||
background: var(--blue-50);
|
||
color: var(--text-primary);
|
||
}
|
||
.documents-choice-option input {
|
||
flex: 0 0 auto;
|
||
margin-top: 2px;
|
||
accent-color: var(--color-primary);
|
||
}
|
||
.documents-choice-option span {
|
||
min-width: 0;
|
||
overflow-wrap: anywhere;
|
||
}
|
||
.documents-field-description {
|
||
margin: -4px 13px 12px;
|
||
color: var(--text-tertiary);
|
||
font-size: 12px;
|
||
line-height: 1.45;
|
||
}
|
||
.documents-catalog-field {
|
||
display: grid;
|
||
gap: 10px;
|
||
min-width: 0;
|
||
}
|
||
/* Выбранные разделы — токены-пилюли; «+» открывает выпадашку с поиском */
|
||
.documents-catalog-tokens {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 8px;
|
||
}
|
||
.documents-catalog-tokens:not(:empty) {
|
||
margin-bottom: 10px;
|
||
}
|
||
.documents-catalog-token {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
max-width: 100%;
|
||
padding: 5px 6px 5px 11px;
|
||
border: 1px solid var(--border-default);
|
||
border-radius: var(--radius-full);
|
||
background: var(--background-card);
|
||
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
|
||
font-size: 12.5px;
|
||
font-weight: 500;
|
||
line-height: 1.2;
|
||
color: var(--text-primary);
|
||
}
|
||
.documents-catalog-token-icon {
|
||
flex: none;
|
||
font-size: 15px;
|
||
color: var(--color-primary);
|
||
}
|
||
.documents-catalog-token-name {
|
||
min-width: 0;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.documents-catalog-token-remove {
|
||
display: grid;
|
||
place-items: center;
|
||
flex: none;
|
||
width: 19px;
|
||
height: 19px;
|
||
padding: 0;
|
||
border: none;
|
||
border-radius: var(--radius-full);
|
||
background: transparent;
|
||
color: var(--text-muted);
|
||
font-size: 14px;
|
||
cursor: pointer;
|
||
transition: background 0.12s ease, color 0.12s ease;
|
||
}
|
||
.documents-catalog-token-remove:hover {
|
||
background: var(--red-100);
|
||
color: var(--red-600);
|
||
}
|
||
.documents-catalog-empty {
|
||
margin: 0;
|
||
font-size: 12px;
|
||
color: var(--text-secondary);
|
||
}
|
||
.documents-catalog-dropdown {
|
||
display: block;
|
||
position: relative;
|
||
}
|
||
/* В потоке (не absolute), чтобы не обрезалось overflow:hidden карточки поля. */
|
||
.documents-catalog-menu {
|
||
position: static;
|
||
width: 100%;
|
||
max-height: 360px;
|
||
margin-top: 4px;
|
||
overflow-y: auto;
|
||
padding: 6px;
|
||
}
|
||
.documents-catalog-search {
|
||
width: 100%;
|
||
margin-bottom: 6px;
|
||
}
|
||
.documents-catalog-tree,
|
||
.documents-catalog-tree ol {
|
||
margin: 0;
|
||
padding: 0;
|
||
list-style: none;
|
||
}
|
||
.documents-catalog-tree ol {
|
||
margin-left: 20px;
|
||
border-left: 1px solid var(--border-default);
|
||
}
|
||
.documents-catalog-tree li.is-filtered {
|
||
display: none;
|
||
}
|
||
.documents-catalog-option {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
width: 100%;
|
||
min-height: 36px;
|
||
padding: 6px 8px;
|
||
border: none;
|
||
border-radius: var(--radius-sm);
|
||
background: transparent;
|
||
color: inherit;
|
||
font: inherit;
|
||
text-align: left;
|
||
cursor: pointer;
|
||
}
|
||
.documents-catalog-option.is-picked {
|
||
display: none;
|
||
}
|
||
.documents-catalog-option:hover {
|
||
background: var(--background-muted);
|
||
}
|
||
.documents-catalog-option-main {
|
||
display: grid;
|
||
min-width: 0;
|
||
margin-right: auto;
|
||
}
|
||
.documents-catalog-option-main b,
|
||
.documents-catalog-option-main small {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.documents-catalog-option-main b {
|
||
font-size: 13px;
|
||
}
|
||
.documents-catalog-option-main small {
|
||
font-size: 11px;
|
||
color: var(--text-secondary);
|
||
}
|
||
/* Заголовок поля со счётчиком символов справа */
|
||
.field-label.between-label {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 8px;
|
||
}
|
||
.field-count {
|
||
font-size: 11px;
|
||
font-weight: 600;
|
||
color: var(--text-tertiary);
|
||
font-variant-numeric: tabular-nums;
|
||
}
|
||
.field-count.is-over {
|
||
color: var(--red-600);
|
||
}
|
||
/* Alias-группа (input-group ките): «/» слева, кнопка генерации справа */
|
||
.documents-alias-group .input {
|
||
flex: 1 1 auto;
|
||
min-width: 0;
|
||
}
|
||
.documents-alias-gen {
|
||
cursor: pointer;
|
||
gap: 0;
|
||
color: var(--text-secondary);
|
||
transition: background 0.12s ease, color 0.12s ease;
|
||
}
|
||
.documents-alias-gen:hover {
|
||
background: var(--background-inset);
|
||
color: var(--text-primary);
|
||
}
|
||
.documents-alias-gen i {
|
||
font-size: 15px;
|
||
}
|
||
/* SEO-сниппет (превью выдачи) */
|
||
.documents-seo-snippet {
|
||
padding: 12px 14px;
|
||
border: 1px solid var(--border-default);
|
||
border-radius: var(--radius-md);
|
||
background: var(--background-card);
|
||
}
|
||
.documents-seo-url {
|
||
font-size: 12px;
|
||
color: var(--green-600);
|
||
word-break: break-all;
|
||
}
|
||
.documents-seo-title {
|
||
margin: 2px 0 3px;
|
||
font-size: 16px;
|
||
line-height: 1.3;
|
||
color: var(--text-link, var(--blue-600));
|
||
font-weight: 600;
|
||
}
|
||
.documents-seo-desc {
|
||
font-size: 13px;
|
||
line-height: 1.45;
|
||
color: var(--text-secondary);
|
||
}
|
||
.documents-field-control .textarea {
|
||
min-height: 118px;
|
||
}
|
||
.documents-field-control .rich-editor {
|
||
min-width: 0;
|
||
}
|
||
.documents-field-control .rich-editor-content,
|
||
.documents-field-control .rich-editor-prose {
|
||
min-height: 360px;
|
||
}
|
||
.documents-field-control .rich-editor-simple .rich-editor-content,
|
||
.documents-field-control .rich-editor-simple .rich-editor-prose {
|
||
min-height: 260px;
|
||
}
|
||
.documents-field-control .rich-editor-slim .rich-editor-content,
|
||
.documents-field-control .rich-editor-slim .rich-editor-prose {
|
||
min-height: 180px;
|
||
}
|
||
.documents-relation-field {
|
||
display: grid;
|
||
justify-items: start;
|
||
gap: 10px;
|
||
min-width: 0;
|
||
}
|
||
.documents-relation-tokens {
|
||
display: grid;
|
||
width: 100%;
|
||
gap: 7px;
|
||
}
|
||
.documents-relation-token {
|
||
display: grid;
|
||
grid-template-columns: minmax(0, 1fr) auto;
|
||
align-items: center;
|
||
gap: 10px;
|
||
width: 100%;
|
||
min-width: 0;
|
||
padding: 7px 7px 7px 11px;
|
||
border: 1px solid var(--border-default);
|
||
border-radius: var(--radius-md);
|
||
background: var(--background-card);
|
||
}
|
||
.documents-relation-token > span {
|
||
display: flex;
|
||
align-items: baseline;
|
||
gap: 8px;
|
||
min-width: 0;
|
||
}
|
||
.documents-relation-token b {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
font-size: 13px;
|
||
}
|
||
.documents-relation-token small,
|
||
.documents-relation-empty {
|
||
color: var(--text-tertiary);
|
||
font-size: 12px;
|
||
font-variant-numeric: tabular-nums;
|
||
}
|
||
.documents-relation-empty {
|
||
margin: 0;
|
||
}
|
||
.documents-relation-item.is-selected {
|
||
background: var(--color-primary-soft);
|
||
box-shadow: inset 3px 0 0 var(--color-primary);
|
||
}
|
||
/* Одиночная связь «Документ из рубрики»: выпадашка с заголовком выбранного документа */
|
||
.documents-relation-single {
|
||
display: grid;
|
||
grid-template-columns: minmax(0, 1fr) auto;
|
||
align-items: center;
|
||
gap: 8px;
|
||
width: 100%;
|
||
min-width: 0;
|
||
}
|
||
.documents-relation-clear[hidden] {
|
||
display: none;
|
||
}
|
||
.documents-relation-choice {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
width: 100%;
|
||
min-width: 0;
|
||
padding: 8px 12px;
|
||
border: 1px solid var(--border-default);
|
||
border-radius: var(--radius-md);
|
||
background: var(--background-card);
|
||
font: inherit;
|
||
text-align: left;
|
||
cursor: pointer;
|
||
transition: border-color 0.15s, box-shadow 0.15s;
|
||
}
|
||
.documents-relation-choice:hover {
|
||
border-color: var(--border-strong);
|
||
}
|
||
.documents-relation-choice:focus-visible {
|
||
outline: none;
|
||
border-color: var(--color-primary);
|
||
box-shadow: 0 0 0 3px var(--color-primary-soft);
|
||
}
|
||
.documents-relation-choice-ic {
|
||
flex: 0 0 auto;
|
||
font-size: 18px;
|
||
color: var(--color-primary);
|
||
}
|
||
.documents-relation-single.is-empty .documents-relation-choice-ic {
|
||
color: var(--text-tertiary);
|
||
}
|
||
.documents-relation-choice-text {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 1px;
|
||
min-width: 0;
|
||
flex: 1;
|
||
}
|
||
.documents-relation-choice-text b {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
font-size: 13px;
|
||
font-weight: 600;
|
||
}
|
||
.documents-relation-single.is-empty .documents-relation-choice-text b {
|
||
color: var(--text-secondary);
|
||
font-weight: 500;
|
||
}
|
||
.documents-relation-choice-text small {
|
||
display: block;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
color: var(--text-tertiary);
|
||
font-size: 11.5px;
|
||
font-variant-numeric: tabular-nums;
|
||
}
|
||
.documents-relation-choice-caret {
|
||
flex: 0 0 auto;
|
||
margin-left: auto;
|
||
font-size: 16px;
|
||
color: var(--text-tertiary);
|
||
}
|
||
.documents-media-field {
|
||
display: grid;
|
||
gap: 8px;
|
||
}
|
||
/* Медиа-поле = карточка: сверху квадратное превью, ниже подпись пути и поля */
|
||
.documents-media-card {
|
||
display: grid;
|
||
gap: 10px;
|
||
align-content: start;
|
||
padding: 10px;
|
||
border-radius: var(--radius-lg);
|
||
background: var(--background-card);
|
||
box-shadow: inset 0 0 0 1px var(--border-default);
|
||
}
|
||
.documents-single-media-field.documents-media-card {
|
||
grid-template-columns: 132px minmax(0, 1fr);
|
||
max-width: none;
|
||
align-items: start;
|
||
}
|
||
.documents-single-media-field .documents-media-thumb {
|
||
width: 132px;
|
||
}
|
||
.documents-media-card-body {
|
||
display: grid;
|
||
gap: 8px;
|
||
min-width: 0;
|
||
}
|
||
.documents-media-card-actions {
|
||
display: flex;
|
||
gap: 6px;
|
||
}
|
||
.documents-media-preview,
|
||
.documents-media-thumb {
|
||
display: grid;
|
||
place-items: center;
|
||
width: 100%;
|
||
aspect-ratio: 1;
|
||
padding: 0;
|
||
border: 0;
|
||
border-radius: var(--radius-md);
|
||
background: linear-gradient(45deg, rgba(15, 23, 42, 0.04) 25%, transparent 25%), linear-gradient(-45deg, rgba(15, 23, 42, 0.04) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(15, 23, 42, 0.04) 75%), linear-gradient(-45deg, transparent 75%, rgba(15, 23, 42, 0.04) 75%), var(--background-inset);
|
||
background-position: 0 0, 0 8px, 8px -8px, -8px 0;
|
||
background-size: 16px 16px;
|
||
color: var(--text-tertiary);
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
box-shadow: inset 0 0 0 1px var(--border-default);
|
||
transition: box-shadow 0.16s cubic-bezier(0.2, 0, 0, 1), transform 0.16s cubic-bezier(0.2, 0, 0, 1);
|
||
}
|
||
.documents-media-preview:hover,
|
||
.documents-media-thumb:hover {
|
||
box-shadow: inset 0 0 0 1px var(--blue-300);
|
||
}
|
||
.documents-media-preview:active,
|
||
.documents-media-thumb:active {
|
||
transform: scale(0.98);
|
||
}
|
||
.documents-media-preview img,
|
||
.documents-media-thumb img {
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: cover;
|
||
}
|
||
.documents-media-preview span,
|
||
.documents-media-thumb span {
|
||
display: grid;
|
||
place-items: center;
|
||
width: 100%;
|
||
height: 100%;
|
||
font-size: 30px;
|
||
}
|
||
/* Подпись «куда сохранится» */
|
||
.documents-media-path {
|
||
min-width: 0;
|
||
font-size: 12px;
|
||
color: var(--text-tertiary);
|
||
}
|
||
.documents-media-path code {
|
||
display: block;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
color: var(--text-secondary);
|
||
}
|
||
.documents-media-path-empty {
|
||
color: var(--text-tertiary);
|
||
}
|
||
.documents-youtube-field,
|
||
.documents-media-list {
|
||
display: grid;
|
||
gap: 12px;
|
||
min-width: 0;
|
||
}
|
||
.documents-media-list-items {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
|
||
gap: 12px;
|
||
align-items: start;
|
||
min-width: 0;
|
||
}
|
||
.documents-inline-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, minmax(120px, 1fr));
|
||
gap: 10px;
|
||
}
|
||
.documents-numeric-parts {
|
||
grid-template-columns: repeat(var(--parts-count, 2), minmax(120px, 1fr));
|
||
}
|
||
.documents-media-list-actions {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
flex-wrap: wrap;
|
||
}
|
||
.documents-media-list-actions input[type="file"],
|
||
.visually-hidden {
|
||
position: absolute;
|
||
width: 1px;
|
||
height: 1px;
|
||
padding: 0;
|
||
margin: -1px;
|
||
overflow: hidden;
|
||
clip: rect(0, 0, 0, 0);
|
||
white-space: nowrap;
|
||
border: 0;
|
||
}
|
||
.documents-media-dropzone {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 8px;
|
||
min-height: 54px;
|
||
padding: 12px;
|
||
border: 1px dashed var(--border-default);
|
||
border-radius: var(--radius-lg);
|
||
background: var(--background-card);
|
||
color: var(--text-secondary);
|
||
font-size: 13px;
|
||
transition: border-color 0.16s cubic-bezier(0.2, 0, 0, 1), background 0.16s cubic-bezier(0.2, 0, 0, 1), color 0.16s cubic-bezier(0.2, 0, 0, 1);
|
||
}
|
||
.documents-media-dropzone i {
|
||
font-size: 18px;
|
||
color: var(--blue-600);
|
||
}
|
||
.documents-media-dropzone code {
|
||
padding: 1px 6px;
|
||
border-radius: var(--radius-sm);
|
||
background: var(--background-inset);
|
||
font-family: var(--font-mono, ui-monospace, "SFMono-Regular", monospace);
|
||
font-size: 12px;
|
||
}
|
||
.documents-media-dropzone.is-dragover {
|
||
border-color: var(--blue-400);
|
||
background: var(--blue-50);
|
||
color: var(--blue-700);
|
||
}
|
||
.documents-media-row-fields {
|
||
display: grid;
|
||
gap: 8px;
|
||
min-width: 0;
|
||
}
|
||
.documents-media-card-actions .btn-icon {
|
||
min-width: 32px;
|
||
width: 32px;
|
||
height: 32px;
|
||
}
|
||
.documents-single-media-field .documents-media-card-actions .btn {
|
||
width: auto;
|
||
min-width: 0;
|
||
padding-inline: 10px;
|
||
}
|
||
.documents-media-card-actions .documents-media-remove {
|
||
margin-left: auto;
|
||
}
|
||
.documents-media-row-fields .textarea {
|
||
min-height: 64px;
|
||
}
|
||
.documents-media-empty {
|
||
padding: 14px;
|
||
border-radius: var(--radius-lg);
|
||
background: var(--bg-soft);
|
||
color: var(--text-secondary);
|
||
font-size: 13px;
|
||
text-align: center;
|
||
}
|
||
.documents-value-list,
|
||
.documents-value-list-items {
|
||
display: grid;
|
||
gap: 10px;
|
||
min-width: 0;
|
||
}
|
||
.documents-value-list-actions {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
flex-wrap: wrap;
|
||
}
|
||
.documents-value-row {
|
||
display: grid;
|
||
grid-template-columns: 34px minmax(0, 1fr) 34px;
|
||
gap: 10px;
|
||
align-items: start;
|
||
min-width: 0;
|
||
padding: 12px;
|
||
border-radius: var(--radius-lg);
|
||
background: var(--bg-soft);
|
||
box-shadow: inset 0 0 0 1px var(--border-default);
|
||
}
|
||
.documents-value-row-tools,
|
||
.documents-value-row-fields {
|
||
display: grid;
|
||
gap: 8px;
|
||
min-width: 0;
|
||
}
|
||
.documents-value-row-fields {
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
}
|
||
.documents-value-row-list_single .documents-value-row-fields {
|
||
grid-template-columns: minmax(0, 1fr);
|
||
}
|
||
.documents-value-row-list_triple .documents-value-row-fields {
|
||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||
}
|
||
.documents-value-row-packages .documents-value-row-fields {
|
||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||
}
|
||
@media (max-width: 1100px) {
|
||
.documents-value-row-packages .documents-value-row-fields {
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
}
|
||
}
|
||
@media (max-width: 640px) {
|
||
.documents-value-row-packages .documents-value-row-fields {
|
||
grid-template-columns: minmax(0, 1fr);
|
||
}
|
||
}
|
||
.documents-value-row-tools .btn,
|
||
.documents-value-remove {
|
||
min-width: 34px;
|
||
width: 34px;
|
||
height: 34px;
|
||
}
|
||
.documents-value-empty {
|
||
padding: 14px;
|
||
border-radius: var(--radius-lg);
|
||
background: var(--bg-soft);
|
||
color: var(--text-secondary);
|
||
font-size: 13px;
|
||
text-align: center;
|
||
}
|
||
.documents-picker-input {
|
||
display: grid;
|
||
grid-template-columns: minmax(0, 1fr) 38px;
|
||
gap: 8px;
|
||
align-items: center;
|
||
}
|
||
.documents-picker-input .btn {
|
||
min-width: 38px;
|
||
}
|
||
.documents-picker-input-link {
|
||
grid-template-columns: minmax(0, 1fr) 38px 38px;
|
||
}
|
||
/* Ручка перетаскивания строк (медиа/значения) */
|
||
.documents-drag-handle {
|
||
cursor: grab;
|
||
}
|
||
.documents-drag-handle:active {
|
||
cursor: grabbing;
|
||
}
|
||
.documents-row-dragging {
|
||
opacity: 0.5;
|
||
}
|
||
[data-document-alias-state].is-ok {
|
||
color: var(--green-600);
|
||
}
|
||
[data-document-alias-state].is-error {
|
||
color: var(--red-600);
|
||
}
|
||
.documents-picker-overlay.show {
|
||
display: flex;
|
||
}
|
||
.documents-media-picker,
|
||
.documents-relation-picker {
|
||
width: min(66.666vw, 1200px);
|
||
height: min(66.666vh, 800px);
|
||
max-height: calc(100vh - 40px);
|
||
}
|
||
.documents-picker-overlay .modal-body {
|
||
display: flex;
|
||
flex-direction: column;
|
||
min-height: 0;
|
||
overflow: hidden;
|
||
}
|
||
.documents-picker-tools {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
margin-bottom: 12px;
|
||
}
|
||
.documents-picker-tools .input-wrap,
|
||
.documents-relation-search {
|
||
flex: 1 1 auto;
|
||
min-width: 0;
|
||
}
|
||
.documents-picker-crumbs {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
margin-bottom: 12px;
|
||
min-width: 0;
|
||
overflow-x: auto;
|
||
}
|
||
.documents-picker-crumb,
|
||
.documents-picker-sep {
|
||
flex: 0 0 auto;
|
||
}
|
||
.documents-picker-crumb {
|
||
border: 0;
|
||
background: transparent;
|
||
color: var(--blue-600);
|
||
font-size: 12px;
|
||
cursor: pointer;
|
||
text-decoration: none;
|
||
}
|
||
.documents-picker-status {
|
||
padding: 18px;
|
||
color: var(--text-secondary);
|
||
text-align: center;
|
||
}
|
||
.documents-media-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
|
||
gap: 10px;
|
||
flex: 1 1 auto;
|
||
align-content: start;
|
||
min-height: 0;
|
||
max-height: none;
|
||
overflow: auto;
|
||
}
|
||
.documents-media-item {
|
||
display: grid;
|
||
gap: 7px;
|
||
min-width: 0;
|
||
padding: 8px;
|
||
border: 1px solid var(--border-default);
|
||
border-radius: var(--radius-md);
|
||
background: var(--background-card);
|
||
color: var(--text-primary);
|
||
text-align: left;
|
||
cursor: pointer;
|
||
}
|
||
.documents-media-item span:first-child {
|
||
display: grid;
|
||
place-items: center;
|
||
aspect-ratio: 1;
|
||
overflow: hidden;
|
||
border-radius: var(--radius-sm);
|
||
background: var(--bg-soft);
|
||
color: var(--text-secondary);
|
||
}
|
||
.documents-media-item img {
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: cover;
|
||
outline: 1px solid rgba(0, 0, 0, 0.1);
|
||
}
|
||
.documents-media-item b,
|
||
.documents-media-item small {
|
||
min-width: 0;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.documents-media-item b {
|
||
font-size: 12px;
|
||
line-height: 1.25;
|
||
}
|
||
.documents-media-item small {
|
||
font-size: 11px;
|
||
color: var(--text-secondary);
|
||
}
|
||
.documents-relation-list {
|
||
display: grid;
|
||
gap: 8px;
|
||
flex: 1 1 auto;
|
||
align-content: start;
|
||
min-height: 0;
|
||
max-height: none;
|
||
overflow: auto;
|
||
}
|
||
.documents-relation-item {
|
||
display: grid;
|
||
grid-template-columns: 72px minmax(0, 1fr) minmax(120px, 0.35fr);
|
||
gap: 12px;
|
||
align-items: center;
|
||
padding: 10px 12px;
|
||
border: 1px solid var(--border-default);
|
||
border-radius: var(--radius-md);
|
||
background: var(--background-card);
|
||
color: var(--text-primary);
|
||
text-align: left;
|
||
cursor: pointer;
|
||
}
|
||
.documents-relation-id {
|
||
font-family: var(--font-mono);
|
||
color: var(--text-secondary);
|
||
font-variant-numeric: tabular-nums;
|
||
}
|
||
.documents-relation-item b,
|
||
.documents-relation-item small,
|
||
.documents-relation-item em {
|
||
display: block;
|
||
min-width: 0;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.documents-relation-item small,
|
||
.documents-relation-item em {
|
||
font-size: 12px;
|
||
color: var(--text-secondary);
|
||
font-style: normal;
|
||
}
|
||
.documents-facts {
|
||
display: grid;
|
||
gap: 10px;
|
||
margin: 0;
|
||
}
|
||
.documents-snapshot-facts dd {
|
||
min-width: 0;
|
||
overflow-wrap: anywhere;
|
||
}
|
||
.documents-facts div {
|
||
display: grid;
|
||
grid-template-columns: 94px minmax(0, 1fr);
|
||
gap: 10px;
|
||
}
|
||
.documents-facts dt {
|
||
color: var(--text-secondary);
|
||
font-size: 12px;
|
||
}
|
||
.documents-facts dd {
|
||
margin: 0;
|
||
min-width: 0;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
font-size: 13px;
|
||
color: var(--text-primary);
|
||
}
|
||
.documents-sticky-actions {
|
||
justify-content: space-between;
|
||
}
|
||
.documents-save-state {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
min-width: 0;
|
||
color: var(--text-secondary);
|
||
font-size: 13px;
|
||
font-weight: 600;
|
||
}
|
||
.documents-save-state-icon {
|
||
display: grid;
|
||
place-items: center;
|
||
width: 28px;
|
||
height: 28px;
|
||
flex: 0 0 auto;
|
||
border-radius: var(--radius-full);
|
||
background: var(--green-100);
|
||
color: var(--green-600);
|
||
}
|
||
.documents-save-state[data-state="dirty"] .documents-save-state-icon {
|
||
background: var(--amber-100);
|
||
color: var(--amber-600);
|
||
}
|
||
.documents-save-state[data-state="saving"] .documents-save-state-icon {
|
||
background: var(--blue-100);
|
||
color: var(--blue-600);
|
||
}
|
||
.documents-save-state[data-state="draft"] .documents-save-state-icon {
|
||
background: var(--amber-100);
|
||
color: var(--amber-700);
|
||
}
|
||
.documents-save-state[data-state="saving"] .documents-save-state-icon i {
|
||
animation: documents-spin 0.8s linear infinite;
|
||
}
|
||
@keyframes documents-spin {
|
||
to {
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
.documents-label-mobile {
|
||
display: none;
|
||
}
|
||
.documents-side-note {
|
||
margin: 10px 0 0;
|
||
line-height: 1.4;
|
||
}
|
||
.documents-revisions-panel {
|
||
width: min(1120px, calc(100vw - 36px));
|
||
}
|
||
.documents-payload-panel {
|
||
width: min(1120px, 66.666vw);
|
||
min-width: min(720px, calc(100vw - 24px));
|
||
}
|
||
.documents-payload-body {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 14px;
|
||
min-height: 0;
|
||
}
|
||
.documents-payload-body .alert > div {
|
||
display: grid;
|
||
gap: 3px;
|
||
}
|
||
.documents-payload-code {
|
||
flex: 1 1 auto;
|
||
min-height: 420px;
|
||
max-height: calc(100vh - 270px);
|
||
margin: 0;
|
||
padding: 16px;
|
||
overflow: auto;
|
||
border-radius: var(--radius-md);
|
||
background: #111827;
|
||
color: #e5e7eb;
|
||
font: 13px/1.55 var(--font-mono, monospace);
|
||
tab-size: 2;
|
||
white-space: pre;
|
||
}
|
||
@media (max-width: 760px) {
|
||
.documents-payload-panel {
|
||
width: calc(100vw - 12px);
|
||
min-width: 0;
|
||
}
|
||
.documents-payload-code {
|
||
min-height: 320px;
|
||
max-height: calc(100vh - 300px);
|
||
}
|
||
}
|
||
.documents-drawer-title h3 {
|
||
margin: 0 0 4px;
|
||
font-size: 18px;
|
||
line-height: 1.25;
|
||
font-weight: 800;
|
||
}
|
||
.documents-drawer-title p {
|
||
margin: 0;
|
||
}
|
||
.documents-revisions-layout {
|
||
display: grid;
|
||
grid-template-columns: minmax(0, 1fr);
|
||
gap: 16px;
|
||
min-width: 0;
|
||
}
|
||
.documents-revisions-list,
|
||
.documents-revision-preview {
|
||
min-width: 0;
|
||
border: 1px solid var(--border-default);
|
||
border-radius: var(--radius-lg);
|
||
background: var(--background-card);
|
||
overflow: hidden;
|
||
}
|
||
.documents-revisions-head {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
justify-content: space-between;
|
||
gap: 12px;
|
||
padding: 14px 16px;
|
||
border-bottom: 1px solid var(--border-default);
|
||
}
|
||
.documents-revisions-head h4 {
|
||
margin: 0 0 3px;
|
||
font-size: 15px;
|
||
line-height: 1.25;
|
||
font-weight: 800;
|
||
}
|
||
.documents-revisions-head p {
|
||
margin: 0;
|
||
font-size: 12px;
|
||
line-height: 1.4;
|
||
}
|
||
.documents-revisions-list-rows {
|
||
display: grid;
|
||
gap: 8px;
|
||
max-height: min(320px, 38vh);
|
||
overflow: auto;
|
||
padding: 12px;
|
||
}
|
||
.documents-revision-fields {
|
||
display: grid;
|
||
gap: 8px;
|
||
padding: 12px;
|
||
}
|
||
.documents-revision-system,
|
||
.documents-revision-content {
|
||
display: grid;
|
||
gap: 8px;
|
||
}
|
||
.documents-revision-content {
|
||
margin-top: 8px;
|
||
}
|
||
.documents-revision-subhead {
|
||
display: grid;
|
||
grid-template-columns: 20px minmax(0, 1fr) auto auto;
|
||
align-items: center;
|
||
gap: 8px;
|
||
padding: 7px 2px;
|
||
color: var(--text-secondary);
|
||
font-size: 12px;
|
||
}
|
||
.documents-revision-subhead b {
|
||
color: var(--text-primary);
|
||
font-size: 13px;
|
||
}
|
||
.documents-revision-system-field {
|
||
background: var(--background-subtle);
|
||
}
|
||
.documents-revision-row {
|
||
display: grid;
|
||
grid-template-columns: 34px minmax(0, 1fr) 34px;
|
||
gap: 10px;
|
||
align-items: center;
|
||
padding: 10px;
|
||
border: 1px solid transparent;
|
||
border-radius: var(--radius-md);
|
||
cursor: pointer;
|
||
}
|
||
.documents-revision-row.is-active {
|
||
border-color: var(--blue-200);
|
||
background: var(--blue-50);
|
||
}
|
||
.documents-revision-icon {
|
||
width: 34px;
|
||
height: 34px;
|
||
border-radius: var(--radius-md);
|
||
font-size: 16px;
|
||
--tile-bg: var(--violet-100);
|
||
--tile-fg: var(--violet-600);
|
||
}
|
||
.documents-revision-row-main {
|
||
min-width: 0;
|
||
}
|
||
.documents-revision-row-main b,
|
||
.documents-revision-row-main div {
|
||
display: block;
|
||
min-width: 0;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.documents-revision-row-main .badge {
|
||
margin-left: 6px;
|
||
}
|
||
.documents-revision-field {
|
||
display: grid;
|
||
gap: 8px;
|
||
padding: 12px;
|
||
border: 1px solid var(--border-default);
|
||
border-radius: var(--radius-md);
|
||
}
|
||
.documents-revision-field div {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 10px;
|
||
}
|
||
.documents-revision-field b {
|
||
font-size: 13px;
|
||
}
|
||
.documents-revision-field span {
|
||
color: var(--text-secondary);
|
||
font-size: 12px;
|
||
font-variant-numeric: tabular-nums;
|
||
}
|
||
.documents-revision-field-name {
|
||
display: grid;
|
||
flex: 1 1 auto;
|
||
gap: 2px;
|
||
min-width: 0;
|
||
}
|
||
.documents-revision-check,
|
||
.documents-revision-group-check {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
min-width: 40px;
|
||
min-height: 40px;
|
||
color: var(--text-secondary);
|
||
cursor: pointer;
|
||
}
|
||
.documents-revision-check input,
|
||
.documents-revision-group-check input {
|
||
width: 16px;
|
||
height: 16px;
|
||
margin: 0;
|
||
accent-color: var(--color-primary);
|
||
}
|
||
.documents-revision-group-check {
|
||
gap: 6px;
|
||
min-width: auto;
|
||
padding: 0 4px;
|
||
font-size: 12px;
|
||
font-weight: 600;
|
||
}
|
||
.documents-revision-group-check span {
|
||
color: inherit;
|
||
}
|
||
.documents-revision-field-name b,
|
||
.documents-revision-field-name small {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.documents-revision-field-name small {
|
||
color: var(--text-tertiary);
|
||
font-family: var(--font-mono);
|
||
font-size: 11px;
|
||
font-weight: 500;
|
||
}
|
||
.documents-revision-field pre {
|
||
margin: 0;
|
||
max-height: 220px;
|
||
overflow: auto;
|
||
white-space: pre-wrap;
|
||
overflow-wrap: anywhere;
|
||
font-family: var(--font-mono);
|
||
font-size: 12px;
|
||
line-height: 1.45;
|
||
color: var(--text-primary);
|
||
}
|
||
.documents-aliases-panel {
|
||
width: min(760px, 66.666vw);
|
||
}
|
||
.documents-remarks-panel {
|
||
width: min(760px, 66.666vw);
|
||
}
|
||
.documents-remarks-drawer,
|
||
.documents-remark-list {
|
||
display: grid;
|
||
align-content: start;
|
||
gap: 12px;
|
||
overflow-x: hidden;
|
||
}
|
||
.documents-remark-form {
|
||
overflow: hidden;
|
||
}
|
||
.documents-remark {
|
||
padding: 14px;
|
||
}
|
||
.documents-remark-head {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
justify-content: space-between;
|
||
gap: 12px;
|
||
}
|
||
.documents-remark-head b,
|
||
.documents-remark-head small {
|
||
display: block;
|
||
}
|
||
.documents-remark-head small {
|
||
margin-top: 3px;
|
||
color: var(--text-secondary);
|
||
font-size: 12px;
|
||
}
|
||
.documents-remark p {
|
||
margin: 10px 0 0;
|
||
white-space: pre-wrap;
|
||
overflow-wrap: anywhere;
|
||
line-height: 1.5;
|
||
}
|
||
.documents-aliases-drawer {
|
||
display: grid;
|
||
align-content: start;
|
||
gap: 16px;
|
||
overflow-x: hidden;
|
||
}
|
||
.documents-alias-form {
|
||
overflow: hidden;
|
||
}
|
||
/* Заголовки форм в дроверах инструментов */
|
||
.documents-drawer-form .documents-section-head {
|
||
padding: 12px 16px;
|
||
}
|
||
.documents-drawer-form .documents-section-head h4 {
|
||
margin: 0;
|
||
font-size: 14px;
|
||
font-weight: 700;
|
||
color: var(--text-primary);
|
||
}
|
||
.documents-drawer-form .documents-head-icon {
|
||
width: 32px;
|
||
height: 32px;
|
||
display: grid;
|
||
place-items: center;
|
||
font-size: 16px;
|
||
}
|
||
.documents-alias-form-actions {
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
gap: 10px;
|
||
padding: 0 16px 16px;
|
||
}
|
||
.documents-alias-list {
|
||
display: grid;
|
||
gap: 8px;
|
||
}
|
||
.documents-alias-row {
|
||
display: grid;
|
||
grid-template-columns: 36px minmax(0, 1fr) auto auto;
|
||
align-items: center;
|
||
gap: 12px;
|
||
}
|
||
.documents-alias-icon {
|
||
width: 34px;
|
||
height: 34px;
|
||
--tile-bg: var(--cyan-100);
|
||
--tile-fg: var(--cyan-600);
|
||
}
|
||
.documents-alias-main {
|
||
min-width: 0;
|
||
}
|
||
.documents-alias-main b,
|
||
.documents-alias-main small {
|
||
display: block;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.documents-alias-main small {
|
||
margin-top: 3px;
|
||
color: var(--text-secondary);
|
||
font-size: 12px;
|
||
}
|
||
.documents-alias-actions {
|
||
flex-wrap: nowrap;
|
||
}
|
||
@media (max-width: 860px) {
|
||
.documents-media-picker,
|
||
.documents-relation-picker {
|
||
width: 100%;
|
||
height: 94vh;
|
||
max-height: 94vh;
|
||
}
|
||
.documents-filter .input-wrap,
|
||
.documents-filter .select,
|
||
.documents-filter .btn {
|
||
flex: 1 1 100%;
|
||
max-width: none;
|
||
width: 100%;
|
||
}
|
||
.documents-pagination {
|
||
align-items: flex-start;
|
||
flex-direction: column;
|
||
}
|
||
.documents-edit-layout {
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.documents-edit-main,
|
||
.documents-edit-side {
|
||
display: contents;
|
||
}
|
||
.documents-section-main {
|
||
order: 1;
|
||
}
|
||
.documents-section-publish {
|
||
order: 2;
|
||
}
|
||
.documents-section-dates {
|
||
order: 3;
|
||
}
|
||
.documents-section-seo {
|
||
order: 4;
|
||
}
|
||
.documents-views-grid {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
.documents-edit-side {
|
||
position: static;
|
||
}
|
||
.documents-revisions-layout {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
.documents-aliases-panel {
|
||
width: 100%;
|
||
}
|
||
.documents-remarks-panel {
|
||
width: 100%;
|
||
}
|
||
.documents-alias-row {
|
||
grid-template-columns: 36px minmax(0, 1fr) auto;
|
||
}
|
||
.documents-alias-actions {
|
||
grid-column: 2 / -1;
|
||
justify-content: flex-end;
|
||
}
|
||
.documents-media-field,
|
||
.documents-inline-grid,
|
||
.documents-field-head,
|
||
.documents-relation-item {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
.ax-document-field.is-half,
|
||
.ax-document-field.is-third,
|
||
.ax-document-field.is-two-thirds {
|
||
grid-column: span 12;
|
||
}
|
||
}
|
||
@media (max-width: 700px) {
|
||
.documents-single-media-field.documents-media-card {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
.documents-single-media-field .documents-media-thumb {
|
||
width: min(180px, 100%);
|
||
}
|
||
.documents-edit-header .between {
|
||
align-items: flex-start;
|
||
}
|
||
.documents-edit-header .cluster {
|
||
flex: 0 0 auto;
|
||
}
|
||
.documents-edit-header .btn {
|
||
width: 40px;
|
||
min-width: 40px;
|
||
height: 40px;
|
||
padding: 0;
|
||
font-size: 0;
|
||
}
|
||
.documents-edit-header .btn i {
|
||
margin: 0;
|
||
font-size: 17px;
|
||
}
|
||
.documents-sticky-actions {
|
||
bottom: 6px;
|
||
align-items: stretch;
|
||
flex-direction: column;
|
||
gap: 8px;
|
||
padding: 8px;
|
||
}
|
||
.documents-sticky-actions .cluster {
|
||
display: grid;
|
||
grid-template-columns: 40px minmax(0, 1fr) minmax(0, 1fr);
|
||
width: 100%;
|
||
gap: 7px;
|
||
}
|
||
.documents-sticky-actions .btn {
|
||
width: 100%;
|
||
min-width: 0;
|
||
padding-inline: 9px;
|
||
}
|
||
.documents-json-button span,
|
||
.documents-label-desktop {
|
||
display: none;
|
||
}
|
||
.documents-label-mobile {
|
||
display: inline;
|
||
}
|
||
.documents-summary {
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
gap: 10px;
|
||
}
|
||
.documents-stat {
|
||
gap: 10px;
|
||
min-width: 0;
|
||
padding: 13px;
|
||
}
|
||
.documents-stat .icon-tile {
|
||
width: 34px;
|
||
height: 34px;
|
||
}
|
||
.documents-stat b {
|
||
font-size: 18px;
|
||
}
|
||
.documents-section-head {
|
||
padding: 14px 12px;
|
||
}
|
||
.documents-panel .table-scroll {
|
||
overflow: visible;
|
||
}
|
||
.documents-table,
|
||
.documents-table tbody,
|
||
.documents-table tr,
|
||
.documents-table td {
|
||
display: block;
|
||
width: 100%;
|
||
}
|
||
.documents-panel table.documents-table {
|
||
min-width: 0;
|
||
max-width: 100%;
|
||
}
|
||
.documents-table colgroup,
|
||
.documents-table thead {
|
||
display: none;
|
||
}
|
||
.documents-table tbody {
|
||
background: var(--background-surface);
|
||
}
|
||
.documents-table .documents-row {
|
||
position: relative;
|
||
display: grid;
|
||
grid-template-columns: 28px minmax(0, 1fr) auto;
|
||
grid-template-areas: "check title id" "check rubric state" "date date date" "actions actions actions";
|
||
gap: 9px 10px;
|
||
padding: 13px 12px 11px;
|
||
border-bottom: 1px solid var(--border-default);
|
||
}
|
||
.documents-table .documents-row:last-child {
|
||
border-bottom: 0;
|
||
}
|
||
.documents-table .documents-row:nth-child(even) {
|
||
background: color-mix(in srgb, var(--background-muted) 55%, var(--background-surface));
|
||
}
|
||
.documents-table .documents-row.is-draft {
|
||
box-shadow: inset 3px 0 0 var(--amber-500);
|
||
}
|
||
.documents-table .documents-row.is-deleted {
|
||
background: color-mix(in srgb, var(--red-50) 58%, var(--background-surface));
|
||
box-shadow: inset 3px 0 0 var(--red-500);
|
||
}
|
||
.documents-table .documents-row td {
|
||
min-width: 0;
|
||
padding: 0;
|
||
border: 0;
|
||
background: transparent;
|
||
box-shadow: none;
|
||
}
|
||
.documents-cell-check {
|
||
grid-area: check;
|
||
padding-top: 2px !important;
|
||
}
|
||
.documents-cell-id {
|
||
grid-area: id;
|
||
justify-self: end;
|
||
font-size: 12px;
|
||
}
|
||
.documents-cell-title {
|
||
grid-area: title;
|
||
}
|
||
.documents-cell-rubric {
|
||
grid-area: rubric;
|
||
}
|
||
.documents-cell-state {
|
||
grid-area: state;
|
||
justify-self: end;
|
||
}
|
||
.documents-cell-date {
|
||
grid-area: date;
|
||
}
|
||
.documents-cell-actions {
|
||
grid-area: actions;
|
||
}
|
||
.documents-name b,
|
||
.documents-meta span {
|
||
white-space: normal;
|
||
}
|
||
.documents-name b {
|
||
font-size: 13.5px;
|
||
line-height: 1.35;
|
||
}
|
||
.documents-name small,
|
||
.documents-cell-rubric .documents-meta span:first-child {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.documents-cell-rubric .documents-meta {
|
||
display: flex;
|
||
gap: 5px;
|
||
}
|
||
.documents-cell-date .documents-meta {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 5px 14px;
|
||
padding-top: 8px;
|
||
border-top: 1px solid var(--border-subtle);
|
||
}
|
||
.documents-cell-date .documents-meta span {
|
||
display: flex;
|
||
gap: 5px;
|
||
font-size: 11.5px;
|
||
}
|
||
.documents-mobile-label {
|
||
display: inline;
|
||
color: var(--text-tertiary);
|
||
}
|
||
.documents-cell-actions {
|
||
padding-top: 1px !important;
|
||
}
|
||
.documents-actions {
|
||
justify-content: flex-end;
|
||
gap: 4px;
|
||
}
|
||
.documents-actions .btn {
|
||
width: 36px;
|
||
height: 36px;
|
||
min-width: 36px;
|
||
}
|
||
.documents-pagination {
|
||
padding: 13px 12px;
|
||
}
|
||
}
|
||
.documents-create-drawer {
|
||
width: min(66.666vw, 980px);
|
||
max-width: none;
|
||
}
|
||
.documents-create-body {
|
||
display: flex;
|
||
flex-direction: column;
|
||
min-height: 0;
|
||
overflow: hidden;
|
||
background: var(--background-subtle);
|
||
}
|
||
.documents-create-search {
|
||
width: 100%;
|
||
margin-bottom: 14px;
|
||
}
|
||
.documents-create-layout {
|
||
display: grid;
|
||
grid-template-columns: minmax(250px, 32%) minmax(0, 1fr);
|
||
flex: 1 1 auto;
|
||
min-height: 0;
|
||
overflow: hidden;
|
||
border: 1px solid var(--border-default);
|
||
border-radius: var(--radius-md);
|
||
background: var(--background-card);
|
||
}
|
||
.documents-create-list {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 5px;
|
||
min-width: 0;
|
||
padding: 10px;
|
||
overflow-y: auto;
|
||
border-right: 1px solid var(--border-default);
|
||
background: var(--background-muted);
|
||
}
|
||
.documents-create-item {
|
||
display: grid;
|
||
grid-template-columns: 40px minmax(0, 1fr) 20px;
|
||
align-items: center;
|
||
gap: 10px;
|
||
width: 100%;
|
||
min-height: 62px;
|
||
padding: 9px 10px;
|
||
border: 1px solid transparent;
|
||
border-radius: var(--radius-md);
|
||
background: transparent;
|
||
color: var(--text-primary);
|
||
font: inherit;
|
||
text-decoration: none;
|
||
text-align: left;
|
||
cursor: pointer;
|
||
transition-property: border-color, box-shadow, transform;
|
||
transition-duration: 140ms;
|
||
}
|
||
.documents-create-item:hover {
|
||
border-color: var(--blue-200);
|
||
background: var(--background-card);
|
||
box-shadow: var(--shadow-xs);
|
||
}
|
||
.documents-create-item[hidden] {
|
||
display: none;
|
||
}
|
||
.documents-create-item:active {
|
||
transform: scale(0.96);
|
||
}
|
||
.documents-create-item.is-current {
|
||
border-color: var(--blue-300);
|
||
background: var(--blue-50);
|
||
box-shadow: 0 0 0 1px color-mix(in srgb, var(--blue-300) 25%, transparent);
|
||
}
|
||
.documents-create-name {
|
||
min-width: 0;
|
||
}
|
||
.documents-create-name b,
|
||
.documents-create-name small {
|
||
display: block;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.documents-create-name small {
|
||
margin-top: 4px;
|
||
color: var(--text-secondary);
|
||
}
|
||
.documents-create-arrow {
|
||
color: var(--text-tertiary);
|
||
}
|
||
.documents-create-empty {
|
||
margin-top: 12px;
|
||
}
|
||
.documents-create-details {
|
||
min-width: 0;
|
||
overflow-y: auto;
|
||
}
|
||
.documents-create-detail {
|
||
min-height: 100%;
|
||
padding: 20px;
|
||
}
|
||
.documents-create-detail-head {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
margin-bottom: 18px;
|
||
}
|
||
.documents-create-detail-head h4 {
|
||
margin: 0;
|
||
font-size: 17px;
|
||
}
|
||
.documents-create-detail-head p {
|
||
margin: 4px 0 0;
|
||
color: var(--text-secondary);
|
||
font-size: 12px;
|
||
}
|
||
.documents-create-blank {
|
||
display: grid;
|
||
grid-template-columns: 42px minmax(0, 1fr) 20px;
|
||
align-items: center;
|
||
gap: 12px;
|
||
padding: 13px 14px;
|
||
border: 1px solid var(--green-200);
|
||
border-radius: var(--radius-md);
|
||
background: var(--green-50);
|
||
color: var(--text-primary);
|
||
text-decoration: none;
|
||
}
|
||
.documents-create-blank:hover {
|
||
border-color: var(--green-400);
|
||
box-shadow: var(--shadow-sm);
|
||
text-decoration: none;
|
||
}
|
||
.documents-create-blank b,
|
||
.documents-create-blank small {
|
||
display: block;
|
||
}
|
||
.documents-create-blank small {
|
||
margin-top: 3px;
|
||
color: var(--text-secondary);
|
||
}
|
||
.documents-create-blank > .ti {
|
||
color: var(--green-600);
|
||
}
|
||
.documents-create-presets-head {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
margin: 22px 0 9px;
|
||
}
|
||
.documents-create-presets-head h5 {
|
||
margin: 0;
|
||
font-size: 13px;
|
||
}
|
||
.documents-create-presets {
|
||
display: grid;
|
||
gap: 7px;
|
||
}
|
||
.documents-create-preset {
|
||
display: grid;
|
||
grid-template-columns: minmax(0, 1fr) 34px;
|
||
align-items: center;
|
||
gap: 5px;
|
||
border: 1px solid var(--border-default);
|
||
border-radius: var(--radius-md);
|
||
background: var(--background-card);
|
||
}
|
||
.documents-create-preset:hover {
|
||
border-color: var(--cyan-300);
|
||
}
|
||
.documents-create-preset > a {
|
||
display: grid;
|
||
grid-template-columns: 38px minmax(0, 1fr);
|
||
align-items: center;
|
||
gap: 11px;
|
||
min-width: 0;
|
||
padding: 10px 5px 10px 11px;
|
||
color: var(--text-primary);
|
||
text-decoration: none;
|
||
}
|
||
.documents-create-preset > a:hover {
|
||
text-decoration: none;
|
||
}
|
||
.documents-create-preset b,
|
||
.documents-create-preset small {
|
||
display: block;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.documents-create-preset small {
|
||
margin-top: 3px;
|
||
color: var(--text-secondary);
|
||
}
|
||
.documents-create-preset > .btn {
|
||
margin-right: 5px;
|
||
}
|
||
.documents-create-presets-empty {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
min-height: 70px;
|
||
padding: 13px;
|
||
border: 1px dashed var(--border-default);
|
||
border-radius: var(--radius-md);
|
||
color: var(--text-secondary);
|
||
font-size: 12px;
|
||
line-height: 1.45;
|
||
}
|
||
.documents-create-presets-empty > .ti {
|
||
flex: 0 0 auto;
|
||
color: var(--text-tertiary);
|
||
font-size: 22px;
|
||
}
|
||
.documents-preset-notice {
|
||
display: grid;
|
||
grid-template-columns: 40px minmax(0, 1fr) auto;
|
||
align-items: center;
|
||
gap: 12px;
|
||
padding: 11px 14px;
|
||
border: 1px solid var(--cyan-200);
|
||
border-radius: var(--radius-md);
|
||
background: var(--cyan-50);
|
||
}
|
||
.documents-preset-notice b,
|
||
.documents-preset-notice span {
|
||
display: block;
|
||
}
|
||
.documents-preset-notice span {
|
||
margin-top: 2px;
|
||
color: var(--text-secondary);
|
||
font-size: 12px;
|
||
}
|
||
.documents-preset-panel > form {
|
||
display: flex;
|
||
flex-direction: column;
|
||
height: 100%;
|
||
min-height: 0;
|
||
}
|
||
.documents-preset-body {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 18px;
|
||
overflow-y: auto;
|
||
background: var(--background-subtle);
|
||
}
|
||
.documents-preset-options {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
gap: 9px;
|
||
}
|
||
.documents-preset-options .switch {
|
||
min-height: 48px;
|
||
padding: 10px 12px;
|
||
border: 1px solid var(--border-default);
|
||
border-radius: var(--radius-md);
|
||
background: var(--background-card);
|
||
}
|
||
.documents-preset-options .switch b {
|
||
min-width: 0;
|
||
font-size: 12.5px;
|
||
}
|
||
.documents-preset-warning {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
gap: 8px;
|
||
margin: 0;
|
||
padding: 10px 12px;
|
||
border-radius: var(--radius-md);
|
||
background: var(--amber-50);
|
||
color: var(--amber-800);
|
||
font-size: 12px;
|
||
line-height: 1.45;
|
||
}
|
||
.documents-preset-warning .ti {
|
||
margin-top: 1px;
|
||
}
|
||
@media (max-width: 760px) {
|
||
.documents-create-drawer {
|
||
width: 100%;
|
||
max-width: 100%;
|
||
}
|
||
.documents-create-body {
|
||
overflow-y: auto;
|
||
}
|
||
.documents-create-layout {
|
||
display: block;
|
||
flex: 0 0 auto;
|
||
overflow: visible;
|
||
}
|
||
.documents-create-list {
|
||
max-height: 250px;
|
||
overflow-y: auto;
|
||
border-right: 0;
|
||
border-bottom: 1px solid var(--border-default);
|
||
}
|
||
.documents-create-details {
|
||
overflow: visible;
|
||
}
|
||
.documents-create-detail {
|
||
min-height: 0;
|
||
padding: 15px;
|
||
}
|
||
.documents-preset-notice {
|
||
grid-template-columns: 36px minmax(0, 1fr);
|
||
}
|
||
.documents-preset-notice > .btn {
|
||
grid-column: 2;
|
||
justify-self: start;
|
||
}
|
||
.documents-preset-options {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
}
|