@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Nunito:wght@600;700;800&display=swap";:root{--primary: #2d5016;--primary-light: #4a7c2a;--primary-dark: #1e3a0e;--secondary: #8b6914;--accent: #d4a574;--success: #27ae60;--warning: #f39c12;--danger: #e74c3c;--info: #3498db;--text-dark: #2c3e50;--text-light: #ecf0f1;--text-muted: #7f8c8d;--bg-light: #f5f6fa;--bg-white: #ffffff;--border-color: #e1e4e8;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.15);--radius: 8px;--radius-sm: 4px;--nav-width: 260px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-bottom: max(env(safe-area-inset-bottom, 0px), 16px)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-dark);background-color:var(--bg-light);line-height:1.6}#root{height:100%}.app{display:flex;min-height:100vh;min-height:100dvh;width:100%}.main-content{flex:1;overflow:auto;padding:1.5rem 2rem;padding-bottom:calc(1.5rem + var(--safe-bottom));padding-right:calc(2rem + var(--safe-right));padding-left:calc(2rem + var(--safe-left));margin-left:var(--nav-width);min-width:0;min-height:100vh;min-height:100dvh;transition:margin-left .25s ease}.app-header-branding{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.7rem;padding:.45rem 1rem;background:linear-gradient(90deg,#f8f9fa,#eef2e8,#f8f9fa);border-bottom:1px solid #e0e0e0;font-size:.72rem;color:#888;flex-shrink:0;overflow:hidden;margin-bottom:1.25rem}.app-header-branding-right{display:inline-flex;align-items:center;gap:.7rem;margin-left:auto}.app-header-tenant{display:inline-flex;align-items:center;border-radius:999px;border:1px solid #cfd8c4;background:#2d501614;color:#2d5016;padding:3px 10px;font-size:.68rem;font-weight:600;white-space:nowrap}.app-header-branding-logo{order:2;width:clamp(92px,9.5vw,150px);max-height:44px;height:auto;object-fit:contain;animation:lfcmLogoReveal .68s cubic-bezier(.2,.8,.2,1) both}.app-header-branding-text{order:1;font-weight:500;text-align:right;animation:lfcmTextReveal .7s ease both;animation-delay:80ms;white-space:nowrap}@keyframes lfcmLogoReveal{0%{opacity:0;transform:translate(10px) scale(.97);filter:saturate(.9)}to{opacity:1;transform:translate(0) scale(1);filter:saturate(1)}}@keyframes lfcmTextReveal{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.global-mobile-menu-btn{display:none}.nav-container{position:fixed;left:0;top:0;width:var(--nav-width);height:100vh;height:100dvh;background:linear-gradient(180deg,var(--primary-dark) 0%,var(--primary) 100%);color:var(--text-light);display:flex;flex-direction:column;z-index:100;overflow-x:hidden;overflow-y:auto;transition:width .25s ease;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left)}.nav-brand{padding:1rem .75rem;text-align:center}.nav-brand h1{font-size:var(--font-size-lg);margin:0}.nav-subtitle{font-size:var(--font-size-xs);opacity:.7}.nav-logo{width:100%;max-width:calc(var(--nav-width) - 1.5rem);height:auto;object-fit:contain;display:block;margin:0 auto}.nav-logo-fallback{display:none;color:var(--text-light);font-size:var(--font-size-lg);font-weight:700}.menu-toggle{display:none;background:none;border:none;color:var(--text-light);cursor:pointer;padding:.75rem;position:fixed;top:.5rem;right:.5rem;z-index:200}.nav-menu{list-style:none;padding:.5rem 0;flex:1}.nav-menu li{margin:0}.nav-menu a,.nav-logout{display:block;padding:.65rem 1.25rem;color:#ffffffd9;text-decoration:none;font-size:var(--font-size-sm);transition:all .2s;border-left:3px solid transparent}.nav-menu a:hover,.nav-logout:hover{background:#ffffff1a;color:#fff}.nav-menu a.active{background:#ffffff26;border-left-color:var(--accent);color:#fff;font-weight:600}.nav-divider{height:1px;background:#ffffff1a;margin:.5rem 1rem}.nav-user{padding:.5rem 1.25rem}.nav-user-name{display:block;font-size:var(--font-size-sm);font-weight:500}.nav-user-role{display:block;font-size:var(--font-size-xs);opacity:.6}.nav-logout{background:none;border:none;width:100%;text-align:left;cursor:pointer;font-family:var(--font-family);color:#ffffffb3;display:flex;align-items:center;gap:.35rem}.nav-logout:hover{color:var(--danger)}.nav-tour-btn{color:#ffffffd9}.nav-tour-btn:hover{color:#fff}.nav-icon{flex-shrink:0;font-size:1rem}.nav-label{color:inherit}.nav-badges{display:inline-flex;gap:3px;flex-wrap:wrap}.nav-badge-single{display:inline-flex}.nav-section-link{flex:1;min-width:0;width:auto;display:flex;align-items:center;gap:.35rem}.nav-section-icon{flex-shrink:0;font-size:1.2rem;line-height:1}.nav-section-text{display:inline}.nav-section-caret{margin-left:auto}.nav-container:not(.collapsed) .nav-section-header{margin:.55rem .5rem .35rem;padding:.4rem .6rem;border-radius:8px;background:#ffffff14;border-left:3px solid rgba(255,255,255,.28)}.nav-obras-item{background:#b05030;border-radius:6px;margin:0 .25rem 2px}.nav-obras-item a,.nav-obras-item span{color:#fff}.nav-obras-item.nav-obras-active{background:#8a3a22}.nav-subgroup-header{pointer-events:none}.nav-subgroup-header a,.nav-subgroup-header span{pointer-events:auto}.nav-container.collapsed .nav-subgroup-header,.nav-container.collapsed .nav-subgroup-text,.nav-container.collapsed .nav-subgroup-caret{display:none!important}.nav-container.collapsed.nav-expanded .nav-subgroup-text,.nav-container.collapsed.nav-expanded .nav-subgroup-caret{display:inline!important}.nav-collapse-toggle{display:flex;align-items:center;justify-content:center;background:#ffffff14;border:none;color:#fff9;cursor:pointer;padding:.4rem;margin:0 .75rem .25rem;border-radius:var(--radius-sm);transition:all .2s}.nav-collapse-toggle:hover{background:#ffffff2e;color:#fff}.nav-container.collapsed{width:60px;transition:width .25s ease}.nav-container.collapsed~.main-content,body.nav-collapsed .main-content{margin-left:60px!important}.nav-container.collapsed .nav-menu a,.nav-container.collapsed .nav-logout{padding:.65rem 0;justify-content:center}.nav-container.collapsed .nav-icon{font-size:1.2rem}.nav-container.collapsed .nav-obras-item{background:transparent;margin:0;border-radius:0}.nav-container.collapsed .nav-label,.nav-container.collapsed .nav-badges,.nav-container.collapsed .nav-badge-single,.nav-container.collapsed .nav-section-header,.nav-container.collapsed .nav-user-name,.nav-container.collapsed .nav-user-role{display:none!important}.nav-container.collapsed .nav-brand{padding:.5rem 0}.nav-container.collapsed .nav-logo{max-width:44px}.nav-container.collapsed .nav-user{padding:.4rem 0;text-align:center}.nav-container.collapsed .nav-collapse-toggle{margin:0 auto .25rem}.task-modal-overlay{margin-left:var(--nav-width, 260px);transition:margin-left .25s ease}body.nav-collapsed .task-modal-overlay{margin-left:60px}.content-fullscreen-modal{position:fixed;top:0;right:0;bottom:0;left:var(--nav-width, 260px);z-index:1100;background:#f9fafb;overflow-y:auto;padding:1rem}body.nav-collapsed .content-fullscreen-modal{left:60px}.nav-container.collapsed.nav-expanded{width:260px;box-shadow:4px 0 20px #00000040;z-index:150}.nav-container.collapsed.nav-expanded .nav-menu a,.nav-container.collapsed.nav-expanded .nav-logout{padding:.65rem 1.25rem;justify-content:flex-start}.nav-container.collapsed.nav-expanded .nav-obras-item{background:#b05030;margin:0 .25rem 2px;border-radius:6px}.nav-container.collapsed.nav-expanded .nav-obras-item.nav-obras-active{background:#8a3a22}.app-tour-layer{position:fixed;inset:0;z-index:1000;pointer-events:none}.app-tour-highlight{position:fixed;border-radius:10px;border:2px solid rgba(255,255,255,.95);box-shadow:0 0 0 9999px #0a0e1694;pointer-events:none;transition:all .2s ease}.app-tour-tooltip{position:fixed;pointer-events:auto;background:#fff;color:#253043;border:1px solid #dbe1e8;border-radius:12px;box-shadow:0 20px 34px #0003;padding:.9rem}.app-tour-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.app-tour-close{border:1px solid #ced6df;background:#f6f8fa;border-radius:999px;width:24px;height:24px;line-height:1;cursor:pointer;color:#4a5563}.app-tour-text{margin:.55rem 0 .8rem;font-size:.9rem;line-height:1.45}.app-tour-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.app-tour-progress{font-size:.77rem;color:#6c7785;font-weight:600}.app-tour-tooltip--red .app-tour-close{background:#ffffff26;border-color:#fff6;color:#fff}.app-tour-tooltip--red .app-tour-progress{color:#ffffffd9}.app-tour-tooltip--red strong{color:#fff}.app-tour-actions{display:inline-flex;gap:.45rem}.nav-container.collapsed.nav-expanded .nav-label{display:inline!important}.nav-container.collapsed.nav-expanded .nav-badges,.nav-container.collapsed.nav-expanded .nav-badge-single{display:inline-flex!important}.nav-container.collapsed.nav-expanded .nav-section-header{display:flex!important}.nav-container.collapsed.nav-expanded .nav-subgroup-header{display:block!important}.nav-container.collapsed.nav-expanded .nav-section-header{margin:.55rem .5rem .35rem;padding:.4rem .6rem;background:#ffffff14;border:none;border-left:3px solid rgba(255,255,255,.28)}.nav-container.collapsed.nav-expanded .nav-section-link{justify-content:flex-start}.nav-container.collapsed.nav-expanded .nav-section-text,.nav-container.collapsed.nav-expanded .nav-section-caret,.nav-container.collapsed.nav-expanded .nav-subgroup-text,.nav-container.collapsed.nav-expanded .nav-subgroup-caret{display:inline!important}.nav-container.collapsed.nav-expanded .nav-section-icon{font-size:1.2rem}.nav-container.collapsed.nav-expanded .nav-user{padding:.5rem 1.25rem;text-align:left}.nav-container.collapsed.nav-expanded .nav-user-name,.nav-container.collapsed.nav-expanded .nav-user-role{display:block!important}.nav-container.collapsed.nav-expanded .nav-logo{max-width:calc(260px - 1.5rem)}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-light) 100%);padding:1rem}.login-card{background:var(--bg-white);border-radius:var(--radius);padding:2.5rem;width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{color:var(--primary);font-size:var(--font-size-xl)}.login-header p{color:#506068;font-size:1.12rem;font-family:Cormorant Garamond,Georgia,serif;letter-spacing:.01em}.login-app-logo{width:min(100%,360px);height:auto;display:block;margin:0 auto .5rem}.login-app-title{color:#203a7a!important;font-family:Nunito,Segoe UI,sans-serif;font-weight:800}@media(max-width:980px){.login-card{max-width:520px;padding:2rem 1.6rem}.login-app-logo{width:min(100%,420px)}}@media(max-width:640px){.login-container{padding:.75rem}.login-card{max-width:100%;padding:1.45rem 1rem;border-radius:14px}.login-app-logo{width:100%;max-width:100%}.login-header{margin-bottom:1.25rem}.login-header p{font-size:1rem;line-height:1.35;padding:0 .25rem}.form-footer{margin-top:1.1rem;padding-top:1rem}.auth-brand-footer-logo{width:32px;height:32px}.auth-brand-footer-name{font-size:.88rem}.auth-brand-footer-copy{font-size:.68rem}}.login-form .form-group,.recent-accounts{margin-bottom:1.25rem}.recent-accounts-label{font-size:.72rem;color:#999;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.45rem}.recent-accounts-list{display:flex;flex-direction:column;gap:.4rem}.recent-account-chip{display:flex;align-items:center;gap:.65rem;padding:.45rem .7rem;border:1px solid #ddebd0;border-radius:8px;background:#f5faf0;cursor:pointer;text-align:left;width:100%;transition:background .15s,border-color .15s}.recent-account-chip:hover{background:#e8f5de;border-color:var(--primary-light)}.recent-account-avatar{width:2rem;height:2rem;border-radius:50%;background:var(--primary);color:#fff;font-weight:700;font-size:.72rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase;letter-spacing:.02em}.recent-account-info{display:flex;flex-direction:column;flex:1;min-width:0}.recent-account-name{font-size:.88rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.recent-account-id{font-size:.76rem;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.recent-account-remove{flex-shrink:0;color:#bbb;font-size:1.25rem;line-height:1;padding:.1rem .35rem;border-radius:4px;cursor:pointer;transition:color .15s,background .15s}.recent-account-remove:hover{color:#e53e3e;background:#fee2e2}.form-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:var(--font-size-sm)}.form-footer p{margin:0}.form-footer a{color:var(--primary);text-decoration:none;font-weight:500;transition:color .2s}.form-footer a:hover{color:var(--primary-dark);text-decoration:underline}.auth-brand-footer{margin-top:1rem;padding-top:.85rem;border-top:1px solid rgba(28,55,20,.12)}.auth-brand-footer-head{display:flex;align-items:center;justify-content:center;gap:.55rem}.auth-brand-footer-logo{width:36px;height:36px;border-radius:7px;object-fit:cover;box-shadow:0 2px 8px #00000026}.auth-brand-footer-name{margin:0;font-size:.95rem;font-weight:700;color:#274d1a}.auth-brand-footer-copy{margin:.35rem 0 0;text-align:center;font-size:.72rem;color:#65706a}.onboarding-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:250px 1fr;background:radial-gradient(circle at 82% 10%,#6959ec1f,#6959ec00 36%),#f4f6f1}.onboarding-sidebar{background:linear-gradient(180deg,#1f2e5f,#3b4f8f 48%,#6659ec);color:#fff;padding:1.2rem .9rem;-webkit-user-select:none;user-select:none;overflow-y:auto}.onboarding-sidebar-brand{font-family:Nunito,Segoe UI,sans-serif;font-size:1.12rem;font-weight:800;letter-spacing:.02em;margin-bottom:1.2rem}.onboarding-sidebar-section{margin-top:.9rem;margin-bottom:.38rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;opacity:.9;font-weight:700}.onboarding-sidebar-list{list-style:none;padding:0;margin:0;display:grid;gap:.25rem}.onboarding-sidebar-item{padding:.42rem .6rem;display:flex;align-items:center;gap:.45rem;border-radius:8px;opacity:.94;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);font-size:.82rem;pointer-events:none}.onboarding-main{display:flex;align-items:center;justify-content:center;padding:1.1rem}.onboarding-card{background:#fff;border:1px solid #dfe5d7;border-radius:14px;box-shadow:0 14px 36px #23381824;width:100%;max-width:560px;padding:1.6rem}.onboarding-app-title{margin:0;line-height:1;font-family:Cormorant Garamond,Times New Roman,serif;font-size:clamp(2rem,4.8vw,3rem);color:#1f2e5f;letter-spacing:.02em}.onboarding-kicker{margin:.5rem 0 0;font-size:.72rem;letter-spacing:.08em;color:#6b58d9;text-transform:uppercase}.onboarding-subtitle{color:#5d6658;margin-top:.35rem}.onboarding-submit-btn,.invite-community-btn{background:linear-gradient(135deg,#6674ff,#7c5ef2);color:#fff!important;border:1px solid #5f56d7;box-shadow:0 10px 20px #6674ff47;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:800}.onboarding-submit-btn:hover,.invite-community-btn:hover{background:linear-gradient(135deg,#5b68f0,#6e4ce6);transform:translateY(-1px);color:#fff!important}.onboarding-back-btn{background:#e9eeff;color:#1f2e5f;border:1px solid #cad5ff}.form-help{display:block;margin-top:.35rem;color:#6d736a;font-size:.78rem}.alert-success{background:#ecf8ea;color:#2a6e1d;border:1px solid #b6dcb1;padding:.72rem;border-radius:8px;margin-bottom:.85rem}.onboarding-success-panel{margin-top:.9rem;padding:1rem;border:1px solid #d9e4fa;border-radius:12px;background:linear-gradient(180deg,#f9fbff,#eef4ff);text-align:center}.onboarding-success-emoji{font-size:2rem;margin:0 0 .35rem}.onboarding-success-panel h3{margin:0 0 .45rem;color:#2b3f7e;font-size:1.35rem}.onboarding-success-panel p{margin:.35rem 0;color:#4c5d78}.onboarding-success-logos{margin-top:.75rem;display:grid;gap:.6rem;justify-items:center}.onboarding-success-app-logo{width:min(100%,260px);height:auto}.onboarding-success-org{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;color:#294d1d}@media(max-width:900px){.onboarding-shell{grid-template-columns:1fr}.onboarding-sidebar{display:none}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;color:var(--text-muted)}.spinner{border:4px solid var(--border-color);border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.module-page{max-width:1400px;margin:0 auto;overflow-x:clip;min-width:0}.table-scroll-wrap{overflow-y:auto;overflow-x:auto;max-height:calc(100dvh - 180px);overscroll-behavior:contain;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 4px #0000000f}.table-scroll-wrap .data-table thead th{position:sticky;top:0;z-index:2;background:var(--primary);box-shadow:0 2px 0 var(--primary-dark)}.module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.module-header h2{color:var(--primary);font-size:var(--font-size-xl)}.card{background:var(--bg-white);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);margin-bottom:1rem;border:1px solid var(--border-color)}.card h3{color:var(--primary);margin-bottom:.75rem;font-size:var(--font-size-lg)}.btn{padding:.6rem 1.25rem;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s;font-weight:500;font-family:var(--font-family);display:inline-flex;align-items:center;gap:.4rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-light)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#219a52}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover:not(:disabled){background:#e08e0b}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#c0392b}.btn-sm{padding:.35rem .75rem;font-size:var(--font-size-xs)}.btn-full{width:100%;justify-content:center}.form-group{margin-bottom:1rem}label{display:block;margin-bottom:.35rem;font-weight:500;font-size:var(--font-size-sm);color:var(--text-dark)}.location-select{display:flex;flex-direction:column;gap:.35rem}.location-select-box{display:flex;gap:.45rem;align-items:center}.location-select-box .form-input{flex:1}input,textarea,select{width:100%;padding:.6rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);transition:border-color .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2d50161a}textarea{min-height:80px;resize:vertical}.form-card{background:var(--bg-white);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;padding-bottom:calc(1.5rem + var(--safe-bottom));box-shadow:var(--shadow-md);border:2px solid var(--primary-light);min-width:0}.form-card h3{color:var(--primary);margin-bottom:1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap;position:sticky;bottom:calc(-1 * var(--safe-bottom));background:var(--bg-white);margin:1.25rem -1.5rem calc(-1.5rem - var(--safe-bottom));padding:1rem 1.5rem calc(1rem + var(--safe-bottom));border-top:1px solid var(--border-color);border-radius:0 0 var(--radius) var(--radius);z-index:5}.form-summary{background:var(--bg-light);padding:1rem;border-radius:var(--radius-sm);margin-top:1rem;font-size:var(--font-size-sm);display:flex;gap:2rem;flex-wrap:wrap}.section-actions{margin-bottom:1rem;display:flex;gap:.5rem}.item-row{background:var(--bg-light);padding:.75rem;border-radius:var(--radius-sm);margin-bottom:.5rem;position:relative}.item-row .btn-danger{position:absolute;top:.5rem;right:.5rem}.checkbox-group{display:flex;gap:1rem;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:.4rem;font-weight:400;font-size:var(--font-size-sm);cursor:pointer}.checkbox-label input{width:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table thead th{background:var(--primary);color:#fff;padding:.65rem .75rem;text-align:left;font-weight:500;white-space:normal;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.3px;vertical-align:top}.data-table td{padding:.6rem .75rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.data-table tbody tr:hover{background:#2d501608}.clickable-row{cursor:pointer}.clickable-row:hover{background:#2d50160f!important}.empty-state{text-align:center;color:var(--text-muted);padding:2rem!important;font-style:italic}.action-cell{white-space:nowrap;display:flex;gap:.5rem;align-items:center}.action-cell .btn{margin:0}.row-overdue{background:#fff5f5!important}.row-overdue:hover{background:#ffe8e8!important}.row-opening{background:#f0f9ff;font-weight:500}.row-total{background:var(--bg-light);font-weight:600}.badge{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:var(--font-size-xs);font-weight:500;white-space:nowrap}.badge-success{background:#e8f5e9;color:#2e7d32}.badge-warning{background:#fff3e0;color:#e65100}.badge-danger{background:#ffebee;color:#c62828}.badge-info{background:#e3f2fd;color:#1565c0}.badge-fuel-diesel-comum{background:#dcedc8;color:#33691e}.badge-fuel-diesel-s10{background:#e8f5e9;color:#2e7d32}.badge-fuel-gasolina-comum{background:#fff3e0;color:#e65100}.badge-fuel-gasolina-aditivada{background:#fce4ec;color:#c62828}.badge-fuel-etanol-comum{background:#e3f2fd;color:#1565c0}.badge-fuel-etanol-aditivado{background:#e8eaf6;color:#283593}.badge-fuel-óleo-2t,.badge-fuel-oleo-2t{background:#efebe9;color:#4e342e}.badge-status-draft,.badge-status-rascunho{background:#f5f5f5;color:#616161}.badge-status-pending_manager,.badge-status-pending_director,.badge-status-pending_approval,.badge-status-em_aprovacao{background:#fff3e0;color:#e65100}.badge-status-approved{background:#e8f5e9;color:#2e7d32}.badge-status-aprovado{background:#e3f2fd;color:#1565c0}.badge-status-rejected{background:#ffebee;color:#c62828}.badge-status-open{background:#e3f2fd;color:#1565c0}.alert{padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:.75rem;font-size:var(--font-size-sm)}.alert-error{background:#ffebee;color:#c62828;border:1px solid #ef9a9a}.alert-info{background:#e3f2fd;color:#1565c0;border:1px solid #90caf9}.alert-danger{background:#ffebee;color:#c62828;border:1px solid #ef9a9a}.alert-success{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.filter-bar{display:flex;gap:.4rem;margin-bottom:1rem;flex-wrap:wrap}.filter-btn{padding:.4rem .9rem;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-white);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s;font-family:var(--font-family);display:inline-flex;align-items:center;gap:.35rem;-webkit-user-select:none;user-select:none}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-btn input[type=checkbox]{width:13px;height:13px;margin:0;cursor:pointer;flex-shrink:0;accent-color:var(--primary)}.filter-btn.active input[type=checkbox]{accent-color:#fff}.tab-bar{display:flex;gap:.25rem}.tab{padding:.5rem 1rem;border:none;background:transparent;font-size:var(--font-size-sm);cursor:pointer;border-bottom:2px solid transparent;color:var(--text-muted);transition:all .2s;font-family:var(--font-family)}.tab:hover{color:var(--primary)}.tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.dash-card{display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit;border-left:4px solid var(--primary);transition:transform .2s,box-shadow .2s}.dash-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dash-icon{font-size:2rem}.dash-value{font-size:var(--font-size-2xl);font-weight:700;line-height:1}.dash-value small{font-size:var(--font-size-sm);font-weight:400;opacity:.6}.dash-title{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:.25rem}.alert-card{grid-column:1 / -1}.kpi-card{border-top:4px solid}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.kpi{text-align:center}.kpi-value{display:block;font-size:var(--font-size-lg);font-weight:700;color:var(--text-dark)}.kpi-label{display:block;font-size:var(--font-size-xs);color:var(--text-muted)}.flow-pills{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.flow-pills-detail{margin:.6rem 0;gap:6px}.flow-pill{display:inline-flex;align-items:center;gap:2px;font-size:.65rem;line-height:1.2;padding:1px 6px;border-radius:10px;background:#f0f0f0;color:#999;white-space:nowrap}.flow-pills-detail .flow-pill{font-size:.78rem;padding:3px 10px}.flow-pill-done{background:#e8f5e9;color:#2e7d32;font-weight:600}.flow-pill-returned{background:#fce4ec;color:#c62828;font-weight:600}.approval-stepper{display:flex;align-items:flex-start;gap:0;margin:.75rem 0;padding:.85rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.stepper-step{display:flex;flex-direction:column;align-items:center;position:relative;min-width:72px;flex:1}.stepper-name{font-size:.65rem;font-weight:600;color:#94a3b8;text-align:center;margin-bottom:.2rem;white-space:nowrap;min-height:1rem}.stepper-name-empty{visibility:hidden}.stepper-done .stepper-name,.stepper-auto .stepper-name{color:#27ae60}.stepper-current .stepper-name{color:#e67e22}.stepper-returned .stepper-name{color:#e74c3c}.stepper-circle{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;z-index:1;border:2px solid}.stepper-label{font-size:.7rem;font-weight:600;margin-top:.3rem;text-align:center;line-height:1.2;white-space:nowrap}.stepper-sub{font-size:.62rem;color:#94a3b8;text-align:center;margin-top:.1rem}.stepper-connector{position:absolute;top:14px;right:50%;width:100%;height:3px;z-index:0}.stepper-step:first-child .stepper-connector{display:none}.stepper-done .stepper-circle,.stepper-auto .stepper-circle{background:#27ae60;border-color:#27ae60;color:#fff}.stepper-auto .stepper-circle{background:#2ecc71;border-color:#2ecc71}.stepper-auto .stepper-label{font-style:italic;color:#2ecc71}.stepper-current .stepper-circle{background:#fff;border-color:#e67e22;color:#e67e22;animation:stepperPulse 2s ease-in-out infinite}.stepper-returned .stepper-circle{background:#e74c3c;border-color:#e74c3c;color:#fff}.stepper-future .stepper-circle{background:#f1f5f9;border-color:#cbd5e1;color:#94a3b8}.stepper-done .stepper-label{color:#27ae60}.stepper-current .stepper-label{color:#e67e22;font-weight:700}.stepper-returned .stepper-label{color:#e74c3c}.stepper-future .stepper-label{color:#94a3b8}.stepper-connector-done{background:#27ae60}.stepper-connector-current{background:linear-gradient(90deg,#27ae60,#e67e22)}.stepper-connector-future{background:#e2e8f0}@keyframes stepperPulse{0%,to{box-shadow:0 0 #e67e2266}50%{box-shadow:0 0 0 6px #e67e2200}}.page-kpi-strip{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.page-kpi-card{flex:1 1 150px;min-width:max-content;background:#fff;border-radius:8px;padding:.85rem 1.1rem;border-left:4px solid var(--primary);box-shadow:0 1px 4px #0000000f;text-align:center;cursor:pointer;transition:transform .15s,box-shadow .15s}.page-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.page-kpi-value{font-size:2.2rem;font-weight:800;line-height:1;white-space:nowrap}.page-kpi-label{font-size:.85rem;font-weight:600;color:#374151;margin-top:.3rem;line-height:1.3}.page-kpi-sub{font-size:.8rem;color:#6b7280;margin-top:.15rem;line-height:1.3}@media(max-width:640px){.approval-stepper{gap:0;padding:.6rem .5rem}.stepper-step{min-width:54px}.stepper-circle{width:24px;height:24px;font-size:.68rem}.stepper-label{font-size:.6rem}.stepper-sub{font-size:.55rem}.stepper-connector{top:11px;height:2px}.page-kpi-strip{gap:.4rem}.page-kpi-card{flex:1 1 90px;min-width:0;padding:.6rem .5rem}.page-kpi-value{font-size:1.45rem;white-space:normal}.page-kpi-label{font-size:.72rem}.page-kpi-sub{font-size:.68rem}}.stock-alerts{grid-column:1 / -1}.stock-bar{margin-bottom:.75rem}.stock-bar span{font-size:var(--font-size-sm)}.stock-bar.critical span{color:var(--danger);font-weight:600}.progress-bar{height:8px;background:var(--border-color);border-radius:4px;margin-top:.25rem;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .3s}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem}.modal-content{background:var(--bg-white);border-radius:var(--radius);padding:1.5rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.modal-header h3{flex:1;color:var(--primary)}.btn-close{width:34px;height:34px;margin-left:.35rem;border:1px solid #d6dde6;border-radius:8px;background:#fff;font-size:1.05rem;line-height:1;cursor:pointer;color:#556070;display:grid;place-items:center;flex-shrink:0}.btn-close:hover{color:var(--danger);border-color:#f1b7b7;background:#fff7f7}.btn-outline{border:1px solid #d6dde6;border-radius:6px;background:#fff;color:#556070;cursor:pointer;font-weight:600}.btn-outline:hover{color:var(--danger);border-color:#f1b7b7;background:#fff7f7}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-bottom:1rem;font-size:var(--font-size-sm)}.detail-section{margin-bottom:1rem}.detail-section p{margin-top:.25rem;color:#555}.approval-info{background:var(--bg-light);padding:.6rem .75rem;border-radius:var(--radius-sm);margin-bottom:.5rem;font-size:var(--font-size-sm)}.approval-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.periods-list{display:grid;gap:.75rem;margin-bottom:1.5rem}.period-card{cursor:pointer;transition:all .2s}.period-card:hover{box-shadow:var(--shadow-md)}.period-card.selected{border-color:var(--primary);border-width:2px}.period-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.period-info{display:flex;gap:2rem;font-size:var(--font-size-sm);color:var(--text-muted)}.period-detail{margin-top:1rem}.period-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sector-card{margin-bottom:1rem}.sector-card h3{margin-bottom:.75rem}.ext-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.ext-item{background:var(--bg-light);padding:.75rem;border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.ext-type{font-weight:600;margin-bottom:.25rem}.ext-qty{color:var(--text-muted)}.ext-repaired{color:var(--text-muted);font-size:var(--font-size-xs)}.ext-status{margin:.35rem 0}.ext-actions{margin-top:.35rem}.sector-total{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500}.text-center{text-align:center}.text-danger{color:var(--danger)!important}.text-success{color:var(--success)!important}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}@media(min-width:769px)and (max-width:1366px),(orientation:portrait)and (min-width:769px){:root{--nav-width: 60px}.nav-container{overflow-x:hidden}.nav-container.nav-expanded{width:260px;box-shadow:4px 0 20px #00000040;z-index:150}.nav-menu a,.nav-logout{padding:.65rem 0;justify-content:center}.nav-container.nav-expanded .nav-menu a,.nav-container.nav-expanded .nav-logout{padding:.65rem 1.25rem;justify-content:flex-start}.nav-icon{font-size:1.2rem}.nav-obras-item{background:transparent;margin:0;border-radius:0}.nav-container.nav-expanded .nav-obras-item{background:#b05030;margin:0 .25rem 2px;border-radius:6px}.nav-container.nav-expanded .nav-obras-item.nav-obras-active{background:#8a3a22}.nav-label,.nav-badges,.nav-badge-single,.nav-section-header,.nav-subgroup-header{display:none!important}.nav-container.nav-expanded .nav-label{display:inline!important}.nav-container.nav-expanded .nav-badges,.nav-container.nav-expanded .nav-badge-single{display:inline-flex!important}.nav-container.nav-expanded .nav-section-header{display:flex!important}.nav-container.nav-expanded .nav-subgroup-header{display:block!important}.nav-container.nav-expanded .nav-section-header{margin:.55rem .5rem .35rem;padding:.4rem .6rem;background:#ffffff14;border:none;border-left:3px solid rgba(255,255,255,.28)}.nav-container.nav-expanded .nav-section-text,.nav-container.nav-expanded .nav-section-caret,.nav-container.nav-expanded .nav-subgroup-text,.nav-container.nav-expanded .nav-subgroup-caret{display:inline!important}.nav-container.nav-expanded .nav-section-link{justify-content:flex-start}.nav-container.nav-expanded .nav-section-icon{font-size:1.25rem}.nav-brand{padding:.5rem 0}.nav-logo{max-width:44px}.nav-container.nav-expanded .nav-logo{max-width:calc(260px - 1.5rem)}.nav-user{padding:.4rem 0;text-align:center}.nav-container.nav-expanded .nav-user{padding:.5rem 1.25rem;text-align:left}.nav-user-name,.nav-user-role{display:none!important}.nav-container.nav-expanded .nav-user-name,.nav-container.nav-expanded .nav-user-role{display:block!important}}.task-cards-wrap{display:none;padding:0 .25rem;overflow-y:auto;max-height:calc(100dvh - 140px)}.task-table-wrap{display:block;overflow-x:auto;overflow-y:auto;max-height:calc(100dvh - 140px)}.task-table-wrap .data-table thead th{position:sticky;top:0;z-index:10}@media(max-width:768px){:root{--nav-width: 0px}.global-mobile-menu-btn{display:inline-flex;position:fixed;top:calc(.45rem + env(safe-area-inset-top));left:.45rem;z-index:220;border:none;border-radius:10px;width:42px;height:42px;align-items:center;justify-content:center;cursor:pointer;color:#fff;background:#2d5016f0;box-shadow:var(--shadow-md)}.app-header-branding{justify-content:space-between;gap:.5rem;padding:.45rem .75rem .45rem 3.4rem}.app-header-branding-right{gap:.45rem}.app-header-tenant{font-size:.6rem;padding:2px 8px}.app-header-branding-logo{width:clamp(80px,19vw,120px);max-height:36px}.app-header-branding-text{font-size:.65rem}.nav-container{position:fixed;left:-260px;width:260px;transition:left .3s}.nav-container.open{left:0}.nav-backdrop{position:fixed;inset:0;background:#0006;z-index:99}.menu-toggle{display:none!important}.nav-collapse-toggle{display:none}.main-content{margin-left:0;padding:1rem;overflow-x:auto}.module-header{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.data-table{font-size:var(--font-size-xs);min-width:600px}.data-table th,.data-table td{padding:.4rem .5rem}.modal-content{padding:1rem}.filter-bar{overflow-x:auto;flex-wrap:nowrap}.task-table-wrap{display:none}.task-cards-wrap{display:block}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr 1fr}.ext-grid{grid-template-columns:1fr}}@media(orientation:landscape){.main-content{padding-right:calc(2rem + var(--safe-right));padding-bottom:calc(1.5rem + var(--safe-bottom))}.nav-container{padding-right:var(--safe-right)}.modal-content{max-height:min(88dvh,88vh)}}@media(min-width:769px)and (max-width:1366px){.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.filter-bar{gap:.4rem}.filter-bar input[type=search],.filter-bar input[type=text]{min-width:0;flex:1 1 200px;max-width:320px}}@media(max-width:600px){.main-content{padding:calc(.75rem + env(safe-area-inset-top)) .65rem calc(1rem + env(safe-area-inset-bottom))}.global-mobile-menu-btn{top:calc(.4rem + env(safe-area-inset-top));left:.4rem;width:40px;height:40px;border-radius:10px}.app-header-branding{justify-content:space-between;gap:.45rem;padding:.4rem .65rem .4rem 3.2rem}.app-header-branding-right{gap:.4rem}.app-header-tenant{font-size:.56rem;padding:2px 7px;max-width:42vw;overflow:hidden;text-overflow:ellipsis}.app-header-branding-logo{width:clamp(72px,21vw,108px);max-height:34px}.app-header-branding-text{font-size:.62rem}.menu-toggle{display:none!important}.module-page{max-width:100%;overflow-x:visible}.module-header{gap:.65rem;margin-bottom:1rem}.module-header h2{font-size:1.2rem;line-height:1.25}.module-header .btn{width:100%;justify-content:center}.btn{min-height:44px;justify-content:center}.form-card,.card{padding:.9rem;border-radius:10px}.form-grid,.detail-grid{grid-template-columns:1fr;gap:.55rem}.form-actions{flex-direction:column;align-items:stretch;gap:.5rem}.form-summary{gap:.4rem;flex-direction:column}.filter-bar{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:.3rem;margin-bottom:.8rem}.filter-btn{flex:0 0 auto;white-space:nowrap;min-height:36px}.data-table{display:block;width:100%;min-width:0;overflow-x:auto;border:1px solid var(--border-color);border-radius:10px;background:#fff}.data-table thead th{font-size:.64rem;padding:.45rem .5rem;white-space:normal}.data-table th,.data-table td{padding:.45rem .5rem;white-space:normal;word-break:break-word}.modal-overlay{align-items:flex-end;padding:0}.modal-content{width:100%;max-width:100%;max-height:min(92dvh,92vh);border-radius:14px 14px 0 0;padding:.9rem;margin:0}.modal-header{gap:.5rem;margin-bottom:.8rem;padding-bottom:.6rem}.stock-item-form,.stock-movement-form,.stock-withdrawal-form{grid-template-columns:1fr!important}.stock-item-form .btn,.stock-movement-form .btn,.stock-withdrawal-form .btn{width:100%}.stock-withdrawal-form input[style*=gridColumn]{grid-column:auto!important}.request-items-table-wrap{width:100%;overflow-x:auto;margin-bottom:.5rem}.request-items-table{min-width:760px;table-layout:auto}.request-items-table th,.request-items-table td{white-space:nowrap;word-break:normal}.request-items-table th:nth-child(2),.request-items-table th:nth-child(3),.request-items-table td:nth-child(2),.request-items-table td:nth-child(3){white-space:normal;min-width:170px}}.oc-container{background:var(--bg-white);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.oc-toolbar{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);background:var(--bg-light);border-radius:var(--radius) var(--radius) 0 0}.oc-search{padding:.45rem .7rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--font-family);max-width:240px;width:100%;transition:border-color .2s}.oc-search:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2d50161a}.oc-mode-group{display:inline-flex;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.oc-mode-btn{padding:.35rem .75rem;border:none;background:var(--bg-white);cursor:pointer;font-size:var(--font-size-xs);font-family:var(--font-family);color:var(--text-muted);transition:all .15s;display:flex;align-items:center;gap:.3rem;border-right:1px solid var(--border-color)}.oc-mode-btn:last-child{border-right:none}.oc-mode-btn:hover{background:#f0f0f0;color:var(--text-dark)}.oc-mode-btn.active{background:var(--primary);color:#fff;font-weight:600}.oc-mode-icon{font-family:monospace;font-size:.85rem;letter-spacing:-1px}.oc-check-label{display:flex;align-items:center;gap:.3rem;font-size:var(--font-size-xs);cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none}.oc-check-label input{width:auto;accent-color:var(--primary);cursor:pointer}.oc-count{font-size:var(--font-size-xs);color:var(--text-muted)}.oc-scroll{overflow:auto;padding:1.5rem 1rem;min-height:300px}.oc-roots{display:flex;gap:2rem;justify-content:center;padding-bottom:1rem}.oc-branch{display:flex;flex-direction:column;align-items:center}.oc-card{border-radius:10px;padding:.6rem .9rem;text-align:center;min-width:140px;max-width:180px;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 3px 12px #0000001f;border:2px solid rgba(255,255,255,.25);transition:transform .12s,box-shadow .12s;position:relative}.oc-card:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 6px 20px #0003}.oc-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#fff3;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.35)}.oc-avatar img{width:100%;height:100%;object-fit:cover}.oc-avatar span{font-size:1.15rem}.oc-name{font-size:.8rem;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-role{font-size:.68rem;opacity:.85;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-approval-tag{margin-top:4px;font-size:.6rem;background:#ffffff40;border-radius:8px;padding:1px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px dashed rgba(255,255,255,.5)}.oc-toggle{margin-top:5px;font-size:.65rem;opacity:.7;display:flex;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:opacity .15s}.oc-toggle:hover{opacity:1}.oc-vline{width:0;height:22px;margin:0 auto}.oc-children{display:flex;align-items:flex-start}.oc-child-wrap{display:flex;flex-direction:column;align-items:center}.oc-connector{display:flex;width:100%;height:22px}.oc-hline-left{flex:1}.oc-vline-short{width:0;height:22px}.oc-hline-right{flex:1}.oc-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.oc-legend{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;padding:.5rem 1rem;border-top:1px solid var(--border-color);font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-light);border-radius:0 0 var(--radius) var(--radius)}.oc-legend-item{display:flex;align-items:center;gap:.35rem}.oc-legend-line{display:inline-block;width:24px;height:0;vertical-align:middle}.oc-legend-line.solid{border-top:2px solid #b0b0b0}.oc-legend-line.dashed{border-top:2px dashed #999}.oc-legend-line.dashed-orange{border-top:2px dashed #e67e22}.oc-legend-line.solid-light{border-top:2px solid #ccc}.oc-legend-tag{display:inline-block;font-size:.65rem;background:#e8f5e9;border-radius:6px;padding:0 5px;border:1px dashed #66bb6a}@media(max-width:768px){.oc-toolbar{gap:.5rem}.oc-search{max-width:100%}.oc-mode-btn{padding:.3rem .5rem}.oc-scroll{padding:1rem .5rem}.oc-card{min-width:110px;max-width:140px;padding:.4rem .6rem}.oc-name{font-size:.72rem}.oc-avatar{width:32px;height:32px}}