/* Ícaro / Let's Move - visual layer based on the 2026 playbook.
   Kept separate from the published Vue bundles for reversible deployment. */
:root {
  --icaro-orange: #ff4b0a;
  --icaro-orange-deep: #c83a08;
  --icaro-ink: #151b20;
  --icaro-muted: #626c78;
  --icaro-line: #e4e7eb;
  --icaro-surface: #fff;
  --icaro-canvas: #f5f6f8;
}
#icaro-adm.v-application {
  background: var(--icaro-canvas);
  color: var(--icaro-ink);
  font-family: Roboto, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
#icaro-adm .v-main { background: var(--icaro-canvas); }
#icaro-adm .v-main > .v-main__wrap > .container {
  max-width: 1440px !important;
  padding: 28px 32px 40px;
}
#icaro-adm .v-app-bar {
  background: var(--icaro-ink) !important;
  border-color: var(--icaro-ink) !important;
  border-bottom: 3px solid var(--icaro-orange) !important;
  box-shadow: 0 3px 14px #151b2012 !important;
}
#icaro-adm .v-app-bar .v-toolbar__content { padding-inline: 20px; }
#icaro-adm .v-app-bar .v-image { max-width: 128px !important; }
#icaro-adm .v-app-bar .v-btn:focus-visible {
  outline: 2px solid #fff; outline-offset: 2px;
}
#icaro-adm .v-navigation-drawer {
  background: var(--icaro-ink) !important;
  border-right: 1px solid #ffffff12;
}
#icaro-adm .v-navigation-drawer .v-list {
  background: transparent !important;
  color: #f7f8fa !important;
}
#icaro-adm .v-navigation-drawer .v-navigation-drawer__content::before {
  content: ""; display: block; height: 88px; margin: 0 20px;
  background: url('/img/icaro-claro.85d26965.png') left center / 142px auto no-repeat;
  border-bottom: 1px solid #ffffff1a;
}
#icaro-adm .v-navigation-drawer .v-list-item {
  color: #e1e6ec !important;
  border-radius: 8px; margin: 3px 6px;
}
#icaro-adm .v-navigation-drawer .v-list-item__icon { margin-right: 16px; }
#icaro-adm .v-navigation-drawer .v-icon { color: #b0bac5 !important; }
#icaro-adm .v-navigation-drawer .v-list-item__title {
  font-size: 13px; font-weight: 500; letter-spacing: .1px;
}
#icaro-adm .v-navigation-drawer .v-list-item__subtitle {
  color: #b8c2cd !important; font-size: 12px;
}
#icaro-adm .v-navigation-drawer .v-list-item:hover { background: #ffffff0c; }
#icaro-adm .v-navigation-drawer .icaro-menu-active {
  background: var(--icaro-orange-deep) !important; color: #fff !important;
}
#icaro-adm .v-navigation-drawer .icaro-menu-active .v-icon { color: #fff !important; }
#icaro-adm .v-navigation-drawer .v-divider { border-color: #ffffff16 !important; }
#icaro-adm .v-navigation-drawer .v-avatar { background: #ffffff12; }
#icaro-adm .v-navigation-drawer .v-avatar img[src='data:image/png;base64,'] { opacity: 0; }
#icaro-adm .v-navigation-drawer .icaro-menu-footer {
  margin: 24px; padding-top: 20px; border-top: 1px solid #ffffff1a;
  color: #b5bfca; font-size: 10px; letter-spacing: 2px; line-height: 1.9;
}
#icaro-adm .v-card.theme--light {
  border: 1px solid var(--icaro-line);
  border-radius: 12px;
  box-shadow: 0 2px 5px #151b2005 !important;
}
#icaro-adm .v-card__title { font-size: 18px; font-weight: 600; word-break: normal; }
#icaro-adm .v-card__text { color: #4f5b68; }
#icaro-adm .v-divider.theme--light { border-color: var(--icaro-line); }
#icaro-adm .v-data-table.theme--light {
  border: 1px solid var(--icaro-line); border-radius: 10px; overflow: hidden;
}
#icaro-adm .v-data-table thead th { background: #f5f6f8; font-weight: 700; color: #505c69; }
#icaro-adm .v-data-table tbody td { border-bottom-color: #edf0f3; }
#icaro-adm .v-data-table tbody tr:hover { background: #fff7f2 !important; }
#icaro-adm .v-text-field--outlined fieldset { border-color: #cbd1d8; }
#icaro-adm .v-input--is-focused .v-label { color: var(--icaro-orange-deep) !important; }
#icaro-adm .v-btn { border-radius: 7px; letter-spacing: .4px; }
#icaro-adm .v-btn:focus-visible, #icaro-adm .v-list-item:focus-visible, #icaro-adm .icaro-quick-button:focus-visible {
  outline: 3px solid #a83209; outline-offset: 3px;
}
#icaro-adm .v-btn.primary { background: var(--icaro-orange-deep) !important; border-color: var(--icaro-orange-deep) !important; }
#icaro-adm .v-dialog { border-radius: 14px; }
#icaro-adm .icaro-page-heading { margin-bottom: 24px; }
#icaro-adm .icaro-page-heading .icaro-eyebrow {
  display: block; color: var(--icaro-orange-deep); font-size: 10px; font-weight: 700;
  letter-spacing: 2.1px; margin-bottom: 10px;
}
#icaro-adm .icaro-heading-line { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
#icaro-adm .icaro-page-heading h1 { font-size: clamp(26px, 3vw, 34px); line-height: 1.18; font-weight: 700; letter-spacing: -.8px; margin: 0; }
#icaro-adm .icaro-page-heading p { color: var(--icaro-muted); font-size: 14px; margin: 8px 0 0; }
#icaro-adm .icaro-heading-label { font-size: 11px; letter-spacing: .5px; color: #697480; border: 1px solid #dce1e6; border-radius: 6px; padding: 8px 11px; white-space: nowrap; }
#icaro-adm .icaro-dashboard > .layout > div > .row:first-child { margin-bottom: 8px; }
#icaro-adm .icaro-dashboard .v-alert { border-radius: 10px; margin-bottom: 0; padding: 14px 16px; border-color: var(--icaro-line) !important; background: #fff !important; }
#icaro-adm .icaro-dashboard .v-alert .v-alert__border { opacity: 1; width: 3px; }
#icaro-adm .icaro-dashboard .v-alert .v-alert__icon { min-width: 40px; height: 40px; font-size: 23px; border-radius: 10px; background: currentColor; }
#icaro-adm .icaro-dashboard .v-alert .v-alert__icon::before { background: #fff; border-radius: 50%; }
#icaro-adm .icaro-dashboard .v-alert .text-h6 { font-size: 15px !important; font-weight: 600; color: var(--icaro-ink); line-height: 1.4; }
#icaro-adm .icaro-dashboard .v-alert .grow { font-size: 13px; color: #65717d; padding-top: 5px; padding-bottom: 5px; }
#icaro-adm .icaro-dashboard .v-alert .row { margin-top: 0; margin-bottom: 0; }
#icaro-adm .icaro-dashboard .v-card[data-v-fb4aa6d0] {
  background: #fff !important; position: relative; height: calc(100% - 16px);
  display: flex; flex-direction: column; overflow: hidden;
}
#icaro-adm .icaro-dashboard .v-card[data-v-fb4aa6d0]::before {
  content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: var(--icaro-orange);
}
#icaro-adm .icaro-dashboard .v-card[data-v-fb4aa6d0] .v-card__title {
  gap: 12px; padding: 20px 20px 8px; align-items: center; flex-wrap: nowrap;
}
#icaro-adm .icaro-dashboard .v-card[data-v-fb4aa6d0] .text-h5 {
  font-size: 15px !important; font-weight: 500 !important; color: #5b6672; line-height: 1.4;
  overflow-wrap: normal; word-break: normal;
}
#icaro-adm .icaro-dashboard .icone-card {
  background: #fff0e9 !important; color: var(--icaro-orange-deep) !important;
  width: 44px !important; height: 44px !important; padding: 10px !important;
  font-size: 25px !important; margin: 0 !important; border-radius: 10px !important; box-shadow: none !important;
}
#icaro-adm .icaro-dashboard .v-card[data-v-fb4aa6d0] .v-card__text {
  color: var(--icaro-ink); font-size: 38px !important; letter-spacing: -1.2px;
  line-height: 1.15; text-align: left !important; padding: 10px 20px 0; flex: 1;
}
#icaro-adm .icaro-dashboard .v-card[data-v-fb4aa6d0] .v-card__actions { padding: 0 14px 12px; }
#icaro-adm .icaro-dashboard .v-card[data-v-fb4aa6d0] .v-card__actions .v-icon { color: var(--icaro-orange-deep); font-size: 22px; }
#icaro-adm .icaro-dashboard .row > .col-6:not([class*='col-sm']) { flex-basis: 50%; max-width: 50%; }
#icaro-adm .icaro-dashboard .v-card__title > .mdi-numeric-1 { color: var(--icaro-orange) !important; margin-right: 7px; }
#icaro-adm .icaro-dashboard .v-card__text h5 { font-size: 11px; text-transform: uppercase; letter-spacing: .7px; color: #7b8591; margin-bottom: 8px; }
#icaro-adm .icaro-dashboard .v-card__text h3 { font-size: 14px; line-height: 1.6; font-weight: 500; color: #283440; }
#icaro-adm .icaro-quick-panel { margin-top: 12px; margin-bottom: 24px; padding: 20px; border: 1px solid var(--icaro-line); border-radius: 12px; background: #fff; }
#icaro-adm .icaro-quick-panel h2 { font-size: 15px; margin-bottom: 14px; font-weight: 600; }
#icaro-adm .icaro-quick-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
#icaro-adm .icaro-quick-button { display: flex; gap: 10px; align-items: center; min-height: 48px; padding: 12px; border: 1px solid var(--icaro-line); border-radius: 8px; background: #fff; color: #35414d; font: 500 13px Roboto,Arial,sans-serif; text-align: left; cursor: pointer; }
#icaro-adm .icaro-quick-button i { color: var(--icaro-orange-deep); font-size: 22px; }
#icaro-adm .icaro-quick-button:hover { border-color: #f5aa8b; background: #fff7f2; }
@media (min-width:1264px) {
  #icaro-adm .v-navigation-drawer:not(.v-navigation-drawer--temporary) .v-navigation-drawer__content::before { height: 96px; }
}
@media (max-width:959px) {
  #icaro-adm .v-main > .v-main__wrap > .container { padding: 24px 20px 32px; }
  #icaro-adm .icaro-heading-label { display: none; }
  #icaro-adm .icaro-dashboard .v-card[data-v-fb4aa6d0] .v-card__title { flex-direction: column; align-items: flex-start; padding: 16px 16px 8px; gap: 10px; }
  #icaro-adm .icaro-dashboard .v-card[data-v-fb4aa6d0] .v-card__text { padding-inline: 16px; }
}
@media (max-width:599px) {
  #icaro-adm .v-main > .v-main__wrap > .container { padding: 22px 16px 28px; }
  #icaro-adm .icaro-page-heading { margin-bottom: 20px; }
  #icaro-adm .icaro-page-heading h1 { font-size: 28px; }
  #icaro-adm .icaro-page-heading p { font-size: 13px; }
  #icaro-adm .icaro-dashboard .v-card[data-v-fb4aa6d0] { margin-top: 0 !important; height: 100%; }
  #icaro-adm .icaro-dashboard .v-card[data-v-fb4aa6d0] .v-card__title { flex-direction: row; align-items: center; padding: 16px 16px 4px; }
  #icaro-adm .icaro-dashboard .v-card[data-v-fb4aa6d0] .v-card__text { font-size: 32px !important; padding-top: 6px; }
  #icaro-adm .icaro-dashboard .row > .col-6:not([class*='col-sm']) { flex-basis: 100%; max-width: 100%; }
  #icaro-adm .icaro-quick-panel { padding: 16px; margin-top: 20px; }
  #icaro-adm .icaro-quick-links { grid-template-columns: 1fr; gap: 8px; }
  #icaro-adm .icaro-quick-button { min-height: 44px; }
  #icaro-adm .v-data-table { overflow: hidden; }
  #icaro-adm .v-card__title { font-size: 16px; }
}
@media (prefers-reduced-motion:reduce) {
  #icaro-adm *, #icaro-adm *::before, #icaro-adm *::after { scroll-behavior: auto !important; transition-duration: 0s !important; animation-duration: 0s !important; }
}