/* IGS 1056 — Document Module Design Standard.
   Common tokens for invoice purchase/sale/quotation and the commercial Studio.
   Keep business calculations, permissions and document data independent. */
:root{--igs-doc-radius:13px;--igs-doc-line:#d9e3f0;--igs-doc-subtle:#657a96;--igs-doc-space:14px;--igs-doc-primary:#5543f3}
.igs-document-module .rf-hero{border-radius:var(--igs-doc-radius);margin-bottom:14px}
.igs-document-module #igs-document-studio-frame{border:0;border-radius:var(--igs-doc-radius);background:transparent;box-shadow:none}
.igs-document-module .hero-actions .button{min-height:39px}
/* Standalone Studio gets the same visual family, while iframe uses the real host hero. */
.studio-list-workspace .studio-page-hero{border-radius:var(--igs-doc-radius);background:linear-gradient(110deg,#302b79 0%,#3160b1 58%,#098ca5 100%);color:#fff;padding:23px 28px;margin-bottom:14px;min-height:104px}
.studio-page-hero h1{color:#fff;font-size:22px;letter-spacing:0}.studio-page-hero p,.studio-hero-eyebrow{color:#e2efff!important;font-size:11px}
.studio-embedded .studio-list-workspace .studio-page-hero{display:none}
.studio-list-workspace{--line:var(--igs-doc-line);--shadow:0 5px 18px #15244a0b}
.studio-list-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-bottom:12px}
.studio-embedded .studio-list-actions{justify-content:flex-start} /* Keep native PDF file picker: browser user-activation must remain in iframe. */
.studio-embedded .studio-list-actions #newDoc{display:none} /* Create is available in the IGS host hero. */
.studio-doc-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}
.studio-metric{position:relative;min-height:92px;padding:14px 16px;gap:5px;border-radius:var(--igs-doc-radius);overflow:hidden;box-shadow:none;background:linear-gradient(110deg,#fff,#f6f9ff)}
.studio-metric small{font-size:11px}.studio-metric strong{font-size:24px;color:#203d7e}.studio-metric-unit{font-size:10px;color:#8394ae}
.studio-metric-icon{position:absolute;left:14px;top:15px;border-radius:9px;background:#e8eeff;color:#4663b1;font-size:17px;min-width:32px;min-height:32px;display:grid;place-items:center}
.studio-metric.tone-green{background:linear-gradient(110deg,#fff,#effbf5)}.studio-metric.tone-green .studio-metric-icon{background:#ddf7e7;color:#14855c}
.studio-metric.tone-amber{background:linear-gradient(110deg,#fff,#fff8e7)}.studio-metric.tone-amber .studio-metric-icon{background:#fff0cb;color:#ae7a23}
.studio-metric.tone-violet{background:linear-gradient(110deg,#fff,#f6f3ff)}.studio-metric.tone-violet .studio-metric-icon{background:#e9e3ff;color:#6c55aa}
.studio-list-filters{border:1px solid var(--igs-doc-line);background:#fff;border-radius:var(--igs-doc-radius);padding:12px 14px;margin-bottom:10px}
.studio-filter-fields{display:grid;grid-template-columns:minmax(220px,2fr) minmax(140px,1fr) minmax(140px,1fr) auto auto;align-items:end;gap:10px}
.studio-filter-fields label{min-width:0;font-size:10px;font-weight:650}.studio-filter-fields input,.studio-filter-fields select{min-width:0;width:100%;height:39px;background:#fbfcff}
.studio-filter-fields button{height:39px}.studio-filter-fields .primary{background:var(--igs-doc-primary);border-color:var(--igs-doc-primary)}
.studio-list-notice{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#f8f5ff;border:1px solid #e0d8ff;border-radius:var(--igs-doc-radius);color:#6554b1;font-size:11px;margin-bottom:13px;line-height:1.85}
.studio-list-notice strong{white-space:nowrap}.studio-list-notice>span:last-child{margin-right:auto}
.studio-list-card{border-color:var(--igs-doc-line);overflow:hidden;box-shadow:0 6px 18px #18375b0a}
.studio-list-card-head{min-height:59px}.studio-list-controls{display:flex;align-items:center;gap:14px;color:#7486a2;font-size:11px}.studio-list-controls label{flex-direction:row;align-items:center;gap:6px;font-size:11px}.studio-list-controls select{padding:5px 8px}
.studio-list-card .listing th{background:#f0f5fd;color:#5a6c8d}.studio-list-card .listing td{padding:11px 13px;vertical-align:middle}
.studio-list-card .listing td:last-child button{padding:7px 11px}.studio-list-card .listing .english{max-width:340px;overflow-wrap:anywhere}
.studio-list-empty{text-align:center!important;padding:24px!important;color:#8492a7}
.studio-list-footer{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:11px 15px;border-top:1px solid var(--igs-doc-line);background:#fff;color:#7d8da7;font-size:11px}
#docPagination{display:flex;align-items:center;gap:9px}#docPagination button{border:1px solid var(--igs-doc-line);border-radius:8px;padding:6px 11px;color:#475e87;background:#fff}#docPagination button:disabled{opacity:.4}
.studio-admin-heading{background:linear-gradient(110deg,#302b79,#3261b0 58%,#098da7);border-radius:var(--igs-doc-radius);padding:20px 24px;color:#fff;margin-bottom:15px}
.studio-admin-heading h1{color:#fff;font-size:20px}.studio-admin-heading p{color:#d9ecff!important}
.studio-admin-heading .secondary{background:#ffffff16;color:#fff;border-color:#ffffff80}
@media(max-width:1050px){.studio-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-filter-fields label:first-child{grid-column:span 2}.studio-filter-fields button{width:100%}}
@media(max-width:700px){.studio-doc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-filter-fields label:first-child{grid-column:span 2}.studio-metric{min-height:85px;padding:12px}.studio-list-notice{flex-wrap:wrap}.studio-list-notice>span:last-child{margin-right:0}.studio-list-card-head{flex-wrap:wrap}.studio-admin-heading{padding:15px}.studio-list-footer{justify-content:center}.studio-page-hero{padding:16px!important}}
@media(max-width:410px){.studio-filter-fields{grid-template-columns:1fr}.studio-filter-fields label:first-child{grid-column:1}.studio-list-controls{gap:6px}.studio-filter-fields button{min-height:41px}}

/* IGS 1056: list rows navigate to the original document on first activation. */
.studio-list-card .listing tbody tr[data-doc-id]{cursor:pointer}
.studio-list-card .listing tbody tr[data-doc-id]:hover{background:#f4f9ff}
.studio-list-card .listing tbody tr[data-doc-id]:focus-visible{outline:2px solid #4a5ae4;outline-offset:-2px}