@import url("tokens.css");
@font-face {font-family:Manrope;src:url("../fonts/manrope.ttf") format("truetype");font-display:swap;font-weight:200 800}
@font-face {font-family:"IBM Plex Sans";src:url("../fonts/ibm-plex-sans.ttf") format("truetype");font-display:swap;font-weight:100 700}
/* Shared tokens map into native Frappe components: lists, forms, child tables,
   filters, dialogs, reports, print previews and both appearance modes. */
html[data-theme] {
  --primary:var(--medos-primary);--primary-color:var(--medos-primary);
  --surface-base:var(--medos-scaffold);--surface-white:var(--medos-surface);
  --surface-gray-1:var(--medos-surface-container-low);--surface-gray-2:var(--medos-surface-container);
  --surface-gray-3:var(--medos-surface-container-high);
  --bg-color:var(--medos-scaffold);--card-bg:var(--medos-surface);--fg-color:var(--medos-surface);
  --modal-bg:var(--medos-surface);--control-bg:var(--medos-surface-container-low);
  --text-color:var(--medos-on-surface);--text-primary:var(--medos-on-surface);
  --heading-color:var(--medos-on-surface);--text-secondary:var(--medos-on-surface-variant);
  --text-muted:var(--medos-on-surface-variant);--text-light:var(--medos-on-surface-variant);
  --border-color:var(--medos-outline-variant);--dark-border-color:var(--medos-outline);
  --btn-primary:var(--medos-primary);--btn-primary-color:var(--medos-on-primary);
  --btn-default-bg:var(--medos-surface-container-low);--btn-default-color:var(--medos-on-surface);
  --selection-highlight:var(--medos-primary-container);--highlight-color:var(--medos-primary-container);
  --checkbox-color:var(--medos-primary);--scrollbar-thumb:var(--medos-outline);
  --error-color:var(--medos-error);--font-stack:"IBM Plex Sans",sans-serif;
  --border-radius:12px;--border-radius-lg:18px;--border-radius-md:12px;--border-radius-sm:8px;
}
body {display:block;font-family:var(--font-stack);background:var(--medos-scaffold);color:var(--medos-on-surface);line-height:1.45}
h1,h2,h3,h4,.page-title,.title-text,.modal-title,.widget-title,.medos-brand {font-family:Manrope,sans-serif;font-weight:800;letter-spacing:0}
.btn {border-radius:12px;min-height:40px;font-weight:600}
.btn-primary,.btn-primary:hover,.btn-primary:focus {background:var(--medos-primary);color:var(--medos-on-primary);border-color:var(--medos-primary)}
.form-control,.input-with-feedback,.control-input {border-radius:12px}
.form-control {border:1px solid var(--medos-outline-variant);min-height:42px;background:var(--medos-surface-container-low);color:var(--medos-on-surface)}
.form-control:focus {border-color:var(--medos-primary);box-shadow:0 0 0 2px var(--medos-primary-container)}
a {color:var(--medos-primary)}
:focus-visible {outline:3px solid var(--medos-primary);outline-offset:3px}
.layout-main-section,.form-layout,.modal-content,.widget,.list-row-container,.report-wrapper {border-radius:18px;border-color:var(--medos-outline-variant)}
.list-row:hover,.grid-row:hover {background:var(--medos-surface-container-low)}
.grid-heading-row,.list-row-head,.datatable .dt-row-header {background:var(--medos-surface-container)}
.datatable {--dt-border-color:var(--medos-outline-variant);--dt-light-bg:var(--medos-surface-container);--dt-text-color:var(--medos-on-surface);--dt-cell-bg:var(--medos-surface)}
.dropdown-menu,.awesomplete>ul {background:var(--medos-surface);border-color:var(--medos-outline-variant);border-radius:12px;color:var(--medos-on-surface)}
/* Replace only product chrome, never arbitrary business document text. */
.dropdown-help,.app-switcher-dropdown,.frappe-footer,.onboarding-widget-box,.powered-by-frappe,.frappe-cloud-banner {display:none!important}
.medos-header {height:68px;display:flex;align-items:center;gap:20px;padding:0 24px;background:var(--medos-surface);border-bottom:1px solid var(--medos-outline-variant);position:sticky;top:0;z-index:1050}
.medos-brand {font-size:22px;text-decoration:none!important;white-space:nowrap}
.medos-header .medos-title {flex:1;font-weight:600}.medos-header button {background:none;border:1px solid var(--medos-outline-variant);color:var(--medos-on-surface);border-radius:10px;padding:8px 12px}
.medos-nav {display:flex;gap:8px;padding:12px 24px;background:var(--medos-surface-container-low);overflow-x:auto;border-bottom:1px solid var(--medos-outline-variant)}
.medos-nav details {position:static;flex-shrink:0}.medos-nav summary {cursor:pointer;padding:8px 12px;border-radius:10px;color:var(--medos-on-surface);list-style:none}
.medos-nav details[open] summary,.medos-nav summary:hover {background:var(--medos-primary-container);color:var(--medos-on-primary-container)}
.medos-nav .medos-menu {position:absolute;z-index:1040;display:flex;flex-direction:column;max-height:65vh;overflow:auto;background:var(--medos-surface);padding:8px;border:1px solid var(--medos-outline-variant);border-radius:12px;box-shadow:0 8px 28px #0002;min-width:220px}
.medos-menu a {padding:9px 14px;border-radius:8px;white-space:nowrap}.medos-menu a:hover {background:var(--medos-primary-container)}
.medos-entry {max-width:520px;margin:12vh auto;padding:32px;border:1px solid var(--medos-outline-variant);border-radius:24px;background:var(--medos-surface)}
.medos-entry img {width:156px}.medos-entry h1 {font-size:28px;margin:24px 0 12px}.medos-entry .btn {display:inline-flex;align-items:center;padding:12px 20px;margin-top:18px;text-decoration:none}
@media(max-width:640px) {.medos-header {padding:0 14px;gap:10px}.medos-title {display:none}.medos-header a:last-of-type {margin-left:auto;font-size:13px}.medos-nav {padding:8px 12px}.medos-entry {margin:8vh 16px;padding:24px}.layout-main-section {border-radius:12px}.report-wrapper,.grid-body {overflow-x:auto}.medos-header button {padding:7px 8px}}
@media print {.medos-header,.medos-nav,.dropdown-help {display:none!important}body {color:#20332e;background:white;font-family:"IBM Plex Sans",sans-serif}.print-format h1,.print-format h2,.print-heading {font-family:Manrope,sans-serif;color:#006b60}.print-format-footer .text-muted,.page-break .letter-head-footer {font-family:"IBM Plex Sans",sans-serif}}

/* Native v17 injects its full-height app sidebar after toolbar initialization.
   The MedOS navigation replaces this chrome and keeps content in the viewport. */
.body-sidebar-container {display:none!important}
.main-section {height:calc(100vh - 130px)!important;width:100%;margin-left:0!important}
body {overflow-x:hidden}

.btn.btn-primary {background:var(--medos-primary);color:var(--medos-on-primary);border-color:var(--medos-primary)}
html[data-theme] {--ink-gray-9:var(--medos-on-surface);--ink-gray-8:var(--medos-on-surface);--ink-gray-7:var(--medos-on-surface-variant);--ink-gray-6:var(--medos-on-surface-variant)}