.satso-document-manager { max-width: 1180px; padding: clamp(20px, 3vw, 34px); }
.satso-document-manager__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.satso-document-manager__header h2 { margin: 5px 0 8px; color: var(--satso-heading); font-size: clamp(1.75rem, 3vw, 2.5rem); letter-spacing: -.035em; }
.satso-document-manager__header p:last-child { max-width: 680px; margin: 0; color: var(--satso-muted); }
.satso-document-manager__form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(270px, 320px); align-items: start; gap: 20px; }
.satso-document-manager__panel { min-width: 0; padding: clamp(18px, 2.2vw, 26px); border: 1px solid var(--satso-line); border-radius: 14px; background: var(--satso-panel); box-shadow: 0 10px 30px rgba(12, 55, 84, .06); }
.satso-document-manager__panel > h3 { margin: 0 0 18px; padding-bottom: 13px; border-bottom: 1px solid var(--satso-line); color: var(--satso-heading); font-size: 1.125rem; }
.satso-document-manager__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.satso-document-manager label { display: grid; gap: 7px; color: var(--satso-heading); font-size: .875rem; font-weight: 750; }
.satso-document-manager input[type="text"], .satso-document-manager textarea, .satso-document-manager select { width: 100%; min-height: 48px; margin: 0; padding: 11px 14px; border: 1px solid #bed0dc; border-radius: 10px; color: var(--satso-heading); background-color: #fff; box-shadow: 0 1px 2px rgba(12, 55, 84, .04); font: inherit; font-size: .9375rem; transition: border-color .16s ease, box-shadow .16s ease; }
.satso-document-manager textarea { min-height: 118px; resize: vertical; }
.satso-document-manager select { appearance: none; padding-right: 42px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230d446b' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 13px center; }
.satso-document-manager input[type="text"]:focus, .satso-document-manager textarea:focus, .satso-document-manager select:focus { outline: 0; border-color: var(--satso-teal); box-shadow: 0 0 0 3px rgba(0, 143, 135, .14); }
.satso-document-manager__publish { display: grid; gap: 16px; position: sticky; top: 18px; }
.satso-document-manager__publish > h3 { margin-bottom: 0; }
.satso-document-manager__publish small { color: var(--satso-muted); font-size: .75rem; font-weight: 500; }
.satso-document-manager__publish input[type="file"] { width: 100%; padding: 10px; border: 1px dashed var(--satso-input-line); border-radius: 9px; background: var(--satso-surface); font-size: .75rem; }
.satso-document-manager__publish > .satso-button { width: 100%; justify-content: center; }
.satso-document-manager__current-file { display: grid; gap: 4px; padding: 12px; border: 1px solid var(--satso-line); border-radius: 9px; color: var(--satso-heading); background: var(--satso-surface); font-size: .8125rem; text-decoration: none; overflow-wrap: anywhere; }
.satso-document-manager__current-file span { color: var(--satso-muted); }
.satso-document-manager__library { margin-top: 34px; padding-top: 28px; border-top: 1px solid var(--satso-line); }
.satso-document-manager__library-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
.satso-document-manager__library-heading h3 { margin: 3px 0 0; color: var(--satso-heading); font-size: 1.375rem; }
.satso-document-manager__library-heading > strong { display: grid; min-width: 38px; height: 38px; place-items: center; border-radius: 50%; color: var(--satso-heading); background: var(--satso-soft-accent); }
.satso-document-manager__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.satso-document-manager__list > article { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px; border: 1px solid var(--satso-line); border-radius: 12px; background: var(--satso-panel); }
.satso-document-manager__list h4 { margin: 8px 0 4px; color: var(--satso-heading); font-size: 1rem; }
.satso-document-manager__list p { margin: 0; color: var(--satso-muted); font-size: .8125rem; }
.satso-document-library { margin-top: clamp(16px, 3vw, 28px); padding-top: clamp(20px, 3vw, 32px); border-top: 1px solid var(--satso-line); }
.satso-document-library__heading { max-width: 720px; margin-bottom: 24px; }
.satso-document-library__heading h2 { margin: 7px 0 9px; color: var(--satso-heading); font-size: clamp(1.75rem, 4vw, 2.75rem); letter-spacing: -.035em; }
.satso-document-library__heading p:last-child { margin: 0; color: var(--satso-muted); }
.satso-document-library__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 310px), 1fr)); gap: 16px; }
.satso-document-card { display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: start; gap: 16px; padding: 20px; border: 1px solid var(--satso-line); border-radius: 14px; background: var(--satso-panel); box-shadow: var(--satso-shadow); }
.satso-document-card__icon { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 12px; color: #fff; background: var(--satso-navy); font-size: .6875rem; font-weight: 850; letter-spacing: .04em; }
.satso-document-card__content h3 { margin: 1px 0 8px; color: var(--satso-heading); font-size: 1.125rem; line-height: 1.3; }
.satso-document-card__content > p { margin: 0 0 13px; color: var(--satso-muted); font-size: .875rem; line-height: 1.55; }
.satso-document-card__meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-bottom: 15px; color: var(--satso-muted); font-size: .75rem; }
.satso-document-card .satso-button { min-height: 38px; padding: 7px 12px; }


.satso-document-manager__list .satso-inline-actions{flex-wrap:wrap}.satso-document-manager__list form{margin:0}.satso-document-card a{overflow-wrap:anywhere}
@media(max-width:760px){.satso-document-manager__header{align-items:stretch;flex-direction:column}.satso-document-manager__form,.satso-document-manager__fields,.satso-document-manager__list{grid-template-columns:1fr}.satso-document-manager__publish{position:static}.satso-document-manager__list>article{align-items:flex-start;flex-direction:column}}
