/* Colori e componenti condivisi con i moduli Django. */
html:root,html[data-theme="light"]:root {
  --ls-bg:#f5f6fa;--ls-surface:#fff;--ls-soft:#f8f9fc;--ls-line:#e7e9f1;
  --ls-text:#202338;--ls-muted:#70768b;--ls-brand:#6254e8;--ls-brand-soft:#efedff;
  --ls-green:#147e61;--ls-green-soft:#e9f7f0;--ls-red:#bf4452;--ls-red-soft:#fff0f1;
  --ls-amber:#9a6716;--ls-amber-soft:#fff6e3;--ls-shadow:0 3px 16px #23234204;
  --primary:var(--ls-brand);--secondary:#5144cc;--accent:#fff;
  --body-fg:var(--ls-text);--body-bg:var(--ls-bg);--body-quiet-color:var(--ls-muted);
  --body-loud-color:var(--ls-text);--header-color:var(--ls-text);--header-branding-color:var(--ls-text);
  --header-bg:var(--ls-surface);--header-link-color:var(--ls-text);--link-fg:#5849d4;
  --link-hover-color:#4434b7;--link-selected-fg:#4434b7;--hairline-color:var(--ls-line);
  --border-color:var(--ls-line);--darkened-bg:var(--ls-soft);--selected-bg:var(--ls-brand-soft);
  --selected-row:var(--ls-brand-soft);--breadcrumbs-fg:var(--ls-muted);--breadcrumbs-link-fg:var(--ls-muted);
  --breadcrumbs-bg:transparent;--button-fg:#fff;--button-bg:var(--ls-brand);--button-hover-bg:#5144cc;
  --default-button-bg:#5144cc;--default-button-hover-bg:#4434b7;
  --close-button-bg:#70768b;--object-tools-bg:var(--ls-brand);--object-tools-hover-bg:#5144cc;
  --message-success-bg:var(--ls-green-soft);--message-warning-bg:var(--ls-amber-soft);
  --message-error-bg:var(--ls-red-soft);--error-fg:var(--ls-red);
}
html[data-theme="dark"]:root {
  --ls-bg:#10131d;--ls-surface:#191d2b;--ls-soft:#202536;--ls-line:#2c3144;
  --ls-text:#e9ecf6;--ls-muted:#a0a8bf;--ls-brand:#a296ff;--ls-brand-soft:#302a4b;
  --ls-green:#73d5b5;--ls-green-soft:#16382f;--ls-red:#ff9fa9;--ls-red-soft:#3d252f;
  --ls-amber:#e9c377;--ls-amber-soft:#3a3121;--ls-shadow:none;
  --primary:#7f6bea;--secondary:#6d5bda;--link-fg:#b1a5ff;--link-hover-color:#d0c8ff;
  --link-selected-fg:#c6baff;--button-bg:#7562df;--button-hover-bg:#6755d0;
  --default-button-bg:#7562df;--default-button-hover-bg:#6755d0;--object-tools-bg:#7562df;
  --object-tools-hover-bg:#6755d0;--close-button-bg:#69738d;
}
html {scroll-behavior:smooth}
body,input,button,select,textarea {font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body {font-size:14px;-webkit-font-smoothing:antialiased}
a {text-decoration:none}
button,a,input,select,textarea {touch-action:manipulation}
button {cursor:pointer}
:focus-visible {outline:3px solid var(--ls-brand);outline-offset:3px}
.ls-icon {fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}
#content h1 {font-size:26px;font-weight:700;letter-spacing:-.7px;color:var(--ls-text)}
#content h2 {font-weight:650}
#content input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),#content select,#content textarea {
  background:var(--ls-surface);color:var(--ls-text);border:1px solid var(--ls-line);border-radius:8px;padding:9px 11px;
}
#content input:focus,#content select:focus,#content textarea:focus {border-color:var(--ls-brand)}
.button,input[type=submit],input[type=button],.submit-row input,.object-tools a {
  border-radius:8px!important;font-weight:600;transition:background .15s;
}
.button,input[type=submit],input[type=button],button.button {padding:11px 17px}
.module {background:var(--ls-surface);border:1px solid var(--ls-line);border-radius:12px;overflow:hidden;box-shadow:var(--ls-shadow)}
.module caption,.module h2 {padding:13px 16px;background:var(--ls-soft);color:var(--ls-text);font-weight:600}
.module caption a:link,.module caption a:visited {color:var(--ls-text)}
table {background:var(--ls-surface)}
td,th {border-bottom-color:var(--ls-line);padding:13px 16px}
thead th {background:var(--ls-soft);color:var(--ls-muted)}
tr:nth-child(odd),tr:nth-child(even),.row1,.row2 {background:var(--ls-surface)}
#changelist {background:var(--ls-surface);border:1px solid var(--ls-line);border-radius:12px;overflow:hidden;box-shadow:var(--ls-shadow)}
#changelist .actions,#changelist #toolbar,#changelist .paginator {background:var(--ls-surface);border-color:var(--ls-line)}
#changelist-filter {background:var(--ls-soft)}
#changelist-filter h2 {background:var(--ls-brand-soft);color:var(--ls-text)}
#changelist-filter h3 {color:var(--ls-text)}
#changelist-filter a {color:var(--ls-muted)}
#changelist-filter li.selected a {color:var(--ls-brand)}
.submit-row {background:var(--ls-surface);border:1px solid var(--ls-line);border-radius:10px}
.form-row {border-color:var(--ls-line);padding:16px}
fieldset .fieldBox {margin-right:20px}
fieldset.module h2 {background:var(--ls-soft);color:var(--ls-text)}
.help,.help a {color:var(--ls-muted)}
.errornote {border-radius:10px}
#content-related {background:var(--ls-surface);border:1px solid var(--ls-line);border-radius:12px}
#content-related h2 {background:none;color:var(--ls-text)}
ul.messagelist li {border-radius:10px;margin:8px 24px;padding:14px 20px 14px 42px}
.login {background:var(--ls-bg)!important}
.login #container {border:1px solid var(--ls-line)!important;border-radius:18px!important;background:var(--ls-surface);box-shadow:0 20px 80px #15112510;overflow:hidden}
.login #content {padding:30px!important}
.login #header {padding:24px!important;background:var(--ls-surface)}
.login #header .ls-brand {font-size:23px}
.login #header .ls-brand img {width:36px;height:36px}
.login #header .ls-brand span {color:var(--ls-text)}
.login #login-form input[type=submit] {min-width:140px}
.login .submit-row {border:0!important;background:transparent}
.login #footer {display:none}
.popup #container {padding-left:0!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after {scroll-behavior:auto!important;transition:none!important;animation:none!important}}

#content select:not([multiple]) {height:38px;min-height:38px;line-height:normal;padding:7px 28px 7px 10px}
.login #header.ls-login-header {justify-content:space-between;flex-direction:row;gap:18px}
.login #container {background:var(--ls-surface)!important}
