@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#f1f4f0;background:#0e1412;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#0e1412;--surface:#151d19;--surface-raised:#1b2520;--line:rgba(221,239,224,.09);--muted:#9aa69d;--muted-2:#748078;--text:#f1f4f0;--accent:#b6e5b9;--accent-deep:#8dcf96;--green:#86d6a5;--orange:#f4c87a;--red:#fa9292;--shadow:0 20px 60px rgba(0,0,0,.32)}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 50% -28%,rgba(99,155,105,.13),transparent 56%),var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{color:inherit}a{color:inherit}.app-shell{width:min(1120px,calc(100% - 64px));margin:0 auto}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none}.brand-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#a7d8a8,#658c69);display:grid;place-items:center;box-shadow:0 5px 20px #70b57822}.brand-mark svg{width:29px;fill:none;stroke:#142218;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.brand-copy{display:grid;gap:1px}.brand-copy strong{font:800 16px Manrope,sans-serif;letter-spacing:-.04em}.brand-copy strong span{color:#a7d9ad}.brand-copy small{font-size:10px;color:var(--muted-2);letter-spacing:.02em}.topbar-actions{display:flex;align-items:center;gap:14px}.local-badge{display:flex;align-items:center;gap:8px;color:#bac6bd;font-size:11px}.local-badge span{width:7px;height:7px;border-radius:50%;background:#8fc997;box-shadow:0 0 10px #8fc99788}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:12px;cursor:pointer}.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.welcome{display:flex;justify-content:space-between;align-items:flex-end;padding:51px 0 30px;gap:24px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.17em;color:#9acba0;margin:0 0 12px}.eyebrow-dot{display:inline-block;width:6px;height:6px;background:#95ce9b;border-radius:50%;margin-right:6px;vertical-align:1px;box-shadow:0 0 9px #95ce9b99}.welcome h1{font:700 clamp(34px,5vw,48px)/1.08 Manrope,sans-serif;letter-spacing:-.055em;margin:0}.welcome h1 span{color:#a8d6ad}.welcome-copy{margin:13px 0 0;color:#a1aba3;font-size:13px}.primary-button,.secondary-button,.danger-button{border:0;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .16s ease,background .16s ease,border-color .16s ease}.primary-button{background:linear-gradient(120deg,#c3e9c2,#97d29c);color:#142119;padding:0 17px;min-height:46px;font-weight:700;font-size:12px;box-shadow:0 8px 26px #82c98d18}.primary-button:hover{background:#d1f0cd;transform:translateY(-1px)}.primary-button svg,.secondary-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:48px}.summary-card{min-height:83px;border:1px solid var(--line);background:linear-gradient(130deg,rgba(255,255,255,.033),rgba(255,255,255,.012));border-radius:15px;padding:15px 17px;display:flex;align-items:center;gap:13px}.summary-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;flex:none}.summary-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.active-icon{color:var(--green);background:#69cd7f17}.soon-icon{color:var(--orange);background:#e8a73a17}.expired-icon{color:var(--red);background:#e15b5b17}.summary-card>div{display:grid;gap:2px;min-width:0}.summary-label{font-size:10px;color:#a2ada4}.summary-card strong{font:700 21px Manrope,sans-serif;letter-spacing:-.04em}.summary-note{font-size:9px;color:var(--muted-2);margin-left:auto;text-align:right}.notice{display:flex;align-items:flex-start;gap:12px;background:#deb15c10;border:1px solid #deb15c30;border-radius:13px;padding:14px 16px;margin:-28px 0 38px}.notice[hidden]{display:none}.notice-symbol{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#d7aa5318;color:var(--orange);font-weight:800;font-size:12px;flex:none}.notice>div{flex:1}.notice strong{font-size:11px;color:#f1d5a0}.notice p{margin:3px 0 0;font-size:10px;color:#b1a78c}.notice button{border:0;background:transparent;color:#a69b82;font-size:20px;line-height:1;cursor:pointer}.inventory{position:relative;padding-bottom:25px}.inventory-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.inventory-heading .eyebrow{color:#838f85;font-size:8px;margin-bottom:6px}.inventory-heading h2{font:700 20px Manrope,sans-serif;letter-spacing:-.035em;margin:0}.inventory-tools{position:relative;display:flex;gap:8px}.search-box{height:36px;width:220px;display:flex;gap:8px;align-items:center;border:1px solid var(--line);background:#ffffff05;border-radius:10px;padding:0 10px}.search-box svg{width:15px;height:15px;stroke:#808c83;fill:none;stroke-width:1.8;flex:none}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:10px}.search-box input::placeholder{color:#778179}.secondary-button{height:36px;padding:0 11px;background:#ffffff05;border:1px solid var(--line);color:#c3ccc4;font-size:10px;font-weight:600}.secondary-button:hover{background:#ffffff0a;border-color:#a3c4a844}.filter-menu,.card-menu{position:absolute;z-index:5;background:#202923;border:1px solid #dcebdd1c;box-shadow:var(--shadow);border-radius:11px;padding:5px;min-width:170px}.filter-menu{right:0;top:43px}.filter-menu button,.card-menu button{display:block;width:100%;text-align:left;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:#c7d0c8;font-size:10px;cursor:pointer}.filter-menu button:hover,.card-menu button:hover{background:#ffffff0a}.filter-menu[hidden],.card-menu[hidden]{display:none}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.product-card{position:relative;min-width:0;border:1px solid var(--line);border-radius:15px;padding:15px;background:linear-gradient(150deg,#17201b,#131a16);overflow:visible;transition:border-color .18s ease,transform .18s ease}.product-card:hover{border-color:#acd9ad38;transform:translateY(-2px)}.product-card-head{display:flex;align-items:center;gap:8px;position:relative}.product-symbol{width:32px;height:32px;border:1px solid #a8d5ad24;background:#8fc7960d;border-radius:10px;display:grid;place-items:center;color:#acd9ad}.product-symbol svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.status-pill{border-radius:20px;padding:5px 8px;font-size:8px;font-weight:700;letter-spacing:.01em}.status-pill.status-active{color:#a6deb0;background:#80d48b12}.status-pill.status-soon{color:#f2cd88;background:#e6b55e14}.status-pill.status-expired{color:#f19b9b;background:#e56d6d13}.card-menu-trigger{margin-left:auto;background:transparent;border:0;color:#9ba69d;letter-spacing:1px;font-weight:700;cursor:pointer;line-height:1;padding:6px}.card-menu{right:0;top:34px;min-width:130px}.menu-danger{color:#f39c9c!important}.product-store{color:#839188;font-size:9px;margin:15px 0 5px;min-height:12px}.product-name{font:700 15px Manrope,sans-serif;letter-spacing:-.03em;margin:0;overflow-wrap:anywhere}.product-model{font-size:10px;color:#849188;margin:3px 0 0;min-height:13px;overflow-wrap:anywhere}.warranty-track{margin-top:18px;padding:11px 10px 10px;border:1px solid #ffffff08;border-radius:10px;background:#ffffff03}.track-labels,.track-dates{display:flex;justify-content:space-between;gap:8px}.track-labels{font-size:7px;color:#78847a}.remaining-label{color:#c4d1c5;text-align:center}.track-dates{margin-top:6px;font-size:8px;color:#a8b2aa}.track-dates strong:last-child{text-align:right}.track-line{height:3px;background:#ffffff10;border-radius:8px;margin:8px 0 0;position:relative}.track-progress{position:absolute;inset:0 auto 0 0;width:50%;border-radius:8px;background:linear-gradient(90deg,#a9d5a9,#73bc82)}.track-progress.progress-soon{background:linear-gradient(90deg,#efce8e,#d99c46)}.track-progress.progress-expired{background:#d16c6c;width:100%}.track-dot{position:absolute;top:50%;left:50%;width:8px;height:8px;border:2px solid #17201b;border-radius:50%;background:#c5e9c0;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #acd6aa}.product-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:8px}.days-badge{font-size:9px;color:#a1b1a3}.days-badge.badge-soon{color:var(--orange)}.days-badge.badge-expired{color:var(--red)}.details-button{border:0;background:transparent;color:#b1d8b3;font-size:9px;font-weight:700;cursor:pointer;padding:5px 0}.details-button span{margin-left:5px}.empty-state{display:none;text-align:center;min-height:325px;align-items:center;justify-content:center;flex-direction:column;padding:20px}.empty-state.visible{display:flex}.empty-art{width:100px;height:84px;position:relative;display:grid;place-items:center;margin-bottom:8px}.empty-circle{width:67px;height:67px;background:#a2d7a516;border:1px solid #a2d7a52c;border-radius:22px;display:grid;place-items:center;transform:rotate(-7deg)}.empty-circle svg{width:46px;height:46px;fill:none;stroke:#addab1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(7deg)}.spark{position:absolute;color:#c5e8b5}.spark-one{font-size:17px;top:3px;right:4px}.spark-two{font-size:22px;bottom:3px;left:3px}.empty-state h3{font:700 16px Manrope,sans-serif;margin:7px 0}.empty-state p{max-width:370px;color:#98a49a;font-size:11px;line-height:1.65;margin:0 0 17px}.empty-add{height:35px}.empty-add span{font-size:16px}.app-footer{border-top:1px solid var(--line);padding:17px 0 28px;display:flex;align-items:center;justify-content:space-between;gap:12px}.app-footer p{display:flex;align-items:center;gap:6px;color:#829087;font-size:9px;margin:0}.app-footer p svg{width:13px;height:13px;fill:none;stroke:#91bd95;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.footer-actions{display:flex;gap:15px;align-items:center}.footer-actions button,.import-label{border:0;background:transparent;color:#9fa9a0;font-size:9px;cursor:pointer}.footer-actions button:hover,.import-label:hover{color:#d3e4d5}.footer-actions #clear-data{color:#c18585}.product-dialog,.confirm-dialog{border:1px solid #daeadb24;border-radius:19px;background:#151e19;color:var(--text);box-shadow:0 28px 110px #0009;padding:22px;width:min(500px,calc(100vw - 28px))}.product-dialog::backdrop,.confirm-dialog::backdrop{background:#050806b9;backdrop-filter:blur(6px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.dialog-heading .eyebrow{font-size:8px;margin-bottom:6px}.dialog-heading h2,.confirm-dialog h2{font:700 19px Manrope,sans-serif;letter-spacing:-.04em;margin:0}.close-dialog{font-size:20px;color:#b1bdb2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px;color:#c6d0c7;font-size:10px;font-weight:600}.field>span:first-child{color:#c6d0c7}.field>span:first-child:not(:last-child){color:#c6d0c7}.field>span{color:#9fcca1}.field input,.field textarea{width:100%;border:1px solid #dfeee014;border-radius:9px;background:#101713;color:#e7eee8;padding:10px;font-size:11px;outline:0}.field input:focus,.field textarea:focus{border-color:#a4d2a46e}.field input::placeholder,.field textarea::placeholder{color:#657168}.field textarea{resize:vertical;min-height:58px}.full-field{grid-column:1/-1}.input-suffix{display:flex;align-items:center;position:relative}.input-suffix input{padding-right:50px}.input-suffix>span{position:absolute;right:11px;color:#89968b;font-size:10px}.receipt-field{display:flex;align-items:center;gap:11px;border:1px dashed #a9d0a539;background:#92cb9810;padding:12px;border-radius:11px;cursor:pointer}.receipt-field:hover{background:#92cb9818}.receipt-icon{width:31px;height:31px;border-radius:9px;background:#a5d7a61a;color:#b5e1b8;display:grid;place-items:center}.receipt-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.receipt-field span:nth-child(2){display:grid;gap:3px}.receipt-field strong{font-size:10px}.receipt-field small{font-size:8px;color:#8a988d}.receipt-field input{display:none}.remove-receipt{justify-self:start;color:#e8a0a0;background:transparent;border:0;font-size:9px;padding:0;cursor:pointer}.form-error{margin:12px 0 0;color:#f4a1a1;font-size:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:19px}.dialog-actions .secondary-button,.dialog-actions .primary-button,.danger-button{min-height:37px}.dialog-actions .secondary-button{padding:0 14px}.dialog-actions .primary-button{padding:0 16px;font-size:10px}.danger-button{padding:0 14px;background:#6a2929;color:#ffcccc;font-size:10px;font-weight:700}.danger-button:hover{background:#823636}.confirm-dialog{width:min(370px,calc(100vw - 28px));text-align:center;padding:25px}.confirm-mark{width:39px;height:39px;border-radius:13px;background:#e26b6b17;color:#e59696;margin:0 auto 14px;display:grid;place-items:center}.confirm-mark svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.confirm-dialog h2{font-size:16px}.confirm-dialog p{color:#9ba69c;font-size:10px;line-height:1.6}.confirm-dialog .dialog-actions{justify-content:center}.toast{position:fixed;z-index:9;bottom:22px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;max-width:calc(100% - 30px);background:#d5f0d2;color:#17251a;padding:10px 14px;border-radius:10px;font-size:10px;font-weight:700;box-shadow:var(--shadow);transition:opacity .2s ease,transform .2s ease}.toast.visible{opacity:1;transform:translate(-50%,0)}
body.light{--bg:#f2f5f1;--surface:#fff;--surface-raised:#fff;--line:rgba(21,45,28,.12);--muted:#667268;--muted-2:#7e897f;--text:#1b261e;--shadow:0 20px 60px rgba(25,45,30,.15);background:radial-gradient(ellipse at 50% -28%,rgba(99,155,105,.16),transparent 56%),var(--bg);color:var(--text)}body.light .topbar{border-color:var(--line)}body.light .brand-mark{box-shadow:0 5px 20px #43784920}body.light .brand-mark svg{stroke:#142218}body.light .welcome-copy,body.light .summary-label,body.light .summary-note,body.light .inventory-heading .eyebrow,body.light .search-box input,body.light .product-store,body.light .product-model,body.light .track-labels,body.light .track-dates,body.light .days-badge,body.light .app-footer p,body.light .empty-state p{color:#6f7d72}body.light .summary-card,body.light .product-card{background:#ffffffad;border-color:var(--line)}body.light .search-box,body.light .secondary-button{background:#ffffffa6;border-color:var(--line);color:#47564a}body.light .warranty-track{background:#eef3ed;border-color:#dce6db}body.light .track-line{background:#dbe5da}body.light .track-dot{border-color:#f4f7f2}body.light .product-dialog,body.light .confirm-dialog{background:#fff;color:#1c2920;border-color:#dce6db}body.light .field{color:#465449}body.light .field input,body.light .field textarea{background:#f5f8f4;color:#1e2a21;border-color:#dce6db}body.light .receipt-field{background:#f1f7ef;border-color:#b8d3b9}body.light .card-menu,.light .filter-menu{background:#fff;border-color:#dce6db}body.light .card-menu button,body.light .filter-menu button{color:#344238}body.light .filter-menu button:hover,body.light .card-menu button:hover{background:#f0f5ef}body.light .footer-actions button,body.light .import-label{color:#556359}body.light .footer-actions #clear-data{color:#9a4b4b}
@media(max-width:800px){.app-shell{width:min(100% - 36px,680px)}.topbar{height:72px}.welcome{padding-top:40px}.summary{gap:8px;margin-bottom:38px}.summary-card{padding:12px;gap:9px}.summary-icon{width:31px;height:31px}.summary-label{font-size:9px}.summary-note{font-size:8px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-heading{align-items:flex-start;flex-direction:column}.inventory-tools{width:100%}.search-box{flex:1}}
@media(max-width:520px){.app-shell{width:calc(100% - 28px)}.brand-copy small{display:none}.topbar-actions{gap:9px}.local-badge{font-size:0;gap:0}.local-badge span{width:8px;height:8px}.welcome{padding:34px 0 22px;align-items:flex-start;flex-direction:column}.welcome h1{font-size:37px}.welcome-copy{font-size:11px;max-width:300px;line-height:1.55}.add-main{width:100%;min-height:43px}.summary{grid-template-columns:1fr;gap:7px;margin-bottom:31px}.summary-card{min-height:64px;padding:10px 13px}.summary-icon{width:32px;height:32px}.summary-card strong{font-size:18px}.summary-label{font-size:9px}.summary-note{font-size:8px}.inventory-heading h2{font-size:18px}.inventory-tools{gap:6px}.search-box{min-width:0}.search-box input{font-size:9px}.secondary-button{padding:0 9px}.product-grid{grid-template-columns:1fr;gap:9px}.product-card{padding:14px}.product-store{margin-top:12px}.empty-state{min-height:280px}.app-footer{align-items:flex-start;flex-direction:column}.footer-actions{width:100%;justify-content:space-between;gap:8px}.footer-actions button,.import-label{font-size:8px}.product-dialog{padding:18px}.form-grid{gap:11px}.field{font-size:9px}.field input,.field textarea{font-size:10px}.dialog-actions{margin-top:16px}.notice{margin:-18px 0 27px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.login-screen[hidden],.app-shell[hidden],[hidden]{display:none!important}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:32px 16px;background:radial-gradient(ellipse at 50% 0%,rgba(99,155,105,.17),transparent 55%),var(--bg)}
.login-card{width:min(100%,430px);padding:34px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,#17201b,#121915);box-shadow:var(--shadow)}
.login-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;margin-bottom:39px}
.login-eyebrow{margin-bottom:12px}
.login-card h1{font:700 clamp(34px,8vw,42px)/1.08 Manrope,sans-serif;letter-spacing:-.055em;margin:0}
.login-card h1 span{color:#a8d6ad}
.login-copy{color:#9ba79e;font-size:12px;line-height:1.65;margin:13px 0 23px}
.login-form{display:grid;gap:15px}
.login-form .field input{min-height:43px}
.login-submit{width:100%;margin-top:2px}
.login-message{margin:0;border-radius:9px;padding:10px 11px;background:#a73e3e20;color:#f3a5a5;font-size:10px;line-height:1.5}
.login-message.success{background:#67b8731c;color:#a9ddb0}
.login-links{display:grid;gap:11px;margin-top:19px;text-align:center}
.login-links a{color:#a9d6ac;font-size:10px;text-decoration:none}
.login-links a:hover{text-decoration:underline}
.login-foot{display:flex;align-items:center;justify-content:center;gap:6px;margin:25px 0 0;color:#849188;font-size:9px}
.login-foot svg{width:13px;height:13px;fill:none;stroke:#91bd95;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.account-email{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9ca99e;font-size:10px}
.signout-button{height:32px;padding:0 10px;font-size:9px}
body.light .login-screen{background:radial-gradient(ellipse at 50% 0%,rgba(99,155,105,.19),transparent 55%),var(--bg)}
body.light .login-card{background:#ffffffd9;border-color:var(--line)}
body.light .login-copy,body.light .login-foot{color:#6f7d72}
body.light .account-email{color:#6f7d72}
@media(max-width:520px){.login-card{padding:25px 21px;border-radius:18px}.login-brand{margin-bottom:32px}.account-email{max-width:92px;font-size:8px}.signout-button{padding:0 8px}}

/* Ajustes de conta e acessibilidade mobile */
.settings-dialog{width:min(460px,calc(100vw - 28px))}
.settings-hint{font-size:10px;line-height:1.5;color:var(--muted);margin:12px 0 0}
.settings-actions{align-items:center;flex-wrap:wrap}
.settings-spacer{flex:1}
.settings-actions .danger-button{min-height:36px}
.settings-button svg{width:17px;height:17px}
@media(max-width:520px){
  .brand-copy small{display:block;font-size:9px;letter-spacing:0}
  .topbar-actions{gap:8px}
  .app-shell{width:calc(100% - 32px)}
  input:not([type="hidden"]),textarea,select{font-size:16px!important}
  .settings-actions{justify-content:stretch}
  .settings-actions .danger-button{width:100%;order:3}
  .settings-actions .settings-spacer{display:none}
  .settings-actions #settings-sign-out{flex:1}
  .settings-actions #save-settings{flex:1}
}

/* Menu principal de configurações */
.settings-menu-wrap{position:relative}
.settings-menu{position:absolute;z-index:30;right:0;top:calc(100% + 10px);width:230px;padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--surface-raised);box-shadow:var(--shadow)}
.settings-menu[hidden]{display:none}
.settings-menu button{width:100%;min-height:43px;display:flex;align-items:center;gap:11px;padding:0 11px;border:0;border-radius:9px;background:transparent;color:var(--text);font-size:12px;text-align:left;cursor:pointer}
.settings-menu button:hover{background:rgba(255,255,255,.07)}
.menu-item-icon{width:20px;text-align:center;font-size:17px;color:var(--accent)}
.settings-menu .menu-danger{color:var(--red)}
.settings-menu .menu-danger .menu-item-icon{color:var(--red)}
.delete-account-button{width:100%;margin-top:18px;min-height:38px;background:transparent;border:1px solid #e15b5b55;color:var(--red);font-size:11px}
.delete-account-button:hover{background:#e15b5b12}
body.light .settings-menu{background:#fff;box-shadow:0 12px 36px #263b2b22}
body.light .settings-menu button:hover{background:#eff4ef}


/* Backup acessível pelo menu principal */
.settings-menu button .menu-item-icon{display:inline-grid;place-items:center;flex:none}

/* Cartões em duas colunas e visualização somente leitura */
.details-dialog{width:min(460px,calc(100vw - 28px))}.details-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:0}.details-list>div{min-width:0;padding:11px;border:1px solid var(--line);border-radius:10px;background:#ffffff05}.details-list dt{font-size:9px;color:var(--muted);margin-bottom:5px}.details-list dd{font-size:12px;font-weight:650;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.details-list .details-full{grid-column:1/-1}.details-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.details-actions button{min-height:38px;padding:0 15px}
@media(max-width:520px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-card{padding:10px;border-radius:12px}.product-card-head{gap:5px;flex-wrap:wrap}.product-symbol{width:27px;height:27px}.status-pill{font-size:7px;padding:4px 6px}.product-name{font-size:12px;line-height:1.3;min-height:31px}.product-model{font-size:9px;line-height:1.35;min-height:24px}.warranty-track{margin-top:12px;padding:8px 7px}.track-labels{font-size:6px}.track-dates{font-size:7px}.product-card-foot{align-items:flex-start;flex-direction:column;gap:5px;margin-top:9px}.days-badge{font-size:8px}.details-button{font-size:9px}.card-menu-trigger{padding:4px}.details-list{gap:8px}.details-list>div{padding:9px}.details-list dd{font-size:11px}}

/* Rodapé e histórico de versões */
.app-version{font-size:9px;color:var(--muted-2);white-space:nowrap}
.version-dialog{width:min(520px,calc(100vw - 28px))}
.version-current{display:flex;justify-content:space-between;align-items:center;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#ffffff05;color:var(--muted);font-size:11px;margin-bottom:14px}
.version-current strong{color:var(--accent);font-size:13px}
.version-list{list-style:none;padding:0;margin:0;max-height:min(52vh,480px);overflow:auto}
.version-list>li{padding:13px 2px;border-bottom:1px solid var(--line)}
.version-entry-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.version-entry-heading strong{font-size:12px;color:var(--accent)}
.version-entry-heading time,.version-loading{font-size:10px;color:var(--muted-2)}
.version-list h3{font-size:12px;margin:7px 0;color:var(--text)}
.version-list ul{padding-left:17px;margin:0;color:var(--muted);font-size:10px;line-height:1.65}
body.light .version-current{background:#f5f8f4}
@media(max-width:520px){.app-footer{flex-direction:row;align-items:center;flex-wrap:wrap}.app-footer p{flex:1 1 100%}.app-version{margin-left:auto}}


/* Compactação dos cartões: remove áreas vazias e aproxima informações */
.product-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0;height:auto;padding:14px}
.product-card-head{flex:none;min-height:34px}
.product-name{margin:9px 0 0;min-height:0;line-height:1.2}
.product-model{margin:4px 0 0;min-height:0;line-height:1.3}
.warranty-track{margin-top:15px;flex:none}
.product-card-foot{margin-top:10px;flex:none;min-height:28px}
@media(max-width:520px){
  .product-card{padding:11px}
  .product-card-head{min-height:30px}
  .product-name{margin-top:7px;font-size:12px;line-height:1.25}
  .product-model{margin-top:3px;font-size:9px;line-height:1.25}
  .warranty-track{margin-top:12px;padding:9px 8px 8px}
  .product-card-foot{margin-top:8px;min-height:24px}
}


/* Cabeçalho permanece visível durante a rolagem */
.topbar{
  position:sticky;
  top:0;
  z-index:30;
  background:var(--bg);
  background:color-mix(in srgb,var(--bg) 94%,transparent);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
body.light .topbar{
  background:color-mix(in srgb,var(--bg) 94%,transparent);
}