/* MINHA OBRA | v7 PREMIUM MOBILE
   Identidade original em grafite e verde-lima. Inspiracao em UX bancario,
   sem imitar marcas de terceiros. Alta legibilidade no celular.
*/
:root{
 --bg:#0b1017; --paper:#171f29; --ink:#f4f7fb; --muted:#9ba9b9;
 --line:#293544; --brand:#bcf36c; --brand-dark:#d6ff91;
 --blue:#77a9ff;--orange:#ffb35d;--purple:#bc9cff;--red:#ff8289;--success:#a2f0c5;
 --radius:19px;--shadow:0 10px 30px rgba(0,0,0,.12);
 --glow:rgba(188,243,108,.15);
}
html{background:#0b1017;color-scheme:dark}
body{background:radial-gradient(ellipse at 16% -20%,#1f3440 0,transparent 35%),#0b1017;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-size:14px}
button,select,input,textarea{font-family:inherit}
button:active{filter:brightness(.95)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #bcf36c;outline-offset:2px}
a{color:#d6ff91}
.app-header{height:62px;background:rgba(13,19,27,.98);border-bottom:1px solid #2a3644;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.app-header .brand-btn img{width:39px;height:39px;border-radius:12px}
.brand-titles strong{font-size:17px;font-weight:850;letter-spacing:-.5px;color:#fff}
.brand-titles small{color:#a0b0c0;font-size:10px}
.avatar{background:#26323d;border:1px solid #394b54;color:#d6ff91;border-radius:50%;width:36px;height:36px}
.header-install{background:#26333d;border:1px solid #43504c;color:#c4f784;border-radius:12px}
.v7-tag{font-size:10px;color:#b8f169;background:#25382b;border:1px solid #41603b;padding:3px 6px;border-radius:5px;font-weight:900;margin:0 9px 0 2px;letter-spacing:.4px}
.main-view{max-width:980px;padding-top:17px}
.page-head h1{color:#f8f9fb;font-weight:860;font-size:23px;letter-spacing:-.9px}
.page-head p,.section-note,.subtitle,.muted{color:#9eacbd}
.section-title{color:#fff;font-weight:850;letter-spacing:-.5px}
.section-bar{margin:18px 0 10px}
.surface{background:linear-gradient(160deg,#1b2631,#161f29);border:1px solid #2a3744;box-shadow:0 8px 20px #03070c16;border-radius:18px;color:#f5f8fc}
.surface strong,.history-card h3{color:#f6f8fb}
.info-strip{background:#172c2b;border:1px solid #2b5946;color:#b8e9cb}
.warning-strip{background:#302719;color:#ffcf95;border-color:#6a512d}
.pill{background:#1f3d31;color:#b3e5b8}
.pill.blue{background:#213855;color:#a3caff}.pill.purple{background:#332748;color:#d5bcff}.pill.orange{background:#443122;color:#ffc789}.pill.red{background:#45272c;color:#ffc0c2}.pill.gray{background:#2c3641;color:#b9c5d2}.pill.inverted{background:#314723;color:#d5fcb4}
.btn{font-weight:800;border-radius:12px;min-height:46px;box-shadow:none}
.btn.primary{background:#bcf36c;color:#142019;border:1px solid #bcf36c}
.btn.secondary{background:#264330;color:#c6f5c2;border:1px solid #3a6349}
.btn.ghost{background:#232e3a;color:#edf2f8;border:1px solid #354555}
.btn.soft{background:#284532;color:#c4f7ce;border:1px solid #365b42}
.btn.warn{background:#4c3725;color:#ffd0a0;border-color:#71502e}
.btn.danger{background:#4c3031;color:#ffb5bd;border:1px solid #7d494e}
.btn.small{min-height:38px}
.field label{font-size:11.5px;color:#b0c2d5;font-weight:760}
.field input,.field select,.field textarea,.search-input,.status-select{background:#222e3a;border:1px solid #3a4a5a;color:#f5f7fa;border-radius:12px;font-size:15px;min-height:47px}
.field input::placeholder,.search-input::placeholder,.search-wrap input::placeholder{color:#8997a9}
.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus{border-color:#bcf36c;box-shadow:0 0 0 3px #bcf36c25}
.field select option,.status-select option{color:#f8f8fa;background:#202b35}
.search-wrap{background:#1a2631;border-color:#354555;min-height:48px;border-radius:14px}
.search-wrap:focus-within{border-color:#bcf36c;box-shadow:0 0 0 2px #bcf36c20}
.search-wrap input{color:#fff;min-height:47px;font-size:16px}
.search-wrap .material-icon{color:#b8f577}
.empty{background:#141e28;border:1px dashed #344657;color:#9faec1;padding:18px 15px}
.empty strong{color:#e4edf8}
.search-result{border-bottom:1px solid #2a3946;color:#fff;padding:13px 14px}
.search-result:active{background:#293b38}
.search-result strong{font-size:13px}
.search-result small{color:#a4b2c3}
.search-result .material-icon{color:#bdf46e}

/* Home. Cartao principal e atalhos de operacoes. */
.home-intro{margin-bottom:12px}
.home-intro .eyebrow{color:#aabcce;font-size:10px;letter-spacing:1.6px}
.home-intro h1{color:#fff;font-weight:880;font-size:25px;letter-spacing:-1.1px}
.home-intro p{color:#a1b1c4}
.hello-dot{color:#c7fa80}
.live-dot{background:#303926;color:#d8ff96;border:1px solid #4e6730;color:#d5fa93;font-weight:850}
.live-dot.connected{background:#213c33;color:#adf5cf;border:1px solid #325948}
.money-card{background:radial-gradient(circle at 96% 0%,#425d37 0,transparent 45%),linear-gradient(130deg,#273a33,#182923 52%,#15212b);border:1px solid #4c634a;border-radius:22px;padding:18px 19px;box-shadow:0 11px 27px #02080e54;min-height:154px;color:#fff}
.money-card:before{content:none}
.money-top{color:#c6f8ae;font-size:10px;letter-spacing:1.5px}
.money-copy strong{font-size:25px;color:#fff;line-height:1.1;letter-spacing:-1px}
.money-copy small{color:#b9d0c5;line-height:1.35}
.money-action{border-radius:999px;background:#c0f771;color:#1b261d;padding:9px 13px;margin-top:13px;font-size:12px;font-weight:900}
.money-action .material-icon{width:16px}
.progress-donut{background:conic-gradient(#c8fa82 var(--progress),#3c534e 0);border:1px solid #71865b;width:89px;height:89px}
.progress-donut:before{background:#21332e}
.progress-donut span{color:#f6ffe6}
.progress-donut small{color:#b8cdb5}
.modern-stats{gap:9px;margin-top:11px}
.modern-stats .stat{min-height:88px;padding:14px;border-radius:17px;gap:6px;background:#1a2530}
.modern-stats .stat .stat-top{font-size:10.5px;color:#adbbca}
.modern-stats .stat strong{font-size:26px;font-weight:890;color:#fff}
.stat-orange{border-color:#65513b;background:linear-gradient(135deg,#292b2c,#242327)!important}
.stat-teal{border-color:#315b52;background:linear-gradient(135deg,#1f3432,#1b292c)!important}
.stat-blue{border-color:#314f71;background:linear-gradient(135deg,#1b2e42,#1a2738)!important}
.stat-purple{border-color:#53416e;background:linear-gradient(135deg,#2c253a,#20242f)!important}
.stat-orange .stat-top svg{color:#ffc16c}.stat-teal .stat-top svg{color:#6edbbf}.stat-blue .stat-top svg{color:#92bdff}.stat-purple .stat-top svg{color:#d4aaff}
.insights{margin-top:10px;padding:13px 15px;background:#18232d}
.insights-head strong{font-size:13px;color:#eaf1f9}
.insights-head span{color:#a7b4c3}
.micro-bar{background:#2d3945;height:8px}
.insights-detail{color:#9aabb8;font-size:10px}
.insights-detail span{color:#9eafb9}
.primary-search{background:#1d2a35;border:1px solid #415263;border-radius:15px;min-height:53px}
.primary-search input{min-height:51px;font-size:16px}
.primary-search .material-icon{color:#c3fb7a}
.home-results>.empty{background:#121c25;border:1px dashed #344453}
.quick-tiles{gap:9px}
.quick-tile{min-height:68px;background:#1b2630;color:#f7f9fa;text-align:left;padding:11px 10px}
.quick-tile>span:nth-child(2){color:#fff;font-weight:820;font-size:12px}
.quick-tile>.material-icon{color:#96a7b9}
.qt-icon{width:37px;height:37px;border-radius:12px}
.c-teal{background:#203f35;color:#77e6c2}.c-blue{background:#253f61;color:#a1c3ff}.c-orange{background:#45331f;color:#ffc275}.c-purple{background:#392e52;color:#d5b5ff}.c-red{background:#482d35;color:#ffb8c1}
.install-teaser{background:#20352f;border-color:#3a5e49;color:#cbf8b8}
.install-teaser-icon{background:#36553d;color:#c7fb98}
.install-teaser strong{color:#ecffe3}.install-teaser small{color:#b5d5bc}

/* Cotacao em loja: campos visiveis, alto contraste e salvamento claro */
.quote-bar{background:#1b2630;padding:13px;margin-bottom:10px}
.toolbar{background:#19242f;margin:9px 0;padding:12px;border:1px solid #314251}
.toolbar .filters{gap:7px}
.toolbar-bottom,.toolbar .toolbar-bottom{color:#a9bbc8}
.inline-check{color:#b9c6d7}
.inline-check input{accent-color:#bef177;width:18px;height:18px}
.room-group{margin:13px 0 14px}
.room-label{color:#edf8fb;font-size:14px;margin:12px 3px 9px;font-weight:850}
.room-label small{color:#9cabbc}
.quote-item{border-bottom:1px solid #30404e;padding:13px 12px;background:#1b2530}
.quote-item-head strong{color:#f6f9fd;font-size:14px}
.quote-item-head small{color:#a7bacb;font-size:11px}
.quote-item .saved{color:#b0efb8}
.quote-item-bottom .field input{font-size:17px;font-weight:850;background:#24333d}
.quote-item-bottom .btn{min-width:91px;background:#c4f581;color:#14251c;font-weight:880}
.sticky-footer{background:#223135;border:1px solid #4b6646;box-shadow:0 7px 18px #050a0f4d;backdrop-filter:blur(12px)}
.sticky-footer strong{color:#fff}.sticky-footer small{color:#acbdc6}
.sticky-footer .btn.primary{background:#c5f682;color:#18241a}

/* Controle / historico / materiais */
.item-card{border-bottom:1px solid #2e3d4c;background:transparent}
.item-card .meta{color:#9eadbe}
.status-select{color:#c7fa96;font-size:12px;padding:7px 8px}
.history-card{background:#1b2530}
.history-top h3{color:#fff}
.history-top strong{color:#c5f87e}
.history-meta{color:#9eb1c0}
.history-line{border-color:#334250;color:#eaf0f5}
.history-group-title{color:#c8f695}
.metric{background:#283745;color:#ecf4f7}
.metric strong{color:#f5fbff}.metric small{color:#bac9d4}
.stair-card.active{border-color:#7b9c5e;background:#23362b}
.stair-card ol{color:#b9c6d2}
.stair-card h3{color:#fff}
.stair-card p{color:#aab8c5}
.chip{background:#283340;color:#d4dfeb;border-color:#394a5b}
.chip.active{background:#3d512c;border-color:#9bc668;color:#ecffd3}

/* Sheets, login e menus */
.sheet-mask{background:#02070ac9}
.sheet{background:#151f29;color:#f9fbfc;box-shadow:0 -16px 55px #000b;border:1px solid #3b4c55;border-bottom:0}
.sheet:before{background:#536372}
.sheet-header h2{color:#fff}
.sheet-header small{color:#a9b9c9}
.sheet .surface{background:#1d2934}
.sheet .field input,.sheet .field select,.sheet .field textarea{background:#263441;color:#fff}
.toast{background:#d2fa99;color:#182419;box-shadow:0 5px 23px #0009;font-weight:800}
.auth-screen{background:radial-gradient(circle at 85% 8%,#3d6140 0,transparent 40%),#0a1219}
.auth-card{background:#17242e;color:#eff9fc;border:1px solid #394d57;box-shadow:0 25px 65px #0309107c}
.auth-head h1{color:#fff}
.auth-head p,.auth-help{color:#acbcc8}
.auth-head img{box-shadow:0 7px 25px #102e1780}
.segmented{background:#263441}
.segmented button{color:#abbaca}
.segmented button.active{background:#3b5437;color:#dff9ae;box-shadow:0 3px 12px #080d1233}
.starter-option{background:#222f3b;border-color:#3b4c5d;color:#fff}
.starter-option:has(input:checked){background:#2b4130;border-color:#9fc86a}
.starter-option input{accent-color:#bcf36c}
.starter-option small{color:#a7b9c4}
.step-row{background:#253440;color:#ebf4f7}
.step-row>b{background:#baf179;color:#172319}

/* Rodape de aplicativo: compacto, cores diferentes por acao */
.bottom-nav{background:rgba(13,20,28,.97);border-top:1px solid #3a4956;box-shadow:0 -8px 22px #02080dbb;height:calc(72px + env(safe-area-inset-bottom));padding:5px 5px calc(5px + env(safe-area-inset-bottom));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.nav-item{color:#abb9c5;font-size:10px;font-weight:820;gap:3px}
.nav-item .nav-glyph{width:43px;height:37px;background:transparent!important;border:1px solid transparent;border-radius:12px}
.nav-item .material-icon{width:23px;height:23px}
.nav-item[data-tab=home] .material-icon{color:#80e5c1}
.nav-item[data-tab=quote] .material-icon{color:#95baff}
.nav-item[data-tab=history] .material-icon{color:#d2aeff}
.nav-item[data-tab=items] .material-icon{color:#ffc277}
.nav-item[data-tab=general] .material-icon{color:#ff9299}
.nav-item.active{color:#fff}
.nav-item.active .nav-glyph{background:#263a33!important;border-color:#6d9d5a;box-shadow:0 0 0 1px #baf17b inset;transform:translateY(-2px)}
.nav-item.active[data-tab=quote] .nav-glyph{background:#23354c!important;border-color:#7b9bcc;box-shadow:0 0 0 1px #9bbcf9 inset}
.nav-item.active[data-tab=history] .nav-glyph{background:#332a46!important;border-color:#8d7aa9;box-shadow:0 0 0 1px #c09bff inset}
.nav-item.active[data-tab=items] .nav-glyph{background:#433222!important;border-color:#b4874a;box-shadow:0 0 0 1px #ffbe66 inset}
.nav-item.active[data-tab=general] .nav-glyph{background:#412c32!important;border-color:#a7656b;box-shadow:0 0 0 1px #ff9e9e inset}
.nav-item.active .nav-glyph:after{background:#c0f777;bottom:-4px}

@media (max-width:760px){
 .main-view{padding:13px 12px calc(101px + env(safe-area-inset-bottom));max-width:600px}
 .home-intro{margin-bottom:11px}
 .home-intro h1{font-size:23px}
 .money-card{min-height:134px;padding:16px 14px;border-radius:19px}
 .money-copy strong{font-size:21px}
 .money-copy small{font-size:11px}
 .money-action{font-size:11px;padding:8px 10px;margin-top:9px}
 .progress-donut{width:78px;height:78px}
 .progress-donut span{font-size:19px}
 .progress-donut:before{inset:8px}
 .modern-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .modern-stats .stat{padding:12px;min-height:75px}
 .modern-stats .stat strong{font-size:22px}
 .section-bar{margin:15px 0 8px}
 .insights{padding:12px}
 .quick-tile{min-height:60px;padding:9px}
 .quote-bar .field-grid{grid-template-columns:1.25fr 1fr}
 .page-head h1{font-size:21px}
 .page-head{margin-bottom:10px}
 .quote-item-bottom .btn{min-width:84px}
 .bottom-nav{height:calc(69px + env(safe-area-inset-bottom))}
 .sticky-footer{bottom:calc(68px + env(safe-area-inset-bottom))}
 .v7-tag{margin-right:7px}
}
@media (max-width:375px){
 .main-view{padding-left:10px;padding-right:10px}
 .v7-tag{margin-right:4px;font-size:9px;padding:3px 4px}
 .modern-stats .stat{padding:11px}
 .quick-tile>span:nth-child(2){font-size:11px}
 .brand-titles small{max-width:132px}
}
@media (min-width:1000px){
 .bottom-nav{max-width:700px;height:79px;padding:5px 10px 5px}
}
@media print{
 html,body{background:#fff!important;color:#000!important;color-scheme:light}
 #printRoot{display:block!important;color:#000}
 #printRoot *{color:#111!important;background:transparent!important}
}