@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--color-primary:#0b4c6e;--color-primary-light:#18648d;--color-primary-dark:#07344c;--color-secondary:#3fa7a9;--color-secondary-light:#5dbabc;--color-secondary-dark:#2d8284;--color-accent:#d9e23c;--color-accent-dark:#b9c124;--color-bg-start:#e1f4f4;--color-bg-end:#f5fbfb;--color-card-bg:#ffffffc7;--color-card-border:#ffffff73;--color-text-main:#233e50;--color-text-muted:#5e798e;--color-text-light:#a4bccd;--color-white:#fff;--color-danger:#ea6b6b;--color-success:#5abf98;--color-warning:#ffb74d;--border-radius-lg:20px;--border-radius-md:12px;--border-radius-sm:8px;--box-shadow:0 8px 32px 0 #0b4c6e14;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s ease;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:linear-gradient(135deg, var(--color-bg-start) 0%, var(--color-bg-end) 100%);color:var(--color-text-main);background-attachment:fixed;flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.app-loading-screen{z-index:2000;background:radial-gradient(circle at top, #fff 0%, var(--color-bg-start) 48%, var(--color-bg-end) 100%);color:var(--color-primary);justify-content:center;align-items:center;transition:opacity .28s,visibility .28s;display:flex;position:fixed;inset:0}.app-loading-screen.hidden{visibility:hidden;opacity:0;pointer-events:none}.app-loading-content{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px;display:flex}.app-loading-logo{object-fit:cover;border-radius:20px;width:96px;height:96px;box-shadow:0 16px 36px #0b4c6e2e}.app-loading-content strong{color:var(--color-primary);letter-spacing:.08em;margin-top:6px;font-size:28px;font-weight:700}.app-loading-content span{color:var(--color-text-muted);font-size:14px;font-weight:600}.app-loading-content:after{content:"";background:linear-gradient(90deg, var(--color-secondary), var(--color-accent), var(--color-secondary));background-size:200% 100%;border-radius:999px;width:34px;height:4px;margin-top:8px;animation:1.2s ease-in-out infinite loadingPulse}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0b4c6e0d}::-webkit-scrollbar-thumb{background:var(--color-secondary-light);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}.login-wrapper{background:radial-gradient(circle at top left, var(--color-bg-start), #fff, var(--color-bg-end));flex-direction:column;width:100%;min-height:100vh;display:flex}.login-page-header{background:var(--color-card-bg);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-card-border);z-index:100;justify-content:space-between;align-items:center;gap:20px;padding:15px 30px;display:flex;position:sticky;top:0}.login-page-header-copy{color:var(--color-text-muted);text-align:right;flex-direction:column;font-size:12px;line-height:1.35;display:flex}.login-page-header-copy strong{color:var(--color-primary);font-size:14px;font-weight:700}.login-content-grid{flex-grow:1;grid-template-columns:1fr;min-height:0;display:grid}@media (width>=992px){.login-content-grid{grid-template-columns:minmax(360px,.85fr) minmax(0,1.25fr)}}.public-stock-container{-webkit-backdrop-filter:blur(12px);background:#fff6;border-left:1px solid #0b4c6e14;flex-direction:column;gap:20px;max-height:calc(100vh - 76px);padding:40px;display:flex;overflow-y:auto}.public-section-heading{margin-bottom:10px}.public-section-heading h2{color:var(--color-primary);margin-bottom:4px;font-size:20px;font-weight:700}.public-section-heading p{color:var(--color-text-muted);font-size:13px;font-weight:500}.public-dashboard-grid{flex-direction:column;gap:20px;display:flex}.public-share-card{border-radius:var(--border-radius-md);color:var(--color-white);background:linear-gradient(135deg,#0b4c6ef5,#18648deb);justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex;box-shadow:0 14px 32px #0b4c6e24}.public-share-card strong{color:var(--color-accent);margin-bottom:4px;font-size:16px;font-weight:800;display:block}.public-share-card span{color:#ffffffe6;font-size:13px;line-height:1.35;display:block}.public-share-actions{flex:none;align-items:center;gap:10px;display:flex}.public-share-actions .btn-secondary{color:var(--color-primary);background:#ffffffeb}.public-stock-tabs{border-radius:var(--border-radius-md);background:#0b4c6e0d;border:1px solid #0b4c6e14;gap:4px;margin:-6px 0 16px;padding:4px;display:inline-flex}.public-stock-tab{border-radius:var(--border-radius-sm);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-family);transition:var(--transition-fast);background:0 0;border:0;padding:9px 13px;font-size:13px;font-weight:700}.public-stock-tab.active{background:var(--color-white);color:var(--color-primary);box-shadow:0 4px 12px #0b4c6e14}.public-stock-tab:hover{color:var(--color-primary)}.public-stock-panel{display:none}.public-stock-panel.active{display:block}.public-stock-copy{color:var(--color-text-muted);margin-top:-4px;margin-bottom:15px;font-size:13px;line-height:1.45}.login-card-container{justify-content:center;align-items:center;padding:48px 30px;display:flex}.login-card{background:var(--color-card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-card-border);border-radius:var(--border-radius-lg);text-align:center;width:100%;max-width:420px;padding:40px;animation:.6s cubic-bezier(.2,.8,.2,1) slideUp;box-shadow:0 15px 45px #00000014}@media (width<=991px){.public-stock-container{border-bottom:1px solid #0b4c6e14;border-left:none;max-height:none;padding:30px 15px}.login-card-container{padding:30px 15px}}.login-card h1{color:var(--color-primary);margin-bottom:8px;font-size:26px;font-weight:600}.login-card p{color:var(--color-text-muted);margin-bottom:30px;font-size:14px}.form-group{text-align:left;margin-bottom:20px}.form-group label,.form-label{color:var(--color-text-main);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-input{border-radius:var(--border-radius-md);width:100%;font-family:var(--font-family);color:var(--color-text-main);transition:var(--transition-fast);background:#fffc;border:1px solid #0b4c6e26;padding:12px 16px;font-size:15px}.form-input:focus{border-color:var(--color-secondary);background:var(--color-white);outline:none;box-shadow:0 0 0 3px #3fa7a926}.btn{font-family:var(--font-family);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px #0b4c6e1a}.btn-primary{background:var(--color-secondary);color:var(--color-white);width:100%;margin-top:10px}.btn-primary:hover{background:var(--color-secondary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #3fa7a94d}.btn-primary:active{transform:translateY(0)}.login-tip{color:var(--color-text-muted);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-secondary);background:#0b4c6e0d;margin-top:25px;padding:10px;font-size:12px}.app-header{background:var(--color-card-bg);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-card-border);z-index:100;justify-content:space-between;align-items:center;padding:15px 30px;display:flex;position:sticky;top:0}.header-brand{align-items:center;gap:12px;display:flex}.header-logo{object-fit:cover;border-radius:12px;width:56px;height:56px;box-shadow:0 5px 16px #0b4c6e1f}.header-title{color:var(--color-primary);letter-spacing:.5px;font-size:20px;font-weight:700}.header-user-info{align-items:center;gap:15px;display:flex}.user-badge{color:var(--color-primary);background:#0b4c6e14;border:1px solid #0b4c6e1a;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:500}.user-role-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600;display:block}.btn-logout{color:var(--color-danger);box-shadow:none;background:0 0;border:1px solid #ea6b6b33;padding:6px 12px;font-size:13px}.btn-logout:hover{background:#ea6b6b1a;transform:none}.app-container{flex-grow:1;width:100%;max-width:1360px;margin:0 auto;padding:30px 20px}.app-nav{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);flex-direction:column;gap:6px;margin:0 0 24px;padding:14px;display:flex;overflow:visible}.mobile-nav-field,.mobile-menu-trigger,.mobile-nav-backdrop,.mobile-nav-drawer{display:none}.nav-section-label{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;padding:12px 10px 4px;font-size:11px;font-weight:800;line-height:1;display:block}.nav-section-label:first-child{padding-top:2px}.nav-link{color:var(--color-text-muted);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);text-align:left;white-space:normal;width:100%;box-shadow:none;background:0 0;border:1px solid #0000;justify-content:flex-start;align-items:center;gap:8px;padding:11px 12px;font-size:14px;font-weight:600;display:inline-flex}.nav-link:hover{color:var(--color-primary);background:#fffffff2;transform:translate(2px)}.nav-link.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);box-shadow:0 4px 15px #0b4c6e33}@media (width>=900px){.app-container{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:24px;display:grid}.app-nav{max-height:calc(100vh - 118px);margin:0;position:sticky;top:96px;overflow-y:auto}.mobile-nav-field,.app-section{grid-column:2}}.app-section{animation:.4s ease-out fadeIn;display:none}.app-section.active{display:block}.dashboard-grid{grid-template-columns:1fr;gap:25px;margin-bottom:30px;display:grid}@media (width>=768px){.dashboard-grid{grid-template-columns:2fr 1fr}}.layout-sidebar{flex-direction:column;gap:25px;display:flex}.card{background:var(--color-card-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-card-border);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);transition:var(--transition-smooth);padding:24px}.card:hover{box-shadow:0 12px 40px #0b4c6e1f}.card-title{color:var(--color-primary);justify-content:space-between;align-items:center;margin-bottom:20px;font-size:18px;font-weight:600;display:flex}.card-title-actions{gap:8px;display:flex}.card-title-actions .btn-primary{width:auto;margin-top:0}.basket-highlight-card{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);color:var(--color-white);border:none;position:relative;overflow:hidden}.basket-highlight-card:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:-20px;right:-20px}.basket-highlight-card .card-title{color:var(--color-accent)}.basket-counter{align-items:baseline;gap:6px;margin-bottom:5px;font-size:48px;font-weight:700;line-height:1.1;display:flex}.basket-counter span{opacity:.8;font-size:16px;font-weight:400}.basket-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;display:grid}.btn-outline-white{color:var(--color-white);background:#ffffff1a;border:1px solid #ffffff40;padding:8px 12px;font-size:13px}.btn-outline-white:hover{background:var(--color-white);color:var(--color-primary);border-color:var(--color-white)}.table-wrapper{border-radius:var(--border-radius-md);border:1px solid #0b4c6e14;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.data-table th{color:var(--color-primary);background:#0b4c6e0a;border-bottom:1px solid #0b4c6e14;padding:14px 16px;font-weight:600}.data-table td{color:var(--color-text-main);background:var(--color-white);border-bottom:1px solid #0b4c6e0d;padding:14px 16px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#3fa7a908}.pagination-bar{justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:12px 2px 0;display:flex}.pagination-summary{color:var(--color-text-muted);font-size:13px;font-weight:600}.pagination-actions{align-items:center;gap:10px;display:flex}.pagination-current{color:var(--color-primary);white-space:nowrap;font-size:13px;font-weight:700}.btn-pagination-page:disabled{cursor:not-allowed;opacity:.45}.progress-bar-container{background:#0b4c6e14;border-radius:4px;width:100%;height:8px;margin-top:6px;overflow:hidden}.progress-bar-fill{border-radius:4px;height:100%;transition:width .5s ease-out}.progress-success{background:var(--color-success)}.progress-warning{background:var(--color-warning)}.progress-danger{background:var(--color-danger)}.lack-badge{border-radius:var(--border-radius-sm);padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.lack-badge.critical{color:var(--color-danger);background:#ea6b6b1f;border:1px solid #ea6b6b33}.lack-badge.warning{color:var(--color-warning);background:#ffb74d1f;border:1px solid #ffb74d33}.lack-badge.ok{color:var(--color-success);background:#5abf981f;border:1px solid #5abf9833}.lack-badge.neutral{color:var(--color-text-muted);background:#5c748b1f;border:1px solid #5c748b2e}.record-cancelled td{opacity:.72}.record-cancelled td:first-child{-webkit-text-decoration:line-through #5c748b8c;text-decoration:line-through #5c748b8c;text-decoration-thickness:1px}.qty-control{border-radius:var(--border-radius-sm);background:var(--color-white);border:1px solid #0b4c6e26;align-items:center;display:inline-flex;overflow:hidden}.qty-btn{cursor:pointer;width:28px;height:28px;color:var(--color-primary);transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-weight:700;display:flex}.qty-btn:hover{background:#0b4c6e0d}.qty-value{color:var(--color-text-main);text-align:center;min-width:30px;padding:0 10px;font-size:13px;font-weight:600}.search-bar{gap:10px;margin-bottom:20px;display:flex}.search-input{border-radius:var(--border-radius-md);flex-grow:1}.status-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.status-pill.active{color:var(--color-success);background:#5abf9826}.status-pill.waiting{color:#d88000;background:#ffb74d26}.status-pill.inactive{color:var(--color-text-muted);background:#a4bccd33}.benefit-countdown{border-radius:999px;margin-top:5px;margin-bottom:4px;padding:3px 8px;font-size:11px;font-weight:600;line-height:1.25;display:inline-block}.benefit-countdown.ok{color:var(--color-success);background:#5abf9826}.benefit-countdown.warning{color:#b36b00;background:#ffb74d2e}.benefit-countdown.expired{color:var(--color-danger);background:#ea6b6b29}.benefit-countdown.neutral{color:var(--color-text-muted);background:#a4bccd33}.role-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.role-pill.admin{color:var(--color-primary);background:#0b4c6e1f}.role-pill.stock_manager{color:var(--color-secondary-dark);background:#3fa7a926}.role-pill.snack_manager{color:#a05f00;background:#ffb74d29}.role-pill.family_manager{color:#7a8212;background:#d9e23c38}.role-pill.viewer{color:var(--color-text-muted);background:#a4bccd33}.permission-note{border:1px solid #3fa7a92e;border-left:4px solid var(--color-secondary);border-radius:var(--border-radius-md);color:var(--color-text-main);background:#3fa7a914;margin-bottom:18px;padding:12px 14px;font-size:13px;line-height:1.45}.permission-note strong{color:var(--color-primary)}.modal{-webkit-backdrop-filter:blur(4px);z-index:200;background:#07344c66;justify-content:center;align-items:center;width:100%;height:100%;animation:.25s ease-out fadeIn;display:none;position:fixed;top:0;left:0}.modal.active{display:flex}.modal-content{background:var(--color-white);border-radius:var(--border-radius-lg);width:100%;max-width:500px;padding:30px;animation:.3s cubic-bezier(.25,1,.5,1) scaleUp;position:relative;box-shadow:0 10px 40px #00000026}.modal-content-wide{max-width:760px;max-height:calc(100vh - 40px);overflow-y:auto}.modal-close{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;font-size:20px;position:absolute;top:20px;right:20px}.modal-close:hover{color:var(--color-danger)}.modal-title{color:var(--color-primary);margin-bottom:20px;font-size:20px;font-weight:600}.form-section-title{color:var(--color-primary);letter-spacing:.5px;text-transform:uppercase;margin:22px 0 12px;font-size:13px;font-weight:700}.form-section-title:first-of-type{margin-top:0}.form-textarea{resize:vertical;min-height:82px}.checkbox-field{border-radius:var(--border-radius-md);cursor:pointer;background:#0b4c6e0d;border:1px solid #0b4c6e14;align-items:center;gap:10px;padding:12px 14px;display:flex}.checkbox-field input{accent-color:var(--color-secondary);width:18px;height:18px}.checkbox-field span{color:var(--color-text-main);font-size:14px;font-weight:600}.status-option-grid{gap:10px;display:grid}.status-option-card{border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast);background:#ffffffd1;border:1px solid #0b4c6e1f;align-items:flex-start;gap:12px;margin:0;padding:12px 14px;display:flex}.status-option-card:hover{background:#3fa7a90f;border-color:#3fa7a973}.status-option-card:has(input:checked){border-color:var(--color-secondary);background:#3fa7a91f;box-shadow:0 0 0 3px #3fa7a91f}.status-option-card input{accent-color:var(--color-secondary);flex:none;width:18px;height:18px;margin-top:3px}.status-option-card span{gap:2px;display:grid}.status-option-card strong{color:var(--color-primary);font-size:14px;line-height:1.25}.status-option-card small{color:var(--color-text-muted);font-size:12px;line-height:1.35}.delivery-history-panel{border-top:1px solid #0b4c6e14;margin-top:18px;padding-top:16px}.delivery-history-panel h3{color:var(--color-primary);margin-bottom:8px;font-size:14px}#delivery-family-deliveries-list,#absence-family-deliveries-list{max-height:180px;overflow-y:auto}.snack-items-editor{border-radius:var(--border-radius-md);border:1px solid #0b4c6e14;overflow:hidden}.snack-item-row{background:var(--color-white);border-bottom:1px solid #0b4c6e0f;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:16px;padding:12px 14px;display:grid}.snack-item-row:last-child{border-bottom:none}.snack-item-row strong{color:var(--color-primary);font-size:14px;font-weight:700;display:block}.snack-item-row span,.empty-helper{color:var(--color-text-muted);margin-top:3px;font-size:12px;display:block}.empty-helper{text-align:center;padding:16px}.modal-footer{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.btn-secondary{color:var(--color-primary);background:#0b4c6e0f}.btn-secondary:hover{background:#0b4c6e1f}.btn-sm{border-radius:var(--border-radius-sm);padding:6px 12px;font-size:13px}.family-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.family-actions .btn{min-height:38px;margin:0}.family-actions .btn-view-deliveries-fam,.family-actions .btn-edit-family{min-width:42px;padding-inline:10px}.family-actions .btn-mark-absence,.family-actions .btn-deliver-basket{min-width:104px;padding-inline:12px}.btn-danger{background:var(--color-danger);color:var(--color-white)}.btn-danger:hover{background:#d85757;box-shadow:0 4px 12px #ea6b6b4d}.btn-warning{background:var(--color-warning);color:var(--color-white)}.btn-warning:hover{background:#eea43f;box-shadow:0 4px 12px #ffb74d4d}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.backup-panel{flex-direction:column;gap:10px;margin-top:15px;display:flex}.backup-panel-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.file-import-label{border:1px dashed var(--color-secondary);color:var(--color-secondary-dark);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast);background:#3fa7a90d;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:600;display:flex}.file-import-label:hover{background:#3fa7a91a;border-style:solid}.file-import-input{display:none}.toast{background:var(--color-primary);color:var(--color-white);border-radius:var(--border-radius-md);z-index:1000;opacity:0;align-items:center;gap:10px;padding:15px 25px;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:20px;right:20px;transform:translateY(100px);box-shadow:0 10px 25px #0000001a}.toast.show{opacity:1;transform:translateY(0)}.toast.success{background:var(--color-success)}.toast.danger{background:var(--color-danger)}.pwa-install-prompt{z-index:999;border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(10px);background:#fffffff5;border:1px solid #0b4c6e1f;justify-content:space-between;align-items:center;gap:14px;max-width:560px;margin:0 auto;padding:14px;display:none;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 14px 36px #0b4c6e2e}.pwa-install-prompt.show{display:flex}.pwa-install-copy{min-width:0}.pwa-install-copy strong{color:var(--color-primary);font-size:14px;font-weight:700;display:block}.pwa-install-copy span{color:var(--color-text-muted);margin-top:2px;font-size:12px;line-height:1.35;display:block}.pwa-install-actions{flex-shrink:0;gap:8px;display:flex}.pwa-install-actions .btn-primary{width:auto;margin-top:0}.app-footer{text-align:center;color:var(--color-text-muted);background:#ffffff4d;border-top:1px solid #0b4c6e0d;margin-top:auto;padding:30px;font-size:13px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes loadingPulse{0%{opacity:.65;background-position:0}50%{opacity:1;background-position:100%}to{opacity:.65;background-position:0}}@media (width<=768px){body{width:100%;overflow-x:hidden}.app-container{max-width:100%;padding:18px 12px;overflow-x:hidden}.app-nav{display:none}.mobile-nav-field{margin:-2px 0 20px;display:block}.mobile-nav-label{color:var(--color-primary);text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.mobile-menu-trigger{background:var(--color-white);border:1px solid var(--color-secondary);border-radius:var(--border-radius-md);color:var(--color-text-main);cursor:pointer;font-family:var(--font-family);text-align:left;justify-content:flex-start;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px 14px;font-size:15px;font-weight:700;display:flex;box-shadow:0 8px 22px #0b4c6e14}.mobile-menu-icon{color:var(--color-primary);background:#3fa7a91f;border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:32px;font-size:18px;display:inline-flex}#mobile-menu-current{color:var(--color-text-main);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mobile-menu-trigger:focus{border-color:var(--color-secondary);outline:none;box-shadow:0 0 0 3px #3fa7a926}.mobile-nav-backdrop{opacity:0;pointer-events:none;z-index:180;background:#07344c6b;transition:opacity .2s;display:block;position:fixed;inset:0}.mobile-nav-backdrop.active{opacity:1;pointer-events:auto}.mobile-nav-drawer{background:var(--color-white);z-index:190;border-radius:0 22px 22px 0;flex-direction:column;width:min(86vw,360px);max-height:none;padding:18px;transition:transform .24s;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden;transform:translate(-105%);box-shadow:18px 0 42px #07344c33}.mobile-nav-drawer.active{transform:translate(0)}.mobile-nav-drawer-header{border-bottom:1px solid #0b4c6e14;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.mobile-nav-drawer-header strong{color:var(--color-primary);font-size:18px;display:block}.mobile-nav-drawer-header span{color:var(--color-text-muted);margin-top:2px;font-size:12px;display:block}.mobile-nav-close{color:var(--color-primary);cursor:pointer;background:#0b4c6e0f;border:0;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.mobile-nav-drawer-content{padding-top:12px;overflow-y:auto}.mobile-drawer-group{margin-bottom:14px}.mobile-drawer-group-label{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;margin:14px 4px 8px;font-size:11px;font-weight:800;display:block}.mobile-drawer-link{border-radius:var(--border-radius-md);color:var(--color-text-main);cursor:pointer;font-family:var(--font-family);text-align:left;background:#0b4c6e0a;border:1px solid #0b4c6e12;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;padding:13px 14px;font-size:15px;font-weight:700;display:flex}.mobile-drawer-link.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);box-shadow:0 8px 20px #0b4c6e2e}.card{border-radius:var(--border-radius-md);max-width:100%;padding:16px;overflow:hidden}.public-stock-tabs{grid-template-columns:1fr;width:100%;display:grid}.public-stock-tab{text-align:center}.public-share-card{flex-direction:column;align-items:stretch}.public-share-actions{grid-template-columns:1fr;width:100%;display:grid}.public-share-actions .btn{width:100%}.card-title{flex-direction:column;align-items:flex-start;gap:12px;font-size:20px;line-height:1.18}.card-title-actions,.card-title-actions .btn{width:100%}.table-wrapper{background:0 0;border:none;overflow:visible}.data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:0;font-size:14px;display:block}.data-table thead{display:none}.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table tr{border-radius:var(--border-radius-md);background:var(--color-white);border:1px solid #0b4c6e1a;margin-bottom:12px;padding:12px;box-shadow:0 6px 18px #0b4c6e0f}.data-table td{overflow-wrap:break-word;background:0 0;border-bottom:1px solid #0b4c6e0f;justify-content:space-between;align-items:flex-start;gap:14px;padding:8px 0;display:flex;text-align:right!important}.data-table td:last-child{border-bottom:none;padding-bottom:0}.data-table td:before{content:attr(data-label);color:var(--color-text-muted);text-align:left;text-transform:uppercase;letter-spacing:.02em;flex:0 0 34%;font-size:12px;font-weight:700}.data-table td:first-child{padding-top:0;display:block;text-align:left!important}.data-table td>*{min-width:0}.data-table td:first-child:before{margin-bottom:4px;display:block}.data-table td[data-label=Ações]>div,.data-table td[data-label="Falta / Progresso"]>div{flex:1;min-width:0}.data-table td[data-label=Usuário]{grid-template-columns:34% minmax(0,1fr);display:grid;text-align:right!important}.data-table td[data-label=Usuário]:before{grid-area:1/1/span 2}.data-table td[data-label=Usuário]>div{text-align:right;grid-column:2}.data-table td[data-label=Ações]>div{flex-wrap:wrap;justify-content:flex-end!important}.data-table .form-input{min-width:0}.pagination-bar{flex-direction:column;align-items:stretch;gap:10px;padding-top:6px}.pagination-actions{grid-template-columns:1fr;width:100%;display:grid}.pagination-actions .btn,.pagination-current{text-align:center;width:100%}.basket-counter{font-size:38px}.basket-actions,.backup-panel-buttons{grid-template-columns:1fr}#dashboard-summary-text{overflow-wrap:anywhere;max-width:100%;font-size:14px!important;line-height:1.5!important}#dashboard-summary-text strong{font-size:1em}.modal{align-items:flex-start;padding:16px 12px;overflow-y:auto}.modal-content{max-width:none;margin:auto 0;padding:24px 18px}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}.snack-item-row{grid-template-columns:1fr;gap:10px}.snack-consumption-input{max-width:100%}}@media (width<=600px){.app-header,.login-page-header{text-align:center;flex-direction:column;gap:10px;padding:12px}.app-header{position:relative}.header-brand{justify-content:center;gap:10px;width:100%}.header-brand>div{text-align:left}.header-title{font-size:20px;line-height:1}.login-page-header-copy{text-align:center;font-size:11px}.header-user-info{justify-content:stretch;width:100%}.login-card{border-radius:18px;padding:22px 18px}.login-card h1{font-size:24px}.login-card p{margin-bottom:22px;font-size:13px}.header-logo{border-radius:10px;width:46px;height:46px}.login-card-container{padding:22px 14px}.public-stock-container{gap:14px;padding:22px 14px}.public-section-heading h2{font-size:20px;line-height:1.15}.public-section-heading p{font-size:13px}.header-user-info{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;display:grid}.user-badge{border-radius:var(--border-radius-md);width:100%;min-width:0;padding:8px 10px}.btn-logout{width:auto;min-width:76px;padding:8px 12px}.form-group[style*=grid-template-columns]{grid-template-columns:1fr!important}.toast{text-align:center;justify-content:center;bottom:12px;left:12px;right:12px}.pwa-install-prompt{text-align:left;flex-direction:column;align-items:stretch;bottom:12px;left:12px;right:12px}.pwa-install-actions{grid-template-columns:1fr 1fr;display:grid}.app-footer{padding:22px 16px;font-size:12px;line-height:1.45}}