@import"https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap";:root{--bg-app: #f1f3f5;--bg-surface: #ffffff;--bg-soft: #eef2f7;--text-primary: #1f2937;--text-secondary: #475569;--text-muted: #64748b;--brand: #2563eb;--brand-hover: #1d4ed8;--accent: #0ea5e9;--border: #dbe2ea;--shadow-sm: 0 2px 10px rgba(15, 23, 42, .08);--shadow-md: 0 8px 24px rgba(15, 23, 42, .1);--app-header-min-height: 88px;--app-content-offset-top: 96px;--control-height: 38px;--control-padding-x: 12px;--control-font-size: 14px;--control-radius: 8px}*{margin:0;padding:0;outline:0;box-sizing:border-box}body{font:400 14px Roboto,sans-serif;background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased}input,button,textarea{font:400 14px Roboto,sans-serif}button{cursor:pointer}form input{width:100%;height:var(--control-height);min-height:var(--control-height);background-color:var(--bg-soft);color:var(--text-primary);border:1px solid var(--border);padding:0 var(--control-padding-x);margin-top:14px;border-radius:var(--control-radius);font-size:var(--control-font-size);box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}form textarea{width:100%;resize:vertical;min-height:140px;background-color:var(--bg-soft);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:16px 24px;line-height:24px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}form input:focus,form textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0ea5e926;background-color:#f8fafc}.button{width:100%;height:30px;border:0;border-radius:6px;background-color:var(--brand);color:#fff;font-weight:500;margin-top:16px;display:inline-block;text-align:center;text-decoration:none;font-size:14px;line-height:30px;transition:filter .2s}.button-user{width:auto;min-width:fit-content;height:auto;min-height:30px;border:0;border-radius:6px;background-color:var(--brand);color:#fff;font-weight:500;margin-top:16px;padding:6px 16px;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center;text-decoration:none;font-size:14px;line-height:1.35;white-space:nowrap;transition:filter .2s}.button:hover,.button-user:hover{background-color:var(--brand-hover);filter:none}.header-container{position:absolute;width:100%;min-height:var(--app-header-min-height);height:auto;margin-top:0 auto;padding:6px 12px 6px 20px;display:flex;align-items:flex-start;overflow-x:hidden;overflow-y:visible;background-color:var(--bg-surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:0 0 18px 18px;box-sizing:border-box}.principal-container>.left-menu-container,.principal-container>.main,.principal-container>.main-create,.principal-container>.main-container,.principal-container>.dashboard-main,.principal-container>.stops-main,.principal-container>.main-header{margin-top:var(--app-content-offset-top)}.header-logo{position:relative;width:6%;min-width:80px;padding-top:4px;flex-shrink:0;align-self:flex-start}.header-user{position:relative;flex-shrink:0;align-self:flex-start;margin-left:auto;padding-top:2px;padding-right:4px;z-index:10060}.header-user-trigger{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text);cursor:pointer;max-width:220px}.header-user-trigger:hover{background:#f8fafc}.header-user-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#5050ff1f;color:#5050ffd9;flex-shrink:0}.header-user-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:left}.header-user-name{font-size:13px;font-weight:600;line-height:1.2;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-user-role{font-size:11px;color:var(--text-muted);line-height:1.2;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-user-chevron{flex-shrink:0;color:var(--text-muted)}.header-user-menu{min-width:180px;padding:6px;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:var(--shadow-md)}.header-user-menu--portal{position:fixed;z-index:10080}.header-user-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:var(--text);font-size:14px;text-align:left;cursor:pointer}.header-user-menu-item:hover{background:#f1f5f9}.header-user-menu-item--danger{color:#b91c1c}.header-user-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10090;display:flex;align-items:center;justify-content:center;background:#0f172a73;padding:16px}.header-user-modal{width:min(100%,380px);padding:20px;border-radius:12px;background:#fff;box-shadow:var(--shadow-md)}.header-user-modal h3{margin:0 0 16px;font-size:18px;color:var(--brand);text-align:left}.header-user-password-form{display:flex;flex-direction:column;gap:12px}.header-user-password-form label{display:flex;flex-direction:column;gap:6px;text-align:left}.header-user-password-form label span{font-size:13px;font-weight:600;color:var(--text-muted)}.header-user-password-form input{width:100%;border:1px solid var(--border);box-sizing:border-box}.header-user-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.header-user-modal-cancel,.header-user-modal-save{padding:8px 14px;border-radius:8px;border:none;font-size:14px;cursor:pointer}.header-user-modal-cancel{background:#eef2f7;color:#334155}.header-user-modal-save{background:var(--brand);color:#fff}.header-user-modal-save:disabled{opacity:.7;cursor:wait}.header-time{position:relative;width:12%;min-width:270px;padding-top:8px;justify-content:space-between}.left-menu-container{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0;box-sizing:border-box}.left-icons{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;padding:0;color:var(--text-secondary);font-size:18px;text-decoration:none;font-weight:500;border-radius:10px;transition:opacity .2s ease,transform .2s ease,background-color .2s ease}.left-icons:hover{background-color:#94a3b81f}.left-icons .icon,.left-icons .active-icon,.left-icons .icon-svg,.left-icons .active-icon-svg,.left-icons svg{display:block;flex-shrink:0;overflow:visible}.icon{color:var(--text-muted);border:none}.active-icon{color:var(--brand)}.icon:hover{transform:translateY(-1px);filter:brightness(95%)}.icon-svg{color:var(--text-muted);margin-left:0}.active-icon-svg{color:var(--brand)}.icon-svg:hover{transform:translateY(-1px);filter:brightness(95%)}.logon-container section.form form a:hover{opacity:.8}.p-title{font-size:medium;font-weight:700;text-align:center;color:var(--text-secondary)}.main,.main-create,.main-container,.tab-content,.main-header,.main-top{color:var(--text-primary)!important}.table,.table-create,.main-stops,.main-stops-machine,.main-chart-alarms,.main-chart-stops,.main-chart-production,.main-chart-stops-machine,.main-chart-alarms-machine,.main-chart-production-machine,.main-alarms-list-machine,.main-stops-list-machine,.dash-production,.user-card,.machine-card,.client-card{background-color:var(--bg-surface)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-sm)!important;border-radius:12px!important}.table,.tr,.td-iten,.dash-iten,.stop-time,.alarm-time,.stops-list-title,.alarms-list-title,.machine-position-title,.tab-button,.icon{color:var(--text-secondary)!important}.td,.td-value,.dash-value,.machine-position-title,.tab-button.active,.tab-button:hover,.action-button:hover .icon,.icon:hover,.stops-menu-item.active,.alarms-menu-item.active{color:var(--brand)!important}.dash-value-red{color:#dc2626!important}.button-user,.button,.button-today{background-color:var(--brand)!important;color:#fff!important;border:none!important;box-shadow:0 6px 14px #2563eb38;white-space:nowrap!important;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease!important}button,.tab-button,.maint-btn-primary,.maint-btn-secondary,.action-button{white-space:nowrap}.button-user:hover,.button:hover,.button-today:hover{background-color:var(--brand-hover)!important;transform:translateY(-1px);box-shadow:0 10px 18px #1d4ed842}.tab-button.active{border-bottom-color:var(--brand)!important}.tabs-container,.alarms-list-header,.stops-list-header,.user-card-actions,.machine-card-actions{border-color:var(--border)!important}.table tr:hover td,.user-card:hover,.machine-card:hover,.client-card:hover{background-color:#f8fafc}.user-card:hover,.machine-card:hover,.client-card:hover{box-shadow:var(--shadow-md)!important}.logon-container section.form-login form h1{color:var(--text-primary)!important}.interval-date{background-color:var(--bg-soft)!important;border:1px solid var(--border)!important;border-radius:10px!important;color:var(--text-primary)!important;padding:6px 10px!important;box-shadow:var(--shadow-sm)!important;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.interval-date:hover{background-color:#f8fafc!important;border-color:#c7d2e1!important}.interval-date:focus-within{border-color:var(--accent)!important;box-shadow:0 0 0 3px #0ea5e926!important;background-color:#f8fafc!important}.interval-date .react-datetime-picker{width:100%}.interval-date .react-datetime-picker__wrapper{border:0!important;background:transparent!important}.interval-date .react-datetime-picker__inputGroup{color:#334155!important;font-weight:500}.interval-date .react-datetime-picker__inputGroup input{margin-top:0!important;background:transparent!important;border:0!important;color:#334155!important}.interval-date .react-datetime-picker__button{color:var(--text-muted)!important}.interval-date .react-datetime-picker__button:hover{color:var(--brand)!important}.interval-date .react-calendar,.interval-date .react-datetime-picker__calendar{z-index:2001!important;position:absolute!important}.interval-date .react-datetime-picker__calendar--open{z-index:2001!important}@media (max-width: 1200px){.users-grid,.machines-grid{grid-template-columns:repeat(2,1fr)!important}.main-top,.main-center,.main-bottom{width:calc(100% - 120px)!important}}@media (max-width: 900px){.principal-container{display:block!important;padding-bottom:24px;gap:0!important}.principal-container>.dashboard-main{margin-top:0!important}.left-menu-container{width:100%!important;max-width:100%;margin-top:var(--app-content-offset-top)!important;margin-left:0!important;display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:4px;padding:6px 8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid var(--border);background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.left-menu-container::-webkit-scrollbar{display:none}.left-icons{flex:0 0 auto;width:40px!important;height:40px!important;min-width:40px;padding:4px!important;margin:0!important}.left-menu-container .icon,.left-menu-container .active-icon,.left-menu-container .left-icons svg{width:24px!important;height:24px!important}.left-menu-container .icon-svg,.left-menu-container .active-icon-svg{width:24px!important;height:24px!important}.main,.main-create,.main-container,.main-header,.main-top,.main-center,.main-bottom{position:relative!important;width:100%!important;min-width:0!important;margin:14px 0 0!important;left:0!important;right:0!important}.main-stops,.main-stops-machine,.main-chart-alarms,.main-chart-stops,.main-chart-production,.main-chart-stops-machine,.main-chart-alarms-machine,.main-chart-production-machine,.main-alarms-list-machine,.main-stops-list-machine{position:relative!important;width:calc(100% - 20px)!important;max-width:none!important;min-width:0!important;height:auto!important;margin:12px 10px!important}.table,.table-create{width:calc(100% - 20px)!important;margin-left:10px!important;margin-right:10px!important}.tabs-container{margin-left:10px!important;margin-right:10px!important;overflow-x:auto;white-space:nowrap}.tab-button{padding:10px 16px!important;font-size:14px!important}.users-grid,.machines-grid,.clients-grid{grid-template-columns:1fr!important;margin-left:10px!important;padding:10px!important;max-width:calc(100% - 20px)!important}.button-user{margin-left:10px!important}}@media (max-width: 600px){.header-container{height:auto!important;min-height:max(88px,var(--app-header-min-height))!important;padding:10px 12px!important;align-items:flex-start;flex-wrap:wrap;gap:8px}.header-status{flex-basis:100%;width:100%;min-width:0;max-width:100%;padding-left:0;padding-top:4px;box-sizing:border-box}.header-logo{width:auto!important;min-width:54px!important;padding-top:0!important}.header-time{width:auto!important;min-width:0!important;padding-top:0!important}form input,form textarea,.type-id,.fabricant-id,.login,.serial,.position,.model,.gauge,.year{width:100%!important;margin-left:0!important}}.logon-container{width:100%;max-width:200px;height:100vh;margin:0 auto;-ms-flex-align:center;display:flex;align-items:center;justify-content:space-between}.logon-container section.form-login{width:100%;max-width:200px;margin-right:50px;align-items:center}.logon-container section.form-login form{margin-top:10px;align-items:center}.logon-container section.form-login form h1{color:#fff;font-size:20px;text-align:center}.logon-container section.loginLogo{width:100%;max-width:200px}.principal-container{position:relative;width:100%;margin:0 auto;padding:0;display:flex;align-items:flex-start;gap:8px}.left-menu-container{position:relative;width:100px;flex-shrink:0;margin-left:0}.dashboard-main{flex:1;min-width:0;margin-left:0;padding:16px 16px 20px 4px}.dashboard-header{margin:6px 0 16px}.dashboard-header-top{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:10px 12px}.dashboard-title{font-size:22px;font-weight:700;color:#1f2937;flex-shrink:0}.dashboard-period-select{flex-shrink:0;border:1px solid #dbe2ea;background:#fff;color:#475569;font-weight:600;font-family:inherit;cursor:pointer}.dashboard-period-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.dashboard-day-buttons{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 320px;margin-left:0;align-items:center;justify-content:flex-end}.dashboard-day-buttons .dashboard-day-button{flex:0 1 auto;min-width:82px}.dashboard-date-picker{display:inline-flex;flex-direction:row;align-items:center;gap:6px;margin-left:4px;flex-shrink:0}.dashboard-date-picker span{font-size:12px;color:#64748b;font-weight:600;white-space:nowrap;line-height:1}.dashboard-date-picker input[type=date]{border:1px solid #dbe2ea;font-weight:600;font-family:inherit;color:#475569;background:#fff;box-sizing:border-box}.dashboard-day-button{border:1px solid #dbe2ea;background:#fff;color:#475569;border-radius:8px;width:auto;min-width:88px;min-height:var(--control-height);height:var(--control-height);padding:0 10px;font-size:12px;font-weight:600;cursor:pointer;text-align:center;white-space:nowrap;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.dashboard-day-button--week,.dashboard-day-button--month{min-width:96px}.dashboard-day-button.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.dashboard-subtitle{margin-top:4px;color:#64748b;font-size:13px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.kpi-card{min-height:110px;border-radius:12px;border:1px solid #dbe2ea;background:#fff;box-shadow:0 2px 10px #0f172a14;padding:12px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.kpi-label{font-size:12px;color:#64748b;margin:0 0 6px;font-weight:600;line-height:1.35;min-height:2.7em}.kpi-value{font-size:24px;line-height:1.2;font-weight:700;color:#2563eb;margin:0}.kpi-alert{color:#dc2626}.kpi-running{color:#16a34a}.kpi-offline{color:#64748b}.kpi-divider{color:#94a3b8;font-weight:600}.dashboard-charts-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px}.dashboard-chart-card{min-height:260px;border-radius:12px;border:1px solid #dbe2ea;background:#fff;box-shadow:0 2px 10px #0f172a14;padding:8px}.dashboard-chart-card--overview{min-height:360px}.dashboard-chart-card .chart{width:100%;height:220px;min-height:220px;position:relative}.dashboard-chart-card .chart--overview{height:340px;min-height:340px}.kpi-sub{font-size:11px;color:#64748b;margin:4px 0 0;font-weight:500}.kpi-warn{color:#d97706}.kpi-value span{font-size:inherit}.kpi-value--stacked .kpi-value-line{display:block}.kpi-value--stacked .kpi-value-line+.kpi-value-line{margin-top:4px}.kpi-card--compact{min-height:0;padding:10px 12px}.kpi-card--compact .kpi-label{min-height:0;margin-bottom:4px}.kpi-value--dense{font-size:17px;line-height:1.1}.kpi-value--dense .kpi-value-line+.kpi-value-line{margin-top:1px}.kpi-value--dense .kpi-divider{font-size:12px;font-weight:500}.dashboard-loading{color:#64748b;padding:24px 0}.dashboard-charts-grid--split{grid-template-columns:1fr 1fr}.dashboard-chart-card--ops,.dashboard-chart-card--alarms{min-height:320px;padding:12px 14px}.dashboard-chart-card--overview{grid-column:1 / -1}.ops-progress-empty{padding:16px 8px;color:#64748b;text-align:center}.ops-progress-link{font-size:12px;color:#2563eb;font-weight:600;text-decoration:none}.ops-progress-link:hover{text-decoration:underline}.ops-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ops-progress-header h3{font-size:15px;font-weight:700;color:#1f2937;margin:0}.ops-progress-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ops-progress-item{border:1px solid #e2e8f0;border-radius:8px;padding:10px;background:#f8fafc}.ops-progress-item-top{display:flex;justify-content:space-between;margin-bottom:6px;font-size:13px;font-weight:600}.ops-progress-num{color:#1e40af}.ops-progress-pct{color:#475569}.ops-progress-bar-wrap{height:6px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:6px}.ops-progress-bar{height:100%;background:#2563eb;border-radius:4px;transition:width .3s ease}.ops-progress-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:#64748b}.ops-progress-machines{color:#16a34a;font-weight:600}.ops-machines-section{margin-top:16px;padding-top:12px;border-top:1px solid #e2e8f0}.ops-machines-section h4{font-size:13px;font-weight:600;color:#475569;margin:0 0 8px}.ops-machines-list{list-style:none;margin:0;padding:0;font-size:12px}.ops-machine-row{display:grid;grid-template-columns:40px 56px 1fr 1fr auto;gap:8px;padding:6px 0;border-bottom:1px solid #f1f5f9;align-items:center}.ops-machine-row.stopped{color:#dc2626}.ops-machine-pos{font-weight:700}.alarms-pareto-empty{padding:16px;color:#64748b;text-align:center}.alarms-pareto-chart{height:200px;min-height:200px}.alarms-recent{margin-top:12px}.alarms-recent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.alarms-recent-header h4{font-size:13px;font-weight:600;color:#475569;margin:0}.alarms-recent-list{list-style:none;margin:0;padding:0;font-size:12px}.alarms-recent-list li{display:grid;grid-template-columns:48px 64px 1fr;gap:8px;padding:4px 0;border-bottom:1px solid #f1f5f9;color:#475569}.alarms-recent-time{color:#94a3b8}.alarms-recent-machine{font-weight:600}@media (max-width: 900px){.dashboard-charts-grid--split{grid-template-columns:1fr}.ops-machine-row{grid-template-columns:1fr 1fr}.dashboard-main{width:100%;margin-left:0;margin-top:8px;padding:8px 10px 16px}.dashboard-header{margin:0 0 6px}.dashboard-header-top{align-items:flex-start;flex-direction:column;gap:6px}.dashboard-title{font-size:20px;line-height:1.2}.dashboard-period-select{width:100%;max-width:220px}.dashboard-day-buttons{width:100%;margin-left:0;margin-bottom:0;justify-content:flex-start;flex:none;gap:4px;row-gap:4px}.dashboard-day-buttons .dashboard-day-button{min-width:72px;min-height:var(--control-height);height:var(--control-height);padding:0 8px;font-size:11px}.dashboard-day-button--week,.dashboard-day-button--month{min-width:84px}.dashboard-date-picker{margin-left:0}.dashboard-date-picker input[type=date],.dashboard-date-picker input[type=month]{padding:0 8px}.dashboard-subtitle{margin-top:2px;font-size:11px;line-height:1.3}.kpi-grid{gap:10px}.dashboard-chart-card--overview{min-height:300px}.dashboard-chart-card .chart--overview{height:280px;min-height:280px}}.header-status{padding-left:12px;display:flex;flex:1;min-width:0;align-items:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:2px 4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding-bottom:0}.header-status::-webkit-scrollbar{height:6px}.header-status::-webkit-scrollbar-thumb{background:#64748b73;border-radius:3px}.div-machine{position:relative;width:44px;min-width:44px;flex-shrink:0;margin-top:0;margin-left:8px;padding:0 0 2px;text-decoration:none;color:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden}.div-machine>p{margin:0;width:100%;line-height:1}.div-machine>p:nth-child(2){margin:1px 0;display:flex;align-items:center;justify-content:center}.machine-hover-tip-portal{position:fixed;transform:translate(-50%);z-index:10050;min-width:160px;max-width:220px;padding:6px 8px;border-radius:6px;background:#1e1e28f2;color:#f0f0f5;font-size:11px;line-height:1.35;text-align:center;box-shadow:0 2px 8px #00000040;pointer-events:none;white-space:normal}.machine-hover-tip__line{display:block}.machine-hover-tip__line+.machine-hover-tip__line{margin-top:2px}.machine-hover-tip__op{font-weight:600;color:#93c5fd}.div-machine .position{width:100%;text-align:center;font-size:13px;line-height:1.1;font-weight:700;color:#5050ffb3}.div-machine .running-icon{display:block;text-align:center;color:#00ff00b3}.div-machine .stopped-icon{display:block;text-align:center;color:#ff505099}.div-machine .offline-icon{display:block;text-align:center;color:#64748bd9;stroke-width:2.5}.machine-hover-tip__offline{font-weight:600;color:#94a3b8}.div-machine .model{width:100%;max-width:100%;margin:0;text-align:center;font-size:9px;line-height:1.1;font-weight:400;color:#5050ffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.production-main{position:relative;background-color:#fff;width:100%;margin-left:0;margin-top:100px;text-align:center;font-size:x-large;color:#00f}.tabs-container{display:flex;gap:10px;max-width:1120px;margin-left:20px;margin-top:20px;margin-bottom:20px;border-bottom:2px solid #303040}.production-empty{text-align:left;margin-left:20px;font-size:medium;color:#558}.th-options{width:8%}.op-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;max-width:1120px;margin-right:20px}.op-header .p-title{margin-bottom:0}.op-header .button-user{margin-top:0}.op-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-width:1120px;margin:20px;text-align:left}.op-card{display:flex;flex-direction:column;gap:10px;padding:16px;background-color:#fff;border:1px solid #e2e8f0;border-left:5px solid #94a3b8;border-radius:10px;box-shadow:0 4px 12px #0f172a0f}.op-card-progress{margin:-4px 0 2px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.op-card-progress-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600}.op-card-progress-label{color:#1e40af}.op-card-progress-pct{color:#475569;font-variant-numeric:tabular-nums}.op-card-progress-bar-wrap{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.op-card-progress-bar{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:999px;transition:width .3s ease;min-width:0}.op-card-progress-meta{margin:6px 0 0;font-size:12px;color:#64748b;font-variant-numeric:tabular-nums}.op-card--aberta{border-left-color:#2563eb}.op-card--em_producao{border-left-color:#f59e0b}.op-card--concluida{border-left-color:#16a34a}.op-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.op-card-header-right{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.op-card-header-actions{display:flex;align-items:center;gap:4px}.op-icon-link{display:inline-flex;align-items:center;justify-content:center;padding:2px;color:#558;text-decoration:none}.op-icon-link:hover{color:#00f}.op-card-numero{font-size:18px;font-weight:700;color:#00f}.op-status{padding:3px 10px;font-size:12px;font-weight:700;border-radius:999px;background-color:#e2e8f0;color:#334}.op-status--aberta{background-color:#dbeafe;color:#1d4ed8}.op-status--em_producao{background-color:#fef3c7;color:#b45309}.op-status--concluida{background-color:#dcfce7;color:#15803d}.op-card-horas{margin:0 0 10px;font-size:13px;color:#64748b}.op-card-horas strong{font-variant-numeric:tabular-nums;color:#0f172a}.op-card-produto{margin:0;font-size:15px;font-weight:600;color:#334}.op-card-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:0}.op-card-info dt{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8}.op-card-info dd{margin:2px 0 0;font-size:14px;color:#334;word-break:break-word}.op-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:10px;border-top:1px solid #eef2f7}.op-status-select{flex:1;color:#334;border:1px solid #cfd3ff;outline:none;background-color:#fff}.op-icon-button{display:inline-flex;align-items:center;justify-content:center;padding:2px;background:none;border:none;color:#558;cursor:pointer}.op-icon-button:hover{color:#dc2626}.op-card-resumo{margin:0;font-size:13px;color:#64748b}.op-card--livre{border-left-color:#94a3b8}.op-status--livre{background-color:#f1f5f9;color:#475569}.op-send-button{flex:1;height:32px;padding:0 12px;font-size:13px;font-weight:600;background-color:#00f;color:#fff;border:none;border-radius:8px;cursor:pointer}.op-send-button:hover{background-color:#05f}.op-input{flex:1 1 140px;min-width:0;color:#334;border:1px solid #cfd3ff;outline:none;background-color:#fff}.op-peso-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.op-peso-row .op-input{flex:1 1 110px}.op-lancamentos{padding:8px 0 0;border-top:1px solid #eef2f7}.op-lancamento-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.op-lancamento-item{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:#334}.op-lancamento-when{flex:1 1 140px;color:#64748b}.op-lancamento-peso{font-weight:600}.op-lancamento-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.op-form{max-width:620px;margin:0 20px 40px;text-align:left}.op-fields{display:flex;flex-direction:column;gap:16px}.op-field{display:flex;flex-direction:column;gap:6px}.op-field>span{font-size:13px;font-weight:600;color:#558}.op-select-row{display:flex;align-items:center;gap:8px}.op-select-row .fabricant-input{flex:1;min-width:0}.op-add-button{display:flex;align-items:center;justify-content:center;padding:0;background-color:#00f;color:#fff;border:none;border-radius:8px;cursor:pointer;flex-shrink:0;transition:background-color .3s ease}.op-add-button:hover:not(:disabled){background-color:#05f}.op-add-button:disabled{background-color:#cbd5e1;cursor:not-allowed}.op-inline-form{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;padding:10px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.op-inline-form .fabricant-input{flex:1 1 140px;min-width:0;font-size:14px}.op-inline-save,.op-inline-cancel{padding:0 12px;font-size:13px;border:none;border-radius:8px;cursor:pointer;white-space:nowrap}.op-inline-save{background-color:#00f;color:#fff}.op-inline-save:hover{background-color:#05f}.op-inline-cancel{background-color:#eef2f7;color:#334}.op-inline-cancel:hover{background-color:#dbe2ea}.op-form-actions{display:flex;gap:12px;margin-top:24px}.op-form-actions .button-user{margin-left:0;margin-top:0}.op-fila{margin-top:12px;text-align:left}.op-fila-title{margin:0 0 8px;font-size:14px;font-weight:700;color:#558}.op-fila-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.op-fila-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:8px 10px;border-radius:8px;background:#f7f9fc;font-size:14px;color:#334}.op-fila-pos{font-weight:700;color:#00f}.op-fila-op,.op-fila-qtd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-queue-badge{font-size:12px;font-weight:600;color:#558}.op-queue-badge--na_fila{color:#b45309}.op-status--fila{background:#fff7ed;color:#b45309}.main-container{position:relative;background-color:#fff;width:100%;margin-left:0;margin-top:100px;text-align:center;font-size:x-large;color:#00f}.tabs-container{display:flex;gap:10px;margin-left:100px;margin-top:20px;margin-bottom:20px;border-bottom:2px solid #303040}.tab-button{padding:12px 24px;font-size:16px;font-weight:700;background-color:transparent;border:none;border-bottom:3px solid transparent;color:#558;cursor:pointer;transition:all .3s ease}.tab-button:hover{background-color:#f0f0f0;color:#00f}.tab-button.active{color:#00f;border-bottom:3px solid #00f;background-color:transparent}.tab-content{position:relative;width:100%;max-width:1000px;margin-left:0;margin-top:20px;text-align:center;font-size:x-large;color:#00f}.th-id,.th-position{width:8%}.th-serial{width:12%}.th-fabricant{width:15%}.th-model{width:20%}.th-gauge{width:10%}.th-year{width:8%}.fabricant-form{display:flex;gap:12px;align-items:center;margin-left:20px;margin-bottom:16px;max-width:950px}.populate-demo-form{flex-wrap:wrap;gap:12px}.populate-demo-field{display:flex;flex-direction:column;gap:4px;min-width:180px}.populate-demo-field span{font-size:12px;font-weight:600;color:#475569;text-align:left}.populate-demo-field .fabricant-input{min-width:180px}.populate-demo-hint{text-align:left;margin:0 20px 12px;font-size:14px;color:#64748b;max-width:950px}.populate-demo-status{text-align:left;margin:0 20px 20px;font-size:14px;color:#334;max-width:950px}.button-user--secondary{background-color:#eef2f7;color:#334}.button-user--secondary:hover{background-color:#dbe2ea}.fabricant-input{flex:1;border:1px solid #cfd3ff;outline:none;color:#334}.fabricant-input:focus{border-color:#00f;box-shadow:0 0 0 2px #0000ff1f}.error-form{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-left:20px;margin-bottom:16px;max-width:950px}.cliente-form{margin-left:20px;margin-bottom:20px;max-width:950px;text-align:left}.cliente-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cliente-field{display:flex;flex-direction:column;gap:6px}.cliente-field span{font-size:14px;font-weight:600;color:#475569}.cliente-field--wide{grid-column:span 2}.cliente-field--uf{max-width:90px}.cliente-form-actions{display:flex;justify-content:flex-end;gap:12px}.cliente-form-actions .button-user{margin-left:0}.meta-form{margin-bottom:24px}.meta-form-subtitle{margin-top:8px;margin-bottom:4px;font-size:16px;font-weight:700;color:#00f;text-align:left}.meta-form-hint{margin-top:0;margin-bottom:12px}.cliente-readonly-hint{margin:0 20px 16px;text-align:left;font-size:14px;color:#64748b}.error-form-code{flex:0 1 140px;min-width:100px}.error-hide-label{display:flex;align-items:center;gap:6px;font-size:14px;color:#558;white-space:nowrap}.th-error-code{width:14%}.th-error-desc{width:40%}.th-error-esp{width:14%}.th-error-hide{width:8%}.error-id-cell{font-size:12px;word-break:break-all;max-width:120px}.table-inline-input{width:100%;min-width:60px}.icon{margin:0 5px;cursor:pointer;color:#558}.icon:hover{color:#00f}.cadastro-page{flex:1;width:100%;max-width:960px;margin:100px 0 40px 100px;padding:0 20px 32px;box-sizing:border-box;text-align:left}.cadastro-page-header{margin-bottom:20px}.cadastro-page-title{margin:0 0 6px;font-size:24px;font-weight:700;color:#1e293b}.cadastro-page-subtitle{margin:0;font-size:14px;color:#64748b}.cadastro-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0f172a0f;padding:20px 22px;margin-bottom:16px}.cadastro-section-title{margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid #e2e8f0;font-size:15px;font-weight:700;color:#334155}.cadastro-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px 16px}.cadastro-field{display:flex;flex-direction:column;gap:6px;min-width:0}.cadastro-field--wide{grid-column:1 / -1}.cadastro-field>span,.cadastro-field-label{font-size:12px;font-weight:600;color:#475569;letter-spacing:.01em}.cadastro-field input,.cadastro-field select,.cadastro-field textarea,.cadastro-input{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;color:#1e293b;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.cadastro-field input:focus,.cadastro-field select:focus,.cadastro-field textarea:focus,.cadastro-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.cadastro-field textarea{resize:vertical;min-height:72px}.cadastro-field .fabricant-select,.cadastro-field .modelo-select{width:100%}.cadastro-field .fabricant-select-row,.cadastro-field .modelo-select .modelo-select-row{display:flex;align-items:center;gap:8px;justify-content:stretch;width:100%}.cadastro-field .fabricant-id,.cadastro-field .modelo-select select{margin-left:0!important;width:100%!important;flex:1;min-width:0}.cadastro-field .fabricant-inline-form,.cadastro-field .modelo-inline-form{justify-content:flex-start;margin-top:8px}.cadastro-field .fabricant-inline-input{width:auto;flex:1;min-width:0;margin-left:0}.cadastro-photo-block{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px}.cadastro-file-picker{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.cadastro-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cadastro-file-label{margin:0;-webkit-user-select:none;user-select:none}.cadastro-file-name{font-size:13px;color:#64748b;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cadastro-photo-preview{position:relative;width:96px;height:96px;border-radius:50%;overflow:hidden;border:2px solid #e2e8f0;background:#f8fafc;flex-shrink:0}.cadastro-photo-preview img{width:100%;height:100%;object-fit:cover}.cadastro-photo-remove{position:absolute;top:2px;right:2px;width:22px;height:22px;border:none;border-radius:50%;background:#dc2626d9;color:#fff;cursor:pointer;font-size:14px;line-height:1}.cadastro-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px}.cadastro-btn-primary,.cadastro-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background-color .15s ease}.cadastro-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.cadastro-btn-primary:hover{background:#1d4ed8}.cadastro-btn-primary:disabled{opacity:.6;cursor:not-allowed}.cadastro-btn-secondary{background:#f8fafc;color:#334155;border-color:#cbd5e1}.cadastro-btn-secondary:hover{background:#f1f5f9}.cadastro-loading{margin:0;padding:24px 0;color:#64748b;font-size:14px}.records-form.cadastro-card,.op-form.cadastro-card{max-width:none;margin:0 0 16px;text-align:left}.records-fields,.op-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px 16px}.records-field,.op-field{flex:unset;min-width:0}.records-field--wide,.op-field--wide{grid-column:1 / -1}.records-field span,.op-field span{font-size:12px;font-weight:600;color:#475569}.records-field .fabricant-input,.op-field .fabricant-input,.records-field select,.op-field select,.records-field input,.op-field input{width:100%;box-sizing:border-box;border:1px solid #cbd5e1}.records-subsection-card{margin-top:16px}.records-subsection{margin-top:8px;padding-top:4px}.records-subtitle{color:#334155;font-size:15px;border-bottom:1px solid #e2e8f0;padding-bottom:8px}.records-form-actions,.op-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;padding-top:4px}.records-form-actions .button-user,.op-form-actions .button-user{margin:0;background:#2563eb;min-width:140px}.records-form-actions .button-user:hover,.op-form-actions .button-user:hover{background:#1d4ed8}.main-container.cadastro-page,.production-main.cadastro-page{text-align:left;font-size:initial;color:inherit}@media (max-width: 900px){.cadastro-page{margin-left:0;margin-top:100px;padding:0 16px 24px}}.principal-container{position:relative;width:100%;margin:0 auto;padding:0;display:flex}.main-header{position:relative;width:100%;height:auto;min-height:60px;margin-left:100px;margin-top:100px;text-align:center;font-size:x-large;color:#00f;display:flexbox;z-index:2000;padding-bottom:10px}.main-header .p-title{display:flex;align-items:center;justify-content:center;gap:8px}.timeline-header{display:flex;flex-direction:row;align-items:center!important;justify-content:flex-start!important;gap:10px!important;margin-left:20px;flex-wrap:wrap}.timeline-range-label{font-size:14px;color:#64748b;font-weight:500}.timeline-title-text{font-weight:700}.timeline-header .timeline-toggle-button{margin-left:auto}.timeline-header-actions{display:flex;flex-direction:row;align-items:center;gap:10px;margin-left:auto;flex-wrap:nowrap;min-width:0}.timeline-header-actions .timeline-toggle-button{margin-left:0;flex-shrink:0}.timeline-header-actions .timeline-controls{margin-left:0;flex:1 1 auto;min-width:0;width:auto}.main-header--stops-chart .timeline-header{flex-wrap:wrap}.main-header--stops-chart .timeline-header-actions{flex-basis:100%;width:100%;margin-left:0;margin-top:8px;padding-left:0;box-sizing:border-box;flex-wrap:nowrap}.main-header--stops-chart .timeline-header-actions .timeline-controls{max-width:none}.main-header--stops-chart .timeline-container{width:100%;max-width:none}.main-header--machine-details{padding-bottom:0;margin-bottom:0;min-height:0}.main-header--machine-details .timeline-header{flex-wrap:nowrap;margin-bottom:0;gap:8px}.main-header--machine-details .timeline-header-actions{flex:1 1 auto;margin-left:12px;min-width:0;width:auto}.main-header--machine-details .timeline-header-actions .timeline-controls{flex:1 1 auto;max-width:none;width:auto}.main-header--machine-details .timeline-header-actions .timeline-container{width:100%;max-width:none}.main-header--machine-details .timeline-container{padding:4px 8px}.main-header--machine-details .timeline-dual{margin-top:0}.main-header--machine-details .timeline-scale{margin-top:0;line-height:1.1}.timeline-container{width:min(560px,100%);padding:10px 12px;border-radius:10px;background:#eef2f7;border:1px solid #dbe2ea}.timeline-label{display:block;font-size:12px;color:#475569;margin:4px 0;text-align:left}.timeline-slider{width:100%;margin:4px 0 10px;accent-color:#2563eb}.timeline-row{display:block;align-items:center}.timeline-item{min-width:0}.timeline-dual{position:relative;width:100%;height:24px;margin-top:4px}.timeline-dual-track,.timeline-dual-range{position:absolute;top:50%;transform:translateY(-50%);height:6px;border-radius:999px}.timeline-dual-track{left:0;right:0;background:#cfd8e3}.timeline-dual-range{background:#2563eb}.timeline-thumb{position:absolute;left:0;top:0;width:100%;height:24px;margin:0;background:transparent;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.timeline-thumb::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #2563eb;box-shadow:0 2px 8px #2563eb40;cursor:pointer;pointer-events:auto}.timeline-thumb::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #2563eb;box-shadow:0 2px 8px #2563eb40;cursor:pointer;pointer-events:auto}.timeline-scale{display:flex;justify-content:space-between;margin-top:2px;font-size:11px;color:#64748b;font-weight:500;-webkit-user-select:none;user-select:none}.timeline-toggle-button{margin-top:0;padding:6px 12px;border-radius:8px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:600;cursor:pointer}.timeline-toggle-button:hover{background:#dbeafe}.timeline-controls{display:flex;align-items:center;gap:10px;width:100%;max-width:760px}@media (max-width: 900px){.main-header{margin-top:8px!important;padding-bottom:14px!important;height:auto!important;min-height:0!important}.timeline-header{margin-left:10px;margin-right:10px;align-items:flex-start!important;gap:8px!important}.timeline-controls{width:100%;max-width:100%;display:block}.timeline-container{width:100%;max-width:100%}.timeline-header .timeline-toggle-button{margin-left:auto}.timeline-header-actions{width:100%;margin-left:0;flex-wrap:wrap}.timeline-header-actions .timeline-toggle-button{margin-left:auto}.timeline-header-actions .timeline-controls{width:100%;max-width:100%}.main-header--stops-chart .timeline-header-actions{padding-left:0;flex-basis:auto}.main-header--machine-details .timeline-header{flex-wrap:wrap}.main-header--machine-details .timeline-header-actions{margin-left:0;width:100%}}.main-stops{position:absolute;width:35%;min-width:300px;max-width:400px;margin-left:100px;margin-top:180px;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040;padding:10px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:180px}.button-today{margin-left:15px;padding:0 16px;font-size:14px;background-color:#00f;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;font-weight:500;height:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;vertical-align:top;box-sizing:border-box}.button-today:hover{background-color:#05f}.button-today:active{background-color:#00c}.main-stops .machine-card-table{flex:1;margin-bottom:0;display:table;width:100%;border-spacing:0;border-collapse:collapse}.main-stops .machine-card-table tr{height:auto;border-bottom:1px solid #e0e0e0}.main-stops .machine-card-table tr:last-child{border-bottom:none}.main-stops .machine-card-table td{padding:3px 4px;vertical-align:middle;font-size:14px;line-height:1.3}.table{margin-left:20px;padding:10px;border-style:outset;border-radius:10px;border-color:#303040}.table,.tr{text-align:center;color:#558}.td-iten{font-size:medium;width:65%;color:#558;text-align:left}.td-value{font-size:medium;width:35%;color:#5050ffcc}.td{margin-top:5px;padding-left:4px;font-size:medium}.main-chart-alarms{position:absolute;width:35%;min-width:300px;max-width:400px;height:220px;margin-left:100px;margin-top:400px;padding:15px;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040}.main-chart-alarms .chart-small,.main-chart-alarms .chart{width:100%;height:100%}.main-chart-stops{position:absolute;left:520px;right:16px;width:auto;min-width:500px;max-width:none;height:318px;margin-left:0;margin-top:302px;padding:10px 14px 12px;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040;box-sizing:border-box}.main-chart-production{position:absolute;width:50%;min-width:500px;max-width:700px;height:210px;margin-left:520px;margin-top:480px;padding:20px;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040;z-index:1}.main-chart-production .chart,.main-chart-stops .chart{width:100%;height:100%}.stops-main{position:relative;flex:1;min-width:0;margin-left:0;padding:8px 16px 24px 8px}.stops-main .timeline-header{margin-left:0;margin-bottom:12px}.stops-main .timeline-header-actions{flex-basis:100%;width:100%;margin-left:0;margin-top:8px}.stops-loading,.stops-empty{color:#64748b;font-size:14px;padding:12px 0}.stops-machine-filter{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#64748b}.stops-machine-filter select{border:1px solid #dbe2ea;background:#fff;color:#475569;font-weight:600}.stops-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stops-kpi-card{min-height:96px;border-radius:12px;border:1px solid #dbe2ea;background:#fff;box-shadow:0 2px 10px #0f172a14;padding:12px;display:flex;flex-direction:column;justify-content:flex-start}.stops-kpi-label{font-size:12px;color:#64748b;margin:0 0 6px;font-weight:600}.stops-kpi-value{font-size:22px;line-height:1.2;font-weight:700;color:#2563eb;margin:0}.stops-kpi-alert{color:#dc2626}.stops-kpi-sub{font-size:11px;color:#64748b;margin:4px 0 0}.stops-now-line{margin:10px 0 0;font-size:13px;color:#475569}.stops-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.stops-panel{border-radius:12px;border:1px solid #dbe2ea;background:#fff;box-shadow:0 2px 10px #0f172a14;padding:12px 14px;min-height:220px}.stops-panel h3{margin:0 0 10px;font-size:15px;font-weight:700;color:#1f2937}.stops-panel--wide{min-height:280px}.stops-panel--wide .chart{width:100%;height:240px}.stops-panel--list{grid-column:1 / -1;margin-top:12px;min-height:0;overflow-x:auto}.stops-pareto-chart{height:220px}.stops-ranking-list{list-style:none;margin:0;padding:0}.stops-ranking-list li{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:13px;color:#475569}.stops-ranking-list a{color:#1d4ed8;text-decoration:none;font-weight:600}.stops-ranking-count{color:#94a3b8}.stops-recent-table{width:100%;border-collapse:collapse;font-size:13px}.stops-recent-table th,.stops-recent-table td{text-align:left;padding:8px 6px;border-bottom:1px solid #f1f5f9;color:#475569}.stops-recent-table th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8}.stops-recent-table a{color:#1d4ed8;text-decoration:none;font-weight:600}@media (max-width: 900px){.stops-charts-grid{grid-template-columns:1fr}.stops-main{padding:8px 10px 20px}}.maint-main{padding-bottom:32px}.maint-tabs{display:flex;gap:8px;margin:16px 20px 0;flex-wrap:wrap}.maint-tab{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:8px;padding:8px 16px;font-size:14px;cursor:pointer}.maint-tab.active{background:#1e40af;border-color:#1e40af;color:#fff}.maint-section{margin:16px 20px 0}.maint-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.maint-section-header h3,.maint-section h3{margin:0;font-size:18px;color:#1e293b}.maint-btn-primary,.maint-btn-secondary{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:8px 14px;font-size:13px;cursor:pointer;border:1px solid transparent;white-space:nowrap}.maint-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.maint-btn-primary:disabled{opacity:.6;cursor:not-allowed}.maint-btn-secondary{background:#f8fafc;color:#334155;border-color:#cbd5e1}.maint-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:16px}.maint-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.maint-form-full{grid-column:1 / -1}.maint-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#475569}.maint-form input,.maint-form select,.maint-form textarea{border:1px solid #cbd5e1;background:#fff}.maint-form-actions{display:flex;gap:8px;margin-top:12px}.maint-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.maint-table th,.maint-table td{padding:10px 12px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:middle}.maint-table th{background:#f1f5f9;color:#475569;font-weight:600}.maint-table tbody tr:last-child td{border-bottom:none}.maint-actions{display:flex;gap:8px;white-space:nowrap}.maint-actions button{background:none;border:none;color:#64748b;cursor:pointer;padding:4px}.maint-prev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.maint-prev-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.maint-prev-card header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.maint-prev-card h4{margin:0 0 6px;font-size:16px;color:#1e293b}.maint-muted{margin:4px 0;font-size:13px;color:#64748b}.maint-badge{display:inline-block;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.maint-badge--ok{background:#dcfce7;color:#166534}.maint-badge--warn{background:#fef3c7;color:#92400e}.maint-badge--danger{background:#fee2e2;color:#991b1b}.maint-badge--muted{background:#f1f5f9;color:#64748b}.maint-card-actions{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.maint-preditiva-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:16px}.maint-preditiva-grid h4,.maint-horas-panel h4{margin:0 0 10px;font-size:15px;color:#334155}.maint-alert-list{list-style:none;margin:0;padding:0}.maint-alert-list li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid #e2e8f0;font-size:13px}.maint-alert-list li:last-child{border-bottom:none}.maint-horas-input{width:120px;border:1px solid #cbd5e1}.maint-horas-live{font-variant-numeric:tabular-nums;font-weight:600;color:#0f172a;white-space:nowrap}.maint-horas-panel{margin-top:0}.maint-machine-block{margin-top:16px;padding:14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.maint-machine-block h4{margin:0 0 10px;font-size:15px;color:#334155}.maint-machine-link{display:inline-block;margin-bottom:12px;font-size:14px}.aq-block-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.aq-block-header h4{margin:0}.aq-block-list .aq-block-item{display:grid;grid-template-columns:1fr auto 1fr 1fr auto;gap:8px;align-items:center}.aq-block-edit{background:none;border:none;color:#2563eb;cursor:pointer;font-size:12px;padding:0}@media (max-width: 768px){.maint-form-grid{grid-template-columns:1fr}}.machines-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-right:20px;flex-wrap:wrap}.machines-header .p-title{margin-bottom:0}.machines-header .button-user{margin-top:0;margin-left:0;gap:8px}.fabricant-id{font-size:small;width:37%;border-radius:8px;margin-left:26%}.fabricant-select-row{display:flex;align-items:center;justify-content:center;gap:8px}.fabricant-select-row .fabricant-id{margin-left:0}.fabricant-add-button{display:flex;align-items:center;justify-content:center;padding:0;background-color:#00f;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease;flex-shrink:0}.fabricant-add-button:hover{background-color:#05f}.modelo-select{margin-top:8px}.modelo-inline-form .fabricant-inline-input{width:26%}.fabricant-inline-form{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.fabricant-inline-input{font-size:small;width:37%;border:1px solid #cfd3ff;border-radius:8px;box-sizing:border-box;color:#334}.fabricant-inline-save,.fabricant-inline-cancel{padding:0 12px;font-size:small;border:none;border-radius:8px;cursor:pointer}.fabricant-inline-save{background-color:#00f;color:#fff}.fabricant-inline-save:hover{background-color:#05f}.fabricant-inline-cancel{background-color:#eef2f7;color:#334}.fabricant-inline-cancel:hover{background-color:#dbe2ea}.serial{width:37%}.position{width:10%}.model{width:42%;margin-left:6%}.gauge{width:10%;margin-left:6%}.year{width:20%;margin-left:6%}.machine-details-page .main-stops-machine,.machine-details-page .main-chart-stops-machine,.machine-details-page .main-alarms-list-machine,.machine-details-page .main-stops-list-machine{margin-top:158px}.machine-details-page .main-chart-alarms-machine,.machine-details-page .main-chart-production-machine{margin-top:398px}.machine-details-page .main-stops-machine{padding-top:8px}.main-stops-machine{position:absolute;width:28%;min-width:250px;max-width:320px;margin-left:100px;margin-top:248px;height:190px;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040;padding:10px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.table-machine{margin-left:20px;padding:10px;border-style:outset;border-radius:10px;border-color:#303040}.table{width:100%;max-width:950px;margin-left:20px;padding:10px;border-style:outset;border-radius:10px}.table,.tr{font-size:medium;text-align:center;color:#558}.table-create,.tr{margin-top:30px;font-size:medium;text-align:center;color:#558}.th-login{width:15%}.th-name{width:60%}.th-type{width:15%}.th-options{width:10%}.td{border-collapse:initial;border-radius:8px;margin-top:5px;padding-left:4px;font-size:medium;text-align:center;color:#5050ffcc}.main-chart-stops-machine{position:absolute;width:28%;min-width:250px;max-width:320px;height:220px;margin-left:440px;margin-top:248px;padding:10px 12px;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040}.main-chart-alarms-machine{position:absolute;width:28%;min-width:250px;max-width:320px;height:220px;margin-left:100px;margin-top:488px;padding:10px 12px;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040}.main-chart-production-machine{position:absolute;width:28%;min-width:250px;max-width:320px;height:220px;margin-left:440px;margin-top:488px;padding:10px 12px;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040;z-index:1}.main-alarms-list-machine{position:absolute;width:20%;min-width:200px;max-width:280px;height:410px;margin-left:780px;margin-top:248px;padding:15px;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040;box-shadow:0 2px 4px #0000001a;overflow:visible;display:flex;flex-direction:column;z-index:10}.main-alarms-list-machine>.alarms-list-wrapper{overflow-y:auto;flex:1;min-height:0;overflow-x:hidden}.alarms-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e0e0e0;position:relative;flex-shrink:0;z-index:1001}.alarms-list-header .alarms-menu-overlay{z-index:998}.alarms-list-title{font-size:16px;font-weight:700;color:#00f;margin:0;text-align:left;flex:1}.alarms-menu-container{position:relative;z-index:1000;flex-shrink:0}.alarms-menu-button{background-color:#f5f5f5;border:1px solid #ccc;cursor:pointer;padding:6px;border-radius:4px;color:#558;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;min-width:28px;min-height:28px;position:relative}.alarms-menu-button svg{display:block;width:18px;height:18px}.alarms-menu-button:hover{background-color:#f0f0f0}.alarms-menu-dropdown{position:absolute;top:100%;right:0;margin-top:5px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px #00000026;z-index:1000;min-width:200px;overflow:hidden;white-space:nowrap;pointer-events:auto}.alarms-menu-item{display:block;width:100%;padding:10px 15px;text-align:left;background-color:transparent;border:none;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s ease;border-bottom:1px solid #f0f0f0;pointer-events:auto;position:relative;z-index:1001}.alarms-menu-item:last-child{border-bottom:none}.alarms-menu-item:hover{background-color:#f5f5f5}.alarms-menu-item.active{background-color:#e3f2fd;color:#00f;font-weight:700}.alarms-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background-color:transparent;pointer-events:auto}.alarms-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1;min-height:0}.alarm-item{display:flex;flex-direction:column;padding:10px 8px;margin-bottom:8px;border-bottom:1px solid #e0e0e0;font-size:13px}.alarm-item:last-child{border-bottom:none}.alarm-time{font-weight:700;color:#558;margin-bottom:4px;font-size:12px}.alarm-message{color:#333;line-height:1.4}.alarms-empty{text-align:center;color:#888;font-size:14px;padding:20px}.main-stops-list-machine{position:absolute;width:20%;min-width:200px;max-width:280px;height:410px;margin-left:1080px;margin-top:248px;padding:15px;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040;box-shadow:0 2px 4px #0000001a;overflow:visible;display:flex;flex-direction:column;z-index:10}.main-stops-list-machine>.stops-list-wrapper{overflow-y:auto;flex:1;min-height:0;overflow-x:hidden}.stops-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e0e0e0;position:relative;flex-shrink:0;z-index:1001}.stops-list-header .stops-menu-overlay{z-index:998}.stops-list-title{font-size:16px;font-weight:700;color:#00f;margin:0;text-align:left;flex:1}.stops-menu-container{position:relative;z-index:1000;flex-shrink:0}.stops-menu-button{background-color:#f5f5f5;border:1px solid #ccc;cursor:pointer;padding:6px;border-radius:4px;color:#558;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;min-width:28px;min-height:28px;position:relative}.stops-menu-button svg{display:block;width:18px;height:18px}.stops-menu-button:hover{background-color:#f0f0f0}.stops-menu-dropdown{position:absolute;top:100%;right:0;margin-top:5px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px #00000026;z-index:1000;min-width:200px;overflow:hidden;white-space:nowrap;pointer-events:auto}.stops-menu-item{display:block;width:100%;padding:10px 15px;text-align:left;background-color:transparent;border:none;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s ease;border-bottom:1px solid #f0f0f0;pointer-events:auto;position:relative;z-index:1001}.stops-menu-item:last-child{border-bottom:none}.stops-menu-item:hover{background-color:#f5f5f5}.stops-menu-item.active{background-color:#e3f2fd;color:#00f;font-weight:700}.stops-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background-color:transparent;pointer-events:auto}.stops-list{list-style:none;padding:0;margin:0}.stop-item{display:flex;flex-direction:column;padding:10px 8px;margin-bottom:8px;border-bottom:1px solid #e0e0e0;font-size:13px}.stop-item:last-child{border-bottom:none}.stop-time{font-weight:700;color:#558;margin-bottom:4px;font-size:12px}.stop-duration{font-weight:600;color:#666;margin-bottom:4px;font-size:12px}.stop-message{color:#333;line-height:1.4}.stops-empty{text-align:center;color:#888;font-size:14px;padding:20px}.main-chart-production-machine .chart,.main-chart-stops-machine .chart,.main-chart-alarms-machine .chart{width:100%;height:100%}.machines-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-left:20px;margin-top:20px;padding:20px;max-width:calc(100% - 40px)}.machine-card{position:relative;width:100%;min-width:0;max-width:100%;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040;padding:10px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;min-height:150px}.machine-card-table{width:100%;border-collapse:collapse;margin-bottom:10px;font-size:12px;flex:1}.main-stops-machine .machine-card-table{flex:1;margin-bottom:0;display:table;width:100%;border-spacing:0}.main-stops-machine .machine-card-table tr{height:auto}.main-stops-machine .machine-card-table td{padding:3px 4px;vertical-align:middle;font-size:14px;line-height:1.3}.machine-card-table tr{border-bottom:1px solid #e0e0e0}.machine-card-table tr:last-child{border-bottom:none}.main-stops-machine .machine-card-table tr:last-child{border-bottom:none}.machine-card-table td{padding:4px 2px;font-size:12px;line-height:1.3}.machine-card-table td.machine-position-title{padding:8px 2px!important;font-size:20px!important;line-height:1.3}.machine-position-title{text-align:center;font-size:20px!important;font-weight:700!important;color:#00f!important;padding:8px 2px!important;border-bottom:2px solid #e0e0e0}.machine-card-actions{display:flex;justify-content:center;gap:8px;padding-top:8px;border-top:1px solid #e0e0e0;margin-top:auto;flex-shrink:0}.action-button .icon{width:12px;height:12px}.action-button .icon{color:#558;transition:color .3s ease}.action-button--blocked .icon{color:#d32f2f}.action-button--blocked:hover .icon{color:#b71c1c}.machine-card--blocked{border-color:#d32f2f;background-color:#fff5f5}.machine-status{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:700}.machine-status--active{color:#1b5e20;background-color:#e8f5e9}.machine-status--blocked{color:#b71c1c;background-color:#ffebee}.machine-status--running{color:#1b5e20;background-color:#e8f5e9}.machine-status--stopped{color:#e65100;background-color:#fff3e0}.machine-status--offline{color:#475569;background-color:#e2e8f0}.machine-horas-value{font-variant-numeric:tabular-nums;font-weight:600;color:#0f172a}.button-user{margin-top:20px;margin-left:20px;padding:10px 20px;font-size:16px;background-color:#00f;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.edit-machine-form{width:100%;max-width:100%;box-sizing:border-box}.edit-machine-save-row{display:flex;justify-content:center;align-items:center;width:100%;margin-top:20px;box-sizing:border-box}.edit-machine-save-row .button-user.edit-machine-save-btn{margin:0!important;min-width:220px;width:auto!important;max-width:calc(100% - 16px);white-space:nowrap;box-sizing:border-box}.aq-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.aq-modal{background:#fff;border-radius:12px;padding:20px 24px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0f172a2e}.aq-modal h3{margin:0 0 8px;font-size:18px;color:#1e293b}.aq-modal-machine{margin:0 0 16px;font-size:14px;color:#64748b}.aq-modal-form{display:flex;flex-direction:column;gap:12px}.aq-modal-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#475569}.aq-modal-form input,.aq-modal-form select,.aq-modal-form textarea{border:1px solid #cbd5e1;border-radius:6px;padding:8px 10px;font-size:14px}.aq-modal-form textarea{min-height:72px;resize:vertical}.aq-modal-hint{font-size:12px;color:#64748b}.aq-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.aq-modal-cancel,.aq-modal-save{border-radius:8px;padding:8px 16px;font-size:14px;cursor:pointer;border:1px solid transparent}.aq-modal-cancel{background:#f8fafc;color:#334155;border-color:#cbd5e1}.aq-modal-save{background:#2563eb;color:#fff}.aq-modal-save:disabled{opacity:.6;cursor:not-allowed}.principal-container{position:absolute;width:100%;margin:0 auto;padding:0;display:flex}.left-menu-container{position:relative;width:100px;margin-left:0;margin-top:100px}.main{position:relative;width:100%;max-width:1000px;margin-left:0;margin-top:100px;text-align:center;font-size:x-large;color:#00f}.main-create{position:relative;width:100%;max-width:700px;margin-left:100px;margin-top:100px;text-align:center;font-size:x-large;color:#00f;display:flexbox}.type-id{font-size:small;width:37%;border-radius:8px;margin-left:26%}.login{width:37%}p{text-align:left}.users-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-right:20px;flex-wrap:wrap}.users-header .p-title{margin-bottom:0}.users-header .button-user{margin-top:0;margin-left:0;gap:8px}.users-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-left:20px;margin-top:20px;padding:20px;max-width:calc(100% - 40px)}.user-card{position:relative;width:100%;min-width:0;max-width:100%;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040;padding:10px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;min-height:250px}.user-card-photo{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:10px;border:2px solid #303040;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0}.user-photo{width:100%;height:100%;object-fit:cover}.user-photo-placeholder{color:#558}.user-card-table{width:100%;border-collapse:collapse;margin-bottom:10px;font-size:12px;flex:1}.user-card-table tr{border-bottom:1px solid #e0e0e0}.user-card-table tr:last-child{border-bottom:none}.user-card-table td{padding:4px 2px;font-size:12px;line-height:1.3}.user-card-actions{display:flex;justify-content:center;gap:8px;padding-top:8px;border-top:1px solid #e0e0e0;width:100%;margin-top:auto;flex-shrink:0}.action-button--text{font-size:12px;color:#558;font-weight:600}.action-button--text:hover{color:#00f}.user-details-photo{display:flex;justify-content:center;margin-bottom:12px}.user-details-photo .user-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid #e0e0e0}.user-details-photo .user-photo-placeholder{color:#94a3b8}.main{position:relative;width:100%;max-width:none;margin-left:0;margin-top:100px;text-align:center;font-size:x-large;color:#00f}.p-title{text-align:left;margin-left:20px;margin-bottom:20px}.td-iten{font-weight:600;color:#558;white-space:nowrap}.td-value{text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clients-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-right:20px;flex-wrap:wrap}.clients-header .p-title{margin-bottom:0}.clients-header .button-user{margin-top:0;margin-left:0;gap:8px}.clients-readonly-hint{text-align:left;margin:0 20px 16px;font-size:14px;color:#666}.clients-empty{text-align:left;margin:0 20px;font-size:16px;color:#666}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:15px;margin-left:20px;margin-top:20px;padding:20px;max-width:none;width:calc(100% - 40px)}.client-card{position:relative;width:100%;min-width:360px;background-color:#fff;border-style:outset;border-radius:10px;border-color:#303040;padding:10px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;min-height:250px}.client-card-icon{width:64px;height:64px;border-radius:50%;margin-bottom:10px;border:2px solid #303040;display:flex;align-items:center;justify-content:center;background-color:#f0f4ff;color:#558}.client-card-table{width:100%;border-collapse:collapse;margin-bottom:10px;font-size:12px;flex:1;table-layout:fixed}.client-card-table tr{border-bottom:1px solid #e0e0e0}.client-card-table tr:last-child{border-bottom:none}.client-card-table td{padding:4px 2px;font-size:12px;line-height:1.3}.client-name-title{font-weight:700;font-size:13px;text-align:center;padding-bottom:6px!important;color:#303040;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-card-actions{display:flex;justify-content:center;gap:8px;padding-top:8px;border-top:1px solid #e0e0e0;width:100%;margin-top:auto}@media (max-width: 1200px){.clients-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width: 900px){.clients-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 600px){.clients-grid{grid-template-columns:1fr;margin-left:10px;padding:10px}.client-card{min-width:0}}.main-create{position:relative;width:100%;max-width:700px;margin-left:100px;margin-top:100px;text-align:center;font-size:x-large;color:#00f}.button-user{margin-top:20px;margin-left:20px;padding:10px 20px;font-size:16px;background-color:#00f;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease;display:inline-flex;align-items:center;justify-content:center;line-height:1.5;white-space:nowrap;width:auto}.button-user:hover{background-color:#05f}.button-user--secondary{background-color:#666}.button-user--secondary:hover{background-color:#444}.action-button{background-color:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .3s ease}.action-button:hover{background-color:#f0f0f0}.action-button .icon{width:12px;height:12px;color:#558;transition:color .3s ease}.action-button:hover .icon{color:#00f}.records-form{max-width:none;margin:0;padding:0;border:none;border-radius:0;text-align:left;background:transparent}.records-fields{display:flex;flex-wrap:wrap;gap:12px}.records-field{display:flex;flex-direction:column;gap:4px;flex:1 1 220px;font-size:14px;color:#558}.records-field--wide{flex:1 1 100%}.records-select-row{display:flex;align-items:center;gap:8px}.records-select-row .fabricant-input{flex:1;min-width:0}.records-add-button{display:flex;align-items:center;justify-content:center;padding:0;background-color:#00f;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease;flex-shrink:0}.records-add-button:hover{background-color:#05f}.records-inline-form{display:flex;align-items:center;gap:8px;margin-top:8px}.records-inline-form .fabricant-input{flex:1;min-width:0}.records-inline-save,.records-inline-cancel{padding:0 12px;font-size:small;border:none;border-radius:8px;cursor:pointer;white-space:nowrap}.records-inline-save{background-color:#00f;color:#fff}.records-inline-save:hover{background-color:#05f}.records-inline-cancel{background-color:#eef2f7;color:#334}.records-inline-cancel:hover{background-color:#dbe2ea}.records-subsection{margin-top:24px}.records-subtitle{font-size:16px;font-weight:700;color:#00f;margin-bottom:10px}.records-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:10px}.records-remove{background:none;border:none;cursor:pointer}.records-actions{display:flex;gap:12px;margin-top:24px}.records-actions .button-user{margin-left:0}.records-subsection .button-user{margin-left:0;margin-top:0;gap:6px}.records-empty{margin:16px 0 40px 20px;font-size:14px;color:#64748b;text-align:left}.programa-modelos-field{border:none;padding:0;margin:0;min-width:100%}.programa-modelos-field legend{font-size:14px;color:#558;margin-bottom:8px;padding:0}.programa-modelos-checklist{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;padding:12px;border:1px solid #dbe2ea;border-radius:10px;background:#f8fafc}.programa-modelo-check{display:flex;align-items:center;gap:8px;font-size:14px;color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.programa-modelo-check input{width:16px;height:16px;margin:0;flex-shrink:0;cursor:pointer}.programa-modelos-empty{margin:0;font-size:13px;color:#64748b}.main-container{flex:1;min-width:0;width:auto;max-width:100%;box-sizing:border-box}.main-container .tab-content{max-width:none;width:100%;box-sizing:border-box;padding-right:16px}.produtos-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 20px;flex-wrap:wrap}.produtos-header .p-title{margin-bottom:0}.produtos-header .button-user{margin-top:0;margin-left:0;gap:8px}.produtos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px;margin:20px;padding:0;width:calc(100% - 40px);max-width:100%;box-sizing:border-box}.produto-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #0f172a14;display:flex;flex-direction:column;text-align:left;min-width:0;box-sizing:border-box}.produto-card-photo{width:100%;aspect-ratio:4 / 3;background:#f1f5f9;border-bottom:1px solid #e2e8f0;overflow:hidden}.produto-card-photo img{width:100%;height:100%;object-fit:cover;display:block}.produto-card-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.produto-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.produto-card-title{margin:0;font-size:18px;font-weight:700;color:#1e293b;line-height:1.2;word-break:break-word}.produto-card-desc{margin:0;font-size:13px;color:#64748b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.produto-card-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:4px;table-layout:fixed}.produto-card-table td{padding:3px 0;vertical-align:top}.produto-card-table .td-iten{font-weight:600;color:#558;padding-right:8px;white-space:nowrap;width:46%}.produto-card-table .td-value{text-align:right;color:#334155;width:54%;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.produto-card-actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:10px}.produto-card-btn{margin:0;padding:8px 14px;font-size:13px}.produto-card-btn--danger{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border:1px solid #fecaca;border-radius:8px;background:#fff;color:#dc2626;cursor:pointer}.produto-card-btn--danger:hover{background:#fef2f2}.produto-foto-block{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.produto-foto-preview{position:relative;width:100%;max-width:320px;aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0;background:#f8fafc}.produto-foto-preview img{width:100%;height:100%;object-fit:cover;display:block}.fabricant-input,.op-input,.table-inline-input,.dashboard-period-select,.stops-machine-filter select,.dashboard-date-picker input[type=date],.dashboard-date-picker input[type=month],.cadastro-field>input:not([type=checkbox]):not([type=radio]):not([type=file]),.cadastro-field>select,.cadastro-input:not(textarea),.records-field .fabricant-input,.records-field select,.records-field input:not([type=checkbox]):not([type=radio]),.op-field .fabricant-input,.op-field select,.op-field input:not([type=checkbox]):not([type=radio]),.maint-form input:not([type=checkbox]):not([type=radio]),.maint-form select,.cliente-field .fabricant-input,.cliente-field select,.cliente-field input:not([type=checkbox]):not([type=radio]),.populate-demo-field .fabricant-input,.populate-demo-field select,.op-inline-form .fabricant-input,.op-inline-form select,.records-inline-form .fabricant-input,.meta-form .fabricant-input,.meta-form select,.modelo-inline-form .fabricant-inline-input,.fabricant-inline-input,.fabricant-id,.type-id,.modelo-select select,.op-status-select,.op-select-row .fabricant-input,.records-select-row .fabricant-input,.header-user-password-form input,.error-form .fabricant-input,.error-form input,.maint-horas-input,form select,form input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]){box-sizing:border-box!important;min-height:var(--control-height)!important;height:var(--control-height)!important;padding:0 var(--control-padding-x)!important;font-size:var(--control-font-size)!important;line-height:normal!important;border-radius:var(--control-radius)!important;vertical-align:middle!important}select.fabricant-input,select.op-input,select.cadastro-input,.dashboard-period-select,.stops-machine-filter select,.cadastro-field>select,.meta-form select,.populate-demo-form select,.modelo-select select,.op-status-select,.op-inline-form select,.records-field select,.op-field select,.maint-form select,.cliente-field select,select.fabricant-id,select.type-id,form select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;padding-right:32px!important;cursor:pointer!important}input.fabricant-input,input.op-input,input.cadastro-input,input.fabricant-inline-input,input.table-inline-input,.cadastro-field>input,.error-form input,form input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]){background-image:none!important;padding-right:var(--control-padding-x)!important;cursor:text!important}input[type=date].fabricant-input,input[type=date].cadastro-input,input[type=month].cadastro-input,.dashboard-date-picker input[type=date],.dashboard-date-picker input[type=month]{cursor:pointer!important}.cadastro-page form input:not([type=checkbox]):not([type=radio]):not([type=file]),.cadastro-page form select,.cadastro-field input:not([type=checkbox]):not([type=radio]):not([type=file]),.cadastro-field select,.cadastro-input{margin-top:0!important;margin-bottom:0!important}.fabricant-form,.error-form,.op-inline-form,.records-inline-form,.fabricant-inline-form,.fabricant-select-row,.cadastro-field .fabricant-select-row,.cadastro-field .modelo-select-row,.op-select-row,.records-select-row,.populate-demo-form,.dashboard-header-top,.dashboard-day-buttons,.dashboard-date-picker,.stops-machine-filter,.op-card-actions,.op-peso-row{align-items:center!important}.fabricant-form :is(input,select):not([type=checkbox]):not([type=radio]),.error-form :is(input,select):not([type=checkbox]):not([type=radio]),.op-inline-form :is(input,select),.records-inline-form :is(input,select),.fabricant-inline-form :is(input,select),.fabricant-select-row :is(input,select),.cadastro-field .fabricant-select-row :is(input,select),.cadastro-field .modelo-select-row :is(input,select),.op-select-row :is(input,select),.records-select-row :is(input,select),.populate-demo-form :is(input,select),.dashboard-header-top :is(input,select),.dashboard-date-picker :is(input,select),.stops-machine-filter select,.op-card-actions :is(input,select),.op-peso-row :is(input,select){margin-top:0!important;margin-bottom:0!important;align-self:center!important;flex-shrink:0}.cadastro-field textarea,.maint-form textarea,form textarea,.op-field textarea,.records-field textarea,.error-form textarea{min-height:72px!important;height:auto!important;padding:10px var(--control-padding-x)!important;font-size:var(--control-font-size)!important;border-radius:var(--control-radius)!important;box-sizing:border-box!important;line-height:1.45!important}.interval-date .react-datetime-picker__wrapper{min-height:var(--control-height)!important}.fabricant-add-button,.op-add-button,.records-add-button{width:var(--control-height)!important;height:var(--control-height)!important;min-width:var(--control-height)!important;min-height:var(--control-height)!important}.fabricant-inline-save,.fabricant-inline-cancel,.op-inline-save,.op-inline-cancel,.records-inline-save,.records-inline-cancel{height:var(--control-height)!important;min-height:var(--control-height)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.interval-date .react-datetime-picker__inputGroup input{height:auto!important;min-height:0!important;padding:0 2px!important;font-size:inherit!important;border-radius:0!important}