/* WINCO_FULLSCREEN_OS_V1 */



:root{

    --winco-screen-max:1760px;

    --winco-screen-pad:28px;

    --winco-screen-pad-lg:44px;

    --winco-screen-gap:18px;

}



/* Ocupa melhor notebooks, monitores ultrawide e telas grandes */

main,

.app-main,

.client-app-main,

.page-shell,

.app-shell,

.content,

.main-content,

.dashboard,

.dashboard-shell,

.operation-shell,

.crm-shell,

.agenda-shell,

.billing-shell,

.settings-shell,

.container,

.container-xl,

.wrapper{

    width:min(var(--winco-screen-max), calc(100vw - var(--winco-screen-pad))) !important;

    max-width:var(--winco-screen-max) !important;

    margin-left:auto !important;

    margin-right:auto !important;

}



@media(min-width:1440px){

    main,

    .app-main,

    .client-app-main,

    .page-shell,

    .app-shell,

    .content,

    .main-content,

    .dashboard,

    .dashboard-shell,

    .operation-shell,

    .crm-shell,

    .agenda-shell,

    .billing-shell,

    .settings-shell,

    .container,

    .container-xl,

    .wrapper{

        width:min(1760px, calc(100vw - 44px)) !important;

    }

}



@media(min-width:1800px){

    main,

    .app-main,

    .client-app-main,

    .page-shell,

    .app-shell,

    .content,

    .main-content,

    .dashboard,

    .dashboard-shell,

    .operation-shell,

    .crm-shell,

    .agenda-shell,

    .billing-shell,

    .settings-shell,

    .container,

    .container-xl,

    .wrapper{

        width:min(1880px, calc(100vw - 56px)) !important;

        max-width:1880px !important;

    }

}



/* Menos sensa??o de ?conte?do apertado no centro? */

section,

.card,

.panel,

.box,

.glass,

.dashboard-card,

.operation-card,

.billing-card,

.settings-card,

.media-card,

.lead-card{

    min-width:0;

}



/* Grids mais inteligentes em tela grande */

.grid,

.cards-grid,

.operations-grid,

.dashboard-grid,

.metrics-grid,

.features-grid,

.pricing-grid,

.billing-grid,

.settings-grid{

    gap:var(--winco-screen-gap) !important;

}



@media(min-width:1180px){

    .dashboard-grid,

    .metrics-grid{

        grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)) !important;

    }



    .operations-grid,

    .cards-grid,

    .features-grid{

        grid-template-columns:repeat(auto-fit, minmax(340px, 1fr)) !important;

    }



    .billing-grid,

    .settings-grid{

        grid-template-columns:repeat(auto-fit, minmax(360px, 1fr)) !important;

    }

}



@media(min-width:1500px){

    .operations-grid,

    .cards-grid,

    .features-grid{

        grid-template-columns:repeat(auto-fit, minmax(380px, 1fr)) !important;

    }



    .dashboard-grid,

    .metrics-grid{

        grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)) !important;

    }

}



/* Cards com altura melhor distribu?da */

.operation-card,

.dashboard-card,

.billing-card,

.settings-card,

.media-card,

.client-card,

.quick-card,

.metric-card{

    height:100%;

}



/* Tabelas e listas aproveitam largura */

table,

.table,

.list,

.list-panel,

.data-table{

    width:100% !important;

}



td,

th{

    white-space:normal;

}



/* Agenda: for?a largura premium sem apertar */

.winco-day-rules-panel,

.winco-agenda-calendar-widget{

    width:min(1760px, calc(100vw - 44px)) !important;

    max-width:1760px !important;

}



/* CRM e kanban: usar horizontal melhor */

.crm-board,

.kanban-board,

.pipeline-board,

.leads-board{

    width:100% !important;

    max-width:none !important;

    overflow-x:auto;

}



.crm-column,

.kanban-column,

.pipeline-column{

    min-width:300px;

}



/* Landing image-only: sempre tela cheia real */

#wincoLandingImageOnlyV1{

    width:100vw !important;

    max-width:100vw !important;

    height:100vh !important;

    min-height:760px !important;

}



#wincoLandingImageOnlyV1::before{

    background-size:cover !important;

    background-position:center center !important;

}



/* Menus e navs n?o devem comprimir conte?do */

nav,

