/* Shared presentation for every browser screen. Print/email layouts stay independent. */
@media screen {
  :root{--su-brand:#005780;--su-brand-hover:#004364;--su-ink:#18354b;--su-muted:#526879;--su-surface:#fff;--su-bg:#f3f6f9;--su-line:#d6e0e8;--su-focus:#b96600;--su-radius:12px}
  [data-bs-theme=dark],[data-theme=dark]{--su-ink:#e5edf5;--su-muted:#b4c5d5;--su-surface:#1c2937;--su-bg:#111d29;--su-line:#425568;--su-brand:#087eac;--su-brand-hover:#066c94;--su-focus:#ffbf66}
  body.system-ui{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--su-ink);line-height:1.6}
  body.su-portal,body.su-standalone{background:var(--su-bg)}
  .system-ui *, .system-ui *::before,.system-ui *::after{box-sizing:border-box}
  .system-ui :focus-visible{outline:3px solid var(--su-focus)!important;outline-offset:3px}
  .system-ui h1,.system-ui h2,.system-ui h3,.system-ui h4,.system-ui h5{line-height:1.3;overflow-wrap:break-word}
  .system-ui h1{font-size:clamp(1.7rem,3vw,2.4rem)}
  .system-ui img,.system-ui video{max-width:100%}
  .system-ui video{object-fit:contain}.system-ui iframe{max-width:100%}
  .system-ui .row>*{min-width:0}
  .system-ui .card{border:1px solid var(--su-line);border-radius:var(--su-radius);background:var(--su-surface);box-shadow:0 4px 20px #18354b06}
  .system-ui .card-header,.system-ui .card-footer{border-color:var(--su-line)}
  .system-ui .card-title{line-height:1.35}
  .system-ui .card-body,.system-ui .card-header{overflow-wrap:break-word}
  .system-ui .text-muted,.system-ui .form-text{color:var(--su-muted)!important}
  .system-ui .btn,.system-ui button:not(.btn-close):not(.ql-toolbar button):not(.tox button),.system-ui .theme_btn,.system-ui .form-btn{min-height:44px;line-height:1.4;border-radius:8px;touch-action:manipulation}
  .system-ui .btn-primary,.system-ui .form-btn{background-color:var(--su-brand);border-color:var(--su-brand);color:#fff}
  .system-ui .btn-primary:hover,.system-ui .form-btn:hover{background-color:var(--su-brand-hover);border-color:var(--su-brand-hover)}
  .system-ui .btn-outline-primary{color:var(--su-brand);border-color:var(--su-brand)}
  .system-ui .btn-outline-primary:hover{color:#fff;background-color:var(--su-brand)}
  .system-ui .btn[aria-disabled=true],.system-ui button:disabled{opacity:.65;cursor:wait}
  .system-ui label{font-weight:600;line-height:1.5;margin-bottom:.4rem}
  .system-ui form :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=range]):not([type=color]),select,textarea){max-width:100%;min-height:44px;font-size:16px;border-radius:8px;color:var(--su-ink);border-color:#8aa0af}
  .system-ui form input[type=file]{height:auto;white-space:normal}
  .system-ui input::file-selector-button{border:0;padding:8px 12px;margin-right:12px;border-radius:5px;background:#e6eff5;color:#18354b}
  .system-ui input[type=checkbox],.system-ui input[type=radio]{min-width:18px;min-height:18px;accent-color:var(--su-brand)}
  .system-ui input[aria-invalid=true],.system-ui select[aria-invalid=true],.system-ui textarea[aria-invalid=true]{border:2px solid #ae283b}
  .system-ui .errorlist{color:#982136;background:#fff0f2;border-left:3px solid #ae283b;padding:10px 12px 10px 28px;border-radius:4px;font-size:.95rem}
  .system-ui .alert{border-radius:8px;overflow-wrap:anywhere}
  .system-ui .alert-danger{color:#832033;background:#fff0f2;border-color:#e6acb6}
  .system-ui .alert-success{color:#185932;background:#edf8f0;border-color:#9bc8ad}
  .system-ui .alert-info{color:#164966;background:#eaf3f9;border-color:#a5c9de}
  .system-ui .su-feedback,.system-ui .su-file-feedback{padding:10px 12px;margin:12px 0;color:var(--su-ink);background:var(--su-bg);border-left:3px solid var(--su-brand);overflow-wrap:anywhere}
  .system-ui .su-feedback:empty{display:none}
  .su-skip-link{position:fixed;top:-120px;left:16px;z-index:100000;background:#fff;color:#005780;padding:12px 18px;border:2px solid #005780;border-radius:8px}
  .su-skip-link:focus{top:12px}
  .system-ui .su-table-scroll,.system-ui .table-responsive,.system-ui .dataTables_wrapper{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .system-ui .su-table-scroll{border:1px solid var(--su-line);border-radius:8px;margin:16px 0}
  .system-ui table{width:100%;border-collapse:collapse}
  .system-ui th{font-weight:650;line-height:1.4}
  .system-ui td,.system-ui th{vertical-align:middle}
  .system-ui .su-table-scroll th,.system-ui .su-table-scroll td{padding:12px 14px;border-bottom:1px solid var(--su-line)}
  .system-ui .su-table-scroll th{background:var(--su-bg)}
  .system-ui td .btn{margin:3px}
  .system-ui .su-table-hint{font-size:.875rem;color:var(--su-muted);margin:8px 0}
  .system-ui .su-empty{text-align:center;padding:28px;color:var(--su-muted)}
  .system-ui .pagination{flex-wrap:wrap;gap:4px}
  .system-ui .page-link{min-width:40px;min-height:44px;display:grid;place-items:center}
  .system-ui .breadcrumb{flex-wrap:wrap;overflow-wrap:anywhere}
  .system-ui .modal-dialog{max-width:min(100% - 24px,800px);margin-inline:auto}
  .system-ui .modal-sm{max-width:min(100% - 24px,400px)}
  .system-ui .modal-body{max-height:75dvh;overflow-y:auto}
  .system-ui .modal-footer{gap:8px;flex-wrap:wrap}
  .system-ui .su-password-control{display:flex;gap:8px;align-items:center}.system-ui .su-password-control input{flex:1;min-width:0}.system-ui .su-password-control button{flex:none;width:auto;min-width:76px}
  .system-ui.su-portal #main-content{padding:24px;max-width:1800px;margin-inline:auto;min-width:0}
  .system-ui.su-portal #main{min-width:0}
  .system-ui.su-portal .navbar-top{background:var(--su-surface);border-bottom:1px solid var(--su-line);min-height:68px}
  .system-ui.su-portal .sidebar-wrapper{background:var(--su-surface);border-right:1px solid var(--su-line)}
  .system-ui.su-portal .sidebar-link{min-height:44px;border-radius:8px}
  .system-ui.su-portal .sidebar-item.active>.sidebar-link{background:var(--su-brand);color:#fff}
  .system-ui.su-portal .sidebar-link[aria-current=page]{box-shadow:inset 3px 0 var(--su-brand);font-weight:700}
  .system-ui .navbar-nav{min-width:0}.system-ui .dropdown-menu{max-width:calc(100vw - 24px);overflow-wrap:anywhere}
  .system-ui.su-standalone>main,.system-ui.su-standalone>.container{max-width:1280px;margin-inline:auto}
  .system-ui.su-standalone{padding:clamp(12px,3vw,32px)}
  .system-ui .su-page-nav{display:flex;gap:16px;flex-wrap:wrap;padding:12px 0 20px;font-weight:600}
  .system-ui .su-page-nav a{color:var(--su-brand)}
  .system-ui.su-public .slide-bar{max-width:min(400px,100vw);overflow-y:auto}
  .system-ui.su-public .page-title-area{padding-block:clamp(32px,6vw,80px)}
  .system-ui.su-public .page-title{font-size:clamp(1.8rem,5vw,3.5rem)}
  .system-ui.su-public .contact-form label{display:block}
  .system-ui.su-public .contact-form input,.system-ui.su-public .contact-form textarea{max-width:100%}
  .system-ui .su-invalid-summary{border:2px solid #ae283b;padding:16px;margin:16px 0;background:#fff0f2;color:#832033;border-radius:8px}
  .system-ui .su-invalid-summary a{color:#832033;text-decoration:underline}
  .system-ui .su-nav-button{background:transparent;border:0;color:inherit;min-width:44px;padding:8px}
  .system-ui .su-portal-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px 24px;border-top:1px solid var(--su-line);font-size:.9rem;color:var(--su-muted)}
  .system-ui .su-portal-footer a{color:var(--su-brand)}
  .system-ui .su-public-footer{background:#09364f;color:#fff;padding:48px 20px 24px}
  .system-ui .su-public-footer a{color:#e5f4ff;text-decoration:underline;text-underline-offset:3px}
  .system-ui .su-public-footer h2,.system-ui .su-public-footer h3{color:#fff;font-size:1.25rem}
  .system-ui .su-footer-grid{max-width:1160px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
  .system-ui .su-public-footer ul{list-style:none;padding:0;margin:0}.system-ui .su-public-footer li{margin:10px 0}
  .system-ui .su-footer-brands{max-width:1160px;margin:32px auto;display:flex;gap:16px;flex-wrap:wrap}
  .system-ui .su-footer-brands img{width:130px;height:70px;object-fit:contain;background:white;padding:12px;border-radius:8px}
  .system-ui .su-footer-bottom{max-width:1160px;margin:auto;border-top:1px solid #557487;padding-top:20px;font-size:.9rem}
  .system-ui.su-public .contact-area .input-box i{display:none}
  .system-ui.su-public .contact-area .input-box input,.system-ui.su-public .contact-area .input-box textarea{padding:12px 14px}
  .system-ui.su-public .contact-area .form-btn{background:var(--su-brand)}
  .system-ui .su-table-scroll:focus-visible{outline-offset:1px}
  .system-ui.su-django-admin .su-table-scroll{border:0}
  .system-ui.su-django-admin #content{min-width:0}
  @media(prefers-color-scheme:dark){[data-theme=auto]{--su-ink:#e5edf5;--su-muted:#b4c5d5;--su-surface:#1c2937;--su-bg:#111d29;--su-line:#425568;--su-brand:#087eac;--su-focus:#ffbf66}}
  @media(max-width:1199px){
    .system-ui.su-portal #main{margin-left:0!important;width:100%}
    .system-ui.su-portal #sidebar .sidebar-wrapper{position:fixed;top:0;bottom:0;left:0;width:min(300px,calc(100vw - 48px));height:100dvh;overflow-y:auto;z-index:1055;transition:transform .18s ease;transform:translateX(-105%)}
    .system-ui.su-portal #sidebar.active .sidebar-wrapper{transform:translateX(0)}
    .system-ui.su-menu-open{overflow:hidden}
    .system-ui.su-portal #backdrop-sb.sidebar-backdrop{position:fixed;inset:0;background:#122a43aa;z-index:1050}
  }
  @media(min-width:1200px){.system-ui.su-portal #backdrop-sb{display:none}}
  @media(max-width:767px){
    .system-ui .su-footer-grid{grid-template-columns:1fr}
    .system-ui.su-public .contact-wrapper,.system-ui.su-public .contact-form-card{padding:18px}
    .system-ui .su-portal-footer{padding-inline:16px}
    .system-ui.su-portal #main-content{padding:16px 12px}
    .system-ui .card-body,.system-ui .card-header{padding:16px}
    .system-ui .card-header.d-flex,.system-ui .page-heading .d-flex{flex-wrap:wrap;gap:12px}
    .system-ui .btn-group{flex-wrap:wrap;gap:5px}
    .system-ui .table-responsive table,.system-ui .su-table-scroll table{min-width:560px}
    .system-ui .flow-mobile-table table{min-width:0}
    .system-ui .dataTables_length,.system-ui .dataTables_filter{float:none!important;text-align:left!important;margin-block:10px}
    .system-ui .dataTables_filter input{max-width:65vw}
    .system-ui .navbar-top .container-fluid{padding-inline:12px}
    .system-ui.su-public .sect-title{font-size:clamp(1.5rem,7vw,2rem);line-height:1.3}
    .system-ui.su-public .page-title-area .right-shape{max-width:30%;pointer-events:none}
    .system-ui.su-public .contact-input-wrapper{padding-inline:0!important}
    .system-ui.su-public .pl-40,.system-ui.su-public .pr-40{padding-inline:12px!important}
    .system-ui.su-public .contact-border{padding-bottom:32px}
    .system-ui form .d-flex{flex-wrap:wrap}
    .system-ui form .input-group{flex-wrap:nowrap}
  }
  @media(prefers-reduced-motion:reduce){.system-ui *,.system-ui *::before,.system-ui *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
}
@media print{.su-skip-link,.su-page-nav,.su-feedback,.su-file-feedback,.su-table-hint{display:none!important}.su-table-scroll{overflow:visible!important;border:0!important}}