/* SOSEDI DOCS — unified operator UX. Scope new layout to ux- classes. */
:root{--ux-txt:#182a30;--ux-dim:#687e82;--ux-border:#dfebe7;--ux-shadow:0 10px 32px rgba(26,49,45,.055)}
.ux-home,.ux-create-page,.ux-documents{max-width:1180px;margin:0 auto}
.ux-eyebrow{font-size:11px;letter-spacing:.14em;color:var(--accent);font-weight:900}
.ux-welcome{color:var(--ux-dim);font-size:13px}
.ux-topline{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}
.ux-home p,.ux-create-page p,.ux-documents p{line-height:1.6}
.ux-hero{background:linear-gradient(115deg,#fcfffe,#f0faf6);border:1px solid var(--ux-border);padding:38px 40px;display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:center;gap:22px;border-radius:24px;box-shadow:var(--ux-shadow)}
.ux-hero h1{font-size:clamp(27px,3vw,39px);max-width:640px;line-height:1.13}
.ux-hero p{max-width:630px;color:var(--ux-dim);font-size:15px;margin:13px 0 22px}
.ux-hero-extra{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--ux-dim);text-align:center;font-size:12px;line-height:1.4}
.ux-hero-extra img{width:150px;height:145px;object-fit:contain}
.ux-main-action{min-width:212px}
.ux-work-section{margin-top:28px}
.ux-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px}
.ux-section-head h1,.ux-section-head h2{margin:3px 0;font-weight:850}
.ux-section-head a{color:var(--accent);text-decoration:none;font-size:13px;font-weight:800}
.ux-section-head p{margin:8px 0 0}
.ux-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.ux-stat{display:flex;flex-direction:column;gap:7px;border:1px solid var(--ux-border);background:#fff;border-radius:17px;padding:20px;text-decoration:none;box-shadow:var(--ux-shadow)}
.ux-stat strong{font-size:33px;color:var(--accent);line-height:1.1}
.ux-stat b{font-size:15px}
.ux-stat small{font-size:12px;color:var(--ux-dim);line-height:1.5}
.ux-stat:hover,.ux-template:hover,.ux-recent-item:hover{border-color:color-mix(in srgb,var(--accent) 44%,#fff);box-shadow:0 12px 28px rgba(26,49,45,.085)}
.ux-recent-list{overflow:hidden;border:1px solid var(--ux-border);border-radius:17px;background:#fff;box-shadow:var(--ux-shadow)}
.ux-recent-item{display:flex;align-items:center;gap:14px;border-bottom:1px solid #edf1ee;padding:17px 19px;text-decoration:none;min-width:0}
.ux-recent-item:last-child{border-bottom:0}
.ux-file-ico,.ux-template-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:22px;flex-shrink:0}
.ux-file-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}
.ux-file-main b{white-space:normal;word-break:break-word;font-size:14px}
.ux-file-main small{color:var(--ux-dim);font-size:11px}
.ux-state{font-size:12px;font-weight:800;color:#566c74;border-radius:18px;padding:8px 10px;background:#f0f5f4;white-space:nowrap}
.ux-state.waiting{color:#9a6b17;background:#fff6e5}
.ux-state.signed{color:#128260;background:#e8f7ef}
.ux-forward{font-size:13px;color:var(--ux-dim);flex-shrink:0}
.ux-empty{text-align:center;padding:35px 20px;color:var(--ux-dim);border-radius:16px}
.ux-empty h3{color:var(--ux-txt);margin:0 0 6px}
.ux-empty p{font-size:13px;margin:0 0 15px}
.ux-admin-tools{margin:25px 0;border:1px solid var(--ux-border);background:rgba(255,255,255,.7);padding:15px 18px;border-radius:16px}
.ux-admin-tools summary{font-weight:750;cursor:pointer;font-size:13px}
.ux-admin-tools summary span{font-weight:400;margin-left:8px}
.ux-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:15px}
.ux-admin-grid a{border:1px solid var(--ux-border);background:#fff;padding:14px;text-decoration:none;border-radius:11px;font-weight:700;font-size:13px;color:var(--accent)}
.ux-back{display:inline-block;text-decoration:none;color:var(--ux-dim);font-size:12px;font-weight:800;margin-bottom:13px}
.ux-create-heading h1{font-size:clamp(28px,3vw,37px);margin:8px 0 4px}
.ux-create-heading p{font-size:14px;color:var(--ux-dim);margin:5px 0 20px}
.ux-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:18px 0 22px}
.ux-steps span{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--ux-border);border-radius:12px;padding:12px 15px;font-size:13px;color:var(--ux-dim)}
.ux-steps span b{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:50%;background:#eef5f2;color:#638279;font-size:11px}
.ux-steps span.is-current{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,white);font-weight:800;color:var(--ux-txt)}
.ux-steps span.is-current b{background:var(--accent);color:#fff}
.ux-create-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}
.ux-create-types .ux-method{background:#fff;color:var(--ux-txt);text-align:left;align-items:flex-start;border:1px solid var(--ux-border);padding:16px;display:flex;flex-direction:column;gap:6px;border-radius:14px;min-height:86px}
.ux-method b{font-size:15px}
.ux-method span{font-size:12px;color:var(--ux-dim);font-weight:500}
.ux-create-types .ux-method.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent)}
.ux-mode-panel{border:1px solid var(--ux-border);background:#fff;border-radius:20px;padding:22px;box-shadow:var(--ux-shadow)}
.ux-mode-panel[hidden],.ux-template[hidden],#uxNoTemplates[hidden]{display:none!important}
.ux-template-filter{width:min(100%,340px);margin:0}
.ux-template-filter input{width:100%;font-size:14px}
.ux-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ux-template{border:1px solid var(--ux-border);border-radius:15px;padding:18px;display:flex;flex-direction:column;gap:9px;text-decoration:none;min-height:172px}
.ux-template-icon{margin-bottom:4px}
.ux-template>b{font-size:15px;color:var(--ux-txt)}
.ux-template>span:not(.ux-template-icon){font-size:12px;line-height:1.45;color:var(--ux-dim);flex:1}
.ux-template em{font-size:12px;color:var(--accent);font-style:normal;font-weight:800}
.ux-manage-link{text-align:right;margin:14px 0 0}.ux-manage-link a{font-size:12px;text-decoration:none;color:var(--ux-dim)}
.ux-mode-description{max-width:650px;margin:10px auto 24px;text-align:center}
.ux-mode-description p{color:var(--ux-dim);font-size:14px}
.ux-sava-form{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.ux-sava-form label{margin:10px 0 0}.ux-sava-form textarea,.ux-sava-form input{width:100%}
.ux-sava-form button{margin-top:12px}
.ux-documents-head{align-items:end;margin-bottom:22px}
.ux-stage-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:17px}
.ux-stage-tabs a{text-decoration:none;padding:11px 15px;background:#fff;border:1px solid var(--ux-border);border-radius:12px;color:var(--ux-dim);font-size:13px;font-weight:700}
.ux-stage-tabs a b{margin-left:4px}
.ux-stage-tabs a[aria-current="page"]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}
.ux-document-search{display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:#fff;border:1px solid var(--ux-border);border-radius:16px;padding:12px;margin-bottom:16px}
.ux-document-search>input{flex:1;min-width:220px}
.ux-document-search>button{min-height:44px}
.ux-filter-advanced{width:100%;order:5;font-size:12px}
.ux-filter-advanced summary{cursor:pointer;color:var(--ux-dim);font-weight:750;padding:7px 4px}
.ux-filter-content{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:9px 0}
.ux-filter-content label{margin:0;font-size:12px}
.ux-filter-content input,.ux-filter-content select{margin-top:6px}
.ux-doc-list{margin-bottom:20px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:920px){
 .ux-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ux-filter-content{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:660px){
 .ux-home,.ux-create-page,.ux-documents{padding-bottom:10px}
 .ux-hero{grid-template-columns:1fr;padding:25px 20px;border-radius:18px}
 .ux-hero-extra{display:none}
 .ux-hero p{font-size:14px}
 .ux-welcome{display:none}
 .ux-stat-grid{grid-template-columns:1fr 1fr;gap:8px}
 .ux-stat{padding:14px;gap:5px}
 .ux-stat strong{font-size:27px}
 .ux-stat small{font-size:11px}
 .ux-stat-grid .ux-stat:last-child{grid-column:1 / -1}
 .ux-recent-item{padding:13px 11px;gap:8px}
 .ux-file-ico{width:34px;height:34px;font-size:18px}
 .ux-forward{font-size:11px}
 .ux-state{font-size:10px;padding:6px}
 .ux-create-types{grid-template-columns:1fr;gap:8px}
 .ux-create-types .ux-method{min-height:0;padding:13px}
 .ux-create-heading p{font-size:13px}
 .ux-steps{gap:5px}
 .ux-steps span{padding:8px;font-size:10px;gap:5px;flex-direction:column;text-align:center}
 .ux-mode-panel{padding:14px}
 .ux-template-grid{grid-template-columns:1fr}
 .ux-template{min-height:0;padding:14px}
 .ux-section-head{align-items:flex-start}
 .ux-section-head .ux-template-filter{max-width:180px}
 .ux-document-search>input{min-width:100%;font-size:16px}
 .ux-filter-content{grid-template-columns:1fr}
 .ux-documents-head{align-items:flex-start;flex-direction:column}
 .ux-stage-tabs{display:grid;grid-template-columns:repeat(2,1fr)}
 .ux-stage-tabs a{text-align:center;padding:10px 6px;font-size:11px}
 .ux-admin-grid{grid-template-columns:1fr}
}
/* Consistent navigation and reliable native controls throughout DOCS */
.desktop-nav a[aria-current="page"]{background:var(--accent-soft);color:var(--accent)}
.mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
input[type="date"],select{cursor:pointer}
input[type="date"]::-webkit-calendar-picker-indicator{cursor:pointer}
*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ux-detail{max-width:1400px;margin:auto}
.ux-detail h1{font-size:clamp(23px,2.8vw,32px)}
.ux-detail .ux-section-head{align-items:flex-start;margin:10px 0 18px}
.ux-detail .ux-section-head p{font-size:13px}
.ux-party-row{padding:16px 0;border-bottom:1px solid var(--ux-border)}
.ux-party-row:last-of-type{border-bottom:0}
.ux-party-row b{font-size:14px}
.ux-sign-send>p{font-size:13px;line-height:1.5;color:var(--ux-dim)}
.ux-internal-info{padding:11px;border-radius:12px;background:#eff7f4;color:#46746b;line-height:1.5;font-size:12px}
.ux-sign-more{margin:10px 0 0;font-size:12px;color:var(--ux-dim)}
.ux-sign-more summary{cursor:pointer;padding:8px 0}
.ux-sign-more a{margin-top:10px}
.ux-send-confirm{padding-top:12px}
.ux-detail .doc{padding:30px;overflow-x:auto}
@media(max-width:760px){.ux-detail .doc{padding:16px}.ux-detail .ux-section-head{align-items:flex-start;flex-direction:column}.ux-sign-send{margin-top:18px}}
.ux-settings-center{border:1px solid var(--ux-border);background:#fff;padding:19px;border-radius:19px;margin-bottom:24px}
.ux-settings-center h2{font-size:17px;margin:0 0 15px}
.ux-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ux-settings-module{border:1px solid var(--ux-border);border-radius:13px;padding:15px;background:#fcfffd;display:flex;flex-direction:column;gap:8px}
.ux-settings-module.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,white)}
.ux-settings-module strong{font-size:14px}
.ux-settings-module>span{font-size:12px;color:var(--ux-dim);flex:1;line-height:1.5}
.ux-settings-module>div{display:flex;gap:10px;flex-wrap:wrap}
.ux-settings-module a{color:var(--accent);font-size:12px;text-decoration:none;font-weight:800}
.ux-settings-extra{margin-top:13px;border-top:1px solid var(--ux-border);padding-top:12px}
.ux-settings-extra summary{cursor:pointer;font-size:12px;font-weight:750;color:var(--ux-dim)}
.ux-settings-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.ux-settings-links a{border:1px solid var(--ux-border);border-radius:9px;padding:9px 12px;color:var(--accent);font-size:12px;text-decoration:none;font-weight:700}
@media(max-width:820px){.ux-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){.ux-settings-center{padding:13px}.ux-settings-grid{grid-template-columns:1fr}}

/* DOCS workflow: readable document cards and actions */
.ux-doc-entry{position:relative}
.ux-title-link{color:inherit;text-decoration:none}
.ux-doc-actions{position:relative;flex:0 0 auto}
.ux-doc-actions>summary{list-style:none;cursor:pointer;border:1px solid var(--ux-border);border-radius:10px;padding:10px 12px;font-weight:800;font-size:12px;white-space:nowrap;background:#fff}
.ux-doc-actions>summary::-webkit-details-marker{display:none}
.ux-doc-list{overflow:visible}.ux-doc-menu{position:absolute;right:0;top:calc(100% + 4px);width:210px;z-index:400;background:#fff;border:1px solid var(--ux-border);border-radius:13px;padding:7px;box-shadow:0 15px 40px #192f3022}
.ux-doc-menu a,.ux-doc-menu button{display:block;width:100%;text-align:left;text-decoration:none;background:#fff!important;color:#243d43!important;border:0!important;border-radius:9px;padding:11px!important;font-size:12px!important;font-weight:750!important}
.ux-doc-menu form{margin:0}.ux-doc-menu a:hover,.ux-doc-menu button:hover{background:#f0f7f4!important}
.ux-danger-action,.ux-doc-menu .ux-danger-action{color:#a73535!important}
.ux-detail-tools{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}
.ux-detail-tools form{margin:0}.ux-detail-tools button{height:100%}
.ux-brand-document{font-weight:750;font-size:12px;color:var(--accent);border-bottom:1px solid var(--ux-border);margin-bottom:11px;padding-bottom:10px}
.ux-field-name-main{display:block;background:#effaf5;border:1px solid #d0e6df;border-radius:12px;padding:12px;font-size:14px!important;font-weight:850}
.ux-field-name-main input{margin-top:8px!important;font-size:16px!important;font-weight:750!important}
.ux-field-name-main small{font-size:11px!important;color:#60787a}
/* Clean side inspector: no dark veil or grey blur around settings */
body>.inline-field-settings.field-settings-modal[open]::before,
.inline-field-settings[open]::before{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important}
body>.inline-field-settings.field-settings-modal[open]{background:#fff!important;box-shadow:0 15px 60px rgba(25,50,50,.13)!important;border:1px solid #d3e7dd!important}
body>.inline-field-settings.field-settings-modal[open] .field-inspector{background:#fff!important}
body>.inline-field-settings.field-settings-modal[open] .field-drawer-head{background:#fff!important}
@media(max-width:680px){.ux-doc-entry{flex-wrap:wrap}.ux-doc-actions{margin-left:auto}.ux-doc-menu{right:0}.ux-detail-tools .btn,.ux-detail-tools form{flex:1 1 auto;text-align:center}}

/* DOCS_CONTRAST_V3: scoped accessible selection and CTA colors */
/* Do not force global buttons, dialogs, or document pages into this palette. */
body:has(.ux-create-page),
body:has(.ux-documents),
body:has(.ux-home) {
  background:linear-gradient(180deg,#fbfcfb 0%,#f6f8f7 100%) !important;
}
/* Other CSS files set button backgrounds with !important. Override ONLY the
   three tab-buttons of the document source chooser. */
.ux-create-page .ux-create-types button.ux-method {
  background:#fff !important;
  background-image:none !important;
  border:1px solid #dbe6e2 !important;
  color:#24353a !important;
  box-shadow:0 2px 9px rgba(25,49,43,.035) !important;
  filter:none !important;
  opacity:1 !important;
}
.ux-create-page .ux-create-types button.ux-method[aria-selected="true"] {
  background:#eaf5ef !important;
  background-image:none !important;
  border:2px solid var(--accent) !important;
  padding:15px !important;
  color:#174c3e !important;
  box-shadow:0 0 0 2px rgba(15,110,83,.06) !important;
}
.ux-create-page .ux-create-types button.ux-method b {
  color:#173b35 !important;
  opacity:1 !important;
}
.ux-create-page .ux-create-types button.ux-method span {
  color:#526a64 !important;
  opacity:1 !important;
}
.ux-create-page .ux-create-types button.ux-method:hover {
  border-color:var(--accent) !important;
}
.ux-create-page .ux-create-types button.ux-method:focus-visible {
  outline:3px solid var(--accent);
  outline-offset:3px;
}
/* Important action links inside a section inherited green TEXT on green BG.
   Limit contrast correction to actual primary actions. */
.ux-documents .ux-documents-head a.btn.big,
.ux-home .ux-hero a.btn.big,
.ux-create-page .ux-mode-panel a.btn.big,
.ux-create-page .ux-sava-form button.btn.big {
  background:var(--accent) !important;
  background-image:none !important;
  color:#fff !important;
  border:1px solid var(--accent) !important;
  box-shadow:none !important;
  opacity:1 !important;
  text-decoration:none !important;
}
.ux-documents .ux-documents-head a.btn.big *,
.ux-home .ux-hero a.btn.big *,
.ux-create-page .ux-mode-panel a.btn.big *,
.ux-create-page .ux-sava-form button.btn.big * {
  color:#fff !important;
  opacity:1 !important;
}
.ux-documents .ux-documents-head a.btn.big:hover,
.ux-home .ux-hero a.btn.big:hover,
.ux-create-page .ux-mode-panel a.btn.big:hover,
.ux-create-page .ux-sava-form button.btn.big:hover {
  filter:brightness(.92) !important;
}
@media(max-width:660px) {
  .ux-create-page .ux-create-types button.ux-method[aria-selected="true"] {
    padding:12px !important;
  }
}