.header,

.topbar,

.navbar{

    max-width:none;

}



/* Mobile seguro */

@media(max-width:760px){

    :root{

        --winco-screen-pad:24px;

    }



    main,

    .app-main,

    .client-app-main,

    .page-shell,

    .app-shell,

    .content,

    .main-content,

    .dashboard,

    .dashboard-shell,

    .operation-shell,

    .crm-shell,

    .agenda-shell,

    .billing-shell,

    .settings-shell,

    .container,

    .container-xl,

    .wrapper{

        width:calc(100vw - 24px) !important;

        max-width:calc(100vw - 24px) !important;

    }



    #wincoLandingImageOnlyV1{

        min-height:100vh !important;

    }

}


/* WINCO_AGENDA_FULLSCREEN_V1 */
/* Agenda OS - ocupa melhor a tela em desktop/mobile */
body:has([data-winco-page="agenda"]),
body.agenda-page,
body.winco-agenda-page {
  overflow-x: hidden;
}

body:has([data-winco-page="agenda"]) .app-shell,
body:has([data-winco-page="agenda"]) .client-app-shell,
body:has([data-winco-page="agenda"]) .operation-shell,
body:has([data-winco-page="agenda"]) .main-content,
body:has([data-winco-page="agenda"]) .content,
body:has([data-winco-page="agenda"]) .page-content,
body:has([data-winco-page="agenda"]) .dashboard-content,
body:has([data-winco-page="agenda"]) .container,
body:has([data-winco-page="agenda"]) .container-xl,
body:has([data-winco-page="agenda"]) .container-xxl,
body:has([data-winco-page="agenda"]) .agenda-page,
body:has([data-winco-page="agenda"]) .agenda-shell,
body:has([data-winco-page="agenda"]) .agenda-wrap,
body:has([data-winco-page="agenda"]) .agenda-container {
  width: 100% !important;
  max-width: none !important;
}

body:has([data-winco-page="agenda"]) .main-content,
body:has([data-winco-page="agenda"]) .page-content,
body:has([data-winco-page="agenda"]) .dashboard-content,
body:has([data-winco-page="agenda"]) .agenda-page,
body:has([data-winco-page="agenda"]) .agenda-shell,
body:has([data-winco-page="agenda"]) .agenda-wrap {
  padding-left: clamp(16px, 2.4vw, 36px) !important;
  padding-right: clamp(16px, 2.4vw, 36px) !important;
}

body:has([data-winco-page="agenda"]) .agenda-grid,
body:has([data-winco-page="agenda"]) .calendar-grid,
body:has([data-winco-page="agenda"]) .schedule-grid {
  width: 100% !important;
  max-width: none !important;
}

body:has([data-winco-page="agenda"]) .agenda-card,
body:has([data-winco-page="agenda"]) .calendar-card,
body:has([data-winco-page="agenda"]) .schedule-card,
body:has([data-winco-page="agenda"]) .winco-card {
  max-width: none !important;
}

@media (min-width: 1180px) {
  body:has([data-winco-page="agenda"]) .agenda-grid,
  body:has([data-winco-page="agenda"]) .schedule-layout,
  body:has([data-winco-page="agenda"]) .calendar-layout {
    display: grid;
    grid-template-columns: minmax(360px, 0.9fr) minmax(620px, 1.6fr);
    gap: 22px;
    align-items: start;
  }

  body:has([data-winco-page="agenda"]) .agenda-main,
  body:has([data-winco-page="agenda"]) .calendar-main {
    min-height: calc(100vh - 190px);
  }
}

