*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f6f8;color:#182026}.top{background:#fff;border-bottom:1px solid #ddd;padding:15px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.top a{margin-left:15px;color:#c00;text-decoration:none}.brand{font-size:26px;font-weight:800;color:#111}.brand span{color:#555555}.wrap{max-width:1100px;margin:25px auto;padding:0 16px}.hero h1{margin-bottom:4px}.muted{color:#667}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.stats div,.panel,.task{background:#fff;border:1px solid #e1e5e7;border-radius:12px;padding:18px}.stats b{display:block;font-size:30px}.stats span{color:#667}.panel{margin:18px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}label{font-size:13px;font-weight:700}input,select,textarea{width:100%;margin-top:6px;padding:11px;border:1px solid #ccd3d7;border-radius:8px;background:#fff;font:inherit}textarea{min-height:80px}.wide{grid-column:1/-1}.btn{border:1px solid #555555;background:#fff;color:#555555;padding:10px 14px;border-radius:8px;text-decoration:none;display:inline-block;cursor:pointer}.btn.primary{background:#555555;color:#fff}.btn.small{padding:7px 9px;font-size:12px}.task{margin:12px 0}.task-head{display:flex;justify-content:space-between;gap:10px}.badge{padding:5px 8px;border-radius:20px;background:#eef5ef;font-size:12px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline{display:flex;gap:6px;flex-wrap:wrap;flex:1}.inline input{min-width:180px}.users{margin-top:15px;display:grid;gap:8px}.link{border:0;background:none;color:#555555;cursor:pointer}.login-bg{min-height:100vh;display:grid;place-items:center;background:#eef4ef}.login-card{width:min(420px,92%);background:#fff;padding:32px;border-radius:16px;box-shadow:0 8px 30px #0001}.login-card h1{margin-bottom:4px}.login-card form{display:grid;gap:14px}.login-card .btn{width:100%;font-size:16px}.alert{background:#fee;border:1px solid #fbb;color:#900;padding:10px;border-radius:8px;margin:12px 0}.hint{font-size:12px;color:#667;margin-top:20px}@media(max-width:700px){.top{padding:12px 16px}.top>div:last-child{font-size:12px}.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.wrap{margin-top:15px}.task-head{align-items:flex-start}.inline{width:100%}.inline input,.inline select,.inline button{flex:1;min-width:0}.actions>a{flex:1;text-align:center}}
.success{background:#edf8ee;border:1px solid #b8dfbd;color:#176b20;padding:10px;border-radius:8px;margin:12px 0}

.top-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top-link{color:#555555;text-decoration:none;font-weight:600}.logout{color:#c00!important;text-decoration:none}.narrow{max-width:650px}.password-form{display:grid;gap:14px}.password-panel h1{margin-bottom:4px}

.service-select{font-weight:700}
.service-badge{display:inline-block;padding:7px 12px;border-radius:20px;color:#fff;font-weight:700;font-size:12px}
.service-instalação{background:#1683e8}.service-manutenção{background:#f28a12}.service-retirada{background:#e53935}
.badges{display:flex;gap:7px;align-items:center;flex-wrap:wrap}

.task-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.task-tabs a{padding:8px 12px;border:1px solid #d4dbd7;border-radius:20px;text-decoration:none;color:#35523b;background:#fff;font-size:13px}
.task-tabs a.active{background:#555555;color:#fff;border-color:#555555}

/* Identidade visual RasterGPS: cinza + amarelo */
:root{--raster-gray:#666666;--raster-dark:#252525;--raster-yellow:#ffc400;--raster-yellow-dark:#e5aa00;--raster-bg:#f4f4f4}
body{background:var(--raster-bg);color:var(--raster-dark)}
.top{background:#fff;border-bottom:4px solid var(--raster-yellow)}
.brand{color:var(--raster-gray)}
.brand span{color:var(--raster-yellow)}
.btn{border-color:var(--raster-gray);color:var(--raster-gray)}
.btn.primary{background:var(--raster-yellow);border-color:var(--raster-yellow);color:#222}
.top-link,.link{color:#555}
.task-tabs a.active{background:var(--raster-yellow);color:#222;border-color:var(--raster-yellow)}
.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#252525 0%,#3c3c3c 48%,#ededed 48%,#f7f7f7 100%)}
.login-shell{width:min(980px,96vw);min-height:590px;display:grid;grid-template-columns:46% 54%;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.22)}
.login-brand{position:relative;padding:54px 48px;background:linear-gradient(150deg,#222 0%,#3b3b3b 100%);color:#fff;display:flex;flex-direction:column;justify-content:center}
.login-brand:after{content:"";position:absolute;right:-1px;top:0;bottom:0;width:7px;background:var(--raster-yellow)}
.login-logo{width:min(350px,100%);height:auto;object-fit:contain;filter:none;margin-bottom:22px}
.brand-line{width:150px;height:5px;background:var(--raster-yellow);border-radius:5px;margin-bottom:20px}
.login-brand h2{font-size:31px;margin:0 0 7px}
.login-brand p{font-size:16px;color:#eee;margin:0}
.brand-features{display:grid;gap:14px;margin-top:40px;font-size:14px;color:#f0f0f0}
.brand-features span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--raster-yellow);color:#222;font-weight:800;margin-right:9px}
.login-card{width:auto;align-self:stretch;padding:64px 66px;display:flex;flex-direction:column;justify-content:center;border-radius:0;box-shadow:none}
.login-card h1{font-size:32px;margin:0 0 6px;color:#252525}
.login-card .muted{margin:0 0 26px}
.login-card form{display:grid;gap:17px}
.login-card input{padding:14px 13px;border:1px solid #d1d1d1;border-radius:9px;background:#fafafa}
.login-card input:focus{outline:none;border-color:var(--raster-yellow);box-shadow:0 0 0 3px rgba(255,196,0,.18)}
.login-card .btn{width:100%;padding:14px;font-size:17px;font-weight:700;border-radius:9px}
.login-card .alert{margin:0 0 12px}
.mobile-logo{display:none}
@media(max-width:760px){
 .login-bg{padding:12px;background:#f2f2f2}
 .login-shell{display:block;width:100%;min-height:auto;border-radius:16px}
 .login-brand{display:none}
 .login-card{padding:35px 25px}
 .mobile-logo{display:block;text-align:center;margin-bottom:18px}
 .mobile-logo img{width:210px;max-width:80%;height:auto}
 .login-card h1{font-size:27px}
}

.top-logo{height:48px;width:auto;display:block}.top .brand{display:flex;align-items:center}


/* DASHBOARD ADMINISTRATIVO — RasterGPS */
.admin-layout{min-height:100vh;display:flex;background:#f5f6f8}.sidebar{width:238px;background:#20262d;color:#fff;position:fixed;left:0;top:0;bottom:0;z-index:20;display:flex;flex-direction:column}.side-brand{height:76px;background:#fff;display:flex;align-items:center;justify-content:center;border-bottom:3px solid var(--raster-yellow)}.side-brand img{max-width:205px;max-height:58px;object-fit:contain}.sidebar nav{padding:14px 0}.nav-item{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;padding:13px 22px;font-size:14px;font-weight:600;border-left:4px solid transparent}.nav-item span{width:20px;text-align:center;font-size:18px}.nav-item:hover{background:#303840}.nav-item.active{background:var(--raster-yellow);color:#171717;border-left-color:#e0aa00}.side-message{margin-top:auto;padding:30px 24px 35px;text-align:center;border-top:1px solid #3b4249;background:linear-gradient(180deg,#222a31,#171c21)}.side-message .pin{font-size:38px;color:var(--raster-yellow);margin-bottom:10px}.side-message b{font-size:14px;line-height:1.35}.admin-main{margin-left:238px;width:calc(100% - 238px);min-width:0}.admin-top{height:62px;background:#303942;color:#fff;display:flex;align-items:center;padding:0 28px;box-shadow:0 2px 8px #0002}.menu-btn{border:0;background:none;color:#fff;font-size:22px;cursor:pointer}.top-spacer{flex:1}.top-user{font-size:13px}.top-user span{opacity:.75}.top-user a{color:#fff;text-decoration:none;margin-left:10px}.admin-content{padding:24px 28px 45px;max-width:1600px;margin:auto}.admin-welcome{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.admin-welcome h1{margin:0 0 4px;font-size:25px}.admin-welcome p{margin:0;color:#71808c}.date-now{font-size:13px;color:#4d5962;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metric{background:#fff;border:1px solid #e2e6e9;border-radius:9px;padding:18px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 8px #0000000a}.metric-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#eef1f4;color:#37424b;font-size:25px;font-weight:700}.metric b{display:block;font-size:28px;color:#182026}.metric span{font-size:12px;color:#71808c}.metric.yellow{border-left:3px solid var(--raster-yellow)}.metric.yellow .metric-icon{color:#222;background:#fff7d5}.metric.blue{border-left:3px solid #1683e8}.metric.blue .metric-icon{color:#1683e8;background:#edf6ff}.metric.green{border-left:3px solid #199447}.metric.green .metric-icon{color:#199447;background:#eaf8ef}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(300px,.95fr);gap:16px}.dash-card{background:#fff;border:1px solid #e0e5e8;border-radius:9px;padding:16px;box-shadow:0 2px 8px #00000008;margin-bottom:16px}.dash-card h2{font-size:15px;margin:0 0 14px;color:#202a31}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.card-title h2{margin:0}.card-title a{color:#6a6a6a;text-decoration:none;font-size:12px;font-weight:700}.card-title p{margin:3px 0 0;color:#77838c;font-size:12px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:900px}.table-wrap th{font-size:10px;text-transform:none;color:#65717a;text-align:left;padding:10px 8px;border-bottom:1px solid #e7eaec;white-space:nowrap}.table-wrap td{font-size:11px;color:#354149;padding:11px 8px;border-bottom:1px solid #edf0f2;white-space:nowrap}.table-wrap tr:hover td{background:#fafafa}.svc,.status{display:inline-block;padding:5px 9px;border-radius:6px;color:#fff;font-size:10px;font-weight:700}.svc.inst{background:#1683e8}.svc.man{background:#f28a12}.svc.ret{background:#e53935}.status.pending{background:#ffd43b;color:#222}.status.progress{background:#1683e8}.status.done{background:#3bbd70}.actions-cell a{color:#56616a;text-decoration:none;margin-right:8px;font-size:15px}.empty{text-align:center!important;padding:30px!important;color:#89949b!important}.right-stack .dash-card{margin-bottom:16px}.service-cards{display:grid;grid-template-columns:1fr;gap:9px}.service-box{border-radius:7px;color:#fff;padding:11px 13px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px}.service-box b{font-size:18px}.service-box strong{font-size:12px}.service-box span{font-size:20px;font-weight:800}.service-box.inst{background:#1683e8}.service-box.man{background:#f28a12}.service-box.ret{background:#e53935}.summary{display:grid;gap:11px}.summary div{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:6px;font-size:12px;color:#52606a}.summary div span{font-size:18px}.summary div b{font-size:14px;color:#1f272d}.shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.shortcuts a{border:1px solid #e0e5e8;border-radius:7px;padding:12px 5px;text-align:center;text-decoration:none;color:#39454d;font-size:10px}.shortcuts b{display:block;font-size:18px;margin-bottom:5px;color:#222}.shortcuts a:first-child{border-top:3px solid var(--raster-yellow)}.lower-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:16px}.lower-grid .dash-card{margin-bottom:16px}.admin-form{display:grid;gap:14px}.service-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.service-picker label{margin:0}.service-picker input{display:none}.service-picker span{display:block;padding:12px;border-radius:6px;color:#fff;text-align:center;font-weight:700;font-size:12px;cursor:pointer}.service-picker span.inst{background:#1683e8}.service-picker span.man{background:#f28a12}.service-picker span.ret{background:#e53935}.service-picker input:not(:checked)+span{opacity:.72}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.form-grid label{font-size:11px;color:#4d5962}.form-grid input,.form-grid select,.form-grid textarea{font-size:12px;padding:10px;background:#fbfcfc;border-radius:6px}.btn-yellow{border:0;background:var(--raster-yellow);color:#222;font-weight:800;padding:11px 17px;border-radius:6px;cursor:pointer;justify-self:end}.tech-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px}.tech-form input{font-size:12px;padding:10px}.tech-list{margin-top:15px;border-top:1px solid #e9ecef}.tech-list>div{display:grid;grid-template-columns:30px 1fr auto auto;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #eef0f2;font-size:12px}.tech-list small{color:#2d9b52}.tech-list .link{font-size:11px}.avatar{width:27px;height:27px;border-radius:50%;background:#f0f2f4;display:grid;place-items:center}.reports-card{margin-top:0}.report-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.report-grid>div{border:1px solid #e4e8ea;border-radius:7px;padding:14px}.report-grid b{display:block;font-size:21px}.report-grid span{font-size:11px;color:#75818a}.bar-report{margin-top:16px;display:grid;gap:10px}.bar-report>div{display:grid;grid-template-columns:90px 1fr 30px;gap:9px;align-items:center;font-size:11px}.bar-report i{height:9px;background:#edf0f2;border-radius:10px;overflow:hidden}.bar-report em{display:block;height:100%;background:var(--raster-yellow);border-radius:10px}.bar-report b{text-align:right}.reports-card a{color:#666}.app-body{background:#f5f6f8}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.right-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.right-stack .dash-card{margin-bottom:0}.form-grid{grid-template-columns:repeat(2,1fr)}.tech-form{grid-template-columns:1fr 1fr}.report-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.admin-main{margin-left:0;width:100%}.admin-top{padding:0 15px}.top-user{font-size:11px}.admin-content{padding:18px 12px}.admin-welcome{align-items:flex-start;flex-direction:column}.date-now{display:none}.metric-grid{grid-template-columns:1fr 1fr}.right-stack{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.service-picker{grid-template-columns:1fr}.tech-form{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr 1fr}.top-user span{display:none}}
@media(max-width:430px){.metric-grid{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}.top-user a:first-of-type{display:none}}


/* LAYOUT TÉCNICO — atualização visual RasterGPS, sem alterar funções */
.tech-top{height:72px;padding:10px 32px;background:#252525;border-bottom:4px solid var(--raster-yellow);color:#fff;box-shadow:0 3px 12px rgba(0,0,0,.14);position:sticky;top:0;z-index:10}
.tech-top .top-logo{height:50px;filter:none}
.tech-top .top-actions{font-size:13px;color:#fff}
.tech-top .top-link{color:#fff;text-decoration:none}
.tech-top .logout{color:var(--raster-yellow)!important;font-weight:700}
.tech-wrap{max-width:1250px;margin:0 auto;padding:28px 22px 50px}
.tech-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;padding:4px 2px}
.tech-hero h1{font-size:28px;margin:0 0 5px;color:#202020}
.tech-hero .muted{margin:0;color:#6f7880}
.tech-hero:after{content:"";display:block}
.tech-wrap .stats{grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 18px}
.tech-wrap .stats div{position:relative;overflow:hidden;border-radius:10px;padding:19px 20px;border:1px solid #e0e4e7;box-shadow:0 3px 12px rgba(0,0,0,.06);background:#fff}
.tech-wrap .stats div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--raster-yellow)}
.tech-wrap .stats div:nth-child(2):before{background:#1683e8}
.tech-wrap .stats div:nth-child(3):before{background:#28a55b}
.tech-wrap .stats b{font-size:30px;color:#20252a;line-height:1.1}
.tech-wrap .stats span{font-size:12px;color:#69757e;margin-top:5px;display:block}
.tech-panel{margin:0;background:#fff;border:1px solid #dfe4e7;border-radius:12px;padding:20px;box-shadow:0 4px 18px rgba(0,0,0,.06)}
.tech-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-bottom:1px solid #edf0f2;padding-bottom:12px}
.tech-panel-head h2{font-size:18px;margin:0 0 3px;color:#222}
.tech-panel-head p{font-size:12px;margin:0}
.tech-date{font-size:12px;color:#6b747b;white-space:nowrap}
.tech-panel .task-tabs{margin:16px 0 18px;gap:8px}
.tech-panel .task-tabs a{padding:9px 14px;border-radius:7px;border:1px solid #dde2e5;background:#f8f9fa;color:#4c5860;font-weight:700;font-size:12px}
.tech-panel .task-tabs a.active{background:var(--raster-yellow);border-color:var(--raster-yellow);color:#222;box-shadow:0 2px 7px rgba(255,196,0,.22)}
.tech-task{margin:12px 0;border-radius:10px;padding:17px 18px;border:1px solid #e1e5e8;border-left:4px solid var(--raster-yellow);box-shadow:0 2px 9px rgba(0,0,0,.045);transition:transform .15s,box-shadow .15s}
.tech-task:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgba(0,0,0,.07)}
.tech-task .task-head{align-items:center;margin-bottom:10px}
.tech-task .task-head>strong{font-size:15px;color:#20262b}
.tech-task .badges{justify-content:flex-end}
.tech-task .badge{background:#fff4c7;color:#5a4700;border:1px solid #f0d36a;font-weight:700}
.tech-task .task-info{font-size:12px;line-height:1.75;color:#56636b;background:#f8f9fa;border-radius:8px;padding:10px 12px}
.tech-task .task-info b{color:#252b30}
.tech-task>p{font-size:12px;color:#5c6870;margin:10px 0}
.tech-task .actions{margin-top:12px;padding-top:12px;border-top:1px solid #edf0f2}
.tech-task .btn{border-color:#d3d9dc;color:#39444b;background:#fff;font-weight:700}
.tech-task .btn:hover{border-color:var(--raster-yellow);background:#fff9df;color:#222}
.tech-task .inline select,.tech-task .inline input{border-color:#d3d9dc;background:#fbfcfc;font-size:12px}
.tech-task .inline button{background:var(--raster-yellow);border-color:var(--raster-yellow);color:#222;font-weight:800}
.tech-task .service-instalação{background:#1683e8}
.tech-task .service-manutenção{background:#f28a12}
.tech-task .service-retirada{background:#e53935}
@media(max-width:760px){
 .tech-top{height:auto;min-height:68px;padding:9px 14px}.tech-top .top-logo{height:42px;max-width:170px}.tech-top .top-actions{font-size:11px;gap:7px}.tech-wrap{padding:18px 12px 35px}.tech-hero{display:block;margin-bottom:14px}.tech-hero h1{font-size:24px}.tech-wrap .stats{grid-template-columns:1fr 1fr;gap:10px}.tech-wrap .stats div{padding:15px}.tech-wrap .stats b{font-size:25px}.tech-panel{padding:14px}.tech-panel-head{align-items:flex-start}.tech-date{display:none}.tech-task{padding:14px}.tech-task .task-head{align-items:flex-start;flex-direction:column}.tech-task .badges{justify-content:flex-start}.tech-task .actions>a{flex:1;text-align:center}.tech-task .inline{width:100%;display:grid;grid-template-columns:1fr}.tech-task .inline input,.tech-task .inline select,.tech-task .inline button{min-width:0;width:100%}
}
@media(max-width:430px){.tech-top .top-actions{flex-direction:column;align-items:flex-end}.tech-wrap .stats{grid-template-columns:1fr}.tech-panel .task-tabs a{flex:1;text-align:center}.tech-task .actions>a{min-width:100%}}

/* Filtro do dashboard administrativo */
.admin-filter-card{margin-bottom:20px}
.dashboard-filter{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.dashboard-filter label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#4a4a4a}
.dashboard-filter select,.dashboard-filter input{height:42px;min-width:150px;border:1px solid #d9d9d9;border-radius:10px;padding:0 12px;background:#fff;font:inherit;color:#333}
.dashboard-filter .filter-field{display:none}
.dashboard-filter .btn-yellow{height:42px;white-space:nowrap}
.filter-clear{height:42px;display:flex;align-items:center;padding:0 14px;border-radius:10px;text-decoration:none;color:#555;border:1px solid #ddd;background:#fff;font-weight:700}
.filter-result{margin-top:12px;font-size:13px;color:#777}
@media(max-width:700px){
 .dashboard-filter{display:grid;grid-template-columns:1fr 1fr}
 .dashboard-filter label:first-child{grid-column:1/-1}
 .dashboard-filter .btn-yellow,.dashboard-filter .filter-clear{width:100%;justify-content:center}
 .dashboard-filter select,.dashboard-filter input{min-width:0;width:100%}
}