.mobile-bottom-nav{display:none}.app-install>button{color:#ffbc89;cursor:pointer;background:#282018;border:1px solid #65452c;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin:10px 0;padding:10px;font-size:12px;display:flex}.app-install-help{color:#33271c;background:#fff5ec;border-radius:10px;padding:12px 30px 12px 12px;position:relative}.app-install-help p{color:inherit;margin:0;font-size:12px;line-height:1.5}.app-install-help>button{background:0 0;border:0;position:absolute;top:0;right:0}.app-installed{justify-content:center;align-items:center;gap:6px;display:flex}.app-offline-notice{z-index:250;left:50%;bottom:calc(80px + env(safe-area-inset-bottom,0px));color:#654416;background:#fff4db;border:1px solid #e7b970;border-radius:12px;align-items:center;gap:10px;width:min(440px,100% - 24px);padding:12px 16px;font-size:13px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #0002}.app-offline-notice svg{flex:none}.sidebar-is-collapsed .app-install,.sidebar-is-collapsed .app-installed{display:none}@media (max-width:920px){.app-shell .sidebar{z-index:110;width:min(320px,90vw);padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.app-shell .sidebar-backdrop{z-index:109}.app-shell .sidebar:not(.sidebar-open){visibility:hidden}.app-shell .sidebar-open{visibility:visible;transform:translate(0)}.app-shell .sidebar-collapsed .sidebar-logo-full{width:132px;display:block}.app-shell .sidebar-collapsed .sidebar-logo-compact{display:none}.app-shell .sidebar-collapsed .nav-item span,.app-shell .sidebar-collapsed .nav-group-trigger span,.app-shell .sidebar-collapsed .group-chevron{display:block}.app-shell .sidebar-collapsed .nav-item,.app-shell .sidebar-collapsed .nav-group-trigger{justify-content:flex-start}.app-shell .sidebar-collapsed .nav-children .nav-item{padding-left:30px}.app-shell .sidebar-collapse-button{display:none}.app-shell .sidebar-mobile-close{width:44px;height:44px;display:grid}.app-shell .sidebar-brand{flex-shrink:0}.app-shell .sidebar-navigation{overscroll-behavior:contain;overflow-y:auto}.app-shell .sidebar .nav-item,.app-shell .sidebar .nav-group-trigger{min-height:46px;font-size:14px}.app-shell .sidebar .nav-children:not(.open){visibility:hidden}.sidebar-is-collapsed .app-install{display:block}.sidebar-is-collapsed .app-installed{display:flex}}@media (max-width:780px){:root{--app-top-height:calc(64px + env(safe-area-inset-top,0px));--app-nav-space:calc(68px + env(safe-area-inset-bottom,0px))}html{scroll-padding-top:calc(var(--app-top-height) + 12px)}html[data-keyboard=open]{--app-nav-space:0px}body{-webkit-text-size-adjust:100%}body:has(.modal-layer,.drawer-layer,.commercial-modal-layer,.commercial-drawer-layer){overflow:hidden}.app-shell,.app-shell.sidebar-is-collapsed{width:100%;min-height:100dvh;display:block}.app-shell .workspace{min-width:0;margin:0;padding:0}.app-shell .content{width:100%;min-width:0;padding:18px 14px calc(var(--app-nav-space) + 22px)}.app-shell .content>*{min-width:0;max-width:100%}.app-shell .topbar{z-index:45;height:var(--app-top-height);min-height:var(--app-top-height);padding:env(safe-area-inset-top,0px) max(12px, env(safe-area-inset-right,0px)) 0 max(12px, env(safe-area-inset-left,0px));background:#fff;gap:8px;position:sticky;top:0}.app-shell .topbar-left{flex:1;gap:8px;min-width:0}.app-shell .topbar-left>div{min-width:0}.app-shell .topbar-left p{color:#767169;margin:0 0 3px;font-size:10px;display:block}.app-shell .topbar-left strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;display:block;overflow:hidden}.app-shell .topbar-actions{gap:2px}.app-shell .base-badge,.app-shell .user-menu>span,.app-shell .user-menu .avatar{display:none}.app-shell .user-menu{border:0;min-width:0;padding:0}.app-shell .notification-popover{top:var(--app-top-height);width:auto;max-height:calc(var(--app-viewport-height,100dvh) - var(--app-top-height) - 24px);position:fixed;left:12px;right:12px;overflow:auto}.app-shell .sidebar{top:var(--app-viewport-top,0px);height:var(--app-viewport-height,100dvh);bottom:auto}.mobile-bottom-nav{z-index:50;min-height:var(--app-nav-space);padding:6px max(6px, env(safe-area-inset-right,0px)) max(6px, env(safe-area-inset-bottom,0px)) max(6px, env(safe-area-inset-left,0px));background:#fff;border-top:1px solid #e8e4dc;align-items:stretch;display:flex;position:fixed;inset:auto 0 0;box-shadow:0 -5px 22px #221a1008}.mobile-bottom-nav>button{color:#706c64;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:12px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:56px;padding:4px 1px;font-size:10px;font-weight:650;display:flex}.mobile-bottom-nav>button[aria-current=page],.mobile-bottom-nav>button.active{color:#b3490b;background:#fff0e4}html[data-keyboard=open] .mobile-bottom-nav{display:none}.app-shell .toast{bottom:calc(var(--app-nav-space) + 14px);width:auto;max-width:none;font-size:14px;left:12px;right:12px;transform:none}html[data-keyboard=open] .app-offline-notice{top:calc(var(--app-viewport-top,0px) + 8px);bottom:auto}.app-shell button,.login-page button{touch-action:manipulation;min-height:44px}.app-shell :is(.primary-button,.secondary-button,.danger-button,.compact-button){min-height:44px!important;font-size:13px!important}.app-shell :is(.icon-button,.mobile-menu-button,.logout-button),.app-shell .finance-row-actions>button,.app-shell .inventory-inline-actions>button{min-width:44px;min-height:44px}.app-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea),.login-page :is(input,select,textarea){min-width:0;max-width:100%;min-height:44px;scroll-margin-block:80px 100px;font-size:16px!important}.app-shell input[type=checkbox],.app-shell input[type=radio]{flex-shrink:0;width:20px;height:20px;min-height:20px}.app-shell textarea{line-height:1.45}.app-shell :is(.form-grid,.finance-form-grid,.commercial-form-grid,.integration-form-grid,.config-form-grid,.client-automation-form-grid) label{min-width:0;font-size:13px}.app-shell :is(.form-grid,.finance-form-grid,.commercial-form-grid,.integration-form-grid,.config-form-grid,.client-automation-form-grid){grid-template-columns:minmax(0,1fr);gap:16px}.app-shell :is(.form-grid,.finance-form-grid,.commercial-form-grid)>label{grid-column:auto}.app-shell :is(.page-heading,.heading-actions,.commercial-heading-actions,.operation-heading-actions){flex-wrap:wrap;min-width:0}.app-shell .page-heading h1{font-size:24px}.app-shell .page-heading p:not(.eyebrow){font-size:13px;line-height:1.5}.app-shell .heading-actions{gap:8px;width:100%}.app-shell .heading-actions>button{flex:auto;justify-content:center}.app-shell :is(.profile-tabs,.operation-tabs,.finance-tabs,.inventory-tabs,.contract-section-tabs,.commercial-tabs){overscroll-behavior-inline:contain;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.app-shell :is(.profile-tabs,.operation-tabs,.finance-tabs,.inventory-tabs,.contract-section-tabs,.commercial-tabs) button{flex-shrink:0;font-size:13px}.app-shell :is(.profile-kpis,.event-profile-kpis){grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell :is(.profile-kpis,.event-profile-kpis)>span{padding:10px 12px}.app-shell :is(.profile-kpis,.event-profile-kpis) small{font-size:11px}.app-shell :is(.client-mobile-card,.machine-mobile-card,.operation-mobile-card,.inventory-mobile-list>button){gap:10px;min-height:88px;padding:16px 12px}.app-shell :is(.client-mobile-card,.machine-mobile-card,.operation-mobile-card,.inventory-mobile-list>button) strong{white-space:normal;overflow-wrap:anywhere;font-size:14px}.app-shell :is(.client-mobile-card,.machine-mobile-card,.operation-mobile-card,.inventory-mobile-list>button) :is(small,em){font-size:12px}.app-shell :is(.operation-mobile-card,.inventory-mobile-list>button){grid-template-columns:auto minmax(0,1fr)}.app-shell :is(.operation-mobile-card,.inventory-mobile-list>button)>:last-child{grid-column:2;justify-self:start}.app-shell :is(.profile-card,.relation-list,.event-info-grid) :is(strong,span){overflow-wrap:anywhere;font-size:13px}.app-shell :is(.client-pagination,.finance-pagination,.operation-pagination,.inventory-pagination){flex-wrap:wrap;gap:10px;padding:14px 10px;font-size:12px}.app-shell :is(.finance-table-wrap,.contract-table-wrap,.commercial-table-wrap,.inventory-table-wrap,.event-table-wrap):has(.mobile-card-table){min-width:0;box-shadow:none;background:0 0;border:0;display:block;overflow:visible}.app-shell table.mobile-card-table{background:0 0;border:0;width:100%;min-width:0;display:block}.app-shell table.mobile-card-table>thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.app-shell table.mobile-card-table>tbody{gap:12px;display:grid}.app-shell table.mobile-card-table>tbody>tr{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;padding:16px;display:grid;box-shadow:0 3px 14px #20140904}.app-shell table.mobile-card-table td{text-align:left;white-space:normal;overflow-wrap:anywhere;border:0;flex-direction:column;align-items:flex-start;gap:5px;width:auto;min-width:0;height:auto;padding:0;font-size:14px;display:flex}.app-shell table.mobile-card-table td:before{content:attr(data-label);color:#777067;font-size:11px;font-weight:650;display:block}.app-shell table.mobile-card-table td:first-child,.app-shell table.mobile-card-table td[data-label=Ações],.app-shell table.mobile-card-table td[colspan]{grid-column:1/-1}.app-shell table.mobile-card-table td:first-child{border-bottom:1px solid #efede8;padding-bottom:10px}.app-shell table.mobile-card-table td:first-child>strong{color:#af4609}.app-shell table.mobile-card-table td strong{white-space:normal;font-size:14px;line-height:1.4}.app-shell table.mobile-card-table td small{white-space:normal;overflow-wrap:anywhere;font-size:12px}.app-shell table.mobile-card-table td[colspan]:before{display:none}.app-shell table.mobile-card-table td[data-label=Ações]{border-top:1px solid #efede8;padding-top:8px}.app-shell table.mobile-card-table td[data-label=Ações]:before{display:none}.app-shell .finance-row-actions{flex-wrap:wrap;gap:8px}.app-shell :is(.modal-layer,.drawer-layer,.commercial-modal-layer,.commercial-drawer-layer){top:var(--app-viewport-top,0px);height:var(--app-viewport-height,100dvh);max-width:100%;padding:0;bottom:auto}.app-shell :is(.modal-card,.commercial-modal,.commercial-modal.wide){overscroll-behavior:contain;border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0}.app-shell :is(.detail-drawer,.operation-detail-drawer,.inventory-detail-drawer,.machine-detail-drawer,.contract-detail-drawer,.client-profile,.commercial-drawer){border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}.app-shell .modal-card>.modal-header,.app-shell .commercial-modal>header{z-index:4;background:#fff;flex-shrink:0;min-height:70px;padding:14px 16px;position:sticky;top:0}.app-shell :is(.modal-actions,.commercial-modal-actions){z-index:4;padding:12px 16px max(12px, env(safe-area-inset-bottom,0px));background:#fff;flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex;position:sticky;bottom:0;box-shadow:0 -5px 16px #23180408}.app-shell :is(.modal-actions,.commercial-modal-actions)>button{flex:130px;justify-content:center;min-width:0}.app-shell .order-modal-actions>.primary-button{flex-basis:100%}.app-shell .finance-form-actions{bottom:var(--app-nav-space);z-index:4;background:#fff;flex-wrap:wrap;gap:8px;padding:12px;position:sticky}.app-shell .delete-confirm-card{height:auto;max-height:calc(var(--app-viewport-height,100dvh) - 24px);border-radius:16px;align-self:center;width:calc(100% - 24px);padding:20px}.app-shell :is(.inventory-form-content,.operation-form-content,.commercial-form-scroll,.contract-form-scroll,.profile-content){overscroll-behavior:contain;min-height:0;padding-bottom:20px}.app-shell .communication-workspace-v2{width:100%;top:calc(var(--app-viewport-top,0px) + var(--app-top-height))!important;height:calc(var(--app-viewport-height,100dvh) - var(--app-top-height) - var(--app-nav-space))!important;max-height:calc(var(--app-viewport-height,100dvh) - var(--app-top-height) - var(--app-nav-space))!important}.app-shell .communication-workspace-v2 .whatsapp-details-pane,.app-shell .communication-workspace-v2 .crm-drawer-backdrop{top:calc(var(--app-viewport-top,0px) + var(--app-top-height));bottom:var(--app-nav-space)}.app-shell .communication-workspace-v2 .whatsapp-composer-v2{align-items:end}.app-shell .communication-workspace-v2 .whatsapp-composer-v2 :is(.composer-tool,.primary-button){width:44px;min-width:44px;height:44px;min-height:44px}.app-shell .communication-workspace-v2 .whatsapp-message{font-size:14px}.login-page{min-height:100dvh}.login-page .login-panel{padding:28px 20px max(28px, env(safe-area-inset-bottom,0px))}.login-page .login-card{width:100%;max-width:420px}}@media (prefers-reduced-motion:reduce){.app-shell *,.login-page *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:780px){.app-shell :is(.metric-grid,.category-metric-grid,.client-summary,.finance-metric-grid,.operation-summary-grid,.machine-summary,.commercial-kpis){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-shell .client-summary{padding:12px}.app-shell .client-summary-card{flex-direction:column;align-items:flex-start;gap:8px;min-height:85px;padding:12px}.app-shell .client-summary-card.wide{flex-direction:row;grid-column:1/-1;align-items:center;min-height:66px}.app-shell .client-summary-icon{border-radius:8px;width:28px;height:28px}.app-shell .client-summary-card strong{font-size:18px}.app-shell .client-summary-card small{font-size:11px}.app-shell .metric-card{flex-direction:column;gap:8px;min-height:116px;padding:12px}.app-shell .metric-card strong{overflow-wrap:anywhere;font-size:18px}.app-shell .metric-card span{font-size:12px}.app-shell .metric-card small{font-size:10px;line-height:1.4}.app-shell :is(.machine-summary article,.commercial-kpis article,.operation-summary-card){flex-direction:column;align-items:flex-start;gap:8px;min-height:105px;padding:12px}.app-shell :is(.machine-summary article,.commercial-kpis article,.operation-summary-card) strong{font-size:17px}.app-shell :is(.machine-summary article,.commercial-kpis article,.operation-summary-card) small{font-size:11px}.app-shell .heading-actions>button{flex:calc(50% - 8px);width:auto}.app-shell .heading-actions>.primary-button{flex-basis:100%}.app-shell .finance-row-actions>button[title]:not(:has(.finance-action-label)):after{content:attr(title);font-size:11px;line-height:1.3}.app-shell .finance-row-actions>button{white-space:normal;justify-content:center;align-items:center;gap:6px;display:flex;padding:8px!important}.app-shell .finance-row-actions>button>svg{flex-shrink:0}.app-shell .communication-workspace-v2 .whatsapp-search{align-self:stretch;width:auto;margin:9px 10px 7px}.app-shell .communication-workspace-v2 .whatsapp-search input{flex:1;width:0}.app-shell .communication-workspace-v2 .whatsapp-search>svg{flex-shrink:0}.app-shell .whatsapp-conversation-pane>header>div{flex-direction:column;gap:3px;display:flex}.app-shell .whatsapp-conversation-pane>header>div>small{font-size:11px}.app-shell .whatsapp-filter-row{overscroll-behavior-inline:contain;flex-shrink:0}.app-shell .whatsapp-filter-row button,.app-shell .communication-group-strip{flex-shrink:0}}
