/* Identidade visual SCC Usitec */
:root{--ink:#163b67;--blue:#214b82;--blue-dark:#173b69;--orange:#f5aa00;--mist:#f4f7fb;--line:#d8e2ed}
body{background:linear-gradient(180deg,#eef3f8 0,#f7f9fc 260px);color:#173a62}
.topbar{height:82px;background:#214b82;border-bottom:4px solid #f5aa00;padding:0 42px;box-shadow:0 4px 14px #173b6920}
.brand{gap:14px;min-width:330px}.brand-mark{width:48px;height:48px;border-radius:50%;background:transparent;color:#f5aa00;font-size:48px;line-height:1;transform:rotate(-12deg)}
.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:25px;letter-spacing:.035em;color:#f5aa00}.brand-copy small{margin-top:8px;font-size:8px;letter-spacing:.055em;color:#fff;font-weight:bold}
.topbar .brand{display:inline-flex!important;align-items:center;min-width:0!important;width:max-content!important;flex:0 0 auto!important;background:#fff;border-radius:8px;padding:2px 6px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.topbar .brand-logo{display:block;width:auto!important;height:80px!important;max-width:none!important;object-fit:contain}
.shell{grid-template-columns:232px 1fr;min-height:calc(100vh - 82px)}
.sidebar{padding:26px 14px;background:#fff;box-shadow:4px 0 18px #173b690d;z-index:1}
.nav-item{position:relative;padding:13px 14px 13px 43px;margin:4px 0;color:#48627d;border-radius:8px;transition:.18s ease}
.nav-item:before{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:19px;text-align:center;color:#214b82;font-size:16px}
.nav-item[data-view="dashboard"]:before{content:"▦"}.nav-item[data-view="orcamentos"]:before{content:"▤"}.nav-item[data-view="ordens"]:before{content:"⚙"}.nav-item[data-view="notas"]:before{content:"▣"}.nav-item[data-view="clientes"]:before{content:"●"}.nav-item[data-view="usuarios"]:before{content:"♟"}
.nav-item:hover{background:#f1f6fb;color:#214b82;transform:translateX(2px)}.nav-item.active{background:#214b82;color:#fff;box-shadow:0 5px 14px #214b8230}.nav-item.active:before{color:#f5aa00}
.content{max-width:1420px;padding:34px 38px 55px}.eyebrow{color:#d88f00}.page-title h1{font-size:30px;color:#214b82}.page-title p:not(.eyebrow){color:#687b8f}
.primary{background:#214b82;border-bottom:3px solid #f5aa00;padding:11px 17px}.primary:hover{background:#173b69}.secondary{background:#edf3f8;color:#214b82}
.cards{gap:20px}.card{position:relative;overflow:hidden;padding:22px 24px;border:0;border-radius:12px;box-shadow:0 6px 22px #173b6912}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#f5aa00}.card strong{color:#214b82;font-size:34px}.card span{color:#61758a}
.panel{border:0;border-radius:12px;box-shadow:0 6px 22px #173b6910}.table-panel{border-top:4px solid #f5aa00}th{background:#214b82;color:#fff;padding-top:14px;padding-bottom:14px}tbody tr:hover{background:#fff8e5}
.badge.budget{background:#fff1c9;color:#9b6300}.badge.success,.badge.os{background:#dff3e9;color:#176543}
.dialog{border-top:5px solid #f5aa00;border-radius:12px}.dialog-heading h2{color:#214b82}.icon-button{color:#214b82}
input:focus,select:focus,textarea:focus{outline:2px solid #f5aa0066;border-color:#d99600!important}
#db-save-summary{border-left:5px solid #27a269!important;box-shadow:0 4px 14px #173b690c}
@media(max-width:900px){.topbar{padding:0 18px}.brand{min-width:0}.brand-logo{height:64px;max-width:220px}.brand-copy small{display:none}.shell{grid-template-columns:190px 1fr}.content{padding:25px 20px}}
@media(max-width:760px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;padding:10px 14px;border-bottom-width:3px}.brand{padding:3px 8px}.brand-logo{height:48px;max-width:245px}.brand-mark{width:37px;height:37px;font-size:37px}.brand-copy strong{font-size:19px}.shell{display:block}.sidebar{display:flex;gap:3px;padding:8px;overflow-x:auto}.nav-item{padding:10px 12px 10px 35px;flex:0 0 auto}.content{padding:20px 13px}.cards{gap:12px}}
.entry-item-lines{display:grid;gap:10px;margin-top:8px}.entry-service-line{display:grid;grid-template-columns:230px minmax(300px,1fr) 100px 36px;gap:8px;align-items:stretch}.entry-service-line select,.entry-service-line input,.entry-service-line textarea,.entry-material-line input,.entry-material-line textarea{width:100%;border:1px solid #c8d4dd;border-radius:5px;padding:9px;font:14px Arial;background:#fff}.entry-service-line textarea,.entry-material-line textarea{min-height:64px;resize:vertical}.entry-material-section{margin-top:18px;padding-top:14px;border-top:2px solid #e5edf4}.entry-material-section small{display:block;margin-top:8px;color:#657383}.entry-material-lines{display:grid;gap:10px;margin-top:8px}.entry-material-line{display:grid;grid-template-columns:minmax(360px,1fr) 110px 150px 36px;gap:8px;align-items:stretch}.entry-counter{float:right;background:#c62828;color:#fff;border-radius:999px;min-width:22px;padding:2px 7px;text-align:center;font-size:12px}.new-entry-row{background:#fff4f3!important;border-left:4px solid #c62828}@media(max-width:900px){.entry-service-line,.entry-material-line{grid-template-columns:1fr}.entry-service-line .remove-item,.entry-material-line .remove-item{height:34px}}
