/* SIMADU v2.106.0 — Modern UI layer
   Font stack intentionally local/system based: no CDN dependency. */
:root{
  --simadu-font: Inter, "Segoe UI Variable", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --simadu-bg:#f6f7fb;
  --simadu-surface:#ffffff;
  --simadu-surface-soft:#f8fafc;
  --simadu-border:#e5e7eb;
  --simadu-border-strong:#d8dee8;
  --simadu-text:#172033;
  --simadu-muted:#667085;
  --simadu-primary:#4338ca;
  --simadu-primary-dark:#312e81;
  --simadu-primary-soft:#eef2ff;
  --simadu-success:#15803d;
  --simadu-warning:#a16207;
  --simadu-danger:#b42318;
  --simadu-radius:12px;
  --simadu-shadow:0 8px 24px rgba(15,23,42,.055);
}
html,body,button,input,select,textarea{font-family:var(--simadu-font)!important}
html{font-synthesis:none;text-rendering:optimizeLegibility}
body{color:var(--simadu-text)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body.simadu-embedded-page,html.simadu-runtime-embedded body{background:var(--simadu-bg)!important}

/* Surfaces */
.card,.panel,.hero,.box,.ag-card,.doc-card,.rp-card,.scan-card,.monitor-card{
  border-color:var(--simadu-border)!important;
  border-radius:var(--simadu-radius)!important;
  box-shadow:var(--simadu-shadow)!important;
}
.card,.panel,.hero,.box,.ag-card,.doc-card,.rp-card{background:var(--simadu-surface)!important}

/* Form controls */
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{
  border-color:var(--simadu-border-strong)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--simadu-text)!important;
  min-height:38px;
  box-shadow:0 1px 2px rgba(15,23,42,.025)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]):focus,select:focus,textarea:focus{
  outline:0!important;
  border-color:#818cf8!important;
  box-shadow:0 0 0 3px rgba(99,102,241,.12)!important;
}
input:disabled,select:disabled,textarea:disabled{background:#f1f5f9!important;color:#94a3b8!important}
label,.field label{color:#475467!important;font-weight:700!important}

/* Buttons: keep semantic page colors, normalize shape/typography */
button,.btn,[class$="-btn"],[class*=" btn"]{
  border-radius:9px!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
button:focus-visible,.btn:focus-visible,a:focus-visible{outline:3px solid rgba(99,102,241,.2)!important;outline-offset:2px!important}

/* Tables */
table{font-variant-numeric:tabular-nums}
th{font-weight:700!important;letter-spacing:.01em}
td,th{border-color:#edf0f4!important}
thead th{background:#f8fafc!important;color:#475467!important}
tbody tr:hover td{background:#fafbff}

/* Generic text */
.muted,.note,.help,small{color:var(--simadu-muted)}
h1,h2,h3,h4,strong,b{letter-spacing:-.01em}

/* Modern date/time controls. Original native field remains in DOM for form/API compatibility. */
.simadu-format-control{position:relative;display:flex;align-items:center;width:100%;min-width:0}
.simadu-format-control>.simadu-format-input{padding-right:42px!important;font-variant-numeric:tabular-nums!important;letter-spacing:.01em!important}
.simadu-format-control>.simadu-format-picker{
  position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:30px;min-height:30px!important;padding:0!important;
  display:grid;place-items:center;border:0!important;border-radius:7px!important;background:#f1f5f9!important;color:#475467!important;cursor:pointer;z-index:2
}
.simadu-format-control>.simadu-format-picker:hover{background:#e2e8f0!important;color:#312e81!important}
.simadu-native-format-source{
  position:absolute!important;left:0!important;bottom:0!important;width:1px!important;height:1px!important;min-height:1px!important;
  padding:0!important;margin:0!important;border:0!important;opacity:.001!important;pointer-events:none!important;overflow:hidden!important
}
.simadu-format-input.simadu-invalid{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.10)!important}

/* Embedded content spacing: calmer and more consistent without overriding page-specific grids */
body.simadu-embedded-page>.container,body.simadu-embedded-page>.wrap,
html.simadu-runtime-embedded body>.container,html.simadu-runtime-embedded body>.wrap{
  padding-top:18px!important;padding-bottom:28px!important
}

/* Global scrollbar */
*{scrollbar-width:thin;scrollbar-color:#c7cdd8 transparent}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-thumb{background:#c7cdd8;border-radius:999px}
*::-webkit-scrollbar-track{background:transparent}

/* App-shell/header polish */
.simadu-app-header{font-family:var(--simadu-font)!important}
.simadu-app-header .simadu-global-brand-copy strong,
.simadu-app-header .simadu-page-heading strong{letter-spacing:-.015em!important}
.simadu-app-header .simadu-contextbar{font-family:var(--simadu-font)!important;font-variant-numeric:tabular-nums}
.simadu-confirm-dialog,.simadu-confirm-actions button{font-family:var(--simadu-font)!important}

@media(max-width:640px){
  input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{font-size:16px!important}
  .simadu-format-control>.simadu-format-picker{width:36px;height:34px}
}