@media (max-width: 900px) {
  body:has([data-winco-page="agenda"]) .main-content,
  body:has([data-winco-page="agenda"]) .page-content,
  body:has([data-winco-page="agenda"]) .dashboard-content,
  body:has([data-winco-page="agenda"]) .agenda-page,
  body:has([data-winco-page="agenda"]) .agenda-shell,
  body:has([data-winco-page="agenda"]) .agenda-wrap {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body:has([data-winco-page="agenda"]) .agenda-grid,
  body:has([data-winco-page="agenda"]) .schedule-layout,
  body:has([data-winco-page="agenda"]) .calendar-layout {
    display: block !important;
  }
}




/* WINCO_AGENDA_FULLSCREEN_FORCE_V2 */
body.winco-agenda-page,
body.winco-agenda-page * {
  box-sizing: border-box;
}

body.winco-agenda-page {
  background: #000 !important;
  overflow-x: hidden !important;
}

body.winco-agenda-page .app-shell,
body.winco-agenda-page .client-app-shell,
body.winco-agenda-page .operation-shell,
body.winco-agenda-page .main-content,
body.winco-agenda-page .content,
body.winco-agenda-page .page-content,
body.winco-agenda-page .dashboard-content,
body.winco-agenda-page .container,
body.winco-agenda-page .container-xl,
body.winco-agenda-page .container-xxl,
body.winco-agenda-page .agenda-page,
body.winco-agenda-page .agenda-shell,
body.winco-agenda-page .agenda-wrap,
body.winco-agenda-page .agenda-container,
body.winco-agenda-page [data-winco-page="agenda"] {
  width: 100% !important;
  max-width: none !important;
}

body.winco-agenda-page .main-content,
body.winco-agenda-page .page-content,
body.winco-agenda-page .dashboard-content,
body.winco-agenda-page .agenda-page,
body.winco-agenda-page .agenda-shell,
body.winco-agenda-page .agenda-wrap,
body.winco-agenda-page [data-winco-page="agenda"] {
  padding-left: clamp(18px, 2.6vw, 42px) !important;
  padding-right: clamp(18px, 2.6vw, 42px) !important;
}

body.winco-agenda-page .agenda-grid,
body.winco-agenda-page .schedule-layout,
body.winco-agenda-page .calendar-layout,
body.winco-agenda-page .calendar-grid {
  width: 100% !important;
  max-width: none !important;
}

@media (min-width: 1180px) {
  body.winco-agenda-page .agenda-grid,
  body.winco-agenda-page .schedule-layout,
  body.winco-agenda-page .calendar-layout {
    display: grid !important;
    grid-template-columns: minmax(380px, .85fr) minmax(680px, 1.7fr) !important;
    gap: 24px !important;
    align-items: start !important;
  }

  body.winco-agenda-page .calendar-card,
  body.winco-agenda-page .agenda-card,
  body.winco-agenda-page .winco-card {
    max-width: none !important;
  }
}

@media (max-width: 900px) {
  body.winco-agenda-page .main-content,
  body.winco-agenda-page .page-content,
  body.winco-agenda-page .dashboard-content,
  body.winco-agenda-page .agenda-page,
  body.winco-agenda-page .agenda-shell,
  body.winco-agenda-page .agenda-wrap,
  body.winco-agenda-page [data-winco-page="agenda"] {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.winco-agenda-page .agenda-grid,
  body.winco-agenda-page .schedule-layout,
  body.winco-agenda-page .calendar-layout {
    display: block !important;
  }
}



/* WINCO_AGENDA_RUNTIME_FULLSCREEN_CSS_V1 */
html.winco-agenda-page,
body.winco-agenda-page {
  width: 100% !important;
  max-width: none !important;
  background: #030604 !important;
  overflow-x: hidden !important;
}

body.winco-agenda-page .winco-agenda-fullscreen-host,
body.winco-agenda-page main,
body.winco-agenda-page .app,
body.winco-agenda-page .app-shell,
body.winco-agenda-page .client-app-shell,
body.winco-agenda-page .operation-shell,
body.winco-agenda-page .main-content,
body.winco-agenda-page .page-content,
body.winco-agenda-page .dashboard-content,
body.winco-agenda-page .operation-content,
body.winco-agenda-page .operation-main,
body.winco-agenda-page .container,
body.winco-agenda-page .container-xl,
body.winco-agenda-page .container-xxl {
  width: 100% !important;
  max-width: none !important;
}

body.winco-agenda-page .main-content,
body.winco-agenda-page .page-content,
body.winco-agenda-page .dashboard-content,
body.winco-agenda-page .operation-content,
body.winco-agenda-page .operation-main {
  padding-left: clamp(20px, 2.8vw, 48px) !important;
  padding-right: clamp(20px, 2.8vw, 48px) !important;
}

body.winco-agenda-page .agenda-grid,
body.winco-agenda-page .schedule-layout,
body.winco-agenda-page .calendar-layout,
body.winco-agenda-page .calendar-grid,
body.winco-agenda-page .settings-grid {
  width: 100% !important;
  max-width: none !important;
}

@media (min-width: 1180px) {
  body.winco-agenda-page .agenda-grid,
  body.winco-agenda-page .schedule-layout,
  body.winco-agenda-page .calendar-layout {
    display: grid !important;
    grid-template-columns: minmax(420px, .9fr) minmax(720px, 1.7fr) !important;
    gap: 26px !important;
    align-items: start !important;
  }
}

@media (max-width: 900px) {
  body.winco-agenda-page .main-content,
  body.winco-agenda-page .page-content,
  body.winco-agenda-page .dashboard-content,
  body.winco-agenda-page .operation-content,
  body.winco-agenda-page .operation-main {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}


/* WINCO_PAGE_OS_FULLSCREEN_V1 */
html.winco-app-os,
body.winco-app-os {
  width: 100% !important;
  max-width: none !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  background:
    radial-gradient(circle at 8% 14%, rgba(36, 255, 118, .075), transparent 28%),
    radial-gradient(circle at 84% 12%, rgba(36, 255, 118, .035), transparent 26%),
    #030604 !important;
}

body.winco-app-os main,
body.winco-app-os .winco-page-os-host,
body.winco-app-os .app,
body.winco-app-os .app-shell,
body.winco-app-os .client-app-shell,
body.winco-app-os .operation-shell,
body.winco-app-os .main-shell,
body.winco-app-os .main-content,
body.winco-app-os .content,
body.winco-app-os .page,
body.winco-app-os .page-content,
body.winco-app-os .dashboard-content,
body.winco-app-os .operation-content,
body.winco-app-os .operation-main,
body.winco-app-os .container,
body.winco-app-os .container-xl,
body.winco-app-os .container-xxl {
  width: 100% !important;
  max-width: none !important;
}

body.winco-app-os .main-content,
body.winco-app-os .page-content,
body.winco-app-os .dashboard-content,
body.winco-app-os .operation-content,
body.winco-app-os .operation-main {
  padding-left: clamp(18px, 2.6vw, 44px) !important;
  padding-right: clamp(18px, 2.6vw, 44px) !important;
}

body.winco-app-os .card,
body.winco-app-os .winco-card,
body.winco-app-os .glass-card,
body.winco-app-os .module-card,
body.winco-app-os .agenda-card,
body.winco-app-os .calendar-card,
body.winco-app-os .analytics-card,
body.winco-app-os .monitor-card {
  max-width: none !important;
}

/* Agenda / Analytics / Monitor / Operations grid base */
body.winco-page-agenda .agenda-grid,
body.winco-page-agenda .calendar-layout,
body.winco-page-agenda .schedule-layout,
body.winco-page-analytics .analytics-grid,
body.winco-page-monitor-live .monitor-grid,
body.winco-page-operations .operations-grid,
body.winco-page-onboarding .onboarding-grid,
body.winco-page-settings .settings-grid {
  width: 100% !important;
  max-width: none !important;
}

@media (min-width: 1180px) {
  body.winco-page-agenda .agenda-grid,
  body.winco-page-agenda .calendar-layout,
  body.winco-page-agenda .schedule-layout {
    display: grid !important;
    grid-template-columns: minmax(420px, .9fr) minmax(720px, 1.7fr) !important;
    gap: 26px !important;
    align-items: start !important;
  }

  body.winco-page-analytics .analytics-grid,
  body.winco-page-monitor-live .monitor-grid,
  body.winco-page-operations .operations-grid,
  body.winco-page-onboarding .onboarding-grid,
  body.winco-page-settings .settings-grid {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }
}

/* Mobile OS */
@media (max-width: 900px) {
  html.winco-app-os,
  body.winco-app-os {
    overflow-x: hidden !important;
  }

  body.winco-app-os .main-content,
  body.winco-app-os .page-content,
  body.winco-app-os .dashboard-content,
  body.winco-app-os .operation-content,
  body.winco-app-os .operation-main {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.winco-app-os .topbar,
  body.winco-app-os .nav,
  body.winco-app-os .navigation,
  body.winco-app-os .operation-nav,
  body.winco-app-os .client-nav {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  body.winco-app-os .topbar::-webkit-scrollbar,
  body.winco-app-os .nav::-webkit-scrollbar,
  body.winco-app-os .navigation::-webkit-scrollbar,
  body.winco-app-os .operation-nav::-webkit-scrollbar,
  body.winco-app-os .client-nav::-webkit-scrollbar {
    display: none !important;
  }

  body.winco-app-os button,
  body.winco-app-os .btn,
  body.winco-app-os a.btn,
  body.winco-app-os .action-button,
  body.winco-app-os .nav-button {
    min-height: 44px !important;
    border-radius: 16px !important;
  }

  body.winco-page-agenda .agenda-grid,
  body.winco-page-agenda .calendar-layout,
  body.winco-page-agenda .schedule-layout,
  body.winco-page-analytics .analytics-grid,
  body.winco-page-monitor-live .monitor-grid,
  body.winco-page-operations .operations-grid,
  body.winco-page-onboarding .onboarding-grid,
  body.winco-page-settings .settings-grid {
    display: block !important;
  }

  body.winco-app-os .card,
  body.winco-app-os .winco-card,
  body.winco-app-os .glass-card,
  body.winco-app-os .module-card {
    margin-bottom: 14px !important;
  }
}


/* WINCO_OPERATION_OVERVIEW_FULLSCREEN_V1 */
html.winco-operation-os,
body.winco-operation-os {
  width: 100% !important;
  max-width: none !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  background:
    radial-gradient(circle at 4% 18%, rgba(36, 255, 118, .08), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(36, 255, 118, .035), transparent 26%),
    #030604 !important;
}

body.winco-operation-os main,
body.winco-operation-os .winco-operation-os-host,
body.winco-operation-os .app,
body.winco-operation-os .app-shell,
body.winco-operation-os .client-app-shell,
body.winco-operation-os .operation-shell,
body.winco-operation-os .main-shell,
body.winco-operation-os .main-content,
body.winco-operation-os .page-content,
body.winco-operation-os .dashboard-content,
body.winco-operation-os .operation-content,
body.winco-operation-os .operation-main,
body.winco-operation-os .container,
body.winco-operation-os .container-xl,
body.winco-operation-os .container-xxl {
  width: 100% !important;
  max-width: none !important;
}

body.winco-operation-os .main-content,
body.winco-operation-os .page-content,
body.winco-operation-os .dashboard-content,
body.winco-operation-os .operation-content,
body.winco-operation-os .operation-main {
  padding-left: clamp(18px, 2.4vw, 42px) !important;
  padding-right: clamp(18px, 2.4vw, 42px) !important;
}

body.winco-page-operation-overview .hero,
body.winco-page-operation-overview .operation-hero,
body.winco-page-operation-overview .modules-panel,
body.winco-page-operation-overview .quick-actions,
body.winco-page-operation-overview .overview-grid,
body.winco-page-operation-overview .stats-grid,
body.winco-page-operation-overview .cards-grid {
  width: 100% !important;
  max-width: none !important;
}

body.winco-page-operation-overview .operation-hero,
body.winco-page-operation-overview .hero {
  min-height: clamp(170px, 18vw, 240px) !important;
}

body.winco-page-operation-overview .overview-grid,
body.winco-page-operation-overview .stats-grid,
body.winco-page-operation-overview .cards-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

body.winco-page-operation-overview .overview-grid > *,
body.winco-page-operation-overview .stats-grid > *,
body.winco-page-operation-overview .cards-grid > * {
  min-width: 0 !important;
}

@media (min-width: 1180px) {
  body.winco-page-operation-overview .quick-actions {
    display: grid !important;
    grid-template-columns: 1fr .75fr !important;
    gap: 22px !important;
    align-items: start !important;
  }
}

@media (max-width: 900px) {
  body.winco-operation-os .main-content,
  body.winco-operation-os .page-content,
  body.winco-operation-os .dashboard-content,
  body.winco-operation-os .operation-content,
  body.winco-operation-os .operation-main {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.winco-page-operation-overview .overview-grid,
  body.winco-page-operation-overview .stats-grid,
  body.winco-page-operation-overview .cards-grid,
  body.winco-page-operation-overview .quick-actions {
    display: block !important;
  }

  body.winco-page-operation-overview .operation-hero,
  body.winco-page-operation-overview .hero {
    min-height: auto !important;
    padding: 24px !important;
    border-radius: 28px !important;
  }

  body.winco-operation-os button,
  body.winco-operation-os .btn,
  body.winco-operation-os a.btn,
  body.winco-operation-os .action-button,
  body.winco-operation-os .nav-button {
    min-height: 44px !important;
    border-radius: 16px !important;
  }
}


/* WINCO_OPERATIONS_CARDS_FULLSCREEN_FIX_V1 */

/* Base fullscreen para lista de opera??es e detalhe da opera??o */
body.winco-page-operations,
body.winco-page-operation-overview,
body.winco-operation-os {
  background:
    radial-gradient(circle at 6% 16%, rgba(36, 255, 118, .08), transparent 28%),
    radial-gradient(circle at 86% 10%, rgba(36, 255, 118, .035), transparent 24%),
    #030604 !important;
  overflow-x: hidden !important;
}

body.winco-page-operations main,
body.winco-page-operations .page-content,
body.winco-page-operations .main-content,
body.winco-page-operations .dashboard-content,
body.winco-page-operations .operation-content,
body.winco-page-operations .container,
body.winco-page-operations .container-xl,
body.winco-page-operations .container-xxl,
body.winco-page-operation-overview main,
body.winco-page-operation-overview .page-content,
body.winco-page-operation-overview .main-content,
body.winco-page-operation-overview .dashboard-content,
body.winco-page-operation-overview .operation-content,
body.winco-page-operation-overview .container,
body.winco-page-operation-overview .container-xl,
body.winco-page-operation-overview .container-xxl {
  width: 100% !important;
  max-width: none !important;
}

/* Corrige o card estreito na tela /app/operations */
body.winco-page-operations .operations-grid,
body.winco-page-operations .operations-list,
body.winco-page-operations .clients-grid,
body.winco-page-operations .clients-list,
body.winco-page-operations .operation-list,
body.winco-page-operations .operation-cards,
body.winco-page-operations .cards-grid {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(420px, 100%), 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

/* Se existir s? uma opera??o, ela vira card amplo */
body.winco-page-operations .operations-grid > *,
body.winco-page-operations .operations-list > *,
body.winco-page-operations .clients-grid > *,
body.winco-page-operations .clients-list > *,
body.winco-page-operations .operation-list > *,
body.winco-page-operations .operation-cards > *,
body.winco-page-operations .cards-grid > * {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Fallback para cards/link de opera??o sem classe previs?vel */
body.winco-page-operations a[href*="/app/operations/"]:not([href*="/new"]):not([href*="/agenda"]):not([href*="/settings"]),
body.winco-page-operations .operation-card,
body.winco-page-operations .client-card,
body.winco-page-operations .winco-card,
body.winco-page-operations .glass-card {
  width: 100% !important;
  max-width: none !important;
  min-width: min(100%, 320px) !important;
}

/* Evita quebra feia do nome da opera??o */
body.winco-page-operations .operation-card h1,
body.winco-page-operations .operation-card h2,
body.winco-page-operations .operation-card h3,
body.winco-page-operations .client-card h1,
body.winco-page-operations .client-card h2,
body.winco-page-operations .client-card h3,
body.winco-page-operations a[href*="/app/operations/"] h1,
body.winco-page-operations a[href*="/app/operations/"] h2,
body.winco-page-operations a[href*="/app/operations/"] h3 {
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  line-height: 1.05 !important;
}

/* Detalhe da opera??o: ocupa melhor a tela */
body.winco-page-operation-overview .operation-hero,
body.winco-page-operation-overview .modules-panel,
body.winco-page-operation-overview .metrics-panel,
body.winco-page-operation-overview .quick-actions,
body.winco-page-operation-overview .overview-grid,
body.winco-page-operation-overview .stats-grid,
body.winco-page-operation-overview .cards-grid {
  width: 100% !important;
  max-width: none !important;
}

body.winco-page-operation-overview .overview-grid,
body.winco-page-operation-overview .stats-grid,
body.winco-page-operation-overview .cards-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr)) !important;
  gap: 22px !important;
}

/* Mobile */
@media (max-width: 900px) {
  body.winco-page-operations .main-content,
  body.winco-page-operations .page-content,
  body.winco-page-operation-overview .main-content,
  body.winco-page-operation-overview .page-content {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.winco-page-operations .operations-grid,
  body.winco-page-operations .operations-list,
  body.winco-page-operations .clients-grid,
  body.winco-page-operations .clients-list,
  body.winco-page-operation-overview .overview-grid,
  body.winco-page-operation-overview .stats-grid,
  body.winco-page-operation-overview .cards-grid {
    display: block !important;
  }

  body.winco-page-operations .operation-card,
  body.winco-page-operations .client-card,
  body.winco-page-operations .winco-card,
  body.winco-page-operations .glass-card,
  body.winco-page-operation-overview .operation-card,
  body.winco-page-operation-overview .winco-card,
  body.winco-page-operation-overview .glass-card {
    margin-bottom: 14px !important;
    border-radius: 24px !important;
  }

  body.winco-page-operations button,
  body.winco-page-operations .btn,
  body.winco-page-operations a.btn,
  body.winco-page-operation-overview button,
  body.winco-page-operation-overview .btn,
  body.winco-page-operation-overview a.btn {
    min-height: 44px !important;
    border-radius: 16px !important;
  }
}


/* WINCO_OPERATION_CLEAN_LAYOUT_V2 */
/* Corrige tela da opera??o: menos brilho, mais propor??o, layout premium e mobile-safe */

body.winco-operation-os,
body.winco-page-operation-overview {
  background:
    radial-gradient(circle at 8% 12%, rgba(36, 255, 118, .035), transparent 30%),
    radial-gradient(circle at 88% 6%, rgba(36, 255, 118, .018), transparent 26%),
    #030604 !important;
}

/* Remove manchas verdes grandes/invasivas da opera??o */
body.winco-operation-os [class*="glow"],
body.winco-operation-os [class*="pulse"],
body.winco-operation-os [class*="signal"],
body.winco-operation-os [class*="realtime"],
body.winco-page-operation-overview [class*="glow"],
body.winco-page-operation-overview [class*="pulse"],
body.winco-page-operation-overview [class*="signal"],
body.winco-page-operation-overview [class*="realtime"] {
  animation: none !important;
  filter: none !important;
  text-shadow: none !important;
}

/* Mant?m sinais, mas como pontos minimalistas */
body.winco-operation-os [class*="dot"],
body.winco-operation-os [class*="status-dot"],
body.winco-operation-os [class*="signal-dot"],
body.winco-page-operation-overview [class*="dot"],
body.winco-page-operation-overview [class*="status-dot"],
body.winco-page-operation-overview [class*="signal-dot"] {
  box-shadow: 0 0 10px rgba(36, 255, 118, .22) !important;
}

/* Suaviza cards verdes que viraram blocos luminosos */
body.winco-operation-os .module-card,
body.winco-operation-os .metric-card,
body.winco-operation-os .status-card,
body.winco-operation-os .winco-card,
body.winco-operation-os .glass-card,
body.winco-page-operation-overview .module-card,
body.winco-page-operation-overview .metric-card,
body.winco-page-operation-overview .status-card,
body.winco-page-operation-overview .winco-card,
body.winco-page-operation-overview .glass-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow:
    0 18px 60px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

/* Hero da opera??o mais elegante */
body.winco-page-operation-overview .operation-hero,
body.winco-page-operation-overview .hero,
body.winco-operation-os .operation-hero,
body.winco-operation-os .hero {
  min-height: 180px !important;
  padding: clamp(26px, 3.2vw, 44px) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 12% 16%, rgba(36,255,118,.075), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.018)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.36) !important;
}

/* T?tulo sem exagero */
body.winco-page-operation-overview .operation-hero h1,
body.winco-page-operation-overview .hero h1,
body.winco-operation-os .operation-hero h1,
body.winco-operation-os .hero h1 {
  font-size: clamp(38px, 4vw, 58px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  max-width: 920px !important;
}

/* Runtime/modules mais compacto */
body.winco-operation-os .modules-panel,
body.winco-page-operation-overview .modules-panel,
body.winco-operation-os [class*="module"],
body.winco-page-operation-overview [class*="module"] {
  max-width: none !important;
}

/* M?tricas: acaba com faixa verde gigantesca */
body.winco-operation-os .metrics-panel,
body.winco-operation-os .stats-panel,
body.winco-operation-os .overview-metrics,
body.winco-page-operation-overview .metrics-panel,
body.winco-page-operation-overview .stats-panel,
body.winco-page-operation-overview .overview-metrics {
  background:
    linear-gradient(180deg, rgba(36,255,118,.035), rgba(36,255,118,.018)) !important;
  border-top: 1px solid rgba(36,255,118,.10) !important;
  border-bottom: 1px solid rgba(36,255,118,.08) !important;
  box-shadow: none !important;
}

/* Grid mais equilibrado */
body.winco-page-operation-overview .overview-grid,
body.winco-page-operation-overview .stats-grid,
body.winco-page-operation-overview .cards-grid,
body.winco-operation-os .overview-grid,
body.winco-operation-os .stats-grid,
body.winco-operation-os .cards-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)) !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: none !important;
}

/* A??es principais n?o podem ficar cortadas embaixo */
body.winco-page-operation-overview .quick-actions,
body.winco-operation-os .quick-actions {
  width: 100% !important;
  max-width: none !important;
  margin-bottom: 40px !important;
}

/* Bot?o flutuante mais discreto */
body.winco-operation-os .floating-action,
body.winco-operation-os [class*="floating"],
body.winco-page-operation-overview .floating-action,
body.winco-page-operation-overview [class*="floating"] {
  box-shadow: 0 12px 34px rgba(36,255,118,.16) !important;
}

/* Nav superior: evita quebrar em telas menores */
body.winco-operation-os .topbar,
body.winco-operation-os .nav,
body.winco-operation-os .operation-nav,
body.winco-page-operation-overview .topbar,
body.winco-page-operation-overview .nav,
body.winco-page-operation-overview .operation-nav {
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

body.winco-operation-os .topbar::-webkit-scrollbar,
body.winco-operation-os .nav::-webkit-scrollbar,
body.winco-operation-os .operation-nav::-webkit-scrollbar,
body.winco-page-operation-overview .topbar::-webkit-scrollbar,
body.winco-page-operation-overview .nav::-webkit-scrollbar,
body.winco-page-operation-overview .operation-nav::-webkit-scrollbar {
  display: none !important;
}

/* Mobile */
@media (max-width: 900px) {
  body.winco-operation-os,
  body.winco-page-operation-overview {
    overflow-x: hidden !important;
  }

  body.winco-operation-os .main-content,
  body.winco-operation-os .page-content,
  body.winco-operation-os .operation-content,
  body.winco-operation-os .operation-main,
  body.winco-page-operation-overview .main-content,
  body.winco-page-operation-overview .page-content,
  body.winco-page-operation-overview .operation-content,
  body.winco-page-operation-overview .operation-main {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.winco-page-operation-overview .operation-hero,
  body.winco-page-operation-overview .hero,
  body.winco-operation-os .operation-hero,
  body.winco-operation-os .hero {
    min-height: auto !important;
    padding: 24px !important;
    border-radius: 24px !important;
  }

  body.winco-page-operation-overview .operation-hero h1,
  body.winco-page-operation-overview .hero h1,
  body.winco-operation-os .operation-hero h1,
  body.winco-operation-os .hero h1 {
    font-size: clamp(34px, 11vw, 46px) !important;
    line-height: 1 !important;
  }

  body.winco-page-operation-overview .overview-grid,
  body.winco-page-operation-overview .stats-grid,
  body.winco-page-operation-overview .cards-grid,
  body.winco-operation-os .overview-grid,
  body.winco-operation-os .stats-grid,
  body.winco-operation-os .cards-grid {
    display: block !important;
  }

  body.winco-operation-os .module-card,
  body.winco-operation-os .metric-card,
  body.winco-operation-os .status-card,
  body.winco-operation-os .winco-card,
  body.winco-operation-os .glass-card,
  body.winco-page-operation-overview .module-card,
  body.winco-page-operation-overview .metric-card,
  body.winco-page-operation-overview .status-card,
  body.winco-page-operation-overview .winco-card,
  body.winco-page-operation-overview .glass-card {
    margin-bottom: 14px !important;
    border-radius: 22px !important;
  }

  body.winco-operation-os button,
  body.winco-operation-os .btn,
  body.winco-operation-os a.btn,
  body.winco-page-operation-overview button,
  body.winco-page-operation-overview .btn,
  body.winco-page-operation-overview a.btn {
    min-height: 44px !important;
    border-radius: 15px !important;
  }
}