body{background:#f5f7fb}.live-frame{min-height:100vh}.live-head{background:#0b1730;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 26px;height:82px}.live-head .brand{height:auto;padding:0}.live-head .brand strong{color:#fff}.live-head .brand small{color:#b8c9dd}.live-head .demo-pill{background:#233a54;color:#ffc28c}.live-frame main{padding:35px 25px;max-width:1220px}.live-frame .card{margin-bottom:19px}.auth-card{max-width:520px;margin:20px auto}.live-form{display:grid;gap:17px}.live-form .primary{justify-self:start}.live-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}.live-toolbar{display:flex;align-items:end;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-bottom:17px}.live-toolbar .field{min-width:220px}.live-tabs{display:flex;overflow:auto;gap:7px;margin:7px 0 24px;padding-bottom:8px}.live-tabs button{border:1px solid #dce3ed;border-radius:8px;background:#fff;padding:10px 12px;color:#64748b;white-space:nowrap;font-weight:700}.live-tabs button.active{background:#0b1730;border-color:#0b1730;color:#fff}.live-frame .card .form-grid{margin-bottom:15px}.live-frame .product-tile{min-height:115px}.live-frame .product-tile b{font-size:12px}.live-frame .product-tile small{display:block}.live-frame .cart-item{flex-wrap:wrap}#live-status{position:fixed;bottom:17px;right:17px;max-width:min(440px,calc(100vw - 34px));padding:0;border-radius:10px;z-index:20}#live-status.good,#live-status.error{padding:13px 18px;background:#0e7251;color:white;box-shadow:0 8px 30px #0003}#live-status.error{background:#aa3838}.live-form button[disabled]{opacity:.55;cursor:not-allowed}@media(max-width:650px){.live-head{padding:12px 15px;height:auto}.live-head .demo-pill{font-size:8px}.live-frame main{padding:23px 14px}.live-frame .stats{grid-template-columns:repeat(2,1fr)}.live-toolbar .field{width:100%}.live-toolbar .field select{width:100%}.live-frame .form-grid{grid-template-columns:1fr}.live-frame .product-grid{grid-template-columns:repeat(2,1fr)}}
/* Ordem de serviço: ficha de atendimento */
.os-detail-top{justify-content:space-between;margin-bottom:18px}
.os-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}
.os-layout .card{margin-bottom:18px}
.os-layout .card-body p{overflow-wrap:anywhere}
.os-layout .field{display:flex;flex-direction:column;gap:7px;margin-bottom:13px}
.os-layout .field textarea{display:block;width:100%;min-height:72px;background:#fff;border:1px solid #dfe5ee;border-radius:9px;padding:12px;color:var(--text);font:inherit;resize:vertical}
.os-layout .field textarea[readonly]{background:#f8fafc;color:#667890}
.os-layout .field input{width:100%}
.os-layout .live-form>.primary{margin-top:3px}
.os-stat-value{font-size:17px!important;line-height:1.3;overflow-wrap:anywhere}
.os-timeline{display:grid;gap:10px}
.os-timeline-row{border-left:3px solid var(--orange);padding:5px 0 5px 13px;background:#fff}
.os-timeline-row b{display:block;font-size:12px}
.os-timeline-row span{color:#8995a7;font-size:11px}
.os-timeline-row p{margin:6px 0 0;white-space:pre-wrap;font-size:12px}
@media(max-width:980px){.os-layout{grid-template-columns:1fr}.os-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.os-detail-top{flex-direction:column;align-items:stretch}.os-detail-top button{width:100%}}
@media print {
 .live-head,.live-toolbar,.live-tabs,.no-print,#live-status{display:none!important}
 .live-frame main{padding:0;max-width:100%}
 .os-layout{display:block}.os-layout .card{break-inside:avoid}
 .os-layout textarea{border:0!important;padding:0!important;resize:none;min-height:auto!important}
 .os-layout .card{border:0;box-shadow:none}.os-layout .card-head{padding:8px}
 .os-layout .card-body{padding:8px}
}

/* OS Prado official branding */
.live-head{min-height:88px;height:auto;padding-top:7px;padding-bottom:7px}
.live-head .brand{display:flex;align-items:center;gap:6px;min-width:0}
.os-header-logo{display:block;width:158px;height:75px;object-fit:contain;object-position:center}
.os-brand-caption{color:#b8c9dd;font-size:10px;letter-spacing:.4px;white-space:nowrap}
.os-login-brand{text-align:center;max-width:520px;margin:8px auto 10px;background:#071629;border-radius:16px;padding:14px 12px 12px}
.os-login-brand img{display:block;max-width:min(100%,320px);width:100%;height:auto;max-height:180px;object-fit:contain;margin:auto}
.os-login-brand p{color:#9eb3cb;margin:0;font-size:12px;letter-spacing:.25px}
@media(max-width:600px){.os-header-logo{width:116px;height:62px}.os-brand-caption{font-size:9px;white-space:normal}.live-head{padding:6px 12px}.os-login-brand{margin:0 auto 12px}.os-login-brand img{max-height:145px}}

/* V2 — equipe e convites */
.member-role{min-width:125px;max-width:100%;border:1px solid #dfe5ee;border-radius:8px;background:#fff;padding:8px 9px;color:var(--text);font:inherit}
.warn code{display:inline-block;max-width:100%;margin:8px 0;overflow-wrap:anywhere;word-break:break-all}
.table .actions{flex-wrap:wrap}
@media(max-width:650px){.member-role{min-width:110px}.table .actions{align-items:stretch}.table .actions button{width:100%}}

/* V2.0 — layout do protótipo aplicado à aplicação conectada */
body:has(.prado-layout) .live-head{display:none}
body:has(.prado-layout) .live-frame main{padding:0;max-width:none;margin:0}
.prado-layout{min-height:100vh;display:block}
.prado-sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:244px;background:#0b1730;color:#fff;display:flex;flex-direction:column;box-shadow:1px 0 2px rgba(0,0,0,.08)}
.prado-side-brand{display:flex;align-items:center;gap:7px;padding:13px 17px 10px;min-height:88px}
.prado-side-brand img{width:64px;height:56px;object-fit:contain}
.prado-side-brand strong{display:block;color:white;letter-spacing:.7px;font-size:15px}
.prado-side-brand small{display:block;color:#9bb1d2;font-size:10px;letter-spacing:.8px}
.prado-sidebar .workspace{margin:4px 14px 28px;min-width:0}
.prado-sidebar .workspace>div{min-width:0}
.prado-sidebar .workspace b{overflow-wrap:anywhere}
.prado-sidebar .nav-label{margin:0 20px 10px;font-size:10px}
.prado-sidebar .prado-side-nav{display:block;flex:1;overflow-y:auto;min-height:0}
.prado-sidebar .prado-side-nav button{width:calc(100% - 24px);margin:2px 12px;padding:12px 13px;border-radius:8px;background:transparent;border:0;color:#b9cae2;display:flex;align-items:center;gap:12px;text-align:left;font-weight:650;font-size:12px}
.prado-sidebar .prado-side-nav button span{width:23px;flex:none;font-size:19px;text-align:center}
.prado-sidebar .prado-side-nav button:hover,.prado-sidebar .prado-side-nav button.active{background:#263b59;color:#fff}
.prado-sidebar .prado-side-nav button.active{box-shadow:inset 3px 0 #ed7b31}
.prado-sidebar .prado-side-nav .nav-label{margin-top:26px}
.prado-sidebar .sidebar-bottom{margin-top:auto;line-height:1.4}
.prado-main{min-width:0;margin-left:244px;min-height:100vh}
.prado-topbar{height:69px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 32px;background:#fff;border-bottom:1px solid #e5eaf1}
.prado-breadcrumb,.prado-top-actions{display:flex;align-items:center;gap:12px;min-width:0}
.prado-breadcrumb{font-size:12px;white-space:nowrap}
.prado-breadcrumb>span:first-of-type{color:#9aa8c3}
.prado-breadcrumb b{overflow:hidden;text-overflow:ellipsis}
.prado-slash{color:#bbc6d6}
.prado-top-actions .demo-pill{background:#fff0e5;color:#b96122}
.prado-user{text-align:right;min-width:0;display:flex;flex-direction:column}
.prado-user b{font-size:11px;color:#243752}
.prado-user small{font-size:10px;color:#8794a8;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.prado-content{padding:29px clamp(20px,4vw,58px) 68px;max-width:1650px;margin:auto}
.prado-companybar{display:flex;justify-content:flex-end;margin-bottom:12px}
.prado-companybar .field{width:min(230px,100%)}
.prado-companybar select{background:#fff}
.prado-content .page-head{margin-bottom:25px}
.prado-content .page-head h1{font-size:27px;color:#102343}
.prado-content .card{border-radius:13px;box-shadow:0 8px 22px rgba(32,53,83,.035)}
.prado-content .stat{min-height:148px}
.prado-content .banner{margin-bottom:22px}
.prado-content .table td:last-child,.prado-content .table th:last-child{text-align:right}
.prado-dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:start}
.prado-dashboard-grid>.card{min-width:0}
.prado-dashboard-aside{min-width:0}
.prado-dashboard-grid .card-head h2{font-size:15px}
.prado-stock-row{display:flex;align-items:flex-start;gap:9px;margin:9px 0}
.prado-stock-row .dot{margin-top:4px}
.prado-stock-row b{display:block;font-size:12px}
.prado-stock-row small{font-size:11px;color:#8e9aae}
.prado-banner-tag{font-size:11px;color:#af6d3f;font-weight:700;white-space:nowrap}
.prado-homolog-note{border:1px solid #f8dfc5;background:#fff4df;color:#a76c29;padding:13px 16px;border-radius:9px;font-size:12px}
.prado-mobile-menu,.prado-sidebar-backdrop{display:none}
.prado-content .table-wrap{max-width:100%}
.prado-content .card .table{min-width:510px}
.prado-content .card .form-grid{margin-bottom:15px}
@media(max-width:1150px){.prado-dashboard-grid{grid-template-columns:1fr}.prado-content{padding:25px 25px 55px}}
@media(max-width:790px){
 .prado-sidebar{transform:translateX(-100%);transition:transform .2s ease}
 .prado-layout.menu-open .prado-sidebar{transform:translateX(0)}
 .prado-main{margin-left:0}
 .prado-mobile-menu{display:inline-flex;padding:7px 11px}
 .prado-sidebar-backdrop{display:none;position:fixed;z-index:25;inset:0;background:rgba(8,23,45,.55);border:0}
 .prado-layout.menu-open .prado-sidebar-backdrop{display:block}
 .prado-topbar{padding:0 15px}
 .prado-content{padding:21px 15px 50px}
 .prado-content .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
 .prado-topbar{height:62px}
 .prado-user{display:none}
 .prado-top-actions .demo-pill{font-size:9px}
 .prado-top-actions{gap:6px}
 .prado-breadcrumb{gap:7px}
 .prado-content .stats{gap:10px}
 .prado-content .stat{padding:14px;min-height:133px}
 .prado-content .stat strong{font-size:21px}
 .prado-content .stat label{font-size:10px}
 .prado-content .page-head h1{font-size:23px}
 .prado-content .banner{flex-direction:column;align-items:flex-start}
 .prado-content .shortcut-list{grid-template-columns:1fr 1fr}
 .prado-content .shortcut{padding:12px 8px;font-size:11px}
}
@media print{.prado-sidebar,.prado-topbar,.prado-companybar,.prado-sidebar-backdrop,.prado-homolog-note{display:none!important}.prado-main{margin-left:0}.prado-content{padding:0;max-width:none}}


/* Identidade visual OS Prado — alinhamento com o site comercial */
:root{--orange:#f79346;--navy:#09172d}
body{background:#f4f7fb}
.prado-brandmark,.login-brandmark{display:inline-grid;place-items:center;flex-shrink:0;background:linear-gradient(135deg,#f9a55c,#e67c2f);color:#09172d;font-weight:900;letter-spacing:-1px;border-radius:12px;box-shadow:0 8px 25px #b4622b19}
.prado-brandmark{width:45px;height:45px;font-size:16px}
.prado-brandmark span,.login-brandmark span{color:#fff}
.app-header-brand{text-decoration:none;display:flex!important;align-items:center!important;gap:11px!important;color:white}
.prado-brand-text strong{display:block;color:white;font-size:23px;letter-spacing:1.6px;line-height:1;font-weight:850}
.prado-brand-text small{display:block;color:#aebdd1;font-size:8px;letter-spacing:2.6px;font-weight:800;margin-top:8px}
.app-header-website{color:#d8e5f4;font-size:12px;font-weight:700;text-decoration:none;border:1px solid #506480;padding:11px 15px;border-radius:9px}
.app-header-website:hover{color:#fff;background:#203955}
.live-head{min-height:76px;height:76px;padding:0 max(20px,calc((100% - 1140px)/2));background:#09172d}
body:not(:has(.prado-layout)) .live-frame main{max-width:1130px;padding:65px 25px 85px}
body:not(:has(.prado-layout)) .live-frame #live-root:has(.os-login-brand){display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,470px);align-items:center;column-gap:clamp(25px,5vw,82px);row-gap:0;min-height:520px}
body:not(:has(.prado-layout)) .os-login-brand{grid-column:1;background:transparent;display:flex;align-items:center;gap:14px;text-align:left;max-width:none;margin:0 0 16px;padding:0;box-shadow:none}
.login-brandmark{width:66px;height:66px;border-radius:15px;font-size:22px}
.login-brand-copy strong{display:block;color:#112845;font-weight:900;font-size:35px;line-height:1;letter-spacing:1.5px}
.login-brand-copy small{display:block;color:#7c8ea3;letter-spacing:2.7px;font-weight:850;font-size:10px;margin-top:9px}
.os-login-intro{grid-column:1;max-width:530px}
.os-login-intro .login-kicker{font-size:10px;letter-spacing:1.8px;font-weight:850;color:#e47d35}
.os-login-intro h2{font-size:clamp(30px,3.5vw,46px);line-height:1.13;letter-spacing:-1.5px;margin:12px 0;color:#10233e}
.os-login-intro p{font-size:14px;line-height:1.85;color:#637b93;max-width:425px;margin:0}
body:not(:has(.prado-layout)) .live-frame #live-root:has(.os-login-brand)>.page-head{grid-column:2;grid-row:1;align-self:end;margin:0;background:#fff;padding:30px 34px 2px;border:1px solid #e1e8f1;border-bottom:0;border-radius:17px 17px 0 0;box-shadow:0 18px 45px #1835520b}
body:not(:has(.prado-layout)) .live-frame #live-root:has(.os-login-brand)>.page-head h1{font-size:26px;letter-spacing:-.75px}
body:not(:has(.prado-layout)) .live-frame #live-root:has(.os-login-brand)>.page-head .eyebrow{color:#dc7c32}
body:not(:has(.prado-layout)) .live-frame #live-root:has(.os-login-brand)>.auth-card{grid-column:2;grid-row:2/4;margin:0;align-self:start;border-radius:0 0 17px 17px;border-top:0;padding:0 0 10px;box-shadow:0 18px 45px #1835520b}
body:not(:has(.prado-layout)) .live-frame #live-root:has(.os-login-brand)>.auth-card .card-body{padding:24px 34px 25px}
body:not(:has(.prado-layout)) .live-frame #live-root:has(.os-login-brand)>.auth-card .live-form{gap:17px}
body:not(:has(.prado-layout)) .live-frame #live-root:has(.os-login-brand)>.auth-card .primary{min-width:132px;background:#f79346;color:#0c2239;font-weight:850}
body:not(:has(.prado-layout)) .live-frame #live-root:has(.os-login-brand)>.auth-card .primary:hover{background:#f7aa6d}
body:not(:has(.prado-layout)) .live-frame #live-root:has(.os-login-brand)>.auth-card input{padding:13px;border-radius:9px}
body:not(:has(.prado-layout)) .live-frame #live-root:has(.os-login-brand)>.auth-card .live-links{gap:6px 15px}
body:not(:has(.prado-layout)) .live-frame #live-root:has(.os-login-brand)>.auth-card .live-links button{font-size:12px}
.prado-sidebar{background:#09172d;width:253px}
.prado-main{margin-left:253px}
.prado-side-brand{gap:12px;padding:17px 20px;min-height:88px;border-bottom:1px solid #ffffff16;margin-bottom:12px}
.prado-side-brand .prado-brandmark{width:43px;height:43px;font-size:15px}
.prado-side-brand strong{font-size:21px;letter-spacing:1.5px;line-height:1;color:#fff}
.prado-side-brand small{color:#aebed4;letter-spacing:1.8px;font-size:8px;margin-top:7px}
.prado-sidebar .workspace{background:#142b49;border:1px solid #29425d;margin:3px 12px 23px;padding:13px;border-radius:12px}
.prado-sidebar .prado-side-nav button{border-radius:9px;transition:background .15s ease}
.prado-sidebar .prado-side-nav button.active{background:#233e5e;box-shadow:inset 4px 0 #f79346}
.prado-sidebar .prado-side-nav button:hover{background:#183857}
.prado-topbar{border-bottom:1px solid #e7edf4;box-shadow:0 1px 10px #0e2a4710}
.prado-online-pill{color:#286b57;background:#eaf8f2;border:1px solid #c8edde;border-radius:50px;font-size:10px;font-weight:800;padding:6px 11px;white-space:nowrap}
.prado-content .page-head .eyebrow{color:#e17c32}
.prado-content .page-head h1{font-size:29px}
.prado-content .banner{background:linear-gradient(100deg,#fff5e9,#fffaf5);border:1px solid #f6dfca;border-radius:14px;padding:20px 24px}
.prado-content .stat{border-radius:15px;transition:box-shadow .15s ease}
.prado-content .stat:hover{box-shadow:0 12px 28px #112e4c12}
.prado-content .card{border-radius:15px}
.prado-content .primary{background:#f79346;color:#10243c}
.prado-content .primary:hover{background:#f7a15e}
.prado-content .prado-master-shortcut .primary{background:#f79346;color:#10243c}
@media(max-width:900px){
 body:not(:has(.prado-layout)) .live-frame #live-root:has(.os-login-brand){grid-template-columns:1fr;max-width:560px;margin:0 auto;display:block;min-height:auto}
 body:not(:has(.prado-layout)) .os-login-brand{margin:0 0 12px}
 body:not(:has(.prado-layout)) .os-login-intro{margin-bottom:26px}
 body:not(:has(.prado-layout)) .os-login-intro h2{font-size:32px}
 body:not(:has(.prado-layout)) .live-frame #live-root:has(.os-login-brand)>.page-head{margin-top:20px}
 body:not(:has(.prado-layout)) .live-frame main{padding:42px 22px 65px}
}
@media(max-width:790px){.prado-main{margin-left:0}}
@media(max-width:600px){
 .live-head{height:70px;min-height:70px;padding:10px 16px}
 .app-header-website{font-size:10px;padding:8px 9px}
 .prado-brandmark{width:38px;height:38px;font-size:14px}
 .prado-brand-text strong{font-size:19px}
 .prado-brand-text small{font-size:6px;letter-spacing:1.8px}
 body:not(:has(.prado-layout)) .live-frame main{padding:32px 14px 50px}
 body:not(:has(.prado-layout)) .live-frame #live-root:has(.os-login-brand)>.page-head{padding:24px 20px 2px}
 body:not(:has(.prado-layout)) .live-frame #live-root:has(.os-login-brand)>.auth-card .card-body{padding:18px 20px 24px}
 .login-brandmark{width:49px;height:49px;font-size:18px}
 .login-brand-copy strong{font-size:27px}
 .login-brand-copy small{font-size:8px}
 .os-login-intro h2{font-size:29px}
 .prado-side-brand{padding:16px}
 .prado-top-actions .prado-online-pill{display:none}
}