/* ========================================================== SODOO kılavuzları — sayfaya özgü ARTIK stiller ---------------------------------------------------------- ÜRETİLMİŞ DOSYA — elle düzenlenmez. Kaynağı: tools/build_guides.py Burada duran her kural, `guide.css`'in henüz kapsamadığı bir sayfa-yerel widget'tır. Tasarım değil BORÇ KAYDIDIR: dosyanın boyutu, kılavuz ağacının ne kadarının hâlâ sisteme girmediğini dürüstçe ölçer. Her blok `body.g-` ile kapsanmıştır, bu yüzden iki sayfa asla çakışmaz; sabit açık renkler tema simgelerine haritalanmıştır ki karanlık temada kırılmasınlar. 87 sayfa, 332 KB. ========================================================== */ /* --- applications/accounting/dashboard.html --- */ body.g-accounting-dashboard .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-accounting-dashboard .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0; max-width: min(700px, 100%); margin-left: auto; margin-right: auto; } body.g-accounting-dashboard .dashboard-preview { background: #1a1a2e; border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; } body.g-accounting-dashboard .widget-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; } @media (min-width: 701px) { body.g-accounting-dashboard .widget-grid { grid-template-columns: repeat(3, 1fr); } } body.g-accounting-dashboard .widget { background: #16213e; border-radius: 8px; padding: 1rem; color: var(--paper); } body.g-accounting-dashboard .widget-title { font-size: 0.75rem; color: var(--ink-faint); text-transform: uppercase; margin-bottom: 0.5rem; } body.g-accounting-dashboard .widget-chart { height: 60px; background: linear-gradient(90deg, var(--accent) 0%, var(--accent-dim) 50%, var(--accent) 100%); border-radius: 4px; margin-top: 0.5rem; opacity: 0.6; } body.g-accounting-dashboard .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-accounting-dashboard .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-accounting-dashboard .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-accounting-dashboard .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/accounting/expenses.html --- */ body.g-accounting-expenses .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-accounting-expenses .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0; max-width: min(700px, 100%); margin-left: auto; margin-right: auto; } body.g-accounting-expenses .status-draft { background: var(--rule); color: var(--ink-soft); } body.g-accounting-expenses .status-submitted { background: #fff3e0; color: #F57C00; } body.g-accounting-expenses .status-approved { background: #e8f5e9; color: #388E3C; } body.g-accounting-expenses .status-paid { background: #e3f2fd; color: #1976D2; } body.g-accounting-expenses .status-refused { background: #ffebee; color: #D32F2F; } body.g-accounting-expenses .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-accounting-expenses .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-accounting-expenses .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-accounting-expenses .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/accounting/index.html --- */ body.g-accounting .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-accounting .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0; max-width: min(700px, 100%); margin-left: auto; margin-right: auto; } body.g-accounting .scenario-situation { background: var(--paper); padding: 1rem; border-radius: 8px; margin-bottom: 1rem; border-left: 3px solid var(--accent-dim); } body.g-accounting .scenario-steps { counter-reset: step-counter; list-style: none; margin: 0; padding: 0; } body.g-accounting .scenario-steps li { counter-increment: step-counter; padding: 0.75rem 0 0.75rem 3rem; position: relative; border-bottom: 1px dashed var(--rule); } body.g-accounting .scenario-steps li:last-child { border-bottom: none; } body.g-accounting .scenario-steps li::before { content: counter(step-counter); position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.85rem; flex-wrap: wrap; } body.g-accounting .comparison-intro { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; margin: 2rem 0; } @media (min-width: 701px) { body.g-accounting .comparison-intro { grid-template-columns: 1fr 1fr; } } body.g-accounting .comparison-card.old { background: #ffebee; border: 2px solid #ef5350; } body.g-accounting .comparison-card.new { background: #e8f5e9; border: 2px solid #4caf50; } body.g-accounting .comparison-card.old h4 { color: #c62828; } body.g-accounting .comparison-card.new h4 { color: #2e7d32; } body.g-accounting .cycle-diagram { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; margin: 2rem 0; padding: 2rem; background: linear-gradient(135deg, var(--surround) 0%, var(--rule) 100%); border-radius: 16px; } body.g-accounting .cycle-item { background: var(--paper); border: 2px solid var(--accent); border-radius: 12px; padding: 1.25rem; text-align: center; min-width: 140px; transition: all 0.3s ease; } body.g-accounting .cycle-item:hover { transform: translateY(-4px); box-shadow: 0 8px 16px rgba(43, 122, 120, 0.2); } body.g-accounting .cycle-item i { font-size: 2rem; color: var(--accent); margin-bottom: 0.75rem; display: block; } body.g-accounting .cycle-item span { font-weight: 600; color: var(--ink); font-size: 0.9rem; } body.g-accounting .cycle-arrow { display: flex; align-items: center; color: var(--accent); font-size: 1.5rem; flex-wrap: wrap; } @media (max-width: 900px) { body.g-accounting .comparison-intro { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-accounting .comparison-intro { grid-template-columns: 1fr; } } body.g-accounting .cycle-diagram { flex-direction: column; align-items: center; } body.g-accounting .cycle-arrow { transform: rotate(90deg); } } body.g-accounting .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-accounting .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-accounting .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-accounting .docs-topbar .lang-btn.active { background: var(--accent); color: var(--paper); } /* --- applications/accounting/kit.html --- */ body.g-accounting-kit .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-accounting-kit .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0; max-width: min(700px, 100%); margin-left: auto; margin-right: auto; } body.g-accounting-kit .module-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-accounting-kit .module-item { background: var(--surround); padding: 1rem 1.25rem; border-radius: 8px; border-left: 4px solid var(--accent); } body.g-accounting-kit .module-item h4 { margin: 0 0 0.5rem 0; color: var(--ink); font-size: 1rem; } body.g-accounting-kit .module-item p { margin: 0; font-size: 0.9rem; color: var(--ink-soft); } body.g-accounting-kit .comparison-table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; } body.g-accounting-kit .comparison-table th, body.g-accounting-kit .comparison-table td { padding: 0.75rem 1rem; text-align: left; border-bottom: 1px solid var(--rule); } body.g-accounting-kit .comparison-table th { background: var(--surround); font-weight: 600; color: var(--ink); } body.g-accounting-kit .comparison-table tr:hover { background: var(--surround); } body.g-accounting-kit .cross-icon { color: #D32F2F; } body.g-accounting-kit .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-accounting-kit .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-accounting-kit .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-accounting-kit .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/addons/ai-cowork/index.html --- */ body.g-addons-ai-cowork .header { position: fixed; top: 0; left: 0; right: 0; height: var(--header-height); background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); display: flex; align-items: center; padding: 0 2rem; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.15); flex-wrap: wrap; } body.g-addons-ai-cowork .header-logo { font-size: 1.5rem; font-weight: 700; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } body.g-addons-ai-cowork .header-logo i { font-size: 1.75rem; } body.g-addons-ai-cowork .header-nav { margin-left: auto; display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap; } body.g-addons-ai-cowork .header-nav a { color: rgba(255,255,255,0.9); text-decoration: none; font-size: 0.9rem; font-weight: 500; transition: color 0.2s; } body.g-addons-ai-cowork .header-nav a:hover { color: var(--paper); } body.g-addons-ai-cowork .layout { display: flex; padding-top: var(--header-height); min-height: 100vh; flex-wrap: wrap; } body.g-addons-ai-cowork .sidebar-menu { list-style: none; } body.g-addons-ai-cowork .sidebar-menu a { display: flex; align-items: center; gap: 0.75rem; padding: 0.625rem 1.5rem; color: var(--text-color); text-decoration: none; font-size: 0.875rem; transition: all 0.2s; border-left: 3px solid transparent; flex-wrap: wrap; } body.g-addons-ai-cowork .sidebar-menu a:hover { background: var(--bg-light); color: var(--primary-color); } body.g-addons-ai-cowork .sidebar-menu a.active { background: linear-gradient(90deg, rgba(156,39,176,0.1) 0%, transparent 100%); color: var(--primary-color); border-left-color: var(--primary-color); font-weight: 500; } body.g-addons-ai-cowork .sidebar-menu i { width: 20px; text-align: center; color: var(--text-light); } body.g-addons-ai-cowork .sidebar-menu a:hover i, body.g-addons-ai-cowork .sidebar-menu a.active i { color: var(--primary-color); } body.g-addons-ai-cowork .toc-list { list-style: none; } body.g-addons-ai-cowork .toc-list a { display: block; padding: 0.375rem 0; color: var(--text-light); text-decoration: none; font-size: 0.8rem; border-left: 2px solid transparent; padding-left: 0.75rem; transition: all 0.2s; } body.g-addons-ai-cowork .toc-list a:hover, body.g-addons-ai-cowork .toc-list a.active { color: var(--primary-color); border-left-color: var(--primary-color); } body.g-addons-ai-cowork .module-version { display: inline-block; background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); padding: 0.375rem 1rem; border-radius: 20px; font-size: 0.8rem; font-weight: 600; margin-top: 1rem; } body.g-addons-ai-cowork .module-badges { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; margin-top: 1rem; } body.g-addons-ai-cowork .module-badge { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.35rem 0.9rem; border-radius: 20px; font-size: 0.78rem; font-weight: 600; border: 1.5px solid; flex-wrap: wrap; } body.g-addons-ai-cowork .badge-providers { border-color: var(--accent); color: var(--accent); background: #F3E5F5; } body.g-addons-ai-cowork .badge-actions { border-color: #2196F3; color: #1565C0; background: #E3F2FD; } body.g-addons-ai-cowork .badge-stream { border-color: #4CAF50; color: #2E7D32; background: #E8F5E9; } body.g-addons-ai-cowork .badge-memory { border-color: #FF9800; color: #E65100; background: #FFF3E0; } body.g-addons-ai-cowork .provider-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-addons-ai-cowork .speed-fast { background: #E8F5E9; color: #2E7D32; } body.g-addons-ai-cowork .speed-medium { background: #FFF3E0; color: #E65100; } body.g-addons-ai-cowork .speed-slow { background: #FFEBEE; color: #C62828; } body.g-addons-ai-cowork .action-category { background: var(--bg-light); border-radius: 10px; padding: 1.25rem; border: 1px solid var(--border-color); } body.g-addons-ai-cowork .action-category-header { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.875rem; flex-wrap: wrap; } body.g-addons-ai-cowork .action-category h4 { margin: 0; font-size: 0.95rem; } body.g-addons-ai-cowork .code-block .comment { color: #64748b; } body.g-addons-ai-cowork .code-block .keyword { color: #f472b6; } body.g-addons-ai-cowork .code-block .string { color: #a5f3fc; } body.g-addons-ai-cowork .code-block .prompt { color: #86efac; } body.g-addons-ai-cowork .code-block .ai-resp { color: #c4b5fd; } body.g-addons-ai-cowork .chat-avatar.user { background: linear-gradient(135deg, var(--accent), var(--accent-dim)); } body.g-addons-ai-cowork .chat-bubble.user { background: var(--paper); border: 1px solid var(--border-color); } body.g-addons-ai-cowork .stat-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-addons-ai-cowork .badge-primary { background: linear-gradient(135deg, var(--accent), var(--accent-dim)); color: var(--paper); } body.g-addons-ai-cowork .badge-secondary { background: var(--bg-light); color: var(--text-color); border: 1px solid var(--border-color); } body.g-addons-ai-cowork .badge-blue { background: #E3F2FD; color: #1565C0; } body.g-addons-ai-cowork .two-col { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; margin: 1.25rem 0; } @media (min-width: 701px) { body.g-addons-ai-cowork .two-col { grid-template-columns: 1fr 1fr; } } @media (max-width: 900px) { body.g-addons-ai-cowork .two-col { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-addons-ai-cowork .two-col { grid-template-columns: 1fr; } } } /* --- applications/addons/dashboards/index.html --- */ body.g-addons-dashboards .layout { display: flex; min-height: 100vh; flex-wrap: wrap; } body.g-addons-dashboards .sidebar-header { padding: 20px; border-bottom: 1px solid var(--border); background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); color: var(--paper); } body.g-addons-dashboards .sidebar-logo { font-size: 1.5rem; font-weight: 700; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } body.g-addons-dashboards .sidebar-nav { padding: 15px 0; } body.g-addons-dashboards .nav-section { padding: 0 15px; margin-bottom: 10px; } body.g-addons-dashboards .nav-section-title { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; color: var(--text-light); padding: 10px 15px 5px; letter-spacing: 0.5px; } body.g-addons-dashboards .nav-link { display: flex; align-items: center; gap: 10px; padding: 10px 15px; color: var(--text); text-decoration: none; border-radius: 8px; margin: 2px 10px; transition: all 0.2s; font-size: 0.9rem; flex-wrap: wrap; } body.g-addons-dashboards .nav-link:hover { background: var(--primary-light); color: var(--primary); } body.g-addons-dashboards .nav-link.active { background: var(--primary); color: var(--paper); } body.g-addons-dashboards .nav-link i { width: 20px; text-align: center; } body.g-addons-dashboards .page-header { margin-bottom: 40px; } body.g-addons-dashboards .module-info h1 { font-size: 2.2rem; font-weight: 700; color: var(--text); margin-bottom: 10px; } body.g-addons-dashboards .module-info .subtitle { font-size: 1.1rem; color: var(--text-light); margin-bottom: 15px; } body.g-addons-dashboards .module-meta { display: flex; flex-wrap: wrap; gap: 15px; } body.g-addons-dashboards .meta-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; background: var(--bg); border-radius: 20px; font-size: 0.85rem; color: var(--text-light); flex-wrap: wrap; } body.g-addons-dashboards .meta-badge i { color: var(--primary); } body.g-addons-dashboards .author-badge { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; background: linear-gradient(135deg, var(--surround) 0%, var(--rule) 100%); border: 1px solid var(--border); border-radius: 10px; margin-top: 20px; flex-wrap: wrap; } body.g-addons-dashboards .author-badge img { width: 32px; height: 32px; border-radius: 50%; } body.g-addons-dashboards .author-badge .author-info { display: flex; flex-direction: column; flex-wrap: wrap; } body.g-addons-dashboards .author-badge .author-label { font-size: 0.75rem; color: var(--text-light); text-transform: uppercase; letter-spacing: 0.5px; } body.g-addons-dashboards .author-badge .author-name { font-size: 0.9rem; font-weight: 600; color: var(--text); } body.g-addons-dashboards .section { margin-bottom: 50px; } body.g-addons-dashboards .module-card-header { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; flex-wrap: wrap; } body.g-addons-dashboards .module-card-icon.purple { background: linear-gradient(135deg, var(--accent), #512DA8); } body.g-addons-dashboards .module-card-icon.blue { background: linear-gradient(135deg, #2196F3, #1976D2); } body.g-addons-dashboards .module-card-icon.orange { background: linear-gradient(135deg, #FF9800, #F57C00); } body.g-addons-dashboards .module-card-icon.green { background: linear-gradient(135deg, #4CAF50, #388E3C); } body.g-addons-dashboards .module-card-icon.pink { background: linear-gradient(135deg, #E91E63, #C2185B); } body.g-addons-dashboards .module-card-features { display: flex; flex-wrap: wrap; gap: 6px; } body.g-addons-dashboards .code-block .comment { color: #6272a4; } body.g-addons-dashboards .code-block .keyword { color: #ff79c6; } body.g-addons-dashboards .code-block .string { color: #f1fa8c; } body.g-addons-dashboards .chart-gallery { display: grid; grid-template-columns: minmax(0, 1fr); gap: 15px; margin: 20px 0; } @media (min-width: 701px) { body.g-addons-dashboards .chart-gallery { grid-template-columns: repeat(3, 1fr); } } body.g-addons-dashboards .chart-type { background: var(--white); border: 1px solid var(--border); border-radius: 10px; padding: 20px; text-align: center; transition: all 0.3s; } body.g-addons-dashboards .chart-type:hover { border-color: var(--primary); box-shadow: 0 4px 15px rgba(103, 58, 183, 0.15); } body.g-addons-dashboards .chart-type i { font-size: 2.5rem; color: var(--primary); margin-bottom: 10px; } body.g-addons-dashboards .chart-type-name { font-weight: 600; color: var(--text); font-size: 0.9rem; } body.g-addons-dashboards .stats-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 15px; margin: 20px 0; } @media (min-width: 701px) { body.g-addons-dashboards .stats-row { grid-template-columns: repeat(4, 1fr); } } body.g-addons-dashboards .dashboard-preview { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); border-radius: 15px; padding: 25px; margin: 25px 0; } body.g-addons-dashboards .preview-title { color: rgba(255,255,255,0.9); font-size: 0.85rem; font-weight: 600; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 0.5px; } body.g-addons-dashboards .preview-tiles { display: grid; grid-template-columns: minmax(0, 1fr); gap: 15px; } @media (min-width: 701px) { body.g-addons-dashboards .preview-tiles { grid-template-columns: repeat(4, 1fr); } } body.g-addons-dashboards .preview-tile { background: rgba(255,255,255,0.1); border-radius: 10px; padding: 20px; text-align: center; backdrop-filter: blur(10px); } body.g-addons-dashboards .preview-tile-value { font-size: 1.8rem; font-weight: 700; color: var(--paper); } body.g-addons-dashboards .preview-tile-label { font-size: 0.8rem; color: rgba(255,255,255,0.7); margin-top: 5px; } body.g-addons-dashboards .preview-tile.green { border-left: 4px solid #4CAF50; } body.g-addons-dashboards .preview-tile.blue { border-left: 4px solid #2196F3; } body.g-addons-dashboards .preview-tile.orange { border-left: 4px solid #FF9800; } body.g-addons-dashboards .preview-tile.purple { border-left: 4px solid var(--accent-dim); } body.g-addons-dashboards .comparison-table th { text-align: center; } body.g-addons-dashboards .comparison-table td { text-align: center; } body.g-addons-dashboards .comparison-table td:first-child { text-align: left; font-weight: 500; } @media (max-width: 900px) { body.g-addons-dashboards .chart-gallery { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-addons-dashboards .chart-gallery { grid-template-columns: repeat(2, 1fr); } } body.g-addons-dashboards .stats-row, body.g-addons-dashboards .preview-tiles { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-addons-dashboards .stats-row, body.g-addons-dashboards .preview-tiles { grid-template-columns: repeat(2, 1fr); } } } body.g-addons-dashboards .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-addons-dashboards .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-addons-dashboards .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-addons-dashboards .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } body.g-addons-dashboards .sidebar-lang-switcher { display: flex; gap: 4px; padding: 8px 16px 4px; flex-wrap: wrap; } body.g-addons-dashboards .sidebar-lang-btn { flex: 1; text-align: center; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; background: rgba(0,0,0,0.06); color: var(--ink-soft); transition: all 0.2s; } body.g-addons-dashboards .sidebar-lang-btn:hover { background: rgba(0,0,0,0.12); color: var(--ink); } body.g-addons-dashboards .sidebar-lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/addons/fieldservice/index.html --- */ body.g-addons-fieldservice .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-addons-fieldservice .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0; } body.g-addons-fieldservice .author-badge { display: inline-block; background: #E1F5FE; color: var(--accent-dim); padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.85rem; margin-top: 1rem; } body.g-addons-fieldservice .module-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1.5rem; margin: 2rem 0; } body.g-addons-fieldservice .module-card .tech-name { font-size: 0.75rem; color: var(--ink-faint); font-family: monospace; margin-top: 0.5rem; } body.g-addons-fieldservice .feature-text h4 { margin: 0 0 0.25rem 0; font-size: 1rem; } body.g-addons-fieldservice .feature-text p { margin: 0; font-size: 0.9rem; color: var(--ink-soft); } body.g-addons-fieldservice .info-box.scenario { background: #F3E5F5; border-left: 4px solid #7B1FA2; } body.g-addons-fieldservice .stats-row { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 1rem; margin: 2rem 0; } body.g-addons-fieldservice .comparison-table th:first-child { width: 35%; } /* --- applications/addons/hrms/index.html --- */ body.g-addons-hrms .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-addons-hrms .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0; } body.g-addons-hrms .author-badge { display: inline-block; background: #FCE4EC; color: var(--accent-dim); padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.85rem; margin-top: 1rem; } body.g-addons-hrms .module-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; margin: 2rem 0; } body.g-addons-hrms .module-card .tech-name { font-size: 0.75rem; color: var(--ink-faint); font-family: monospace; margin-top: 0.5rem; } body.g-addons-hrms .feature-text h4 { margin: 0 0 0.25rem 0; font-size: 1rem; } body.g-addons-hrms .feature-text p { margin: 0; font-size: 0.9rem; color: var(--ink-soft); } body.g-addons-hrms .doc-image { max-width: 100%; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); margin: 1.5rem 0; } body.g-addons-hrms .image-caption { text-align: center; font-size: 0.85rem; color: var(--ink-soft); margin-top: 0.5rem; font-style: italic; } body.g-addons-hrms .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-addons-hrms .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-addons-hrms .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-addons-hrms .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/addons/plm/index.html --- */ body.g-addons-plm .layout { display: flex; min-height: 100vh; flex-wrap: wrap; } body.g-addons-plm .sidebar-header { padding: 20px; border-bottom: 1px solid var(--border); background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); color: var(--paper); } body.g-addons-plm .sidebar-logo { font-size: 1.5rem; font-weight: 700; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } body.g-addons-plm .sidebar-nav { padding: 15px 0; } body.g-addons-plm .nav-section-title { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; color: var(--text-light); padding: 10px 15px 5px; letter-spacing: 0.5px; } body.g-addons-plm .nav-link { display: flex; align-items: center; gap: 10px; padding: 10px 15px; color: var(--text); text-decoration: none; border-radius: 8px; margin: 2px 10px; transition: all 0.2s; font-size: 0.9rem; flex-wrap: wrap; } body.g-addons-plm .nav-link:hover { background: var(--primary-light); color: var(--primary); } body.g-addons-plm .nav-link.active { background: var(--primary); color: var(--paper); } body.g-addons-plm .nav-link i { width: 20px; text-align: center; } body.g-addons-plm .page-header { margin-bottom: 40px; } body.g-addons-plm .module-info h1 { font-size: 2.2rem; font-weight: 700; color: var(--text); margin-bottom: 10px; } body.g-addons-plm .module-info .subtitle { font-size: 1.1rem; color: var(--text-light); margin-bottom: 15px; } body.g-addons-plm .module-meta { display: flex; flex-wrap: wrap; gap: 15px; } body.g-addons-plm .meta-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; background: var(--bg); border-radius: 20px; font-size: 0.85rem; color: var(--text-light); flex-wrap: wrap; } body.g-addons-plm .meta-badge i { color: var(--primary); } body.g-addons-plm .author-badge { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; background: linear-gradient(135deg, var(--surround) 0%, var(--rule) 100%); border: 1px solid var(--border); border-radius: 10px; margin-top: 20px; flex-wrap: wrap; } body.g-addons-plm .author-badge .author-info { display: flex; flex-direction: column; flex-wrap: wrap; } body.g-addons-plm .author-badge .author-label { font-size: 0.75rem; color: var(--text-light); text-transform: uppercase; letter-spacing: 0.5px; } body.g-addons-plm .author-badge .author-name { font-size: 0.9rem; font-weight: 600; color: var(--text); } body.g-addons-plm .section { margin-bottom: 50px; } body.g-addons-plm .module-card-header { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; flex-wrap: wrap; } body.g-addons-plm .module-card-icon.teal { background: linear-gradient(135deg, var(--accent), #006064); } body.g-addons-plm .module-card-icon.blue { background: linear-gradient(135deg, #2196F3, #1976D2); } body.g-addons-plm .module-card-icon.orange { background: linear-gradient(135deg, #FF9800, #F57C00); } body.g-addons-plm .module-card-icon.green { background: linear-gradient(135deg, #4CAF50, #388E3C); } body.g-addons-plm .module-card-icon.purple { background: linear-gradient(135deg, #9C27B0, #7B1FA2); } body.g-addons-plm .module-card-icon.red { background: linear-gradient(135deg, #F44336, #D32F2F); } body.g-addons-plm .module-card-icon.indigo { background: linear-gradient(135deg, #3F51B5, #303F9F); } body.g-addons-plm .module-card-icon.cyan { background: linear-gradient(135deg, #00BCD4, var(--accent-dim)); } body.g-addons-plm .module-card-features { display: flex; flex-wrap: wrap; gap: 6px; } body.g-addons-plm .lifecycle-flow { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; padding: 30px; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); border-radius: 15px; margin: 25px 0; } body.g-addons-plm .lifecycle-state { padding: 12px 24px; border-radius: 25px; font-weight: 600; font-size: 0.9rem; color: var(--paper); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } body.g-addons-plm .lifecycle-state.draft { background: #607D8B; } body.g-addons-plm .lifecycle-state.confirmed { background: #2196F3; } body.g-addons-plm .lifecycle-state.released { background: #4CAF50; } body.g-addons-plm .lifecycle-state.undermodify { background: #FF9800; } body.g-addons-plm .lifecycle-state.obsoleted { background: #F44336; } body.g-addons-plm .cad-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 15px; margin: 20px 0; } @media (min-width: 701px) { body.g-addons-plm .cad-grid { grid-template-columns: repeat(4, 1fr); } } body.g-addons-plm .cad-item { background: var(--white); border: 1px solid var(--border); border-radius: 10px; padding: 20px; text-align: center; transition: all 0.3s; } body.g-addons-plm .cad-item:hover { border-color: var(--primary); box-shadow: 0 4px 15px rgba(0, 131, 143, 0.15); } body.g-addons-plm .cad-item i { font-size: 2.5rem; color: var(--primary); margin-bottom: 10px; } body.g-addons-plm .cad-name { font-weight: 600; color: var(--text); font-size: 0.9rem; } body.g-addons-plm .cad-versions { font-size: 0.75rem; color: var(--text-light); margin-top: 5px; } body.g-addons-plm .stats-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 15px; margin: 20px 0; } @media (min-width: 701px) { body.g-addons-plm .stats-row { grid-template-columns: repeat(4, 1fr); } } body.g-addons-plm .module-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 20px 0; } @media (min-width: 701px) { body.g-addons-plm .module-list { grid-template-columns: repeat(3, 1fr); } } body.g-addons-plm .module-list-item { background: var(--white); border: 1px solid var(--border); border-radius: 8px; padding: 12px 15px; display: flex; align-items: center; gap: 10px; font-size: 0.85rem; transition: all 0.2s; flex-wrap: wrap; } body.g-addons-plm .module-list-item:hover { border-color: var(--primary); background: var(--primary-light); } body.g-addons-plm .module-list-item i { color: var(--primary); width: 20px; } @media (max-width: 900px) { body.g-addons-plm .cad-grid { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-addons-plm .cad-grid { grid-template-columns: repeat(2, 1fr); } } body.g-addons-plm .stats-row { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-addons-plm .stats-row { grid-template-columns: repeat(2, 1fr); } } body.g-addons-plm .module-list { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-addons-plm .module-list { grid-template-columns: 1fr; } } } body.g-addons-plm .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-addons-plm .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-addons-plm .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-addons-plm .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } body.g-addons-plm .sidebar-lang-switcher { display: flex; gap: 4px; padding: 8px 16px 4px; flex-wrap: wrap; } body.g-addons-plm .sidebar-lang-btn { flex: 1; text-align: center; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; background: rgba(0,0,0,0.06); color: var(--ink-soft); transition: all 0.2s; } body.g-addons-plm .sidebar-lang-btn:hover { background: rgba(0,0,0,0.12); color: var(--ink); } body.g-addons-plm .sidebar-lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/addons/sodoo-plus/index.html --- */ body.g-addons-sodoo-plus .header { position: fixed; top: 0; left: 0; right: 0; height: var(--header-height); background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%); color: var(--paper); display: flex; align-items: center; padding: 0 2rem; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.15); flex-wrap: wrap; } body.g-addons-sodoo-plus .header-logo { font-size: 1.5rem; font-weight: 700; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } body.g-addons-sodoo-plus .header-logo i { font-size: 1.75rem; } body.g-addons-sodoo-plus .header-nav { margin-left: auto; display: flex; gap: 1.5rem; flex-wrap: wrap; } body.g-addons-sodoo-plus .header-nav a { color: rgba(255,255,255,0.9); text-decoration: none; font-size: 0.9rem; font-weight: 500; transition: color 0.2s; } body.g-addons-sodoo-plus .header-nav a:hover { color: var(--paper); } body.g-addons-sodoo-plus .layout { display: flex; padding-top: var(--header-height); min-height: 100vh; flex-wrap: wrap; } body.g-addons-sodoo-plus .sidebar-menu { list-style: none; } body.g-addons-sodoo-plus .sidebar-menu a { display: flex; align-items: center; gap: 0.75rem; padding: 0.625rem 1.5rem; color: var(--text-color); text-decoration: none; font-size: 0.875rem; transition: all 0.2s; border-left: 3px solid transparent; flex-wrap: wrap; } body.g-addons-sodoo-plus .sidebar-menu a:hover { background: var(--bg-light); color: var(--primary-color); } body.g-addons-sodoo-plus .sidebar-menu a.active { background: linear-gradient(90deg, rgba(255,87,34,0.1) 0%, transparent 100%); color: var(--primary-color); border-left-color: var(--primary-color); font-weight: 500; } body.g-addons-sodoo-plus .sidebar-menu i { width: 20px; text-align: center; color: var(--text-light); } body.g-addons-sodoo-plus .sidebar-menu a:hover i, body.g-addons-sodoo-plus .sidebar-menu a.active i { color: var(--primary-color); } body.g-addons-sodoo-plus .toc-list { list-style: none; } body.g-addons-sodoo-plus .toc-list a { display: block; padding: 0.375rem 0; color: var(--text-light); text-decoration: none; font-size: 0.8rem; border-left: 2px solid transparent; padding-left: 0.75rem; transition: all 0.2s; } body.g-addons-sodoo-plus .toc-list a:hover, body.g-addons-sodoo-plus .toc-list a.active { color: var(--primary-color); border-left-color: var(--primary-color); } body.g-addons-sodoo-plus .module-version { display: inline-block; background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%); color: var(--paper); padding: 0.375rem 1rem; border-radius: 20px; font-size: 0.8rem; font-weight: 600; margin-top: 1rem; } body.g-addons-sodoo-plus .code-block .comment { color: #64748b; } body.g-addons-sodoo-plus .code-block .keyword { color: #f472b6; } body.g-addons-sodoo-plus .code-block .string { color: #a5f3fc; } body.g-addons-sodoo-plus .code-block .variable { color: #fbbf24; } body.g-addons-sodoo-plus .badge-primary { background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%); color: var(--paper); } body.g-addons-sodoo-plus .badge-secondary { background: var(--bg-light); color: var(--text-color); border: 1px solid var(--border-color); } body.g-addons-sodoo-plus .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-addons-sodoo-plus .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-addons-sodoo-plus .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-addons-sodoo-plus .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } body.g-addons-sodoo-plus .sidebar-lang-switcher { display: flex; gap: 4px; padding: 8px 16px 4px; flex-wrap: wrap; } body.g-addons-sodoo-plus .sidebar-lang-btn { flex: 1; text-align: center; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; background: rgba(0,0,0,0.06); color: var(--ink-soft); transition: all 0.2s; } body.g-addons-sodoo-plus .sidebar-lang-btn:hover { background: rgba(0,0,0,0.12); color: var(--ink); } body.g-addons-sodoo-plus .sidebar-lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/addons/tr-localization/index.html --- */ body.g-addons-tr-localization .layout { display: flex; min-height: 100vh; flex-wrap: wrap; } body.g-addons-tr-localization .sidebar-header { padding: 20px; border-bottom: 1px solid var(--border); background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); color: var(--paper); } body.g-addons-tr-localization .sidebar-logo { font-size: 1.5rem; font-weight: 700; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } body.g-addons-tr-localization .sidebar-nav { padding: 15px 0; } body.g-addons-tr-localization .nav-section-title { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; color: var(--text-light); padding: 10px 15px 5px; letter-spacing: 0.5px; } body.g-addons-tr-localization .nav-link { display: flex; align-items: center; gap: 10px; padding: 10px 15px; color: var(--text); text-decoration: none; border-radius: 8px; margin: 2px 10px; transition: all 0.2s; font-size: 0.9rem; flex-wrap: wrap; } body.g-addons-tr-localization .nav-link:hover { background: var(--primary-light); color: var(--primary); } body.g-addons-tr-localization .nav-link.active { background: var(--primary); color: var(--paper); } body.g-addons-tr-localization .nav-link i { width: 20px; text-align: center; } body.g-addons-tr-localization .page-header { margin-bottom: 40px; } body.g-addons-tr-localization .module-info h1 { font-size: 2.2rem; font-weight: 700; color: var(--text); margin-bottom: 10px; } body.g-addons-tr-localization .module-info .subtitle { font-size: 1.1rem; color: var(--text-light); margin-bottom: 15px; } body.g-addons-tr-localization .module-meta { display: flex; flex-wrap: wrap; gap: 15px; } body.g-addons-tr-localization .meta-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; background: var(--bg); border-radius: 20px; font-size: 0.85rem; color: var(--text-light); flex-wrap: wrap; } body.g-addons-tr-localization .meta-badge i { color: var(--primary); } body.g-addons-tr-localization .author-badge { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; background: linear-gradient(135deg, var(--surround) 0%, var(--rule) 100%); border: 1px solid var(--border); border-radius: 10px; margin-top: 20px; flex-wrap: wrap; } body.g-addons-tr-localization .author-badge .author-info { display: flex; flex-direction: column; flex-wrap: wrap; } body.g-addons-tr-localization .author-badge .author-label { font-size: 0.75rem; color: var(--text-light); text-transform: uppercase; letter-spacing: 0.5px; } body.g-addons-tr-localization .author-badge .author-name { font-size: 0.9rem; font-weight: 600; color: var(--text); } body.g-addons-tr-localization .section { margin-bottom: 50px; } body.g-addons-tr-localization .module-card-header { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; flex-wrap: wrap; } body.g-addons-tr-localization .module-card-icon.red { background: linear-gradient(135deg, var(--accent), #B71C1C); } body.g-addons-tr-localization .module-card-icon.blue { background: linear-gradient(135deg, #1976D2, #1565C0); } body.g-addons-tr-localization .module-card-icon.green { background: linear-gradient(135deg, #388E3C, #2E7D32); } body.g-addons-tr-localization .module-card-icon.orange { background: linear-gradient(135deg, #F57C00, #EF6C00); } body.g-addons-tr-localization .module-card-icon.purple { background: linear-gradient(135deg, #7B1FA2, #6A1B9A); } body.g-addons-tr-localization .module-card-icon.teal { background: linear-gradient(135deg, #00838F, #006064); } body.g-addons-tr-localization .module-card-features { display: flex; flex-wrap: wrap; gap: 6px; } body.g-addons-tr-localization .invoice-flow { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); border-radius: 15px; padding: 25px; margin: 25px 0; } body.g-addons-tr-localization .flow-title { color: rgba(255,255,255,0.9); font-size: 1rem; font-weight: 600; margin-bottom: 20px; text-align: center; } body.g-addons-tr-localization .flow-steps { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 15px; } body.g-addons-tr-localization .flow-step { background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); border-radius: 10px; padding: 15px 20px; text-align: center; min-width: 120px; } body.g-addons-tr-localization .flow-step-icon { font-size: 1.5rem; color: var(--paper); margin-bottom: 8px; } body.g-addons-tr-localization .flow-step-label { font-size: 0.8rem; color: rgba(255,255,255,0.8); } body.g-addons-tr-localization .flow-step.red { border-left: 3px solid #F44336; } body.g-addons-tr-localization .flow-step.blue { border-left: 3px solid #2196F3; } body.g-addons-tr-localization .flow-step.green { border-left: 3px solid #4CAF50; } body.g-addons-tr-localization .flow-step.orange { border-left: 3px solid #FF9800; } body.g-addons-tr-localization .flow-arrow { color: rgba(255,255,255,0.5); font-size: 1.2rem; } body.g-addons-tr-localization .invoice-types { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; margin: 25px 0; } @media (min-width: 701px) { body.g-addons-tr-localization .invoice-types { grid-template-columns: repeat(3, 1fr); } } body.g-addons-tr-localization .invoice-type { background: var(--white); border: 2px solid var(--border); border-radius: 12px; padding: 25px; text-align: center; transition: all 0.3s; } body.g-addons-tr-localization .invoice-type:hover { border-color: var(--primary); box-shadow: 0 5px 20px rgba(198, 40, 40, 0.15); } body.g-addons-tr-localization .invoice-type-icon { width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; font-size: 1.8rem; color: var(--paper); flex-wrap: wrap; } body.g-addons-tr-localization .invoice-type-icon.basic { background: linear-gradient(135deg, #607D8B, #455A64); } body.g-addons-tr-localization .invoice-type-icon.commercial { background: linear-gradient(135deg, #2196F3, #1976D2); } body.g-addons-tr-localization .invoice-type-icon.archive { background: linear-gradient(135deg, #4CAF50, #388E3C); } body.g-addons-tr-localization .invoice-type-name { font-weight: 700; color: var(--text); font-size: 1.1rem; margin-bottom: 5px; } body.g-addons-tr-localization .invoice-type-code { font-size: 0.8rem; color: var(--text-light); margin-bottom: 15px; } body.g-addons-tr-localization .invoice-type-desc { font-size: 0.85rem; color: var(--text-light); line-height: 1.5; } body.g-addons-tr-localization .stats-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 15px; margin: 20px 0; } @media (min-width: 701px) { body.g-addons-tr-localization .stats-row { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 900px) { body.g-addons-tr-localization .invoice-types { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-addons-tr-localization .invoice-types { grid-template-columns: 1fr; } } body.g-addons-tr-localization .stats-row { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-addons-tr-localization .stats-row { grid-template-columns: repeat(2, 1fr); } } } body.g-addons-tr-localization .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-addons-tr-localization .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-addons-tr-localization .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-addons-tr-localization .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } body.g-addons-tr-localization .sidebar-lang-switcher { display: flex; gap: 4px; padding: 8px 16px 4px; flex-wrap: wrap; } body.g-addons-tr-localization .sidebar-lang-btn { flex: 1; text-align: center; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; background: rgba(0,0,0,0.06); color: var(--ink-soft); transition: all 0.2s; } body.g-addons-tr-localization .sidebar-lang-btn:hover { background: rgba(0,0,0,0.12); color: var(--ink); } body.g-addons-tr-localization .sidebar-lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/crm/index.html --- */ body.g-crm .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-crm .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 2rem; line-height: 1.6; } body.g-crm .scenario-situation { font-weight: 600; color: #5D4037; margin-bottom: 1rem; } body.g-crm .scenario-steps { margin: 0; padding-left: 1.5rem; } body.g-crm .scenario-steps li { margin: 0.75rem 0; color: #4E342E; } body.g-crm .scenario-result { margin-top: 1rem; padding-top: 1rem; border-top: 1px dashed #FFC107; color: #388E3C; font-weight: 500; } body.g-crm .scenario-result i { margin-right: 0.5rem; } body.g-crm .process-step.neutral { background: linear-gradient(135deg, #9E9E9E 0%, #757575 100%); } body.g-crm .comparison-table { margin: 2rem 0; } body.g-crm .comparison-table th:first-child { width: 30%; } body.g-crm .comparison-table .vs { text-align: center; font-weight: 600; color: var(--accent); } body.g-crm .doc-figure { margin: 2rem 0; text-align: center; } body.g-crm .doc-figure img { max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); border: 1px solid var(--rule); } body.g-crm .doc-figure figcaption { margin-top: 0.75rem; font-size: 0.9rem; color: var(--ink-soft); font-style: italic; } body.g-crm .doc-figure.bordered img { border: 2px solid var(--accent); } body.g-crm .doc-figure.shadow-lg img { box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18); } body.g-crm .image-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin: 2rem 0; } body.g-crm .image-gallery .doc-figure { margin: 0; } body.g-crm .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-crm .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-crm .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-crm .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/events/index.html --- */ body.g-events .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-events .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0; } body.g-events .doc-figure { margin: 2rem 0; padding: 1rem; background: var(--paper); border-radius: 8px; } body.g-events .doc-figure img { display: block; max-width: 100%; margin: 0 auto; border-radius: 6px; box-shadow: 0 2px 12px rgba(0,0,0,0.12); } body.g-events .doc-figure figcaption { text-align: center; font-size: 0.9rem; color: var(--ink-soft); margin-top: 1rem; padding-top: 0.75rem; border-top: 1px solid var(--rule); } body.g-events .scenario-content .scenario-situation { background: #fbe9e7; padding: 1rem; border-radius: 8px; margin-bottom: 1rem; } body.g-events .event-type-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; margin: 1.5rem 0; } @media (min-width: 701px) { body.g-events .event-type-grid { grid-template-columns: repeat(2, 1fr); } } body.g-events .event-type-card { padding: 1.25rem; border-radius: 8px; border: 2px solid; } body.g-events .event-type-card.physical { background: #e3f2fd; border-color: #90caf9; } body.g-events .event-type-card.online { background: #f3e5f5; border-color: #ce93d8; } body.g-events .event-type-card.hybrid { background: #fff3e0; border-color: #ffcc80; } body.g-events .event-type-card h4 { margin: 0 0 0.75rem 0; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } body.g-events .event-type-card.physical h4 { color: #1565C0; } body.g-events .event-type-card.online h4 { color: #7B1FA2; } body.g-events .event-type-card.hybrid h4 { color: #E65100; } body.g-events .event-type-card ul { margin: 0; padding-left: 1.25rem; } body.g-events .event-type-card li { margin: 0.25rem 0; font-size: 0.95rem; } body.g-events .badge-draft { background: var(--rule); color: #616161; } body.g-events .badge-confirmed { background: #c8e6c9; color: #2e7d32; } body.g-events .badge-attended { background: #bbdefb; color: #1565c0; } body.g-events .badge-cancelled { background: #ffcdd2; color: #c62828; } @media (max-width: 1024px) { body.g-events .event-type-grid { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-events .event-type-grid { grid-template-columns: 1fr; } } } body.g-events .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-events .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-events .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-events .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/finance/index.html --- */ body.g-finance .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-finance .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0; } body.g-finance .doc-figure { margin: 2rem 0; padding: 1rem; background: var(--paper); border-radius: 8px; } body.g-finance .doc-figure img { display: block; max-width: 100%; margin: 0 auto; border-radius: 6px; box-shadow: 0 2px 12px rgba(0,0,0,0.12); } body.g-finance .doc-figure figcaption { text-align: center; font-size: 0.9rem; color: var(--ink-soft); margin-top: 1rem; padding-top: 0.75rem; border-top: 1px solid var(--rule); } body.g-finance .scenario-situation { background: var(--surround); padding: 1rem; border-radius: 8px; margin-bottom: 1rem; border-left: 4px solid var(--accent); } body.g-finance .scenario-result { background: #e8f5e9; padding: 1rem; border-radius: 8px; margin-top: 1rem; border-left: 4px solid #4CAF50; } body.g-finance .comparison-card.positive { border-color: #4CAF50; background: #f1f8e9; } body.g-finance .comparison-card.negative { border-color: #f44336; background: #ffebee; } body.g-finance .comparison-card.positive h5 { color: #2E7D32; } body.g-finance .comparison-card.negative h5 { color: #C62828; } body.g-finance .timeline-item { position: relative; padding: 1rem 0 1.5rem 1.5rem; } body.g-finance .timeline-item::before { content: ''; position: absolute; left: -2rem; top: 1.25rem; width: 12px; height: 12px; background: var(--accent); border-radius: 50%; border: 3px solid #e0f2f1; } body.g-finance .timeline-item h5 { color: #00695c; margin: 0 0 0.5rem 0; } body.g-finance .timeline-item p { margin: 0; font-size: 0.95rem; color: var(--ink-soft); } body.g-finance .account-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-finance .account-card { background: var(--paper); border: 2px solid var(--rule); border-radius: 10px; padding: 1rem; text-align: center; } body.g-finance .account-card.assets { border-color: #4CAF50; background: #f1f8e9; } body.g-finance .account-card.liabilities { border-color: #f44336; background: #ffebee; } body.g-finance .account-card.equity { border-color: #2196F3; background: #e3f2fd; } body.g-finance .account-card.income { border-color: #FF9800; background: #fff3e0; } body.g-finance .account-card.expenses { border-color: #9C27B0; background: #f3e5f5; } body.g-finance .account-card h5 { margin: 0 0 0.5rem 0; font-size: 0.9rem; } body.g-finance .account-card .code { font-size: 1.5rem; font-weight: 700; color: var(--ink); } body.g-finance .account-card p { font-size: 0.8rem; color: var(--ink-soft); margin: 0.5rem 0 0; } body.g-finance .financial-statement { background: var(--surround); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; } body.g-finance .statement-row { display: flex; justify-content: space-between; padding: 0.5rem 0; border-bottom: 1px dashed var(--rule); flex-wrap: wrap; } body.g-finance .statement-row:last-child { border-bottom: none; } body.g-finance .statement-row.total { font-weight: 700; border-bottom: 2px solid var(--accent); margin-top: 0.5rem; padding-top: 0.75rem; } body.g-finance .statement-row.total .label { color: var(--accent); } @media (max-width: 1024px) { body.g-finance .account-grid { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-finance .account-grid { grid-template-columns: repeat(2, 1fr); } } } body.g-finance .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-finance .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-finance .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-finance .docs-topbar .lang-btn.active { background: var(--accent); color: var(--paper); } /* --- applications/fleet/index.html --- */ body.g-fleet .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-fleet .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0; } body.g-fleet .doc-figure { margin: 2rem 0; padding: 1rem; background: var(--paper); border-radius: 8px; } body.g-fleet .doc-figure img { display: block; max-width: 100%; margin: 0 auto; border-radius: 6px; box-shadow: 0 2px 12px rgba(0,0,0,0.12); } body.g-fleet .doc-figure figcaption { text-align: center; font-size: 0.9rem; color: var(--ink-soft); margin-top: 1rem; padding-top: 0.75rem; border-top: 1px solid var(--rule); } body.g-fleet .scenario-situation { background: #FFF8E1; padding: 1rem; border-radius: 8px; margin-bottom: 1rem; } body.g-fleet .status-active { background: #E8F5E9; color: #2E7D32; } body.g-fleet .status-service { background: #FFF3E0; color: #E65100; } body.g-fleet .status-sold { background: #ECEFF1; color: var(--accent); } body.g-fleet .status-reserved { background: #E3F2FD; color: #1565C0; } body.g-fleet .metric-card .value { font-size: 2rem; font-weight: 700; } body.g-fleet .metric-card .label { font-size: 0.85rem; opacity: 0.9; } body.g-fleet .keyboard-shortcut { display: inline-flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; } body.g-fleet .key { background: var(--surround); border: 1px solid var(--rule); border-radius: 4px; padding: 0.2rem 0.5rem; font-family: monospace; font-size: 0.85rem; box-shadow: 0 1px 2px rgba(0,0,0,0.1); } body.g-fleet .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-fleet .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-fleet .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-fleet .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/hr/appraisal.html --- */ body.g-hr-appraisal .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-hr-appraisal .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-hr-appraisal .rating-stars { color: #f1c40f; font-size: 1.5rem; } body.g-hr-appraisal .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-hr-appraisal .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-hr-appraisal .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-hr-appraisal .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/hr/attendance.html --- */ body.g-hr-attendance .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-hr-attendance .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-hr-attendance .attendance-card { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: var(--paper); border-radius: 16px; padding: 2rem; margin: 1.5rem 0; text-align: center; } body.g-hr-attendance .attendance-time { font-size: 3rem; font-weight: 700; } body.g-hr-attendance .attendance-status { font-size: 1.2rem; opacity: 0.9; margin-top: 0.5rem; } body.g-hr-attendance .attendance-btn { display: inline-block; background: var(--paper); color: #667eea; padding: 1rem 2rem; border-radius: 30px; font-weight: 600; margin-top: 1rem; cursor: pointer; } body.g-hr-attendance .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-hr-attendance .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-hr-attendance .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-hr-attendance .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/hr/dashboard.html --- */ body.g-hr-dashboard .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-hr-dashboard .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-hr-dashboard .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-hr-dashboard .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-hr-dashboard .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-hr-dashboard .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/hr/fleet.html --- */ body.g-hr-fleet .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-hr-fleet .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-hr-fleet .vehicle-card { background: var(--paper); border: 1px solid var(--rule); border-radius: 12px; padding: 1.5rem; margin: 1rem 0; } body.g-hr-fleet .vehicle-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; flex-wrap: wrap; } body.g-hr-fleet .vehicle-icon { width: 50px; height: 50px; background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: var(--paper); font-size: 1.5rem; flex-wrap: wrap; } body.g-hr-fleet .vehicle-info h4 { margin: 0; color: var(--ink); } body.g-hr-fleet .vehicle-info span { font-size: 0.85rem; color: var(--ink-soft); } body.g-hr-fleet .vehicle-stats { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; } @media (min-width: 701px) { body.g-hr-fleet .vehicle-stats { grid-template-columns: repeat(3, 1fr); } } body.g-hr-fleet .stat-item { text-align: center; padding: 0.75rem; background: var(--surround); border-radius: 8px; } body.g-hr-fleet .status-available { background: #e8f5e9; color: #388E3C; } body.g-hr-fleet .status-assigned { background: #e3f2fd; color: #1976D2; } body.g-hr-fleet .status-maintenance { background: #fff3e0; color: #F57C00; } body.g-hr-fleet .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-hr-fleet .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-hr-fleet .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-hr-fleet .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/hr/index.html --- */ body.g-hr .page-title { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 1rem; font-weight: 700; } body.g-hr .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 2rem; line-height: 1.6; } body.g-hr .lifecycle-diagram { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; background: linear-gradient(135deg, var(--surround) 0%, var(--rule) 100%); padding: 2rem; border-radius: 12px; margin: 2rem 0; } @media (max-width: 768px) { body.g-hr .lifecycle-diagram { flex-direction: column; align-items: center; } } body.g-hr .scenario-situation { background: #F3E5F5; padding: 1rem; border-radius: 8px; margin-bottom: 1rem; } body.g-hr .scenario-steps { margin-left: 1.5rem; } body.g-hr .scenario-steps li { margin: 0.75rem 0; } body.g-hr .comparison-container { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; margin: 2rem 0; } @media (min-width: 701px) { body.g-hr .comparison-container { grid-template-columns: 1fr 1fr; } } body.g-hr .comparison-card.old { background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%); border-color: #ef5350; } body.g-hr .comparison-card.new { background: linear-gradient(135deg, #F3E5F5 0%, #E1BEE7 100%); border-color: var(--accent); } body.g-hr .comparison-card.old h4 { color: #c62828; } body.g-hr .comparison-card.new h4 { color: var(--accent-dim); } @media (max-width: 768px) { body.g-hr .comparison-container { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-hr .comparison-container { grid-template-columns: 1fr; } } } body.g-hr .checklist-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin: 2rem 0; } body.g-hr .submodule-section { background: linear-gradient(135deg, var(--surround) 0%, var(--paper) 100%); border: 1px solid var(--rule); border-radius: 12px; padding: 2rem; margin: 2rem 0; } body.g-hr .submodule-section h3 { color: var(--accent-dim); margin-top: 0; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } body.g-hr .submodule-section h3 i { font-size: 1.5rem; opacity: 0.8; } body.g-hr .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-hr .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-hr .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-hr .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/hr/lunch.html --- */ body.g-hr-lunch .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-hr-lunch .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-hr-lunch .menu-card { background: var(--paper); border: 1px solid var(--rule); border-radius: 12px; overflow: hidden; margin: 1rem 0; } body.g-hr-lunch .menu-header { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); padding: 1rem 1.5rem; } body.g-hr-lunch .menu-header h4 { margin: 0; } body.g-hr-lunch .menu-header span { font-size: 0.85rem; opacity: 0.9; } body.g-hr-lunch .menu-items { padding: 1rem 1.5rem; } body.g-hr-lunch .menu-item { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 0; border-bottom: 1px solid #f0f0f0; flex-wrap: wrap; } body.g-hr-lunch .menu-item:last-child { border-bottom: none; } body.g-hr-lunch .menu-item-name { font-weight: 500; color: var(--ink); } body.g-hr-lunch .menu-item-price { color: var(--accent); font-weight: 600; } body.g-hr-lunch .order-btn { background: var(--accent); color: var(--paper); border: none; padding: 0.5rem 1rem; border-radius: 6px; cursor: pointer; font-size: 0.85rem; } body.g-hr-lunch .week-menu { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.5rem; margin: 1.5rem 0; } @media (min-width: 701px) { body.g-hr-lunch .week-menu { grid-template-columns: repeat(5, 1fr); } } body.g-hr-lunch .day-menu { background: var(--surround); padding: 1rem; border-radius: 8px; text-align: center; } body.g-hr-lunch .day-menu h5 { color: var(--accent); margin-bottom: 0.5rem; font-size: 0.85rem; } body.g-hr-lunch .day-menu p { font-size: 0.8rem; color: var(--ink-soft); margin: 0; } @media (max-width: 1200px) { body.g-hr-lunch .week-menu { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-hr-lunch .week-menu { grid-template-columns: repeat(3, 1fr); } } } @media (max-width: 768px) { body.g-hr-lunch .week-menu { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-hr-lunch .week-menu { grid-template-columns: 1fr; } } } body.g-hr-lunch .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-hr-lunch .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-hr-lunch .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-hr-lunch .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/hr/payroll.html --- */ body.g-hr-payroll .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-hr-payroll .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-hr-payroll .payslip-preview { background: var(--surround); border: 1px solid var(--rule); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; } body.g-hr-payroll .payslip-row { display: flex; justify-content: space-between; padding: 0.5rem 0; border-bottom: 1px solid var(--rule); flex-wrap: wrap; } body.g-hr-payroll .payslip-row:last-child { border-bottom: none; font-weight: 600; } body.g-hr-payroll .payslip-label { color: var(--ink-soft); } body.g-hr-payroll .payslip-value { font-weight: 500; } body.g-hr-payroll .payslip-value.positive { color: #388E3C; } body.g-hr-payroll .payslip-value.negative { color: #D32F2F; } body.g-hr-payroll .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-hr-payroll .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-hr-payroll .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-hr-payroll .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/hr/recruitment.html --- */ body.g-hr-recruitment .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-hr-recruitment .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-hr-recruitment .pipeline-stage { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin: 1.5rem 0; } body.g-hr-recruitment .stage { background: var(--accent); color: var(--paper); padding: 0.75rem 1.25rem; border-radius: 25px; font-weight: 500; } body.g-hr-recruitment .stage-arrow { color: var(--accent); font-size: 1.25rem; } body.g-hr-recruitment .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-hr-recruitment .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-hr-recruitment .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-hr-recruitment .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/hr/resignation.html --- */ body.g-hr-resignation .page-title { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 1rem; font-weight: 700; } body.g-hr-resignation .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-hr-resignation .checklist { background: var(--surround); padding: 1.5rem; border-radius: 12px; margin: 1.5rem 0; } body.g-hr-resignation .checklist h4 { color: var(--accent-dim); margin-bottom: 1rem; } body.g-hr-resignation .checklist-item.done i { color: #27ae60; } body.g-hr-resignation .timeline-item { position: relative; padding-bottom: 1.5rem; } body.g-hr-resignation .timeline-item::before { content: ''; width: 12px; height: 12px; background: var(--accent); border-radius: 50%; position: absolute; left: -1.85rem; top: 0.2rem; } body.g-hr-resignation .timeline-item h4 { color: var(--ink); margin-bottom: 0.25rem; } body.g-hr-resignation .timeline-item span { font-size: 0.85rem; color: var(--ink-soft); } body.g-hr-resignation .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-hr-resignation .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-hr-resignation .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-hr-resignation .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/hr/time-off.html --- */ body.g-hr-time-off .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-hr-time-off .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-hr-time-off .leave-type { display: flex; align-items: center; gap: 1rem; background: var(--surround); padding: 1rem; border-radius: 8px; margin-bottom: 0.75rem; flex-wrap: wrap; } body.g-hr-time-off .leave-type-icon { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: var(--paper); font-size: 1.2rem; flex-wrap: wrap; } body.g-hr-time-off .leave-type-info h4 { margin: 0; font-size: 1rem; color: var(--ink); } body.g-hr-time-off .leave-type-info p { margin: 0; font-size: 0.85rem; color: var(--ink-soft); } body.g-hr-time-off .leave-balance { background: linear-gradient(135deg, #00b894 0%, #00a381 100%); color: var(--paper); border-radius: 16px; padding: 1.5rem; margin: 1.5rem 0; } body.g-hr-time-off .balance-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; text-align: center; } @media (min-width: 701px) { body.g-hr-time-off .balance-grid { grid-template-columns: repeat(3, 1fr); } } body.g-hr-time-off .balance-item h3 { font-size: 2rem; margin: 0; } body.g-hr-time-off .balance-item p { margin: 0; opacity: 0.9; font-size: 0.9rem; } body.g-hr-time-off .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-hr-time-off .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-hr-time-off .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-hr-time-off .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/index.html --- */ body.g-home .app-card-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; flex-wrap: wrap; } body.g-home .category-section { margin-bottom: 3rem; } body.g-home .category-title { font-size: 1.5rem; color: var(--ink); margin-bottom: 0.5rem; padding-bottom: 0.5rem; border-bottom: 3px solid; } body.g-home .category-desc { color: var(--ink-soft); margin-bottom: 1rem; } body.g-home .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-home .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-home .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-home .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/inventory/barcode.html --- */ body.g-inventory-barcode .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-inventory-barcode .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-inventory-barcode .barcode-sample { background: var(--paper); border: 2px solid var(--ink); padding: 1rem; text-align: center; margin: 1rem 0; border-radius: 8px; } body.g-inventory-barcode .barcode-lines { display: flex; justify-content: center; gap: 2px; margin-bottom: 0.5rem; flex-wrap: wrap; } body.g-inventory-barcode .barcode-line { background: var(--ink); height: 50px; } body.g-inventory-barcode .barcode-text { font-family: monospace; font-size: 1.1rem; letter-spacing: 0.3rem; } body.g-inventory-barcode .barcode-types { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-inventory-barcode .barcode-type { background: var(--surround); padding: 1rem; border-radius: 8px; text-align: center; } body.g-inventory-barcode .barcode-type h5 { color: var(--accent); margin-bottom: 0.5rem; } body.g-inventory-barcode .barcode-type p { font-size: 0.85rem; color: var(--ink-soft); margin: 0; } body.g-inventory-barcode .scanner-card { display: flex; align-items: center; gap: 1rem; background: var(--surround); padding: 1.5rem; border-radius: 12px; margin: 1rem 0; flex-wrap: wrap; } body.g-inventory-barcode .scanner-icon { width: 60px; height: 60px; background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: var(--paper); font-size: 1.5rem; flex-wrap: wrap; } body.g-inventory-barcode .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-inventory-barcode .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-inventory-barcode .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-inventory-barcode .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/inventory/index.html --- */ body.g-inventory .page-title { font-size: 2.5rem; color: #E65100; margin-bottom: 1rem; font-weight: 700; text-align: center; } body.g-inventory .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 2rem; line-height: 1.6; text-align: center; } body.g-inventory .scenario-situation { color: #5D4037; margin-bottom: 0.75rem; } body.g-inventory .scenario-steps { margin: 0; padding-left: 1.25rem; } body.g-inventory .scenario-steps li { color: #6D4C41; margin: 0.4rem 0; } body.g-inventory .related-module { background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%); border-radius: 12px; padding: 1.5rem; margin: 2rem 0; display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; } body.g-inventory .related-module i { font-size: 2.5rem; color: #1976D2; } body.g-inventory .related-module-content h4 { margin: 0 0 0.25rem; color: #1565C0; } body.g-inventory .related-module-content p { margin: 0; color: #37474F; font-size: 0.9rem; } body.g-inventory .related-module-content a { color: #1976D2; text-decoration: none; font-weight: 600; } body.g-inventory .related-module-content a:hover { text-decoration: underline; } body.g-inventory .comparison-table th { background: #E65100; } body.g-inventory .comparison-table td:first-child { font-weight: 600; color: #E65100; } body.g-inventory .strategy-table { margin: 1.5rem 0; } body.g-inventory .strategy-table th { background: linear-gradient(135deg, var(--accent), var(--accent-dim)); } body.g-inventory .strategy-table tr:nth-child(even) { background: #FFF8E1; } body.g-inventory .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-inventory .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-inventory .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-inventory .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/inventory/purchase.html --- */ body.g-inventory-purchase .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-inventory-purchase .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-inventory-purchase .po-preview { background: var(--surround); border: 1px solid var(--rule); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; } body.g-inventory-purchase .po-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--rule); flex-wrap: wrap; } body.g-inventory-purchase .po-number { font-size: 1.25rem; font-weight: 700; color: var(--accent); } body.g-inventory-purchase .po-status { background: #e3f2fd; color: #1976D2; padding: 0.25rem 0.75rem; border-radius: 15px; font-size: 0.8rem; } body.g-inventory-purchase .po-line { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; padding: 0.75rem 0; border-bottom: 1px solid #f0f0f0; } @media (min-width: 701px) { body.g-inventory-purchase .po-line { grid-template-columns: 2fr 1fr 1fr 1fr; } } body.g-inventory-purchase .po-line:last-child { border-bottom: none; } body.g-inventory-purchase .po-total { display: flex; justify-content: flex-end; gap: 2rem; margin-top: 1rem; padding-top: 1rem; border-top: 2px solid var(--accent); flex-wrap: wrap; } body.g-inventory-purchase .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-inventory-purchase .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-inventory-purchase .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-inventory-purchase .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/inventory/quality.html --- */ body.g-inventory-quality .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-inventory-quality .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-inventory-quality .quality-check { background: var(--paper); border: 1px solid var(--rule); border-radius: 12px; margin: 1rem 0; overflow: hidden; } body.g-inventory-quality .quality-header { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); padding: 1rem 1.5rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } body.g-inventory-quality .quality-content { padding: 1.5rem; } body.g-inventory-quality .check-item { display: flex; align-items: center; gap: 1rem; padding: 0.75rem 0; border-bottom: 1px solid #f0f0f0; flex-wrap: wrap; } body.g-inventory-quality .check-item:last-child { border-bottom: none; } body.g-inventory-quality .check-status { width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; flex-wrap: wrap; } body.g-inventory-quality .check-pass { background: var(--accent); color: var(--paper); } body.g-inventory-quality .check-fail { background: #e74c3c; color: var(--paper); } body.g-inventory-quality .check-pending { background: #f39c12; color: var(--paper); } body.g-inventory-quality .result-badge { display: inline-block; padding: 0.25rem 0.75rem; border-radius: 15px; font-size: 0.8rem; font-weight: 500; } body.g-inventory-quality .result-pass { background: #e8f5e9; color: var(--accent); } body.g-inventory-quality .result-fail { background: #ffebee; color: #e74c3c; } body.g-inventory-quality .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-inventory-quality .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-inventory-quality .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-inventory-quality .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/inventory/repairs.html --- */ body.g-inventory-repairs .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-inventory-repairs .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-inventory-repairs .repair-card { background: var(--paper); border: 1px solid var(--rule); border-radius: 12px; overflow: hidden; margin: 1.5rem 0; } body.g-inventory-repairs .repair-header { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); padding: 1rem 1.5rem; } body.g-inventory-repairs .repair-header h4 { margin: 0; } body.g-inventory-repairs .repair-content { padding: 1.5rem; } body.g-inventory-repairs .repair-info { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; margin-bottom: 1rem; } @media (min-width: 701px) { body.g-inventory-repairs .repair-info { grid-template-columns: 1fr 1fr; } } body.g-inventory-repairs .repair-label { font-size: 0.8rem; color: var(--ink-soft); text-transform: uppercase; } body.g-inventory-repairs .repair-value { font-weight: 500; color: var(--ink); } body.g-inventory-repairs .status-draft { background: #ecf0f1; color: var(--ink-faint); } body.g-inventory-repairs .status-confirmed { background: #e3f2fd; color: #1976D2; } body.g-inventory-repairs .status-progress { background: #fff3e0; color: #F57C00; } body.g-inventory-repairs .status-done { background: #e8f5e9; color: #388E3C; } body.g-inventory-repairs .cost-breakdown { background: var(--surround); padding: 1rem; border-radius: 8px; } body.g-inventory-repairs .cost-row { display: flex; justify-content: space-between; padding: 0.5rem 0; border-bottom: 1px solid var(--rule); flex-wrap: wrap; } body.g-inventory-repairs .cost-row:last-child { border-bottom: none; font-weight: 600; } @media (max-width: 768px) { body.g-inventory-repairs .repair-info { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-inventory-repairs .repair-info { grid-template-columns: 1fr; } } } body.g-inventory-repairs .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-inventory-repairs .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-inventory-repairs .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-inventory-repairs .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/maintenance/index.html --- */ body.g-maintenance .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-maintenance .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0; } body.g-maintenance .doc-figure { margin: 2rem 0; padding: 1rem; background: var(--paper); border-radius: 8px; } body.g-maintenance .doc-figure img { display: block; max-width: 100%; margin: 0 auto; border-radius: 6px; box-shadow: 0 2px 12px rgba(0,0,0,0.12); } body.g-maintenance .doc-figure figcaption { text-align: center; font-size: 0.9rem; color: var(--ink-soft); margin-top: 1rem; padding-top: 0.75rem; border-top: 1px solid var(--rule); } body.g-maintenance .scenario-situation { background: var(--surround); padding: 1rem; border-radius: 8px; margin-bottom: 1rem; border-left: 4px solid var(--accent); } body.g-maintenance .scenario-result { background: #e8f5e9; padding: 1rem; border-radius: 8px; margin-top: 1rem; border-left: 4px solid #4caf50; } body.g-maintenance .scenario-result strong { color: #2e7d32; } body.g-maintenance .comparison-card.positive { border-left: 4px solid #4caf50; } body.g-maintenance .comparison-card.negative { border-left: 4px solid #f44336; } body.g-maintenance .status-badge.critical { background: #ffcdd2; color: #c62828; } body.g-maintenance .status-badge.high { background: #ffe0b2; color: #ef6c00; } body.g-maintenance .status-badge.normal { background: #e3f2fd; color: #1565c0; } body.g-maintenance .status-badge.low { background: #e8f5e9; color: #2e7d32; } body.g-maintenance .status-badge.done { background: #c8e6c9; color: #388e3c; } body.g-maintenance .status-badge.progress { background: #fff9c4; color: #f9a825; } body.g-maintenance .status-badge.pending { background: var(--rule); color: #616161; } body.g-maintenance .metric-card .value { font-size: 2rem; font-weight: 700; margin-bottom: 0.25rem; } body.g-maintenance .metric-card .label { font-size: 0.85rem; opacity: 0.9; } body.g-maintenance .timeline-item { position: relative; padding-bottom: 1.5rem; } body.g-maintenance .timeline-item::before { content: ''; position: absolute; left: -1.75rem; top: 0.25rem; width: 12px; height: 12px; border-radius: 50%; background: var(--accent); border: 2px solid var(--paper); box-shadow: 0 0 0 2px var(--accent); } body.g-maintenance .timeline-item h5 { color: var(--accent); margin: 0 0 0.25rem 0; } body.g-maintenance .timeline-item p { margin: 0; font-size: 0.9rem; color: var(--ink-soft); } body.g-maintenance .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-maintenance .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-maintenance .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-maintenance .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/manufacturing/index.html --- */ body.g-manufacturing .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-manufacturing .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0.5rem; } body.g-manufacturing .page-theme { font-size: 1.3rem; color: var(--accent-dim); font-weight: 600; font-style: italic; } body.g-manufacturing .scenario-situation { background: #FFF3E0; padding: 1rem; border-radius: 8px; margin-bottom: 1rem; } body.g-manufacturing .scenario-steps { counter-reset: scenario-step; list-style: none; padding-left: 0; } body.g-manufacturing .scenario-steps li { counter-increment: scenario-step; padding: 0.75rem 0 0.75rem 3rem; position: relative; border-bottom: 1px dashed var(--rule); } body.g-manufacturing .scenario-steps li:last-child { border-bottom: none; } body.g-manufacturing .scenario-steps li::before { content: counter(scenario-step); position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 2rem; height: 2rem; background: linear-gradient(135deg, var(--accent), var(--accent-dim)); color: var(--paper); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.9rem; flex-wrap: wrap; } body.g-manufacturing .manufacturing-lifecycle { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; margin: 2rem 0; padding: 2rem; background: linear-gradient(135deg, var(--surround) 0%, var(--rule) 100%); border-radius: 16px; } body.g-manufacturing .lifecycle-label { font-size: 0.85rem; font-weight: 600; color: var(--ink); text-align: center; } body.g-manufacturing .bom-tree { background: var(--surround); border: 1px solid var(--rule); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; font-family: monospace; } body.g-manufacturing .bom-tree .product { padding: 0.5rem; margin: 0.25rem 0; background: linear-gradient(135deg, var(--accent), var(--accent-dim)); color: var(--paper); border-radius: 6px; display: inline-block; } body.g-manufacturing .bom-tree .component { padding: 0.5rem; margin: 0.25rem 0; background: var(--paper); border: 2px solid var(--accent); border-radius: 6px; display: inline-block; } body.g-manufacturing .bom-tree .subcomponent { padding: 0.5rem; margin: 0.25rem 0; background: #FFF3E0; border: 1px solid #FFB74D; border-radius: 6px; display: inline-block; } body.g-manufacturing .bom-level { margin-left: 2rem; } body.g-manufacturing .workcenter-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-manufacturing .workcenter-card { background: var(--paper); border: 2px solid var(--rule); border-radius: 12px; padding: 1.25rem; text-align: center; transition: all 0.3s; } body.g-manufacturing .workcenter-card:hover { border-color: var(--accent); box-shadow: 0 4px 12px rgba(230, 81, 0, 0.2); } body.g-manufacturing .workcenter-card.active { border-color: #4CAF50; background: #E8F5E9; } body.g-manufacturing .workcenter-card i { font-size: 2rem; color: var(--accent); margin-bottom: 0.5rem; } body.g-manufacturing .workcenter-card h5 { margin: 0.5rem 0; color: var(--ink); } body.g-manufacturing .workcenter-card .status { font-size: 0.85rem; padding: 0.25rem 0.75rem; border-radius: 12px; display: inline-block; } body.g-manufacturing .workcenter-card .status.available { background: #E8F5E9; color: #388E3C; } body.g-manufacturing .workcenter-card .status.busy { background: #FFF3E0; color: #F57C00; } body.g-manufacturing .comparison-card.old { background: #FFEBEE; border: 2px solid #EF9A9A; } body.g-manufacturing .comparison-card.new { background: #E8F5E9; border: 2px solid #A5D6A7; } body.g-manufacturing .comparison-header { padding: 1rem; font-weight: 600; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } body.g-manufacturing .comparison-card.old .comparison-header { background: #FFCDD2; color: #C62828; } body.g-manufacturing .comparison-card.new .comparison-header { background: #C8E6C9; color: #2E7D32; } body.g-manufacturing .comparison-content { padding: 1rem; } body.g-manufacturing .comparison-content ul { margin: 0; padding-left: 1.25rem; } body.g-manufacturing .quality-stages { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1.5rem 0; } body.g-manufacturing .quality-stage { flex: 1; min-width: 150px; background: var(--paper); border: 2px solid var(--rule); border-radius: 12px; padding: 1rem; text-align: center; } body.g-manufacturing .quality-stage.pass { border-color: #4CAF50; background: #E8F5E9; } body.g-manufacturing .quality-stage.fail { border-color: #F44336; background: #FFEBEE; } body.g-manufacturing .quality-stage.hold { border-color: #FF9800; background: #FFF3E0; } body.g-manufacturing .quality-stage i { font-size: 1.5rem; margin-bottom: 0.5rem; } body.g-manufacturing .quality-stage.pass i { color: #4CAF50; } body.g-manufacturing .quality-stage.fail i { color: #F44336; } body.g-manufacturing .quality-stage.hold i { color: #FF9800; } body.g-manufacturing .oee-display { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin: 2rem 0; padding: 2rem; background: var(--surround); border-radius: 12px; } body.g-manufacturing .oee-component { text-align: center; } body.g-manufacturing .oee-circle { width: 100px; height: 100px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 0.5rem; flex-wrap: wrap; } body.g-manufacturing .oee-circle.availability { background: linear-gradient(135deg, #4CAF50, #2E7D32); color: var(--paper); } body.g-manufacturing .oee-circle.performance { background: linear-gradient(135deg, #2196F3, #1565C0); color: var(--paper); } body.g-manufacturing .oee-circle.quality { background: linear-gradient(135deg, #9C27B0, #6A1B9A); color: var(--paper); } body.g-manufacturing .oee-circle.total { background: linear-gradient(135deg, var(--accent), var(--accent-dim)); color: var(--paper); } body.g-manufacturing .oee-value { font-size: 1.5rem; font-weight: 700; } body.g-manufacturing .oee-label { font-size: 0.75rem; opacity: 0.9; } body.g-manufacturing .oee-title { font-weight: 600; color: var(--ink); } body.g-manufacturing .module-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-manufacturing .module-link { display: flex; align-items: center; gap: 1rem; padding: 1rem; background: var(--paper); border: 2px solid var(--rule); border-radius: 8px; text-decoration: none; color: var(--ink); transition: all 0.3s; flex-wrap: wrap; } body.g-manufacturing .module-link:hover { border-color: var(--accent); background: #FFF3E0; } body.g-manufacturing .module-link i { font-size: 1.5rem; color: var(--accent); } @media (max-width: 768px) { body.g-manufacturing .manufacturing-lifecycle { flex-direction: column; } } body.g-manufacturing .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-manufacturing .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-manufacturing .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-manufacturing .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/manufacturing/maintenance.html --- */ body.g-manufacturing-maintenance .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-manufacturing-maintenance .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-manufacturing-maintenance .maintenance-types { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-manufacturing-maintenance .maint-type { background: var(--paper); border: 2px solid var(--rule); border-radius: 12px; padding: 1.5rem; text-align: center; } body.g-manufacturing-maintenance .maint-type.preventive { border-color: #27ae60; } body.g-manufacturing-maintenance .maint-type.corrective { border-color: #e74c3c; } body.g-manufacturing-maintenance .maint-type.predictive { border-color: #3498db; } body.g-manufacturing-maintenance .maint-type i { font-size: 2rem; margin-bottom: 0.75rem; } body.g-manufacturing-maintenance .maint-type.preventive i { color: #27ae60; } body.g-manufacturing-maintenance .maint-type.corrective i { color: #e74c3c; } body.g-manufacturing-maintenance .maint-type.predictive i { color: #3498db; } body.g-manufacturing-maintenance .maint-type h4 { margin: 0 0 0.5rem 0; color: var(--ink); } body.g-manufacturing-maintenance .maint-type p { font-size: 0.85rem; color: var(--ink-soft); margin: 0; } body.g-manufacturing-maintenance .schedule-card { background: var(--surround); border-radius: 12px; padding: 1.5rem; margin: 1rem 0; } body.g-manufacturing-maintenance .schedule-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; flex-wrap: wrap; } body.g-manufacturing-maintenance .schedule-item { display: flex; justify-content: space-between; padding: 0.75rem 0; border-bottom: 1px solid var(--rule); flex-wrap: wrap; } body.g-manufacturing-maintenance .schedule-item:last-child { border-bottom: none; } body.g-manufacturing-maintenance .status-scheduled { background: #e3f2fd; color: #1976D2; } body.g-manufacturing-maintenance .status-overdue { background: #ffebee; color: #D32F2F; } body.g-manufacturing-maintenance .status-completed { background: #e8f5e9; color: #388E3C; } body.g-manufacturing-maintenance .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-manufacturing-maintenance .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-manufacturing-maintenance .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-manufacturing-maintenance .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/manufacturing/plm.html --- */ body.g-manufacturing-plm .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-manufacturing-plm .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-manufacturing-plm .lifecycle-flow { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin: 1.5rem 0; justify-content: center; } body.g-manufacturing-plm .revision-table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; } body.g-manufacturing-plm .revision-table th, body.g-manufacturing-plm .revision-table td { padding: 0.75rem; text-align: left; border-bottom: 1px solid var(--rule); } body.g-manufacturing-plm .revision-table th { background: var(--surround); color: var(--ink); font-weight: 600; } body.g-manufacturing-plm .revision-badge { display: inline-block; padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.8rem; font-weight: 600; } body.g-manufacturing-plm .rev-draft { background: #ecf0f1; color: var(--ink-faint); } body.g-manufacturing-plm .rev-confirmed { background: #e3f2fd; color: #1976D2; } body.g-manufacturing-plm .rev-released { background: #e8f5e9; color: #388E3C; } body.g-manufacturing-plm .rev-obsolete { background: #ffebee; color: #D32F2F; } body.g-manufacturing-plm .cad-box { background: var(--surround); border: 2px dashed var(--accent); border-radius: 12px; padding: 2rem; text-align: center; margin: 1.5rem 0; } body.g-manufacturing-plm .cad-box i { font-size: 3rem; color: var(--accent); margin-bottom: 1rem; } @media (max-width: 768px) { body.g-manufacturing-plm .lifecycle-flow { flex-direction: column; } } body.g-manufacturing-plm .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-manufacturing-plm .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-manufacturing-plm .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-manufacturing-plm .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/manufacturing/workorder.html --- */ body.g-manufacturing-workorder .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-manufacturing-workorder .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-manufacturing-workorder .workorder-card { background: var(--paper); border: 1px solid var(--rule); border-radius: 12px; overflow: hidden; margin: 1.5rem 0; } body.g-manufacturing-workorder .wo-header { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); padding: 1rem 1.5rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } body.g-manufacturing-workorder .wo-content { padding: 1.5rem; } body.g-manufacturing-workorder .wo-info { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; margin-bottom: 1rem; } @media (min-width: 701px) { body.g-manufacturing-workorder .wo-info { grid-template-columns: repeat(2, 1fr); } } body.g-manufacturing-workorder .wo-item label { font-size: 0.75rem; color: var(--ink-soft); text-transform: uppercase; display: block; } body.g-manufacturing-workorder .wo-item span { font-weight: 500; color: var(--ink); } body.g-manufacturing-workorder .wo-operations { margin-top: 1rem; } body.g-manufacturing-workorder .operation { display: flex; align-items: center; gap: 1rem; padding: 0.75rem; background: var(--surround); border-radius: 8px; margin-bottom: 0.5rem; flex-wrap: wrap; } body.g-manufacturing-workorder .operation-number { width: 32px; height: 32px; background: var(--accent); color: var(--paper); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 600; flex-wrap: wrap; } body.g-manufacturing-workorder .operation-progress { flex: 1; } body.g-manufacturing-workorder .progress-bar { height: 8px; background: var(--rule); border-radius: 4px; overflow: hidden; } body.g-manufacturing-workorder .progress-fill { height: 100%; background: var(--accent); } body.g-manufacturing-workorder .status-draft { background: #ecf0f1; color: var(--ink-faint); } body.g-manufacturing-workorder .status-confirmed { background: #e3f2fd; color: #1976D2; } body.g-manufacturing-workorder .status-progress { background: #fff3e0; color: #F57C00; } body.g-manufacturing-workorder .status-done { background: #e8f5e9; color: #388E3C; } body.g-manufacturing-workorder .gantt-preview { background: var(--surround); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; } body.g-manufacturing-workorder .gantt-row { display: flex; align-items: center; gap: 1rem; margin-bottom: 0.75rem; flex-wrap: wrap; } body.g-manufacturing-workorder .gantt-label { width: 120px; font-size: 0.85rem; color: var(--ink-soft); } body.g-manufacturing-workorder .gantt-bar-container { flex: 1; height: 24px; background: var(--rule); border-radius: 4px; position: relative; } body.g-manufacturing-workorder .gantt-bar { height: 100%; border-radius: 4px; position: absolute; } body.g-manufacturing-workorder .gantt-bar.op1 { left: 0; width: 30%; background: var(--accent); } body.g-manufacturing-workorder .gantt-bar.op2 { left: 32%; width: 25%; background: #9b59b6; } body.g-manufacturing-workorder .gantt-bar.op3 { left: 59%; width: 20%; background: #a569bd; } body.g-manufacturing-workorder .gantt-bar.op4 { left: 81%; width: 19%; background: #bb8fce; } @media (max-width: 768px) { body.g-manufacturing-workorder .wo-info { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-manufacturing-workorder .wo-info { grid-template-columns: 1fr; } } } body.g-manufacturing-workorder .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-manufacturing-workorder .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-manufacturing-workorder .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-manufacturing-workorder .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/marketing/automation.html --- */ body.g-marketing-automation .page-title { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 1rem; font-weight: 700; } body.g-marketing-automation .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-marketing-automation .workflow-diagram { background: var(--surround); border: 1px solid var(--rule); border-radius: 12px; padding: 2rem; margin: 1.5rem 0; } body.g-marketing-automation .workflow-row { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-bottom: 1rem; flex-wrap: wrap; } body.g-marketing-automation .workflow-node { background: var(--paper); border: 2px solid var(--accent-dim); border-radius: 10px; padding: 1rem 1.5rem; text-align: center; min-width: 150px; } body.g-marketing-automation .workflow-node.trigger { background: var(--accent-dim); color: var(--paper); border-color: var(--accent-dim); } body.g-marketing-automation .workflow-node.action { background: #00b894; color: var(--paper); border-color: #00b894; } body.g-marketing-automation .workflow-node.condition { background: #fdcb6e; color: var(--ink); border-color: #fdcb6e; border-radius: 0; transform: rotate(45deg); padding: 0.75rem; } body.g-marketing-automation .workflow-node.condition span { display: block; transform: rotate(-45deg); } body.g-marketing-automation .workflow-arrow { color: var(--accent-dim); font-size: 1.5rem; } body.g-marketing-automation .workflow-arrow.down { transform: rotate(90deg); } body.g-marketing-automation .trigger-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; margin: 1.5rem 0; } @media (min-width: 701px) { body.g-marketing-automation .trigger-list { grid-template-columns: repeat(2, 1fr); } } body.g-marketing-automation .trigger-item { background: var(--surround); padding: 1rem; border-radius: 10px; border-left: 4px solid var(--accent-dim); } body.g-marketing-automation .trigger-item h5 { color: var(--accent-dim); margin: 0 0 0.5rem 0; } body.g-marketing-automation .trigger-item p { margin: 0; font-size: 0.9rem; } body.g-marketing-automation .action-item { background: var(--surround); padding: 1rem; border-radius: 10px; border-left: 4px solid #00b894; } body.g-marketing-automation .action-item h5 { color: #00b894; margin: 0 0 0.5rem 0; } body.g-marketing-automation .action-item p { margin: 0; font-size: 0.9rem; } body.g-marketing-automation .enterprise-badge { background: #e74c3c; color: var(--paper); padding: 0.25rem 0.75rem; border-radius: 15px; font-size: 0.75rem; font-weight: 600; display: inline-block; margin-left: 0.5rem; } @media (max-width: 768px) { body.g-marketing-automation .trigger-list, body.g-marketing-automation .action-list { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-marketing-automation .trigger-list, body.g-marketing-automation .action-list { grid-template-columns: 1fr; } } } body.g-marketing-automation .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-marketing-automation .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-marketing-automation .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-marketing-automation .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/marketing/email.html --- */ body.g-marketing-email .page-title { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 1rem; font-weight: 700; } body.g-marketing-email .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-marketing-email .email-preview { background: var(--surround); border: 1px solid var(--rule); border-radius: 12px; overflow: hidden; margin: 1.5rem 0; } body.g-marketing-email .email-header { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); padding: 1rem 1.5rem; } body.g-marketing-email .email-body { padding: 1.5rem; } body.g-marketing-email .email-subject { font-weight: 600; font-size: 1.1rem; } body.g-marketing-email .email-meta { font-size: 0.85rem; opacity: 0.9; margin-top: 0.25rem; } body.g-marketing-email .template-gallery { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; margin: 1.5rem 0; } @media (min-width: 701px) { body.g-marketing-email .template-gallery { grid-template-columns: repeat(3, 1fr); } } body.g-marketing-email .template-card { background: var(--paper); border: 2px solid var(--rule); border-radius: 10px; padding: 1rem; text-align: center; cursor: pointer; transition: all 0.3s; } body.g-marketing-email .template-card:hover { border-color: var(--accent-dim); transform: translateY(-2px); } body.g-marketing-email .template-icon { font-size: 2rem; color: var(--accent-dim); margin-bottom: 0.5rem; } body.g-marketing-email .template-name { font-weight: 600; color: var(--ink); } @media (max-width: 768px) { body.g-marketing-email .template-gallery { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-marketing-email .template-gallery { grid-template-columns: 1fr; } } } body.g-marketing-email .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-marketing-email .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-marketing-email .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-marketing-email .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/marketing/sms.html --- */ body.g-marketing-sms .page-title { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 1rem; font-weight: 700; } body.g-marketing-sms .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-marketing-sms .phone-preview { width: 280px; margin: 1.5rem auto; background: #1a1a2e; border-radius: 30px; padding: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); } body.g-marketing-sms .phone-screen { background: var(--surround); border-radius: 22px; padding: 1rem; min-height: 300px; } body.g-marketing-sms .sms-bubble { background: var(--accent-dim); color: var(--paper); padding: 0.75rem 1rem; border-radius: 18px 18px 4px 18px; margin-bottom: 0.5rem; max-width: 85%; font-size: 0.9rem; } body.g-marketing-sms .sms-time { text-align: right; font-size: 0.75rem; color: var(--ink-faint); margin-top: 0.25rem; } body.g-marketing-sms .cost-table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; background: var(--surround); border-radius: 12px; overflow: hidden; } body.g-marketing-sms .cost-table th, body.g-marketing-sms .cost-table td { padding: 1rem; text-align: left; border-bottom: 1px solid var(--rule); } body.g-marketing-sms .cost-table th { background: var(--accent-dim); color: var(--paper); font-weight: 600; } body.g-marketing-sms .cost-table tr:last-child td { border-bottom: none; } body.g-marketing-sms .cost-table tr:hover td { background: #f0f0f0; } body.g-marketing-sms .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-marketing-sms .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-marketing-sms .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-marketing-sms .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/marketing/social.html --- */ body.g-marketing-social .page-title { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 1rem; font-weight: 700; } body.g-marketing-social .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-marketing-social .platform-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; margin: 1.5rem 0; } @media (min-width: 701px) { body.g-marketing-social .platform-grid { grid-template-columns: repeat(4, 1fr); } } body.g-marketing-social .platform-card { background: var(--surround); padding: 1.5rem; border-radius: 12px; text-align: center; border: 2px solid transparent; transition: all 0.3s; } body.g-marketing-social .platform-card:hover { border-color: var(--accent-dim); transform: translateY(-2px); } body.g-marketing-social .platform-card i { font-size: 2.5rem; margin-bottom: 0.75rem; } body.g-marketing-social .platform-card.facebook i { color: #1877f2; } body.g-marketing-social .platform-card.instagram i { color: #e4405f; } body.g-marketing-social .platform-card.twitter i { color: #1da1f2; } body.g-marketing-social .platform-card.linkedin i { color: #0a66c2; } body.g-marketing-social .platform-card.youtube i { color: #ff0000; } body.g-marketing-social .platform-card.tiktok i { color: var(--ink); } body.g-marketing-social .platform-name { font-weight: 600; color: var(--ink); } body.g-marketing-social .post-preview { background: var(--surround); border: 1px solid var(--rule); border-radius: 12px; overflow: hidden; margin: 1.5rem 0; max-width: min(400px, 100%); } body.g-marketing-social .post-header { display: flex; align-items: center; gap: 0.75rem; padding: 1rem; border-bottom: 1px solid var(--rule); flex-wrap: wrap; } body.g-marketing-social .post-avatar { width: 40px; height: 40px; background: linear-gradient(135deg, var(--accent), var(--accent-dim)); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--paper); font-weight: bold; flex-wrap: wrap; } body.g-marketing-social .post-account { font-weight: 600; color: var(--ink); } body.g-marketing-social .post-time { font-size: 0.8rem; color: var(--ink-faint); } body.g-marketing-social .post-content { padding: 1rem; } body.g-marketing-social .post-image { width: 100%; height: 200px; background: linear-gradient(135deg, #74b9ff, #0984e3); display: flex; align-items: center; justify-content: center; color: var(--paper); font-size: 3rem; flex-wrap: wrap; } body.g-marketing-social .post-actions { display: flex; gap: 1.5rem; padding: 1rem; border-top: 1px solid var(--rule); flex-wrap: wrap; } body.g-marketing-social .post-action { color: var(--ink-soft); font-size: 0.9rem; } body.g-marketing-social .post-action i { margin-right: 0.25rem; } body.g-marketing-social .calendar-preview { background: var(--surround); border: 1px solid var(--rule); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; } body.g-marketing-social .calendar-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; flex-wrap: wrap; } body.g-marketing-social .calendar-title { font-weight: 600; color: var(--ink); } body.g-marketing-social .calendar-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.5rem; } @media (min-width: 701px) { body.g-marketing-social .calendar-grid { grid-template-columns: repeat(7, 1fr); } } body.g-marketing-social .calendar-day { text-align: center; padding: 0.5rem; font-size: 0.85rem; } body.g-marketing-social .calendar-day.header { font-weight: 600; color: var(--ink-soft); } body.g-marketing-social .calendar-day.has-post { background: var(--accent-dim); color: var(--paper); border-radius: 50%; } body.g-marketing-social .enterprise-badge { background: #e74c3c; color: var(--paper); padding: 0.25rem 0.75rem; border-radius: 15px; font-size: 0.75rem; font-weight: 600; display: inline-block; margin-left: 0.5rem; } @media (max-width: 768px) { body.g-marketing-social .platform-grid { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-marketing-social .platform-grid { grid-template-columns: repeat(2, 1fr); } } } body.g-marketing-social .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-marketing-social .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-marketing-social .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-marketing-social .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/marketing/surveys.html --- */ body.g-marketing-surveys .page-title { font-size: 2.5rem; color: #d68910; margin-bottom: 1rem; font-weight: 700; } body.g-marketing-surveys .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-marketing-surveys .question-types { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; margin: 1.5rem 0; } @media (min-width: 701px) { body.g-marketing-surveys .question-types { grid-template-columns: repeat(3, 1fr); } } body.g-marketing-surveys .question-type { background: var(--surround); padding: 1.25rem; border-radius: 12px; text-align: center; border: 2px solid transparent; transition: all 0.3s; } body.g-marketing-surveys .question-type:hover { border-color: #d68910; } body.g-marketing-surveys .question-type i { font-size: 2rem; color: #d68910; margin-bottom: 0.75rem; display: block; } body.g-marketing-surveys .question-type-name { font-weight: 600; color: var(--ink); } body.g-marketing-surveys .survey-preview { background: var(--surround); border: 1px solid var(--rule); border-radius: 12px; padding: 2rem; margin: 1.5rem 0; } body.g-marketing-surveys .survey-question { margin-bottom: 1.5rem; } body.g-marketing-surveys .survey-question-text { font-weight: 600; color: var(--ink); margin-bottom: 0.75rem; } body.g-marketing-surveys .survey-option { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0; flex-wrap: wrap; } body.g-marketing-surveys .survey-option input { accent-color: #d68910; } body.g-marketing-surveys .survey-rating { display: flex; gap: 0.5rem; margin-top: 0.5rem; flex-wrap: wrap; } body.g-marketing-surveys .survey-star { font-size: 1.5rem; color: var(--rule); cursor: pointer; } body.g-marketing-surveys .survey-star.active { color: var(--accent-dim); } body.g-marketing-surveys .survey-textarea { width: 100%; padding: 0.75rem; border: 1px solid var(--rule); border-radius: 8px; resize: vertical; min-height: 80px; } body.g-marketing-surveys .nps-scale { display: flex; gap: 0.25rem; margin: 1rem 0; flex-wrap: wrap; } body.g-marketing-surveys .nps-item { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-weight: 600; color: var(--paper); flex-wrap: wrap; } body.g-marketing-surveys .nps-item.detractor { background: #e74c3c; } body.g-marketing-surveys .nps-item.passive { background: #f39c12; } body.g-marketing-surveys .nps-item.promoter { background: #27ae60; } @media (max-width: 768px) { body.g-marketing-surveys .question-types { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-marketing-surveys .question-types { grid-template-columns: 1fr; } } } body.g-marketing-surveys .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-marketing-surveys .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-marketing-surveys .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-marketing-surveys .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/pos/index.html --- */ body.g-pos .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-pos .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0; } body.g-pos .doc-figure { margin: 2rem 0; padding: 1rem; background: var(--paper); border-radius: 8px; } body.g-pos .doc-figure img { display: block; max-width: 100%; margin: 0 auto; border-radius: 6px; box-shadow: 0 2px 12px rgba(0,0,0,0.12); } body.g-pos .doc-figure figcaption { text-align: center; font-size: 0.9rem; color: var(--ink-soft); margin-top: 1rem; padding-top: 0.75rem; border-top: 1px solid var(--rule); } body.g-pos .scenario-content .scenario-situation { background: #e0f2f1; padding: 1rem; border-radius: 8px; margin-bottom: 1rem; } body.g-pos .comparison-card.retail { background: #e3f2fd; border-color: #90caf9; } body.g-pos .comparison-card.restaurant { background: #fff3e0; border-color: #ffcc80; } body.g-pos .comparison-card.retail h4 { color: #1565C0; } body.g-pos .comparison-card.restaurant h4 { color: #E65100; } body.g-pos .shortcut-table { width: 100%; margin: 1.5rem 0; } body.g-pos .shortcut-table td:first-child { width: 150px; } body.g-pos .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-pos .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-pos .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-pos .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/productivity/appointments.html --- */ body.g-productivity-appointments .header { background: linear-gradient(135deg, #714B67 0%, #5a3d52 100%); color: var(--paper); padding: 1rem 2rem; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } body.g-productivity-appointments .logo { font-size: 1.5rem; font-weight: 700; text-decoration: none; color: var(--paper); } body.g-productivity-appointments .logo span { color: #f0b429; } body.g-productivity-appointments .nav-links { display: flex; gap: 2rem; flex-wrap: wrap; } body.g-productivity-appointments .nav-links a { color: rgba(255,255,255,0.9); text-decoration: none; font-weight: 500; transition: color 0.2s; } body.g-productivity-appointments .nav-links a:hover { color: #f0b429; } body.g-productivity-appointments .main-wrapper { display: flex; margin-top: 60px; min-height: calc(100vh - 60px); flex-wrap: wrap; } body.g-productivity-appointments .sidebar-menu { list-style: none; } body.g-productivity-appointments .sidebar-menu a { display: block; padding: 0.5rem 1.5rem; color: var(--ink-soft); text-decoration: none; font-size: 0.9rem; border-left: 3px solid transparent; transition: all 0.2s; } body.g-productivity-appointments .sidebar-menu a:hover { background: var(--rule); color: var(--accent-dim); } body.g-productivity-appointments .sidebar-menu a.active { background: linear-gradient(90deg, rgba(0,206,201,0.1) 0%, transparent 100%); border-left-color: var(--accent-dim); color: var(--accent-dim); font-weight: 600; } body.g-productivity-appointments .toc-menu { list-style: none; } body.g-productivity-appointments .toc-menu a { display: block; padding: 0.3rem 0; color: var(--ink-faint); text-decoration: none; font-size: 0.85rem; border-left: 2px solid transparent; padding-left: 0.75rem; transition: all 0.2s; } body.g-productivity-appointments .toc-menu a:hover { color: var(--accent-dim); border-left-color: var(--accent-dim); } body.g-productivity-appointments .module-info h1 { font-size: 2rem; color: #2d3748; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } body.g-productivity-appointments .enterprise-badge { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.25rem 0.75rem; background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%); color: var(--paper); font-size: 0.75rem; font-weight: 600; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.5px; flex-wrap: wrap; } body.g-productivity-appointments .module-info p { color: var(--ink-faint); font-size: 1.1rem; } body.g-productivity-appointments .calendar-preview { background: var(--surround); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; border: 1px solid #e2e8f0; } body.g-productivity-appointments .calendar-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; flex-wrap: wrap; } body.g-productivity-appointments .calendar-header h4 { color: #2d3748; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } body.g-productivity-appointments .calendar-header h4 i { color: var(--accent-dim); } body.g-productivity-appointments .calendar-nav { display: flex; gap: 0.5rem; flex-wrap: wrap; } body.g-productivity-appointments .calendar-nav button { width: 32px; height: 32px; border: 1px solid #e2e8f0; border-radius: 6px; background: var(--paper); cursor: pointer; } body.g-productivity-appointments .calendar-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; background: #e2e8f0; border-radius: 8px; overflow: hidden; } @media (min-width: 701px) { body.g-productivity-appointments .calendar-grid { grid-template-columns: repeat(7, 1fr); } } body.g-productivity-appointments .calendar-day-header { background: var(--accent-dim); color: var(--paper); padding: 0.5rem; text-align: center; font-size: 0.8rem; font-weight: 600; } body.g-productivity-appointments .calendar-day { background: var(--paper); padding: 0.5rem; min-height: 80px; font-size: 0.85rem; } body.g-productivity-appointments .calendar-day .day-number { font-weight: 600; color: #4a5568; margin-bottom: 0.25rem; } body.g-productivity-appointments .calendar-day.today .day-number { background: var(--accent-dim); color: var(--paper); width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } body.g-productivity-appointments .calendar-day.other-month { opacity: 0.4; } body.g-productivity-appointments .calendar-event { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); padding: 0.2rem 0.4rem; border-radius: 4px; font-size: 0.75rem; margin-top: 0.25rem; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 701px) { body.g-productivity-appointments .calendar-event { white-space: nowrap; } } body.g-productivity-appointments .calendar-event.busy { background: linear-gradient(135deg, #fab1a0 0%, #e17055 100%); } body.g-productivity-appointments .booking-widget { background: var(--paper); border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; margin: 1.5rem 0; max-width: min(400px, 100%); } body.g-productivity-appointments .booking-header { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); padding: 1.5rem; text-align: center; } body.g-productivity-appointments .booking-header h4 { margin-bottom: 0.5rem; } body.g-productivity-appointments .booking-header p { color: rgba(255,255,255,0.9); font-size: 0.9rem; margin: 0; } body.g-productivity-appointments .booking-body { padding: 1.5rem; } body.g-productivity-appointments .booking-type { display: flex; gap: 0.5rem; margin-bottom: 1rem; flex-wrap: wrap; } body.g-productivity-appointments .booking-type-btn { flex: 1; padding: 0.75rem; border: 2px solid #e2e8f0; border-radius: 8px; background: var(--paper); cursor: pointer; text-align: center; transition: all 0.2s; } body.g-productivity-appointments .booking-type-btn:hover, body.g-productivity-appointments .booking-type-btn.active { border-color: var(--accent-dim); background: rgba(0,206,201,0.1); } body.g-productivity-appointments .booking-type-btn i { display: block; font-size: 1.5rem; color: var(--accent-dim); margin-bottom: 0.25rem; } body.g-productivity-appointments .booking-type-btn span { font-size: 0.8rem; color: #4a5568; } body.g-productivity-appointments .time-slots { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.5rem; margin-top: 1rem; } @media (min-width: 701px) { body.g-productivity-appointments .time-slots { grid-template-columns: repeat(3, 1fr); } } body.g-productivity-appointments .time-slot { padding: 0.5rem; border: 1px solid #e2e8f0; border-radius: 6px; text-align: center; font-size: 0.85rem; cursor: pointer; transition: all 0.2s; } body.g-productivity-appointments .time-slot:hover { border-color: var(--accent-dim); background: rgba(0,206,201,0.1); } body.g-productivity-appointments .time-slot.selected { background: var(--accent-dim); border-color: var(--accent-dim); color: var(--paper); } body.g-productivity-appointments .time-slot.unavailable { opacity: 0.4; cursor: not-allowed; } body.g-productivity-appointments .appointment-types { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-productivity-appointments .appointment-type { background: var(--paper); border: 1px solid #e2e8f0; border-radius: 8px; padding: 1rem; display: flex; align-items: center; gap: 1rem; transition: all 0.2s; flex-wrap: wrap; } body.g-productivity-appointments .appointment-type:hover { border-color: var(--accent-dim); box-shadow: 0 2px 8px rgba(0,206,201,0.15); } body.g-productivity-appointments .appointment-type-icon { width: 48px; height: 48px; background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: var(--paper); font-size: 1.25rem; flex-wrap: wrap; } body.g-productivity-appointments .appointment-type-info h5 { color: #2d3748; margin-bottom: 0.25rem; } body.g-productivity-appointments .appointment-type-info span { font-size: 0.85rem; color: var(--ink-faint); } body.g-productivity-appointments .footer { background: #1a202c; color: #a0aec0; padding: 2rem; text-align: center; margin-left: 280px; } @media (max-width: 768px) { body.g-productivity-appointments .footer { margin-left: 0; } } body.g-productivity-appointments .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-productivity-appointments .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-productivity-appointments .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-productivity-appointments .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } body.g-productivity-appointments .sidebar-lang-switcher { display: flex; gap: 4px; padding: 8px 16px 4px; flex-wrap: wrap; } body.g-productivity-appointments .sidebar-lang-btn { flex: 1; text-align: center; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; background: rgba(0,0,0,0.06); color: var(--ink-soft); transition: all 0.2s; } body.g-productivity-appointments .sidebar-lang-btn:hover { background: rgba(0,0,0,0.12); color: var(--ink); } body.g-productivity-appointments .sidebar-lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/productivity/contacts.html --- */ body.g-productivity-contacts .page-title { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 1rem; font-weight: 700; } body.g-productivity-contacts .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-productivity-contacts .contact-card { background: var(--surround); border: 1px solid var(--rule); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; display: flex; gap: 1.5rem; flex-wrap: wrap; } body.g-productivity-contacts .contact-avatar { width: 80px; height: 80px; border-radius: 50%; background: linear-gradient(135deg, var(--accent), var(--accent-dim)); display: flex; align-items: center; justify-content: center; color: var(--paper); font-size: 2rem; font-weight: bold; flex-shrink: 0; flex-wrap: wrap; } body.g-productivity-contacts .contact-info h4 { color: var(--ink); margin: 0 0 0.5rem 0; font-size: 1.25rem; } body.g-productivity-contacts .contact-company { color: var(--accent-dim); font-weight: 500; margin-bottom: 0.75rem; } body.g-productivity-contacts .contact-detail { display: flex; align-items: center; gap: 0.5rem; color: var(--ink-soft); margin-bottom: 0.5rem; font-size: 0.9rem; flex-wrap: wrap; } body.g-productivity-contacts .contact-detail i { color: var(--accent-dim); width: 16px; } body.g-productivity-contacts .contact-tags { display: flex; gap: 0.5rem; margin-top: 1rem; flex-wrap: wrap; } body.g-productivity-contacts .contact-tag { background: #e8f5e9; color: var(--accent-dim); padding: 0.25rem 0.75rem; border-radius: 15px; font-size: 0.8rem; } body.g-productivity-contacts .filter-bar { display: flex; gap: 1rem; margin: 1.5rem 0; flex-wrap: wrap; } body.g-productivity-contacts .filter-btn { padding: 0.5rem 1rem; border: 1px solid var(--rule); border-radius: 20px; background: var(--paper); cursor: pointer; font-size: 0.9rem; } body.g-productivity-contacts .filter-btn.active { background: var(--accent-dim); color: var(--paper); border-color: var(--accent-dim); } @media (max-width: 768px) { body.g-productivity-contacts .contact-card { flex-direction: column; text-align: center; } } body.g-productivity-contacts .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-productivity-contacts .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-productivity-contacts .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-productivity-contacts .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/productivity/dashboard.html --- */ body.g-productivity-dashboard .header { background: linear-gradient(135deg, #714B67 0%, #5a3d52 100%); color: var(--paper); padding: 1rem 2rem; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } body.g-productivity-dashboard .logo { font-size: 1.5rem; font-weight: 700; text-decoration: none; color: var(--paper); } body.g-productivity-dashboard .logo span { color: #f0b429; } body.g-productivity-dashboard .nav-links { display: flex; gap: 2rem; flex-wrap: wrap; } body.g-productivity-dashboard .nav-links a { color: rgba(255,255,255,0.9); text-decoration: none; font-weight: 500; transition: color 0.2s; } body.g-productivity-dashboard .nav-links a:hover { color: #f0b429; } body.g-productivity-dashboard .main-wrapper { display: flex; margin-top: 60px; min-height: calc(100vh - 60px); flex-wrap: wrap; } body.g-productivity-dashboard .sidebar-menu { list-style: none; } body.g-productivity-dashboard .sidebar-menu a { display: block; padding: 0.5rem 1.5rem; color: var(--ink-soft); text-decoration: none; font-size: 0.9rem; border-left: 3px solid transparent; transition: all 0.2s; } body.g-productivity-dashboard .sidebar-menu a:hover { background: var(--rule); color: var(--accent); } body.g-productivity-dashboard .sidebar-menu a.active { background: linear-gradient(90deg, rgba(225,112,85,0.1) 0%, transparent 100%); border-left-color: var(--accent); color: var(--accent); font-weight: 600; } body.g-productivity-dashboard .toc-menu { list-style: none; } body.g-productivity-dashboard .toc-menu a { display: block; padding: 0.3rem 0; color: var(--ink-faint); text-decoration: none; font-size: 0.85rem; border-left: 2px solid transparent; padding-left: 0.75rem; transition: all 0.2s; } body.g-productivity-dashboard .toc-menu a:hover { color: var(--accent); border-left-color: var(--accent); } body.g-productivity-dashboard .module-info h1 { font-size: 2rem; color: #2d3748; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } body.g-productivity-dashboard .sodoo-badge { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.25rem 0.75rem; background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); font-size: 0.75rem; font-weight: 600; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.5px; flex-wrap: wrap; } body.g-productivity-dashboard .module-info p { color: var(--ink-faint); font-size: 1.1rem; } body.g-productivity-dashboard .dashboard-preview { background: var(--surround); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; } body.g-productivity-dashboard .dashboard-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; flex-wrap: wrap; } body.g-productivity-dashboard .dashboard-header h4 { color: #2d3748; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } body.g-productivity-dashboard .dashboard-header h4 i { color: var(--accent); } body.g-productivity-dashboard .dashboard-actions { display: flex; gap: 0.5rem; flex-wrap: wrap; } body.g-productivity-dashboard .dashboard-btn { padding: 0.4rem 0.8rem; border-radius: 6px; font-size: 0.8rem; border: 1px solid #e2e8f0; background: var(--paper); cursor: pointer; display: flex; align-items: center; gap: 0.3rem; color: #4a5568; flex-wrap: wrap; } body.g-productivity-dashboard .dashboard-btn:hover { border-color: var(--accent); color: var(--accent); } body.g-productivity-dashboard .dashboard-grid { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; gap: 1rem; } @media (min-width: 701px) { body.g-productivity-dashboard .dashboard-grid { grid-template-columns: repeat(4, 1fr); } } body.g-productivity-dashboard .widget { background: var(--paper); border-radius: 8px; padding: 1rem; border: 1px solid #e2e8f0; } body.g-productivity-dashboard .widget.span-2 { grid-column: span 2; } body.g-productivity-dashboard .widget-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.75rem; flex-wrap: wrap; } body.g-productivity-dashboard .widget-title { font-size: 0.85rem; font-weight: 600; color: var(--ink-faint); } body.g-productivity-dashboard .widget-change { font-size: 0.8rem; display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; } body.g-productivity-dashboard .widget-change.positive { color: #38a169; } body.g-productivity-dashboard .widget-change.negative { color: #e53e3e; } body.g-productivity-dashboard .mini-chart { height: 60px; display: flex; align-items: flex-end; gap: 4px; margin-top: 0.5rem; flex-wrap: wrap; } body.g-productivity-dashboard .chart-bar { flex: 1; background: linear-gradient(180deg, var(--accent) 0%, #fab1a0 100%); border-radius: 2px 2px 0 0; } body.g-productivity-dashboard .widget-types { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-productivity-dashboard .widget-type { background: var(--paper); border: 1px solid #e2e8f0; border-radius: 8px; padding: 1rem; text-align: center; transition: all 0.2s; } body.g-productivity-dashboard .widget-type:hover { border-color: var(--accent); box-shadow: 0 2px 8px rgba(225,112,85,0.15); } body.g-productivity-dashboard .widget-type i { font-size: 2rem; color: var(--accent); margin-bottom: 0.5rem; } body.g-productivity-dashboard .widget-type span { display: block; font-size: 0.85rem; color: #4a5568; } body.g-productivity-dashboard .template-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin: 1.5rem 0; } body.g-productivity-dashboard .template-card { background: var(--paper); border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; transition: all 0.2s; } body.g-productivity-dashboard .template-card:hover { border-color: var(--accent); box-shadow: 0 4px 12px rgba(225,112,85,0.15); } body.g-productivity-dashboard .template-preview { background: linear-gradient(135deg, var(--surround) 0%, var(--rule) 100%); padding: 1rem; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.5rem; } @media (min-width: 701px) { body.g-productivity-dashboard .template-preview { grid-template-columns: repeat(3, 1fr); } } body.g-productivity-dashboard .template-mini-widget { background: var(--paper); border-radius: 4px; padding: 0.5rem; height: 40px; } body.g-productivity-dashboard .template-mini-widget.chart { grid-column: span 2; height: 80px; } body.g-productivity-dashboard .template-info { padding: 1rem; } body.g-productivity-dashboard .template-info h5 { color: #2d3748; margin-bottom: 0.25rem; } body.g-productivity-dashboard .template-info p { font-size: 0.85rem; color: var(--ink-faint); margin: 0; } body.g-productivity-dashboard .footer { background: #1a202c; color: #a0aec0; padding: 2rem; text-align: center; margin-left: 280px; } @media (max-width: 768px) { body.g-productivity-dashboard .footer { margin-left: 0; } body.g-productivity-dashboard .dashboard-grid { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-productivity-dashboard .dashboard-grid { grid-template-columns: 1fr; } } body.g-productivity-dashboard .widget.span-2 { grid-column: span 1; } } body.g-productivity-dashboard .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-productivity-dashboard .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-productivity-dashboard .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-productivity-dashboard .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } body.g-productivity-dashboard .sidebar-lang-switcher { display: flex; gap: 4px; padding: 8px 16px 4px; flex-wrap: wrap; } body.g-productivity-dashboard .sidebar-lang-btn { flex: 1; text-align: center; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; background: rgba(0,0,0,0.06); color: var(--ink-soft); transition: all 0.2s; } body.g-productivity-dashboard .sidebar-lang-btn:hover { background: rgba(0,0,0,0.12); color: var(--ink); } body.g-productivity-dashboard .sidebar-lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/productivity/data-recycle.html --- */ body.g-productivity-data-recycle .header { background: linear-gradient(135deg, #714B67 0%, #5a3d52 100%); color: var(--paper); padding: 1rem 2rem; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } body.g-productivity-data-recycle .logo { font-size: 1.5rem; font-weight: 700; text-decoration: none; color: var(--paper); } body.g-productivity-data-recycle .logo span { color: #f0b429; } body.g-productivity-data-recycle .nav-links { display: flex; gap: 2rem; flex-wrap: wrap; } body.g-productivity-data-recycle .nav-links a { color: rgba(255,255,255,0.9); text-decoration: none; font-weight: 500; transition: color 0.2s; } body.g-productivity-data-recycle .nav-links a:hover { color: #f0b429; } body.g-productivity-data-recycle .main-wrapper { display: flex; margin-top: 60px; min-height: calc(100vh - 60px); flex-wrap: wrap; } body.g-productivity-data-recycle .sidebar-menu { list-style: none; } body.g-productivity-data-recycle .sidebar-menu a { display: block; padding: 0.5rem 1.5rem; color: var(--ink-soft); text-decoration: none; font-size: 0.9rem; border-left: 3px solid transparent; transition: all 0.2s; } body.g-productivity-data-recycle .sidebar-menu a:hover { background: var(--rule); color: var(--accent-dim); } body.g-productivity-data-recycle .sidebar-menu a.active { background: linear-gradient(90deg, rgba(0,184,148,0.1) 0%, transparent 100%); border-left-color: var(--accent-dim); color: var(--accent-dim); font-weight: 600; } body.g-productivity-data-recycle .toc-menu { list-style: none; } body.g-productivity-data-recycle .toc-menu a { display: block; padding: 0.3rem 0; color: var(--ink-faint); text-decoration: none; font-size: 0.85rem; border-left: 2px solid transparent; padding-left: 0.75rem; transition: all 0.2s; } body.g-productivity-data-recycle .toc-menu a:hover { color: var(--accent-dim); border-left-color: var(--accent-dim); } body.g-productivity-data-recycle .module-info h1 { font-size: 2rem; color: #2d3748; margin-bottom: 0.5rem; } body.g-productivity-data-recycle .module-info p { color: var(--ink-faint); font-size: 1.1rem; } body.g-productivity-data-recycle .recycle-preview { background: var(--surround); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; border: 1px solid #e2e8f0; } body.g-productivity-data-recycle .recycle-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; flex-wrap: wrap; } body.g-productivity-data-recycle .recycle-header h4 { color: #2d3748; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } body.g-productivity-data-recycle .recycle-header h4 i { color: var(--accent-dim); } body.g-productivity-data-recycle .recycle-actions { display: flex; gap: 0.5rem; flex-wrap: wrap; } body.g-productivity-data-recycle .recycle-btn { padding: 0.4rem 0.8rem; border-radius: 6px; font-size: 0.8rem; border: none; cursor: pointer; display: flex; align-items: center; gap: 0.3rem; flex-wrap: wrap; } body.g-productivity-data-recycle .recycle-btn.restore { background: var(--accent-dim); color: var(--paper); } body.g-productivity-data-recycle .recycle-btn.delete { background: #e2e8f0; color: #e53e3e; } body.g-productivity-data-recycle .recycle-list { list-style: none; padding: 0; margin: 0; } body.g-productivity-data-recycle .recycle-item { display: flex; align-items: center; gap: 1rem; padding: 0.75rem; background: var(--paper); border-radius: 8px; margin-bottom: 0.5rem; border: 1px solid #e2e8f0; flex-wrap: wrap; } body.g-productivity-data-recycle .recycle-item input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--accent-dim); } body.g-productivity-data-recycle .recycle-item-icon { width: 40px; height: 40px; background: var(--surround); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: var(--ink-faint); flex-wrap: wrap; } body.g-productivity-data-recycle .recycle-item-info { flex: 1; } body.g-productivity-data-recycle .recycle-item-info .name { font-weight: 500; color: #2d3748; } body.g-productivity-data-recycle .recycle-item-info .details { font-size: 0.8rem; color: var(--ink-faint); } body.g-productivity-data-recycle .recycle-item-date { font-size: 0.8rem; color: var(--ink-faint); } body.g-productivity-data-recycle .model-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-productivity-data-recycle .model-item { background: var(--paper); border: 1px solid #e2e8f0; border-radius: 8px; padding: 1rem; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } body.g-productivity-data-recycle .model-item i { font-size: 1.5rem; color: var(--accent-dim); } body.g-productivity-data-recycle .model-item span { color: #4a5568; font-size: 0.9rem; } body.g-productivity-data-recycle .settings-table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; } body.g-productivity-data-recycle .settings-table th { background: var(--surround); padding: 0.75rem 1rem; text-align: left; font-weight: 600; color: #4a5568; border-bottom: 2px solid #e2e8f0; } body.g-productivity-data-recycle .settings-table td { padding: 0.75rem 1rem; border-bottom: 1px solid #e2e8f0; color: #4a5568; } body.g-productivity-data-recycle .settings-table tr:hover { background: var(--surround); } body.g-productivity-data-recycle .stats-row { display: flex; gap: 1rem; margin: 1.5rem 0; flex-wrap: wrap; } body.g-productivity-data-recycle .stat-item { flex: 1; background: var(--paper); border: 1px solid #e2e8f0; border-radius: 8px; padding: 1rem; text-align: center; } body.g-productivity-data-recycle .stat-item .number { font-size: 1.75rem; font-weight: 700; color: var(--accent-dim); } body.g-productivity-data-recycle .stat-item .label { font-size: 0.85rem; color: var(--ink-faint); } body.g-productivity-data-recycle .footer { background: #1a202c; color: #a0aec0; padding: 2rem; text-align: center; margin-left: 280px; } @media (max-width: 768px) { body.g-productivity-data-recycle .footer { margin-left: 0; } body.g-productivity-data-recycle .stats-row { flex-direction: column; } } body.g-productivity-data-recycle .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-productivity-data-recycle .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-productivity-data-recycle .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-productivity-data-recycle .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } body.g-productivity-data-recycle .sidebar-lang-switcher { display: flex; gap: 4px; padding: 8px 16px 4px; flex-wrap: wrap; } body.g-productivity-data-recycle .sidebar-lang-btn { flex: 1; text-align: center; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; background: rgba(0,0,0,0.06); color: var(--ink-soft); transition: all 0.2s; } body.g-productivity-data-recycle .sidebar-lang-btn:hover { background: rgba(0,0,0,0.12); color: var(--ink); } body.g-productivity-data-recycle .sidebar-lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/productivity/discuss.html --- */ body.g-productivity-discuss .page-title { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 1rem; font-weight: 700; } body.g-productivity-discuss .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-productivity-discuss .chat-preview { background: var(--surround); border: 1px solid var(--rule); border-radius: 12px; overflow: hidden; margin: 1.5rem 0; } body.g-productivity-discuss .chat-header { background: var(--accent-dim); color: var(--paper); padding: 1rem 1.5rem; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } body.g-productivity-discuss .chat-channel { font-weight: 600; } body.g-productivity-discuss .chat-body { padding: 1.5rem; max-height: 300px; overflow-y: auto; } body.g-productivity-discuss .chat-message { display: flex; gap: 0.75rem; margin-bottom: 1rem; flex-wrap: wrap; } body.g-productivity-discuss .chat-content { flex: 1; } body.g-productivity-discuss .chat-name { font-weight: 600; color: var(--ink); font-size: 0.9rem; } body.g-productivity-discuss .chat-text { color: var(--ink-soft); margin-top: 0.25rem; } body.g-productivity-discuss .chat-time { font-size: 0.75rem; color: var(--ink-faint); margin-left: 0.5rem; } body.g-productivity-discuss .chat-input { display: flex; gap: 0.5rem; padding: 1rem 1.5rem; border-top: 1px solid var(--rule); flex-wrap: wrap; } body.g-productivity-discuss .chat-input input { flex: 1; padding: 0.75rem; border: 1px solid var(--rule); border-radius: 20px; } body.g-productivity-discuss .chat-input button { background: var(--accent-dim); color: var(--paper); border: none; padding: 0.75rem 1.25rem; border-radius: 20px; cursor: pointer; } body.g-productivity-discuss .channel-list { margin: 1.5rem 0; } body.g-productivity-discuss .channel-item { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; background: var(--surround); border-radius: 8px; margin-bottom: 0.5rem; flex-wrap: wrap; } body.g-productivity-discuss .channel-icon { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: var(--paper); font-size: 0.9rem; flex-wrap: wrap; } body.g-productivity-discuss .channel-icon.public { background: var(--accent-dim); } body.g-productivity-discuss .channel-icon.private { background: #e84393; } body.g-productivity-discuss .channel-name { font-weight: 500; color: var(--ink); } body.g-productivity-discuss .channel-members { font-size: 0.8rem; color: var(--ink-faint); } body.g-productivity-discuss .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-productivity-discuss .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-productivity-discuss .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-productivity-discuss .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/productivity/index.html --- */ body.g-productivity .page-title { font-size: 2.5rem; font-weight: 700; margin-bottom: 0.5rem; } body.g-productivity .page-subtitle { font-size: 1.2rem; opacity: 0.9; } body.g-productivity .collab-lifecycle { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; margin: 2rem 0; padding: 2rem; background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%); border-radius: 16px; } body.g-productivity .collab-arrow { display: flex; align-items: center; font-size: 1.5rem; color: #9C27B0; padding: 0 0.5rem; flex-wrap: wrap; } body.g-productivity .tool-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin: 2rem 0; } body.g-productivity .tool-card-header { padding: 1.5rem; color: var(--paper); display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; } body.g-productivity .tool-card-header.sotion { background: linear-gradient(135deg, #A55EEA 0%, #8B3DD7 100%); } body.g-productivity .tool-card-header.sodooc { background: linear-gradient(135deg, #0984E3 0%, #0770CC 100%); } body.g-productivity .tool-card-header.sodraw { background: linear-gradient(135deg, #d63031 0%, #b71c1c 100%); } body.g-productivity .tool-card-header.extable { background: linear-gradient(135deg, #00B894 0%, #00a281 100%); } body.g-productivity .tool-card-header i { font-size: 2rem; } body.g-productivity .tool-card-header h3 { color: var(--paper); margin: 0; font-size: 1.5rem; } body.g-productivity .tool-card-body { padding: 1.5rem; } body.g-productivity .tool-card-body p { color: var(--ink-soft); margin-bottom: 1rem; } body.g-productivity .tool-card-body ul { margin: 0; padding: 0; list-style: none; } body.g-productivity .tool-card-body li { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0; font-size: 0.9rem; color: var(--ink-soft); flex-wrap: wrap; } body.g-productivity .tool-card-body li i { color: #9C27B0; } body.g-productivity .scenario-box.sotion { background: linear-gradient(135deg, #EDE7F6 0%, #D1C4E9 100%); border-color: #A55EEA; } body.g-productivity .scenario-box.sodooc { background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%); border-color: #0984E3; } body.g-productivity .scenario-box.sodraw { background: linear-gradient(135deg, #FFEBEE 0%, #FFCDD2 100%); border-color: #d63031; } body.g-productivity .scenario-box.sotion .scenario-header i { color: #A55EEA; } body.g-productivity .scenario-box.sodooc .scenario-header i { color: #0984E3; } body.g-productivity .scenario-box.sodraw .scenario-header i { color: #d63031; } body.g-productivity .scenario-situation { margin-bottom: 1rem; padding: 0.75rem; background: rgba(255,255,255,0.6); border-radius: 8px; } body.g-productivity .scenario-steps { margin: 0; padding-left: 1.5rem; } body.g-productivity .scenario-steps li { margin-bottom: 0.5rem; } body.g-productivity .comparison-card.old { border-top: 4px solid #F44336; } body.g-productivity .comparison-card.new { border-top: 4px solid #4CAF50; } body.g-productivity .comparison-card.old h4 { color: #C62828; } body.g-productivity .comparison-card.new h4 { color: #2E7D32; } body.g-productivity .step-text { font-size: 14px; color: var(--ink); } body.g-productivity .module-showcase { background: linear-gradient(135deg, #7B1FA2 0%, #4A148C 100%); border-radius: 16px; padding: 2rem; margin: 2rem 0; color: var(--paper); } body.g-productivity .module-showcase h3 { color: var(--paper); margin-top: 0; } body.g-productivity .module-showcase p { opacity: 0.9; } body.g-productivity .workflow-diagram { display: flex; flex-direction: column; gap: 1rem; margin: 2rem 0; padding: 2rem; background: var(--surround); border-radius: 12px; flex-wrap: wrap; } body.g-productivity .workflow-row { display: flex; align-items: center; justify-content: center; gap: 1rem; flex-wrap: wrap; } body.g-productivity .workflow-box { display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1.25rem; background: var(--paper); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); flex-wrap: wrap; } body.g-productivity .workflow-box i { color: #9C27B0; } body.g-productivity .workflow-arrow { color: #9C27B0; font-size: 1.5rem; } body.g-productivity .workflow-arrow.down { transform: rotate(90deg); } body.g-productivity .usecase-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin: 2rem 0; } body.g-productivity .practices-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin: 2rem 0; } @media (max-width: 1024px) { body.g-productivity .collab-lifecycle { flex-direction: column; align-items: center; } body.g-productivity .collab-arrow { transform: rotate(90deg); } } body.g-productivity .menu-path i.fa-chevron-right { font-size: 0.75rem; color: var(--ink-faint); } body.g-productivity .btn-ref.sotion { background: #A55EEA; } body.g-productivity .btn-ref.sodooc { background: #0984E3; } body.g-productivity .btn-ref.sodraw { background: #d63031; } body.g-productivity .btn-ref.extable { background: #00B894; } body.g-productivity .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-productivity .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-productivity .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-productivity .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/productivity/knowledge.html --- */ body.g-productivity-knowledge .page-title { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 1rem; font-weight: 700; } body.g-productivity-knowledge .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); max-width: min(700px, 100%); margin: 0 auto; } body.g-productivity-knowledge .article-tree { background: var(--surround); border: 1px solid var(--rule); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; } body.g-productivity-knowledge .tree-item { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0; color: var(--ink); flex-wrap: wrap; } body.g-productivity-knowledge .tree-item.folder { font-weight: 600; } body.g-productivity-knowledge .tree-item.nested { padding-left: 1.5rem; } body.g-productivity-knowledge .tree-item.nested-2 { padding-left: 3rem; } body.g-productivity-knowledge .article-preview { background: var(--surround); border: 1px solid var(--rule); border-radius: 12px; overflow: hidden; margin: 1.5rem 0; } body.g-productivity-knowledge .article-header { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); padding: 1.5rem; } body.g-productivity-knowledge .article-title { font-size: 1.5rem; font-weight: 600; margin-bottom: 0.5rem; } body.g-productivity-knowledge .article-meta { font-size: 0.85rem; opacity: 0.9; } body.g-productivity-knowledge .article-body { padding: 1.5rem; } body.g-productivity-knowledge .article-toc { background: #f0f8ff; padding: 1rem; border-radius: 8px; margin-bottom: 1rem; } body.g-productivity-knowledge .article-toc-title { font-weight: 600; margin-bottom: 0.5rem; } body.g-productivity-knowledge .article-toc-item { display: block; color: var(--accent-dim); padding: 0.25rem 0; font-size: 0.9rem; text-decoration: none; } body.g-productivity-knowledge .enterprise-badge { background: #e74c3c; color: var(--paper); padding: 0.25rem 0.75rem; border-radius: 15px; font-size: 0.75rem; font-weight: 600; display: inline-block; margin-left: 0.5rem; } body.g-productivity-knowledge .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-productivity-knowledge .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-productivity-knowledge .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-productivity-knowledge .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/productivity/sign.html --- */ body.g-productivity-sign .header { background: linear-gradient(135deg, #714B67 0%, #5a3d52 100%); color: var(--paper); padding: 1rem 2rem; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } body.g-productivity-sign .logo { font-size: 1.5rem; font-weight: 700; text-decoration: none; color: var(--paper); } body.g-productivity-sign .logo span { color: #f0b429; } body.g-productivity-sign .nav-links { display: flex; gap: 2rem; flex-wrap: wrap; } body.g-productivity-sign .nav-links a { color: rgba(255,255,255,0.9); text-decoration: none; font-weight: 500; transition: color 0.2s; } body.g-productivity-sign .nav-links a:hover { color: #f0b429; } body.g-productivity-sign .main-wrapper { display: flex; margin-top: 60px; min-height: calc(100vh - 60px); flex-wrap: wrap; } body.g-productivity-sign .sidebar-menu { list-style: none; } body.g-productivity-sign .sidebar-menu a { display: block; padding: 0.5rem 1.5rem; color: var(--ink-soft); text-decoration: none; font-size: 0.9rem; border-left: 3px solid transparent; transition: all 0.2s; } body.g-productivity-sign .sidebar-menu a:hover { background: var(--rule); color: var(--accent); } body.g-productivity-sign .sidebar-menu a.active { background: linear-gradient(90deg, rgba(253,121,168,0.1) 0%, transparent 100%); border-left-color: var(--accent); color: var(--accent); font-weight: 600; } body.g-productivity-sign .toc-menu { list-style: none; } body.g-productivity-sign .toc-menu a { display: block; padding: 0.3rem 0; color: var(--ink-faint); text-decoration: none; font-size: 0.85rem; border-left: 2px solid transparent; padding-left: 0.75rem; transition: all 0.2s; } body.g-productivity-sign .toc-menu a:hover { color: var(--accent); border-left-color: var(--accent); } body.g-productivity-sign .module-info h1 { font-size: 2rem; color: #2d3748; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } body.g-productivity-sign .enterprise-badge { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.25rem 0.75rem; background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%); color: var(--paper); font-size: 0.75rem; font-weight: 600; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.5px; flex-wrap: wrap; } body.g-productivity-sign .module-info p { color: var(--ink-faint); font-size: 1.1rem; } body.g-productivity-sign .document-preview { background: var(--surround); border-radius: 12px; padding: 2rem; margin: 1.5rem 0; border: 2px dashed #e2e8f0; } body.g-productivity-sign .document-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid #e2e8f0; flex-wrap: wrap; } body.g-productivity-sign .document-title { font-weight: 600; color: #2d3748; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } body.g-productivity-sign .document-title i { color: var(--accent); } body.g-productivity-sign .document-actions { display: flex; gap: 0.5rem; flex-wrap: wrap; } body.g-productivity-sign .doc-action-btn { padding: 0.4rem 0.8rem; border-radius: 6px; font-size: 0.8rem; border: none; cursor: pointer; display: flex; align-items: center; gap: 0.3rem; flex-wrap: wrap; } body.g-productivity-sign .doc-action-btn.primary { background: var(--accent); color: var(--paper); } body.g-productivity-sign .doc-action-btn.secondary { background: #e2e8f0; color: #4a5568; } body.g-productivity-sign .signature-field { background: var(--paper); border: 2px dashed var(--accent); border-radius: 8px; padding: 2rem; text-align: center; margin: 1rem 0; } body.g-productivity-sign .signature-field i { font-size: 2rem; color: var(--accent); margin-bottom: 0.5rem; } body.g-productivity-sign .signature-field p { color: var(--ink-faint); font-size: 0.9rem; margin: 0; } body.g-productivity-sign .signature-preview { background: var(--paper); border: 1px solid #e2e8f0; border-radius: 8px; padding: 1rem; margin: 1rem 0; } body.g-productivity-sign .signature-preview .signature-image { font-family: 'Brush Script MT', cursive; font-size: 2rem; color: #1a365d; text-align: center; padding: 1rem; border-bottom: 2px solid var(--accent); } body.g-productivity-sign .signature-preview .signature-info { display: flex; justify-content: space-between; font-size: 0.8rem; color: var(--ink-faint); margin-top: 0.5rem; flex-wrap: wrap; } body.g-productivity-sign .status-list { list-style: none; padding: 0; margin: 1rem 0; } body.g-productivity-sign .status-list li { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 0; border-bottom: 1px solid #e2e8f0; flex-wrap: wrap; } body.g-productivity-sign .status-list li:last-child { border-bottom: none; } body.g-productivity-sign .status-badge.pending { background: #fff3cd; color: #856404; } body.g-productivity-sign .status-badge.signed { background: #d4edda; color: #155724; } body.g-productivity-sign .status-badge.refused { background: #f8d7da; color: #721c24; } body.g-productivity-sign .status-badge.expired { background: #e2e3e5; color: #383d41; } body.g-productivity-sign .signer-table { width: 100%; border-collapse: collapse; margin: 1rem 0; } body.g-productivity-sign .signer-table th { background: var(--surround); padding: 0.75rem 1rem; text-align: left; font-weight: 600; color: #4a5568; border-bottom: 2px solid #e2e8f0; } body.g-productivity-sign .signer-table td { padding: 0.75rem 1rem; border-bottom: 1px solid #e2e8f0; color: #4a5568; } body.g-productivity-sign .signer-table tr:hover { background: var(--surround); } body.g-productivity-sign .field-types { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-productivity-sign .field-type { background: var(--paper); border: 1px solid #e2e8f0; border-radius: 8px; padding: 1rem; text-align: center; transition: all 0.2s; } body.g-productivity-sign .field-type:hover { border-color: var(--accent); box-shadow: 0 2px 8px rgba(253,121,168,0.15); } body.g-productivity-sign .field-type i { font-size: 1.5rem; color: var(--accent); margin-bottom: 0.5rem; } body.g-productivity-sign .field-type span { display: block; font-size: 0.85rem; color: #4a5568; } body.g-productivity-sign .footer { background: #1a202c; color: #a0aec0; padding: 2rem; text-align: center; margin-left: 280px; } @media (max-width: 768px) { body.g-productivity-sign .footer { margin-left: 0; } } body.g-productivity-sign .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-productivity-sign .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-productivity-sign .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-productivity-sign .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } body.g-productivity-sign .sidebar-lang-switcher { display: flex; gap: 4px; padding: 8px 16px 4px; flex-wrap: wrap; } body.g-productivity-sign .sidebar-lang-btn { flex: 1; text-align: center; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; background: rgba(0,0,0,0.06); color: var(--ink-soft); transition: all 0.2s; } body.g-productivity-sign .sidebar-lang-btn:hover { background: rgba(0,0,0,0.12); color: var(--ink); } body.g-productivity-sign .sidebar-lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/productivity/spreadsheet.html --- */ body.g-productivity-spreadsheet .header { background: linear-gradient(135deg, #714B67 0%, #5a3d52 100%); color: var(--paper); padding: 1rem 2rem; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } body.g-productivity-spreadsheet .logo { font-size: 1.5rem; font-weight: 700; text-decoration: none; color: var(--paper); } body.g-productivity-spreadsheet .logo span { color: #f0b429; } body.g-productivity-spreadsheet .nav-links { display: flex; gap: 2rem; flex-wrap: wrap; } body.g-productivity-spreadsheet .nav-links a { color: rgba(255,255,255,0.9); text-decoration: none; font-weight: 500; transition: color 0.2s; } body.g-productivity-spreadsheet .nav-links a:hover { color: #f0b429; } body.g-productivity-spreadsheet .main-wrapper { display: flex; margin-top: 60px; min-height: calc(100vh - 60px); flex-wrap: wrap; } body.g-productivity-spreadsheet .sidebar-menu { list-style: none; } body.g-productivity-spreadsheet .sidebar-menu a { display: block; padding: 0.5rem 1.5rem; color: var(--ink-soft); text-decoration: none; font-size: 0.9rem; border-left: 3px solid transparent; transition: all 0.2s; } body.g-productivity-spreadsheet .sidebar-menu a:hover { background: var(--rule); color: var(--accent); } body.g-productivity-spreadsheet .sidebar-menu a.active { background: linear-gradient(90deg, rgba(0,184,148,0.1) 0%, transparent 100%); border-left-color: var(--accent); color: var(--accent); font-weight: 600; } body.g-productivity-spreadsheet .toc-menu { list-style: none; } body.g-productivity-spreadsheet .toc-menu a { display: block; padding: 0.3rem 0; color: var(--ink-faint); text-decoration: none; font-size: 0.85rem; border-left: 2px solid transparent; padding-left: 0.75rem; transition: all 0.2s; } body.g-productivity-spreadsheet .toc-menu a:hover { color: var(--accent); border-left-color: var(--accent); } body.g-productivity-spreadsheet .module-info h1 { font-size: 2rem; color: #2d3748; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } body.g-productivity-spreadsheet .enterprise-badge { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.25rem 0.75rem; background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%); color: var(--paper); font-size: 0.75rem; font-weight: 600; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.5px; flex-wrap: wrap; } body.g-productivity-spreadsheet .module-info p { color: var(--ink-faint); font-size: 1.1rem; } body.g-productivity-spreadsheet .spreadsheet-preview { background: var(--surround); border-radius: 12px; overflow: hidden; margin: 1.5rem 0; border: 1px solid #e2e8f0; } body.g-productivity-spreadsheet .spreadsheet-toolbar { background: var(--paper); padding: 0.5rem 1rem; border-bottom: 1px solid #e2e8f0; display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; } body.g-productivity-spreadsheet .toolbar-group { display: flex; gap: 0.25rem; flex-wrap: wrap; } body.g-productivity-spreadsheet .toolbar-btn { width: 28px; height: 28px; border: none; background: transparent; border-radius: 4px; cursor: pointer; color: #4a5568; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } body.g-productivity-spreadsheet .toolbar-btn:hover { background: #e2e8f0; } body.g-productivity-spreadsheet .toolbar-divider { width: 1px; height: 20px; background: #e2e8f0; } body.g-productivity-spreadsheet .formula-bar { background: var(--paper); padding: 0.5rem 1rem; border-bottom: 1px solid #e2e8f0; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } body.g-productivity-spreadsheet .formula-bar .cell-ref { background: var(--surround); padding: 0.25rem 0.75rem; border-radius: 4px; font-size: 0.85rem; font-weight: 500; min-width: 60px; text-align: center; } body.g-productivity-spreadsheet .formula-bar .formula-input { flex: 1; font-family: monospace; font-size: 0.9rem; color: #2d3748; } body.g-productivity-spreadsheet .spreadsheet-grid { display: grid; font-size: 0.85rem; } body.g-productivity-spreadsheet .grid-header-row { display: grid; grid-template-columns: minmax(0, 1fr); background: #f1f3f5; } @media (min-width: 701px) { body.g-productivity-spreadsheet .grid-header-row { grid-template-columns: 40px repeat(6, 1fr); } } body.g-productivity-spreadsheet .grid-header-cell { padding: 0.5rem; text-align: center; font-weight: 600; color: var(--ink-soft); border-right: 1px solid var(--rule); border-bottom: 1px solid var(--rule); } body.g-productivity-spreadsheet .grid-row { display: grid; grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-productivity-spreadsheet .grid-row { grid-template-columns: 40px repeat(6, 1fr); } } body.g-productivity-spreadsheet .row-header { background: #f1f3f5; padding: 0.5rem; text-align: center; font-weight: 600; color: var(--ink-soft); border-right: 1px solid var(--rule); border-bottom: 1px solid var(--rule); } body.g-productivity-spreadsheet .grid-cell { background: var(--paper); padding: 0.5rem; border-right: 1px solid var(--rule); border-bottom: 1px solid var(--rule); min-height: 32px; } body.g-productivity-spreadsheet .grid-cell.selected { background: rgba(0,184,148,0.1); outline: 2px solid var(--accent); } body.g-productivity-spreadsheet .grid-cell.formula { color: var(--accent); font-weight: 500; } body.g-productivity-spreadsheet .grid-cell.number { text-align: right; } body.g-productivity-spreadsheet .formula-categories { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-productivity-spreadsheet .formula-category { background: var(--paper); border: 1px solid #e2e8f0; border-radius: 8px; padding: 1rem; } body.g-productivity-spreadsheet .formula-category h4 { color: var(--accent); font-size: 0.9rem; margin-bottom: 0.75rem; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } body.g-productivity-spreadsheet .formula-list { list-style: none; padding: 0; margin: 0; } body.g-productivity-spreadsheet .formula-list li { padding: 0.25rem 0; font-size: 0.85rem; } body.g-productivity-spreadsheet .formula-list code { background: #f1f5f9; padding: 0.15rem 0.4rem; border-radius: 3px; font-family: 'Monaco', 'Consolas', monospace; font-size: 0.8rem; color: var(--accent-dim); } body.g-productivity-spreadsheet .pivot-preview { background: var(--paper); border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden; margin: 1.5rem 0; } body.g-productivity-spreadsheet .pivot-header { background: var(--accent); color: var(--paper); padding: 0.75rem 1rem; font-weight: 600; } body.g-productivity-spreadsheet .pivot-table { width: 100%; border-collapse: collapse; } body.g-productivity-spreadsheet .pivot-table th { background: var(--surround); padding: 0.5rem; text-align: left; font-weight: 600; color: #4a5568; border-bottom: 2px solid #e2e8f0; } body.g-productivity-spreadsheet .pivot-table td { padding: 0.5rem; border-bottom: 1px solid #e2e8f0; color: #4a5568; } body.g-productivity-spreadsheet .pivot-table td.number { text-align: right; font-family: monospace; } body.g-productivity-spreadsheet .pivot-table tr.total { background: var(--surround); font-weight: 600; } body.g-productivity-spreadsheet .data-source-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-productivity-spreadsheet .data-source-item { background: var(--paper); border: 1px solid #e2e8f0; border-radius: 8px; padding: 1rem; text-align: center; transition: all 0.2s; } body.g-productivity-spreadsheet .data-source-item:hover { border-color: var(--accent); box-shadow: 0 2px 8px rgba(0,184,148,0.15); } body.g-productivity-spreadsheet .data-source-item i { font-size: 2rem; color: var(--accent); margin-bottom: 0.5rem; } body.g-productivity-spreadsheet .data-source-item span { display: block; font-size: 0.9rem; color: #4a5568; } body.g-productivity-spreadsheet .shortcut-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-productivity-spreadsheet .shortcut-item { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem; background: var(--surround); border-radius: 6px; flex-wrap: wrap; } body.g-productivity-spreadsheet .shortcut-desc { color: #4a5568; font-size: 0.9rem; } body.g-productivity-spreadsheet .shortcut-keys { display: flex; gap: 0.25rem; flex-wrap: wrap; } body.g-productivity-spreadsheet .shortcut-keys kbd { background: var(--paper); border: 1px solid var(--rule); border-radius: 4px; padding: 0.25rem 0.5rem; font-size: 0.8rem; font-family: inherit; box-shadow: 0 1px 2px rgba(0,0,0,0.05); } body.g-productivity-spreadsheet .footer { background: #1a202c; color: #a0aec0; padding: 2rem; text-align: center; margin-left: 280px; } @media (max-width: 768px) { body.g-productivity-spreadsheet .footer { margin-left: 0; } } body.g-productivity-spreadsheet .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-productivity-spreadsheet .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-productivity-spreadsheet .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-productivity-spreadsheet .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } body.g-productivity-spreadsheet .sidebar-lang-switcher { display: flex; gap: 4px; padding: 8px 16px 4px; flex-wrap: wrap; } body.g-productivity-spreadsheet .sidebar-lang-btn { flex: 1; text-align: center; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; background: rgba(0,0,0,0.06); color: var(--ink-soft); transition: all 0.2s; } body.g-productivity-spreadsheet .sidebar-lang-btn:hover { background: rgba(0,0,0,0.12); color: var(--ink); } body.g-productivity-spreadsheet .sidebar-lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/productivity/todo.html --- */ body.g-productivity-todo .header { background: linear-gradient(135deg, #714B67 0%, #5a3d52 100%); color: var(--paper); padding: 1rem 2rem; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } body.g-productivity-todo .logo { font-size: 1.5rem; font-weight: 700; text-decoration: none; color: var(--paper); } body.g-productivity-todo .logo span { color: #f0b429; } body.g-productivity-todo .nav-links { display: flex; gap: 2rem; flex-wrap: wrap; } body.g-productivity-todo .nav-links a { color: rgba(255,255,255,0.9); text-decoration: none; font-weight: 500; transition: color 0.2s; } body.g-productivity-todo .nav-links a:hover { color: #f0b429; } body.g-productivity-todo .main-wrapper { display: flex; margin-top: 60px; min-height: calc(100vh - 60px); flex-wrap: wrap; } body.g-productivity-todo .sidebar-menu { list-style: none; } body.g-productivity-todo .sidebar-menu a { display: block; padding: 0.5rem 1.5rem; color: var(--ink-soft); text-decoration: none; font-size: 0.9rem; border-left: 3px solid transparent; transition: all 0.2s; } body.g-productivity-todo .sidebar-menu a:hover { background: var(--rule); color: var(--accent); } body.g-productivity-todo .sidebar-menu a.active { background: linear-gradient(90deg, rgba(255,118,117,0.1) 0%, transparent 100%); border-left-color: var(--accent); color: var(--accent); font-weight: 600; } body.g-productivity-todo .toc-menu { list-style: none; } body.g-productivity-todo .toc-menu a { display: block; padding: 0.3rem 0; color: var(--ink-faint); text-decoration: none; font-size: 0.85rem; border-left: 2px solid transparent; padding-left: 0.75rem; transition: all 0.2s; } body.g-productivity-todo .toc-menu a:hover { color: var(--accent); border-left-color: var(--accent); } body.g-productivity-todo .module-info h1 { font-size: 2rem; color: #2d3748; margin-bottom: 0.5rem; } body.g-productivity-todo .module-info p { color: var(--ink-faint); font-size: 1.1rem; } body.g-productivity-todo .todo-preview { background: var(--surround); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; border: 1px solid #e2e8f0; } body.g-productivity-todo .todo-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #e2e8f0; flex-wrap: wrap; } body.g-productivity-todo .todo-header h4 { color: #2d3748; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } body.g-productivity-todo .todo-header h4 i { color: var(--accent); } body.g-productivity-todo .todo-actions { display: flex; gap: 0.5rem; flex-wrap: wrap; } body.g-productivity-todo .todo-action-btn { padding: 0.4rem 0.8rem; border-radius: 6px; font-size: 0.8rem; border: none; cursor: pointer; display: flex; align-items: center; gap: 0.3rem; flex-wrap: wrap; } body.g-productivity-todo .todo-action-btn.primary { background: var(--accent); color: var(--paper); } body.g-productivity-todo .todo-action-btn.secondary { background: #e2e8f0; color: #4a5568; } body.g-productivity-todo .todo-list { list-style: none; padding: 0; margin: 0; } body.g-productivity-todo .todo-item { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.75rem; background: var(--paper); border-radius: 8px; margin-bottom: 0.5rem; border: 1px solid #e2e8f0; transition: all 0.2s; flex-wrap: wrap; } body.g-productivity-todo .todo-item:hover { border-color: var(--accent); } body.g-productivity-todo .todo-item.completed { opacity: 0.6; } body.g-productivity-todo .todo-item.completed .todo-text { text-decoration: line-through; color: #a0aec0; } body.g-productivity-todo .todo-checkbox { width: 20px; height: 20px; border: 2px solid var(--rule); border-radius: 4px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; margin-top: 2px; flex-wrap: wrap; } body.g-productivity-todo .todo-checkbox.checked { background: var(--accent); border-color: var(--accent); color: var(--paper); } body.g-productivity-todo .todo-content { flex: 1; } body.g-productivity-todo .todo-text { color: #2d3748; font-weight: 500; margin-bottom: 0.25rem; } body.g-productivity-todo .todo-meta { display: flex; gap: 1rem; font-size: 0.8rem; color: var(--ink-faint); flex-wrap: wrap; } body.g-productivity-todo .todo-meta span { display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; } body.g-productivity-todo .todo-priority { padding: 0.15rem 0.5rem; border-radius: 10px; font-size: 0.75rem; font-weight: 600; } body.g-productivity-todo .priority-high { background: #fed7d7; color: #c53030; } body.g-productivity-todo .priority-medium { background: #feebc8; color: #c05621; } body.g-productivity-todo .priority-low { background: #c6f6d5; color: #276749; } body.g-productivity-todo .tag { display: inline-flex; align-items: center; padding: 0.15rem 0.5rem; border-radius: 10px; font-size: 0.75rem; font-weight: 500; margin-right: 0.25rem; flex-wrap: wrap; } body.g-productivity-todo .tag.work { background: #dbeafe; color: #1e40af; } body.g-productivity-todo .tag.personal { background: #fce7f3; color: #9d174d; } body.g-productivity-todo .tag.urgent { background: #fee2e2; color: #b91c1c; } body.g-productivity-todo .tag.meeting { background: #e0e7ff; color: #3730a3; } body.g-productivity-todo .filter-bar { display: flex; gap: 1rem; flex-wrap: wrap; margin: 1rem 0; padding: 1rem; background: var(--surround); border-radius: 8px; } body.g-productivity-todo .filter-btn { padding: 0.4rem 1rem; border: 1px solid #e2e8f0; border-radius: 20px; background: var(--paper); font-size: 0.85rem; cursor: pointer; transition: all 0.2s; } body.g-productivity-todo .filter-btn:hover, body.g-productivity-todo .filter-btn.active { background: var(--accent); border-color: var(--accent); color: var(--paper); } body.g-productivity-todo .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-productivity-todo kbd { background: var(--paper); border: 1px solid var(--rule); border-radius: 4px; padding: 0.25rem 0.5rem; font-size: 0.8rem; font-family: inherit; box-shadow: 0 1px 2px rgba(0,0,0,0.05); } body.g-productivity-todo .footer { background: #1a202c; color: #a0aec0; padding: 2rem; text-align: center; margin-left: 280px; } @media (max-width: 768px) { body.g-productivity-todo .footer { margin-left: 0; } } body.g-productivity-todo .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-productivity-todo .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-productivity-todo .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-productivity-todo .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } body.g-productivity-todo .sidebar-lang-switcher { display: flex; gap: 4px; padding: 8px 16px 4px; flex-wrap: wrap; } body.g-productivity-todo .sidebar-lang-btn { flex: 1; text-align: center; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; background: rgba(0,0,0,0.06); color: var(--ink-soft); transition: all 0.2s; } body.g-productivity-todo .sidebar-lang-btn:hover { background: rgba(0,0,0,0.12); color: var(--ink); } body.g-productivity-todo .sidebar-lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/productivity/voip.html --- */ body.g-productivity-voip .header { background: linear-gradient(135deg, #714B67 0%, #5a3d52 100%); color: var(--paper); padding: 1rem 2rem; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } body.g-productivity-voip .logo { font-size: 1.5rem; font-weight: 700; text-decoration: none; color: var(--paper); } body.g-productivity-voip .logo span { color: #f0b429; } body.g-productivity-voip .nav-links { display: flex; gap: 2rem; flex-wrap: wrap; } body.g-productivity-voip .nav-links a { color: rgba(255,255,255,0.9); text-decoration: none; font-weight: 500; transition: color 0.2s; } body.g-productivity-voip .nav-links a:hover { color: #f0b429; } body.g-productivity-voip .main-wrapper { display: flex; margin-top: 60px; min-height: calc(100vh - 60px); flex-wrap: wrap; } body.g-productivity-voip .sidebar-menu { list-style: none; } body.g-productivity-voip .sidebar-menu a { display: block; padding: 0.5rem 1.5rem; color: var(--ink-soft); text-decoration: none; font-size: 0.9rem; border-left: 3px solid transparent; transition: all 0.2s; } body.g-productivity-voip .sidebar-menu a:hover { background: var(--rule); color: var(--accent); } body.g-productivity-voip .sidebar-menu a.active { background: linear-gradient(90deg, rgba(99,110,114,0.1) 0%, transparent 100%); border-left-color: var(--accent); color: var(--accent); font-weight: 600; } body.g-productivity-voip .toc-menu { list-style: none; } body.g-productivity-voip .toc-menu a { display: block; padding: 0.3rem 0; color: var(--ink-faint); text-decoration: none; font-size: 0.85rem; border-left: 2px solid transparent; padding-left: 0.75rem; transition: all 0.2s; } body.g-productivity-voip .toc-menu a:hover { color: var(--accent); border-left-color: var(--accent); } body.g-productivity-voip .module-info h1 { font-size: 2rem; color: #2d3748; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } body.g-productivity-voip .enterprise-badge { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.25rem 0.75rem; background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%); color: var(--paper); font-size: 0.75rem; font-weight: 600; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.5px; flex-wrap: wrap; } body.g-productivity-voip .module-info p { color: var(--ink-faint); font-size: 1.1rem; } body.g-productivity-voip .phone-widget { background: linear-gradient(135deg, var(--accent-dim) 0%, #1a1a2e 100%); border-radius: 20px; width: 280px; padding: 1.5rem; margin: 1.5rem auto; color: var(--paper); } body.g-productivity-voip .phone-widget-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; } body.g-productivity-voip .phone-status { display: flex; align-items: center; gap: 0.5rem; font-size: 0.85rem; flex-wrap: wrap; } body.g-productivity-voip .phone-status .status-dot { width: 8px; height: 8px; border-radius: 50%; background: #00b894; } body.g-productivity-voip .phone-status .status-dot.busy { background: #e17055; } body.g-productivity-voip .caller-info { text-align: center; margin-bottom: 1.5rem; } body.g-productivity-voip .caller-avatar { width: 80px; height: 80px; background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); border-radius: 50%; margin: 0 auto 1rem; display: flex; align-items: center; justify-content: center; font-size: 2rem; flex-wrap: wrap; } body.g-productivity-voip .caller-name { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.25rem; } body.g-productivity-voip .caller-number { font-size: 0.9rem; color: rgba(255,255,255,0.7); } body.g-productivity-voip .caller-company { font-size: 0.85rem; color: #00b894; margin-top: 0.5rem; } body.g-productivity-voip .call-timer { text-align: center; font-size: 1.5rem; font-weight: 300; margin-bottom: 1.5rem; font-family: 'Monaco', monospace; } body.g-productivity-voip .phone-actions { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; } body.g-productivity-voip .phone-btn { width: 56px; height: 56px; border-radius: 50%; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; color: var(--paper); transition: transform 0.2s; flex-wrap: wrap; } body.g-productivity-voip .phone-btn:hover { transform: scale(1.1); } body.g-productivity-voip .phone-btn.answer { background: #00b894; } body.g-productivity-voip .phone-btn.hangup { background: #e17055; } body.g-productivity-voip .phone-btn.mute { background: rgba(255,255,255,0.1); } body.g-productivity-voip .phone-btn.transfer { background: rgba(255,255,255,0.1); } body.g-productivity-voip .dialpad { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.75rem; margin-top: 1.5rem; } @media (min-width: 701px) { body.g-productivity-voip .dialpad { grid-template-columns: repeat(3, 1fr); } } body.g-productivity-voip .dialpad-btn { background: rgba(255,255,255,0.1); border: none; border-radius: 50%; width: 60px; height: 60px; color: var(--paper); font-size: 1.25rem; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; transition: background 0.2s; flex-wrap: wrap; } body.g-productivity-voip .dialpad-btn:hover { background: rgba(255,255,255,0.2); } body.g-productivity-voip .dialpad-btn .letters { font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-top: 2px; } body.g-productivity-voip .call-log { background: var(--surround); border-radius: 12px; overflow: hidden; margin: 1.5rem 0; } body.g-productivity-voip .call-log-header { background: var(--accent); color: var(--paper); padding: 0.75rem 1rem; font-weight: 600; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } body.g-productivity-voip .call-log-list { list-style: none; padding: 0; margin: 0; } body.g-productivity-voip .call-log-item { display: flex; align-items: center; gap: 1rem; padding: 0.75rem 1rem; border-bottom: 1px solid #e2e8f0; transition: background 0.2s; flex-wrap: wrap; } body.g-productivity-voip .call-log-item:hover { background: var(--paper); } body.g-productivity-voip .call-log-item:last-child { border-bottom: none; } body.g-productivity-voip .call-icon { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; flex-wrap: wrap; } body.g-productivity-voip .call-icon.incoming { background: #d4edda; color: #155724; } body.g-productivity-voip .call-icon.outgoing { background: #cce5ff; color: #004085; } body.g-productivity-voip .call-icon.missed { background: #f8d7da; color: #721c24; } body.g-productivity-voip .call-log-info { flex: 1; } body.g-productivity-voip .call-log-info .contact-name { font-weight: 500; color: #2d3748; } body.g-productivity-voip .call-log-info .call-time { font-size: 0.8rem; color: var(--ink-faint); } body.g-productivity-voip .call-duration { font-size: 0.85rem; color: var(--ink-faint); } body.g-productivity-voip .provider-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-productivity-voip .provider-item { background: var(--paper); border: 1px solid #e2e8f0; border-radius: 8px; padding: 1rem; display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; } body.g-productivity-voip .provider-logo { width: 48px; height: 48px; background: var(--surround); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--accent); font-size: 0.75rem; flex-wrap: wrap; } body.g-productivity-voip .provider-info h5 { color: #2d3748; margin-bottom: 0.25rem; } body.g-productivity-voip .provider-info span { font-size: 0.8rem; color: var(--ink-faint); } body.g-productivity-voip .footer { background: #1a202c; color: #a0aec0; padding: 2rem; text-align: center; margin-left: 280px; } @media (max-width: 768px) { body.g-productivity-voip .footer { margin-left: 0; } } body.g-productivity-voip .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-productivity-voip .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-productivity-voip .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-productivity-voip .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } body.g-productivity-voip .sidebar-lang-switcher { display: flex; gap: 4px; padding: 8px 16px 4px; flex-wrap: wrap; } body.g-productivity-voip .sidebar-lang-btn { flex: 1; text-align: center; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; background: rgba(0,0,0,0.06); color: var(--ink-soft); transition: all 0.2s; } body.g-productivity-voip .sidebar-lang-btn:hover { background: rgba(0,0,0,0.12); color: var(--ink); } body.g-productivity-voip .sidebar-lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/purchase/index.html --- */ body.g-purchase .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-purchase .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0; } body.g-purchase .doc-figure { margin: 2rem 0; padding: 1rem; background: var(--paper); border-radius: 8px; } body.g-purchase .doc-figure img { display: block; max-width: 100%; margin: 0 auto; border-radius: 6px; box-shadow: 0 2px 12px rgba(0,0,0,0.12); } body.g-purchase .doc-figure figcaption { text-align: center; font-size: 0.9rem; color: var(--ink-soft); margin-top: 1rem; padding-top: 0.75rem; border-top: 1px solid var(--rule); } body.g-purchase .scenario-situation { background: var(--surround); padding: 1rem; border-radius: 8px; margin-bottom: 1rem; border-left: 4px solid var(--accent); } body.g-purchase .scenario-result { background: #e8f5e9; padding: 1rem; border-radius: 8px; margin-top: 1rem; border-left: 4px solid #4CAF50; } body.g-purchase .comparison-card.positive { border-color: #4CAF50; background: #f1f8e9; } body.g-purchase .comparison-card.negative { border-color: #f44336; background: #ffebee; } body.g-purchase .comparison-card.positive h5 { color: #2E7D32; } body.g-purchase .comparison-card.negative h5 { color: #C62828; } body.g-purchase .status-badge.draft { background: var(--rule); color: #616161; } body.g-purchase .status-badge.sent { background: #e3f2fd; color: #1976D2; } body.g-purchase .status-badge.pending { background: #fff3e0; color: #F57C00; } body.g-purchase .status-badge.confirmed { background: #e8f5e9; color: #388E3C; } body.g-purchase .status-badge.done { background: #f3e5f5; color: var(--accent-dim); } body.g-purchase .status-badge.cancelled { background: #ffebee; color: #D32F2F; } body.g-purchase .timeline-item { position: relative; padding: 1rem 0 1.5rem 1.5rem; } body.g-purchase .timeline-item::before { content: ''; position: absolute; left: -2rem; top: 1.25rem; width: 12px; height: 12px; background: var(--accent); border-radius: 50%; border: 3px solid #f3e5f5; } body.g-purchase .timeline-item h5 { color: var(--accent-dim); margin: 0 0 0.5rem 0; } body.g-purchase .timeline-item p { margin: 0; font-size: 0.95rem; color: var(--ink-soft); } body.g-purchase .checklist { background: var(--surround); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; } body.g-purchase .checklist h4 { margin: 0 0 1rem 0; color: var(--accent-dim); } body.g-purchase .vendor-scorecard { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.5rem; margin: 1.5rem 0; } @media (min-width: 701px) { body.g-purchase .vendor-scorecard { grid-template-columns: repeat(4, 1fr); } } body.g-purchase .score-item { text-align: center; padding: 1rem; background: var(--surround); border-radius: 8px; } body.g-purchase .score-item .score-value { font-size: 1.5rem; font-weight: 700; color: var(--accent-dim); } body.g-purchase .score-item .score-label { font-size: 0.75rem; color: var(--ink-soft); text-transform: uppercase; } body.g-purchase .score-item.good { background: #e8f5e9; } body.g-purchase .score-item.good .score-value { color: #2E7D32; } body.g-purchase .score-item.warning { background: #fff3e0; } body.g-purchase .score-item.warning .score-value { color: #F57C00; } body.g-purchase .score-item.danger { background: #ffebee; } body.g-purchase .score-item.danger .score-value { color: #D32F2F; } @media (max-width: 1024px) { body.g-purchase .vendor-scorecard { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-purchase .vendor-scorecard { grid-template-columns: repeat(2, 1fr); } } } body.g-purchase .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-purchase .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-purchase .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-purchase .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/sales/index.html --- */ body.g-sales .page-title { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 1rem; font-weight: 700; } body.g-sales .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 2rem; line-height: 1.6; } body.g-sales .scenario-situation { background: var(--paper); padding: 1rem; border-radius: 8px; margin-bottom: 1rem; border-left: 3px solid #FF9800; } body.g-sales .scenario-steps { counter-reset: scenario-step; list-style: none; padding-left: 0; } body.g-sales .scenario-steps li { counter-increment: scenario-step; padding: 0.75rem 1rem 0.75rem 3rem; position: relative; background: rgba(255,255,255,0.7); margin-bottom: 0.5rem; border-radius: 6px; } body.g-sales .scenario-steps li::before { content: counter(scenario-step); position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); background: var(--accent); color: var(--paper); width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 600; flex-wrap: wrap; } body.g-sales .related-module { background: linear-gradient(135deg, #FCE4EC 0%, #F8BBD9 100%); border-radius: 12px; padding: 1.5rem; margin: 2rem 0; display: flex; align-items: center; gap: 1rem; text-decoration: none; color: inherit; transition: all 0.3s ease; flex-wrap: wrap; } body.g-sales .related-module:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(233, 30, 99, 0.2); } body.g-sales .related-module i { font-size: 2rem; color: #E91E63; } body.g-sales .related-module-content h4 { margin: 0 0 0.25rem 0; color: #C2185B; } body.g-sales .related-module-content p { margin: 0; font-size: 0.9rem; color: var(--ink-soft); } body.g-sales .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-sales .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-sales .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-sales .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/sales/pos.html --- */ body.g-sales-pos .header { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); padding: 1rem 2rem; position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } body.g-sales-pos .logo { font-size: 1.5rem; font-weight: bold; text-decoration: none; color: var(--paper); } body.g-sales-pos .nav-links a { color: var(--paper); text-decoration: none; margin-left: 2rem; opacity: 0.9; transition: opacity 0.2s; } body.g-sales-pos .nav-links a:hover { opacity: 1; } body.g-sales-pos .container { display: grid; grid-template-columns: minmax(0, 1fr); max-width: min(1400px, 100%); margin: 0 auto; gap: 2rem; padding: 2rem; } @media (min-width: 701px) { body.g-sales-pos .container { grid-template-columns: 280px 1fr 220px; } } body.g-sales-pos .module-info h1 { font-size: 2rem; color: var(--ink); margin-bottom: 0.5rem; } body.g-sales-pos .module-info p { color: var(--ink-soft); font-size: 1.1rem; } body.g-sales-pos .module-badge { background: linear-gradient(135deg, var(--accent), var(--accent-dim)); color: var(--paper); padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.75rem; font-weight: 600; } body.g-sales-pos h2 i { margin-right: 0.5rem; color: var(--accent-dim); } body.g-sales-pos .pos-preview { background: linear-gradient(135deg, #2d3436 0%, #636e72 100%); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; color: var(--paper); } body.g-sales-pos .pos-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom: 1rem; flex-wrap: wrap; } body.g-sales-pos .pos-header h5 { color: var(--accent); font-size: 1rem; } body.g-sales-pos .pos-session-info { display: flex; gap: 1rem; font-size: 0.8rem; opacity: 0.8; flex-wrap: wrap; } body.g-sales-pos .pos-main { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; } @media (min-width: 701px) { body.g-sales-pos .pos-main { grid-template-columns: 2fr 1fr; } } body.g-sales-pos .pos-products { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.75rem; } @media (min-width: 701px) { body.g-sales-pos .pos-products { grid-template-columns: repeat(3, 1fr); } } body.g-sales-pos .pos-product { background: rgba(255,255,255,0.1); border-radius: 8px; padding: 1rem; text-align: center; cursor: pointer; transition: all 0.2s; } body.g-sales-pos .pos-product:hover { background: rgba(162, 155, 254, 0.3); } body.g-sales-pos .pos-product-icon { font-size: 1.5rem; margin-bottom: 0.5rem; } body.g-sales-pos .pos-product-name { font-size: 0.75rem; margin-bottom: 0.25rem; } body.g-sales-pos .pos-product-price { font-size: 0.85rem; font-weight: bold; color: var(--accent); } body.g-sales-pos .pos-cart { background: rgba(255,255,255,0.05); border-radius: 8px; padding: 1rem; } body.g-sales-pos .pos-cart h6 { color: var(--accent); margin-bottom: 0.75rem; font-size: 0.85rem; } body.g-sales-pos .pos-cart-item { display: flex; justify-content: space-between; padding: 0.5rem 0; border-bottom: 1px solid rgba(255,255,255,0.1); font-size: 0.8rem; flex-wrap: wrap; } body.g-sales-pos .pos-cart-total { display: flex; justify-content: space-between; padding-top: 0.75rem; font-weight: bold; font-size: 1rem; color: var(--accent); flex-wrap: wrap; } body.g-sales-pos .pos-payment-btn { background: linear-gradient(135deg, var(--accent), var(--accent-dim)); color: var(--paper); border: none; padding: 0.75rem 1rem; border-radius: 8px; width: 100%; margin-top: 1rem; font-weight: bold; cursor: pointer; } body.g-sales-pos .hardware-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-sales-pos .hardware-item { background: var(--surround); border-radius: 12px; padding: 1.5rem; text-align: center; border: 2px solid transparent; transition: all 0.3s; } body.g-sales-pos .hardware-item:hover { border-color: var(--accent-dim); transform: translateY(-3px); } body.g-sales-pos .hardware-item i { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 0.75rem; } body.g-sales-pos .hardware-item h5 { font-size: 0.9rem; color: var(--ink); margin-bottom: 0.25rem; } body.g-sales-pos .hardware-item span { font-size: 0.75rem; color: var(--ink-soft); } body.g-sales-pos .payment-methods { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1.5rem 0; } body.g-sales-pos .payment-method { display: flex; align-items: center; gap: 0.5rem; background: var(--paper); border: 2px solid var(--rule); border-radius: 8px; padding: 0.75rem 1.25rem; transition: all 0.2s; flex-wrap: wrap; } body.g-sales-pos .payment-method:hover { border-color: var(--accent-dim); background: rgba(162, 155, 254, 0.1); } body.g-sales-pos .payment-method i { font-size: 1.25rem; color: var(--accent-dim); } body.g-sales-pos .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; margin: 1.5rem 0; } @media (max-width: 1200px) { body.g-sales-pos .container { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-sales-pos .container { grid-template-columns: 250px 1fr; } } } @media (max-width: 768px) { body.g-sales-pos .container { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-sales-pos .container { grid-template-columns: 1fr; } } body.g-sales-pos .pos-main { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-sales-pos .pos-main { grid-template-columns: 1fr; } } body.g-sales-pos .pos-products { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-sales-pos .pos-products { grid-template-columns: repeat(2, 1fr); } } } body.g-sales-pos .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-sales-pos .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-sales-pos .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-sales-pos .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } body.g-sales-pos .sidebar-lang-switcher { display: flex; gap: 4px; padding: 8px 16px 4px; flex-wrap: wrap; } body.g-sales-pos .sidebar-lang-btn { flex: 1; text-align: center; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; background: rgba(0,0,0,0.06); color: var(--ink-soft); transition: all 0.2s; } body.g-sales-pos .sidebar-lang-btn:hover { background: rgba(0,0,0,0.12); color: var(--ink); } body.g-sales-pos .sidebar-lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/sales/restaurant.html --- */ body.g-sales-restaurant .header { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); padding: 1rem 2rem; position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } body.g-sales-restaurant .logo { font-size: 1.5rem; font-weight: bold; text-decoration: none; color: var(--paper); } body.g-sales-restaurant .nav-links a { color: var(--paper); text-decoration: none; margin-left: 2rem; opacity: 0.9; transition: opacity 0.2s; } body.g-sales-restaurant .nav-links a:hover { opacity: 1; } body.g-sales-restaurant .container { display: grid; grid-template-columns: minmax(0, 1fr); max-width: min(1400px, 100%); margin: 0 auto; gap: 2rem; padding: 2rem; } @media (min-width: 701px) { body.g-sales-restaurant .container { grid-template-columns: 280px 1fr 220px; } } body.g-sales-restaurant .module-info h1 { font-size: 2rem; color: var(--ink); margin-bottom: 0.5rem; } body.g-sales-restaurant .module-info p { color: var(--ink-soft); font-size: 1.1rem; } body.g-sales-restaurant .module-badge { background: linear-gradient(135deg, var(--accent), var(--accent-dim)); color: var(--paper); padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.75rem; font-weight: 600; } body.g-sales-restaurant h2 i { margin-right: 0.5rem; color: var(--accent-dim); } body.g-sales-restaurant .floor-plan { background: linear-gradient(135deg, #2d3436 0%, #636e72 100%); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; color: var(--paper); } body.g-sales-restaurant .floor-plan-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom: 1rem; flex-wrap: wrap; } body.g-sales-restaurant .floor-plan-header h5 { color: var(--accent); font-size: 1rem; } body.g-sales-restaurant .floor-tabs { display: flex; gap: 0.5rem; flex-wrap: wrap; } body.g-sales-restaurant .floor-tab { background: rgba(255,255,255,0.1); padding: 0.4rem 0.8rem; border-radius: 6px; font-size: 0.8rem; cursor: pointer; } body.g-sales-restaurant .floor-tab.active { background: linear-gradient(135deg, var(--accent), var(--accent-dim)); } body.g-sales-restaurant .floor-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; padding: 1rem 0; } @media (min-width: 701px) { body.g-sales-restaurant .floor-grid { grid-template-columns: repeat(4, 1fr); } } body.g-sales-restaurant .table-item { aspect-ratio: 1; border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s; font-size: 0.85rem; flex-wrap: wrap; } body.g-sales-restaurant .table-item.free { background: rgba(0, 184, 148, 0.3); border: 2px solid #00b894; } body.g-sales-restaurant .table-item.occupied { background: rgba(232, 67, 147, 0.3); border: 2px solid var(--accent-dim); } body.g-sales-restaurant .table-item.reserved { background: rgba(255, 152, 0, 0.3); border: 2px solid #ff9800; } body.g-sales-restaurant .table-item:hover { transform: scale(1.05); } body.g-sales-restaurant .table-number { font-weight: bold; font-size: 1.2rem; } body.g-sales-restaurant .table-status { font-size: 0.75rem; margin-top: 0.25rem; opacity: 0.9; } body.g-sales-restaurant .table-amount { font-size: 0.75rem; color: var(--accent); margin-top: 0.25rem; } body.g-sales-restaurant .floor-legend { display: flex; gap: 1.5rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.2); font-size: 0.8rem; flex-wrap: wrap; } body.g-sales-restaurant .legend-item { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } body.g-sales-restaurant .legend-dot { width: 12px; height: 12px; border-radius: 50%; } body.g-sales-restaurant .legend-dot.free { background: #00b894; } body.g-sales-restaurant .legend-dot.occupied { background: var(--accent-dim); } body.g-sales-restaurant .legend-dot.reserved { background: #ff9800; } body.g-sales-restaurant .order-ticket { background: #fffbf0; border: 2px dashed var(--accent-dim); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; max-width: min(350px, 100%); } body.g-sales-restaurant .ticket-header { text-align: center; padding-bottom: 1rem; border-bottom: 1px dashed var(--rule); margin-bottom: 1rem; } body.g-sales-restaurant .ticket-header h5 { color: var(--accent-dim); font-size: 1.1rem; } body.g-sales-restaurant .ticket-header span { font-size: 0.8rem; color: var(--ink-soft); } body.g-sales-restaurant .ticket-items { margin-bottom: 1rem; } body.g-sales-restaurant .ticket-item { display: flex; justify-content: space-between; padding: 0.5rem 0; border-bottom: 1px dotted var(--rule); flex-wrap: wrap; } body.g-sales-restaurant .ticket-item-name { display: flex; gap: 0.5rem; flex-wrap: wrap; } body.g-sales-restaurant .ticket-item-qty { background: var(--accent-dim); color: var(--paper); width: 20px; height: 20px; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: bold; flex-wrap: wrap; } body.g-sales-restaurant .ticket-note { font-size: 0.8rem; color: var(--ink-soft); font-style: italic; padding-left: 1.5rem; } body.g-sales-restaurant .ticket-total { display: flex; justify-content: space-between; font-weight: bold; font-size: 1.1rem; padding-top: 1rem; border-top: 2px solid var(--accent-dim); flex-wrap: wrap; } body.g-sales-restaurant .menu-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-sales-restaurant .menu-category { background: linear-gradient(135deg, rgba(253, 121, 168, 0.1), rgba(232, 67, 147, 0.05)); border-radius: 12px; padding: 1.25rem; text-align: center; border: 2px solid transparent; transition: all 0.3s; } body.g-sales-restaurant .menu-category:hover { border-color: var(--accent-dim); transform: translateY(-3px); } body.g-sales-restaurant .menu-category i { font-size: 2rem; color: var(--accent-dim); margin-bottom: 0.75rem; } body.g-sales-restaurant .menu-category h5 { font-size: 0.95rem; color: var(--ink); margin-bottom: 0.25rem; } body.g-sales-restaurant .menu-category span { font-size: 0.8rem; color: var(--ink-soft); } body.g-sales-restaurant .kitchen-display { background: #1a1a2e; border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; color: var(--paper); } body.g-sales-restaurant .kitchen-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 1rem; flex-wrap: wrap; } body.g-sales-restaurant .kitchen-header h5 { color: var(--accent); display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } body.g-sales-restaurant .kitchen-stats { display: flex; gap: 1rem; font-size: 0.8rem; flex-wrap: wrap; } body.g-sales-restaurant .kitchen-stat { display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; } body.g-sales-restaurant .kitchen-orders { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; } @media (min-width: 701px) { body.g-sales-restaurant .kitchen-orders { grid-template-columns: repeat(3, 1fr); } } body.g-sales-restaurant .kitchen-order { background: rgba(255,255,255,0.05); border-radius: 8px; padding: 1rem; border-left: 4px solid; } body.g-sales-restaurant .kitchen-order.new { border-left-color: var(--accent-dim); } body.g-sales-restaurant .kitchen-order.cooking { border-left-color: #ff9800; } body.g-sales-restaurant .kitchen-order.ready { border-left-color: #00b894; } body.g-sales-restaurant .order-table { display: flex; justify-content: space-between; margin-bottom: 0.5rem; flex-wrap: wrap; } body.g-sales-restaurant .order-table strong { color: var(--accent); } body.g-sales-restaurant .order-table span { font-size: 0.75rem; opacity: 0.7; } body.g-sales-restaurant .order-items-list { font-size: 0.85rem; } body.g-sales-restaurant .order-items-list li { padding: 0.25rem 0; border-bottom: 1px solid rgba(255,255,255,0.05); } body.g-sales-restaurant .payment-split { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-sales-restaurant .split-option { background: var(--paper); border: 2px solid var(--rule); border-radius: 12px; padding: 1.25rem; text-align: center; cursor: pointer; transition: all 0.3s; } body.g-sales-restaurant .split-option:hover { border-color: var(--accent-dim); transform: translateY(-3px); } body.g-sales-restaurant .split-option i { font-size: 2rem; color: var(--accent-dim); margin-bottom: 0.75rem; } body.g-sales-restaurant .split-option h5 { font-size: 0.9rem; margin-bottom: 0.25rem; } body.g-sales-restaurant .split-option span { font-size: 0.75rem; color: var(--ink-soft); } @media (max-width: 1200px) { body.g-sales-restaurant .container { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-sales-restaurant .container { grid-template-columns: 250px 1fr; } } } @media (max-width: 768px) { body.g-sales-restaurant .container { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-sales-restaurant .container { grid-template-columns: 1fr; } } body.g-sales-restaurant .floor-grid { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-sales-restaurant .floor-grid { grid-template-columns: repeat(2, 1fr); } } body.g-sales-restaurant .kitchen-orders { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-sales-restaurant .kitchen-orders { grid-template-columns: 1fr; } } } body.g-sales-restaurant .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-sales-restaurant .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-sales-restaurant .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-sales-restaurant .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } body.g-sales-restaurant .sidebar-lang-switcher { display: flex; gap: 4px; padding: 8px 16px 4px; flex-wrap: wrap; } body.g-sales-restaurant .sidebar-lang-btn { flex: 1; text-align: center; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; background: rgba(0,0,0,0.06); color: var(--ink-soft); transition: all 0.2s; } body.g-sales-restaurant .sidebar-lang-btn:hover { background: rgba(0,0,0,0.12); color: var(--ink); } body.g-sales-restaurant .sidebar-lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/sales/subscriptions.html --- */ body.g-sales-subscriptions .header { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); padding: 1rem 2rem; position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } body.g-sales-subscriptions .logo { font-size: 1.5rem; font-weight: bold; text-decoration: none; color: var(--paper); } body.g-sales-subscriptions .nav-links a { color: var(--paper); text-decoration: none; margin-left: 2rem; opacity: 0.9; transition: opacity 0.2s; } body.g-sales-subscriptions .nav-links a:hover { opacity: 1; } body.g-sales-subscriptions .container { display: grid; grid-template-columns: minmax(0, 1fr); max-width: min(1400px, 100%); margin: 0 auto; gap: 2rem; padding: 2rem; } @media (min-width: 701px) { body.g-sales-subscriptions .container { grid-template-columns: 280px 1fr 220px; } } body.g-sales-subscriptions .module-info h1 { font-size: 2rem; color: var(--ink); margin-bottom: 0.5rem; } body.g-sales-subscriptions .module-info p { color: var(--ink-soft); font-size: 1.1rem; } body.g-sales-subscriptions .module-badge { background: linear-gradient(135deg, var(--accent), var(--accent-dim)); color: var(--paper); padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.75rem; font-weight: 600; } body.g-sales-subscriptions h2 i { margin-right: 0.5rem; color: var(--accent-dim); } body.g-sales-subscriptions .pricing-plans { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; margin: 1.5rem 0; } @media (min-width: 701px) { body.g-sales-subscriptions .pricing-plans { grid-template-columns: repeat(3, 1fr); } } body.g-sales-subscriptions .pricing-card { background: var(--paper); border: 2px solid var(--rule); border-radius: 16px; padding: 2rem; text-align: center; transition: all 0.3s; position: relative; } body.g-sales-subscriptions .pricing-card.featured { border-color: var(--accent-dim); transform: scale(1.05); box-shadow: 0 10px 30px rgba(0, 184, 148, 0.2); } body.g-sales-subscriptions .pricing-card.featured::before { content: "En Popüler"; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, var(--accent), var(--accent-dim)); color: var(--paper); padding: 0.25rem 1rem; border-radius: 20px; font-size: 0.75rem; font-weight: 600; } body.g-sales-subscriptions .pricing-card:hover { border-color: var(--accent-dim); } body.g-sales-subscriptions .pricing-name { font-size: 1.25rem; font-weight: 600; color: var(--ink); margin-bottom: 0.5rem; } body.g-sales-subscriptions .pricing-price { font-size: 2.5rem; font-weight: bold; color: var(--accent-dim); margin-bottom: 0.25rem; } body.g-sales-subscriptions .pricing-price span { font-size: 1rem; font-weight: normal; color: var(--ink-soft); } body.g-sales-subscriptions .pricing-features { list-style: none; padding: 0; margin: 1.5rem 0; text-align: left; } body.g-sales-subscriptions .pricing-features li { padding: 0.5rem 0; border-bottom: 1px solid #f0f0f0; font-size: 0.9rem; } body.g-sales-subscriptions .pricing-features li i { color: var(--accent-dim); margin-right: 0.5rem; } body.g-sales-subscriptions .pricing-btn { background: linear-gradient(135deg, var(--accent), var(--accent-dim)); color: var(--paper); border: none; padding: 0.75rem 1.5rem; border-radius: 8px; font-weight: 600; cursor: pointer; width: 100%; } body.g-sales-subscriptions .lifecycle { display: flex; align-items: center; justify-content: space-between; background: linear-gradient(135deg, rgba(0, 206, 201, 0.1), rgba(0, 184, 148, 0.05)); border-radius: 12px; padding: 2rem; margin: 1.5rem 0; flex-wrap: wrap; } body.g-sales-subscriptions .lifecycle-label { font-size: 0.9rem; font-weight: 600; color: var(--ink); } body.g-sales-subscriptions .lifecycle-desc { font-size: 0.75rem; color: var(--ink-soft); margin-top: 0.25rem; } body.g-sales-subscriptions .mrr-dashboard { background: linear-gradient(135deg, #2d3436 0%, #636e72 100%); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; color: var(--paper); } body.g-sales-subscriptions .mrr-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom: 1rem; flex-wrap: wrap; } body.g-sales-subscriptions .mrr-header h5 { color: var(--accent); font-size: 1rem; } body.g-sales-subscriptions .mrr-period { font-size: 0.8rem; opacity: 0.8; } body.g-sales-subscriptions .mrr-stats { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; } @media (min-width: 701px) { body.g-sales-subscriptions .mrr-stats { grid-template-columns: repeat(4, 1fr); } } body.g-sales-subscriptions .mrr-stat { text-align: center; padding: 1rem; background: rgba(255,255,255,0.05); border-radius: 8px; } body.g-sales-subscriptions .mrr-stat-value { font-size: 1.5rem; font-weight: bold; color: var(--accent); } body.g-sales-subscriptions .mrr-stat-label { font-size: 0.75rem; opacity: 0.8; margin-top: 0.25rem; } body.g-sales-subscriptions .mrr-stat-change { font-size: 0.75rem; margin-top: 0.5rem; } body.g-sales-subscriptions .mrr-stat-change.positive { color: var(--accent-dim); } body.g-sales-subscriptions .mrr-stat-change.negative { color: #ff7675; } body.g-sales-subscriptions .billing-types { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-sales-subscriptions .billing-type { background: var(--paper); border: 2px solid var(--rule); border-radius: 12px; padding: 1.5rem; text-align: center; transition: all 0.3s; } body.g-sales-subscriptions .billing-type:hover { border-color: var(--accent-dim); transform: translateY(-3px); } body.g-sales-subscriptions .billing-type i { font-size: 2rem; color: var(--accent-dim); margin-bottom: 0.75rem; } body.g-sales-subscriptions .billing-type h5 { font-size: 1rem; margin-bottom: 0.5rem; } body.g-sales-subscriptions .billing-type span { font-size: 0.8rem; color: var(--ink-soft); } body.g-sales-subscriptions .churn-reasons { display: flex; flex-direction: column; gap: 0.75rem; margin: 1.5rem 0; flex-wrap: wrap; } body.g-sales-subscriptions .churn-item { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; } body.g-sales-subscriptions .churn-bar { height: 24px; background: linear-gradient(135deg, var(--accent), var(--accent-dim)); border-radius: 4px; display: flex; align-items: center; padding-right: 0.5rem; justify-content: flex-end; color: var(--paper); font-size: 0.75rem; font-weight: bold; flex-wrap: wrap; } body.g-sales-subscriptions .churn-label { font-size: 0.85rem; color: var(--ink); min-width: 150px; } body.g-sales-subscriptions .status-badge.trial { background: #e3f2fd; color: #1976d2; } body.g-sales-subscriptions .status-badge.paused { background: #fff3e0; color: #f57c00; } body.g-sales-subscriptions .status-badge.cancelled { background: #ffebee; color: #c62828; } @media (max-width: 1200px) { body.g-sales-subscriptions .container { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-sales-subscriptions .container { grid-template-columns: 250px 1fr; } } } @media (max-width: 768px) { body.g-sales-subscriptions .container { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-sales-subscriptions .container { grid-template-columns: 1fr; } } body.g-sales-subscriptions .pricing-plans { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-sales-subscriptions .pricing-plans { grid-template-columns: 1fr; } } body.g-sales-subscriptions .pricing-card.featured { transform: none; } body.g-sales-subscriptions .lifecycle { flex-direction: column; gap: 1rem; } body.g-sales-subscriptions .mrr-stats { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-sales-subscriptions .mrr-stats { grid-template-columns: repeat(2, 1fr); } } } body.g-sales-subscriptions .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-sales-subscriptions .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-sales-subscriptions .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-sales-subscriptions .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } body.g-sales-subscriptions .sidebar-lang-switcher { display: flex; gap: 4px; padding: 8px 16px 4px; flex-wrap: wrap; } body.g-sales-subscriptions .sidebar-lang-btn { flex: 1; text-align: center; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; background: rgba(0,0,0,0.06); color: var(--ink-soft); transition: all 0.2s; } body.g-sales-subscriptions .sidebar-lang-btn:hover { background: rgba(0,0,0,0.12); color: var(--ink); } body.g-sales-subscriptions .sidebar-lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/services/field-service.html --- */ body.g-services-field-service .header { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); padding: 1rem 2rem; position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } body.g-services-field-service .logo { font-size: 1.5rem; font-weight: bold; text-decoration: none; color: var(--paper); } body.g-services-field-service .nav-links a { color: var(--paper); text-decoration: none; margin-left: 2rem; opacity: 0.9; transition: opacity 0.2s; } body.g-services-field-service .nav-links a:hover { opacity: 1; } body.g-services-field-service .container { display: grid; grid-template-columns: minmax(0, 1fr); max-width: min(1400px, 100%); margin: 0 auto; gap: 2rem; padding: 2rem; } @media (min-width: 701px) { body.g-services-field-service .container { grid-template-columns: 280px 1fr 220px; } } body.g-services-field-service .module-info h1 { font-size: 2rem; color: var(--ink); margin-bottom: 0.5rem; } body.g-services-field-service .module-info p { color: var(--ink-soft); font-size: 1.1rem; } body.g-services-field-service .module-badge { background: linear-gradient(135deg, #fd79a8, #e84393); color: var(--paper); padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.75rem; font-weight: 600; } body.g-services-field-service h2 i { margin-right: 0.5rem; color: var(--accent-dim); } body.g-services-field-service .map-preview { background: linear-gradient(135deg, #2d3436 0%, #636e72 100%); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; color: var(--paper); position: relative; min-height: 300px; } body.g-services-field-service .map-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom: 1rem; flex-wrap: wrap; } body.g-services-field-service .map-header h5 { color: var(--accent); font-size: 1rem; } body.g-services-field-service .map-filters { display: flex; gap: 0.5rem; flex-wrap: wrap; } body.g-services-field-service .map-filter { background: rgba(255,255,255,0.1); padding: 0.3rem 0.6rem; border-radius: 4px; font-size: 0.75rem; } body.g-services-field-service .map-content { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; } @media (min-width: 701px) { body.g-services-field-service .map-content { grid-template-columns: 2fr 1fr; } } body.g-services-field-service .map-area { background: rgba(255,255,255,0.05); border-radius: 8px; padding: 1rem; min-height: 200px; position: relative; } body.g-services-field-service .map-placeholder { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; opacity: 0.7; } body.g-services-field-service .map-placeholder i { font-size: 3rem; color: var(--accent); margin-bottom: 0.5rem; } body.g-services-field-service .technician-list { display: flex; flex-direction: column; gap: 0.75rem; flex-wrap: wrap; } body.g-services-field-service .technician-card { background: rgba(255,255,255,0.1); border-radius: 8px; padding: 0.75rem; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } body.g-services-field-service .technician-avatar { width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, var(--accent), var(--accent-dim)); display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.85rem; flex-wrap: wrap; } body.g-services-field-service .technician-info { flex: 1; } body.g-services-field-service .technician-name { font-weight: 600; font-size: 0.85rem; } body.g-services-field-service .technician-status { font-size: 0.75rem; opacity: 0.8; } body.g-services-field-service .technician-status.busy { color: #ff7675; } body.g-services-field-service .technician-status.available { color: #00b894; } body.g-services-field-service .technician-status.traveling { color: #ffeaa7; } body.g-services-field-service .work-order-card { background: var(--paper); border: 2px solid var(--rule); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; max-width: min(400px, 100%); } body.g-services-field-service .wo-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; padding-bottom: 0.75rem; border-bottom: 1px solid #f0f0f0; flex-wrap: wrap; } body.g-services-field-service .wo-number { font-weight: bold; color: var(--accent-dim); } body.g-services-field-service .wo-status { padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.75rem; font-weight: 600; } body.g-services-field-service .wo-status.scheduled { background: #e3f2fd; color: #1976d2; } body.g-services-field-service .wo-status.in-progress { background: #fff3e0; color: #f57c00; } body.g-services-field-service .wo-status.completed { background: #e8f5e9; color: #2e7d32; } body.g-services-field-service .wo-detail { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; font-size: 0.9rem; flex-wrap: wrap; } body.g-services-field-service .wo-detail i { color: var(--accent-dim); width: 20px; } body.g-services-field-service .wo-actions { display: flex; gap: 0.5rem; margin-top: 1rem; flex-wrap: wrap; } body.g-services-field-service .wo-btn { flex: 1; padding: 0.5rem; border: none; border-radius: 6px; font-size: 0.85rem; cursor: pointer; } body.g-services-field-service .wo-btn.primary { background: linear-gradient(135deg, var(--accent), var(--accent-dim)); color: var(--paper); } body.g-services-field-service .wo-btn.secondary { background: #f0f0f0; color: var(--ink); } body.g-services-field-service .checklist { background: var(--surround); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; } body.g-services-field-service .checklist h4 { color: var(--accent-dim); margin-bottom: 1rem; } body.g-services-field-service .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; margin: 1.5rem 0; } @media (max-width: 1200px) { body.g-services-field-service .container { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-services-field-service .container { grid-template-columns: 250px 1fr; } } } @media (max-width: 768px) { body.g-services-field-service .container { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-services-field-service .container { grid-template-columns: 1fr; } } body.g-services-field-service .map-content { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-services-field-service .map-content { grid-template-columns: 1fr; } } } body.g-services-field-service .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-services-field-service .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-services-field-service .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-services-field-service .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } body.g-services-field-service .sidebar-lang-switcher { display: flex; gap: 4px; padding: 8px 16px 4px; flex-wrap: wrap; } body.g-services-field-service .sidebar-lang-btn { flex: 1; text-align: center; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; background: rgba(0,0,0,0.06); color: var(--ink-soft); transition: all 0.2s; } body.g-services-field-service .sidebar-lang-btn:hover { background: rgba(0,0,0,0.12); color: var(--ink); } body.g-services-field-service .sidebar-lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/services/helpdesk.html --- */ body.g-services-helpdesk .header { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); padding: 1rem 2rem; position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } body.g-services-helpdesk .logo { font-size: 1.5rem; font-weight: bold; text-decoration: none; color: var(--paper); } body.g-services-helpdesk .nav-links a { color: var(--paper); text-decoration: none; margin-left: 2rem; opacity: 0.9; } body.g-services-helpdesk .container { display: grid; grid-template-columns: minmax(0, 1fr); max-width: min(1400px, 100%); margin: 0 auto; gap: 2rem; padding: 2rem; } @media (min-width: 701px) { body.g-services-helpdesk .container { grid-template-columns: 280px 1fr 220px; } } body.g-services-helpdesk .module-info h1 { font-size: 2rem; color: var(--ink); margin-bottom: 0.5rem; } body.g-services-helpdesk .module-info p { color: var(--ink-soft); font-size: 1.1rem; } body.g-services-helpdesk .module-badge { background: linear-gradient(135deg, #fd79a8, #e84393); color: var(--paper); padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.75rem; font-weight: 600; } body.g-services-helpdesk h2 i { margin-right: 0.5rem; color: var(--accent-dim); } body.g-services-helpdesk .ticket-card { background: var(--paper); border: 2px solid var(--rule); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; max-width: min(450px, 100%); } body.g-services-helpdesk .ticket-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; padding-bottom: 0.75rem; border-bottom: 1px solid #f0f0f0; flex-wrap: wrap; } body.g-services-helpdesk .ticket-id { font-weight: bold; color: var(--accent-dim); } body.g-services-helpdesk .ticket-priority { padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.75rem; font-weight: 600; } body.g-services-helpdesk .ticket-priority.high { background: #ffebee; color: #c62828; } body.g-services-helpdesk .ticket-priority.medium { background: #fff3e0; color: #f57c00; } body.g-services-helpdesk .ticket-priority.low { background: #e8f5e9; color: #2e7d32; } body.g-services-helpdesk .ticket-subject { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.75rem; color: var(--ink); } body.g-services-helpdesk .ticket-meta { display: flex; flex-wrap: wrap; gap: 1rem; font-size: 0.85rem; color: var(--ink-soft); margin-bottom: 1rem; } body.g-services-helpdesk .ticket-meta span { display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; } body.g-services-helpdesk .ticket-meta i { color: var(--accent-dim); } body.g-services-helpdesk .ticket-tags { display: flex; gap: 0.5rem; flex-wrap: wrap; } body.g-services-helpdesk .ticket-tag { background: linear-gradient(135deg, rgba(162, 155, 254, 0.2), rgba(108, 92, 231, 0.1)); color: var(--accent-dim); padding: 0.2rem 0.6rem; border-radius: 12px; font-size: 0.75rem; } body.g-services-helpdesk .kanban-preview { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; margin: 1.5rem 0; padding: 1.5rem; background: var(--surround); border-radius: 12px; } @media (min-width: 701px) { body.g-services-helpdesk .kanban-preview { grid-template-columns: repeat(4, 1fr); } } body.g-services-helpdesk .kanban-column { background: var(--paper); border-radius: 8px; padding: 1rem; min-height: 200px; } body.g-services-helpdesk .kanban-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.75rem; padding-bottom: 0.5rem; border-bottom: 2px solid; flex-wrap: wrap; } body.g-services-helpdesk .kanban-header.new { border-color: var(--accent-dim); } body.g-services-helpdesk .kanban-header.progress { border-color: #ff9800; } body.g-services-helpdesk .kanban-header.review { border-color: #2196f3; } body.g-services-helpdesk .kanban-header.done { border-color: #4caf50; } body.g-services-helpdesk .kanban-title { font-weight: 600; font-size: 0.85rem; } body.g-services-helpdesk .kanban-count { background: #f0f0f0; padding: 0.15rem 0.5rem; border-radius: 10px; font-size: 0.75rem; } body.g-services-helpdesk .kanban-item { background: var(--surround); border-radius: 6px; padding: 0.75rem; margin-bottom: 0.5rem; font-size: 0.8rem; border-left: 3px solid; } body.g-services-helpdesk .kanban-item.high { border-left-color: #c62828; } body.g-services-helpdesk .kanban-item.medium { border-left-color: #ff9800; } body.g-services-helpdesk .kanban-item.low { border-left-color: #4caf50; } body.g-services-helpdesk .sla-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-services-helpdesk .sla-card { background: var(--paper); border: 2px solid var(--rule); border-radius: 12px; padding: 1.25rem; text-align: center; } body.g-services-helpdesk .sla-value { font-size: 2rem; font-weight: bold; color: var(--accent-dim); } body.g-services-helpdesk .sla-label { font-size: 0.85rem; color: var(--ink-soft); margin-bottom: 0.5rem; } body.g-services-helpdesk .sla-bar { height: 6px; background: var(--rule); border-radius: 3px; margin-top: 0.75rem; overflow: hidden; } body.g-services-helpdesk .sla-progress { height: 100%; border-radius: 3px; } body.g-services-helpdesk .sla-progress.good { background: #4caf50; } body.g-services-helpdesk .sla-progress.warning { background: #ff9800; } body.g-services-helpdesk .sla-progress.danger { background: #f44336; } body.g-services-helpdesk .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; margin: 1.5rem 0; } @media (max-width: 1200px) { body.g-services-helpdesk .container { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-services-helpdesk .container { grid-template-columns: 250px 1fr; } } body.g-services-helpdesk .kanban-preview { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-services-helpdesk .kanban-preview { grid-template-columns: repeat(2, 1fr); } } } @media (max-width: 768px) { body.g-services-helpdesk .container { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-services-helpdesk .container { grid-template-columns: 1fr; } } body.g-services-helpdesk .kanban-preview { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-services-helpdesk .kanban-preview { grid-template-columns: 1fr; } } } body.g-services-helpdesk .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-services-helpdesk .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-services-helpdesk .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-services-helpdesk .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } body.g-services-helpdesk .sidebar-lang-switcher { display: flex; gap: 4px; padding: 8px 16px 4px; flex-wrap: wrap; } body.g-services-helpdesk .sidebar-lang-btn { flex: 1; text-align: center; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; background: rgba(0,0,0,0.06); color: var(--ink-soft); transition: all 0.2s; } body.g-services-helpdesk .sidebar-lang-btn:hover { background: rgba(0,0,0,0.12); color: var(--ink); } body.g-services-helpdesk .sidebar-lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/services/index.html --- */ body.g-services .page-title { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 1rem; font-weight: 700; } body.g-services .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 2rem; line-height: 1.6; } body.g-services .lifecycle-diagram { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; background: linear-gradient(135deg, #FFF3E0 0%, #FFE0B2 100%); padding: 2rem; border-radius: 12px; margin: 2rem 0; } @media (max-width: 768px) { body.g-services .lifecycle-diagram { flex-direction: column; align-items: center; } } body.g-services .scenario-situation { background: #FFF3E0; padding: 1rem; border-radius: 8px; margin-bottom: 1rem; } body.g-services .scenario-steps { margin-left: 1.5rem; } body.g-services .scenario-steps li { margin: 0.75rem 0; } body.g-services .comparison-container { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; margin: 2rem 0; } @media (min-width: 701px) { body.g-services .comparison-container { grid-template-columns: 1fr 1fr; } } body.g-services .comparison-card.old { background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%); border-color: #ef5350; } body.g-services .comparison-card.new { background: linear-gradient(135deg, #FFF3E0 0%, #FFE0B2 100%); border-color: var(--accent); } body.g-services .comparison-card.old h4 { color: #c62828; } body.g-services .comparison-card.new h4 { color: var(--accent-dim); } @media (max-width: 768px) { body.g-services .comparison-container { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-services .comparison-container { grid-template-columns: 1fr; } } } body.g-services .kanban-visual { display: flex; gap: 1rem; overflow-x: auto; padding: 1rem 0; margin: 1.5rem 0; flex-wrap: wrap; } body.g-services .kanban-column { min-width: 150px; background: var(--surround); border-radius: 8px; padding: 1rem; } body.g-services .kanban-column h5 { margin: 0 0 0.75rem 0; font-size: 0.85rem; color: var(--ink-soft); text-transform: uppercase; } body.g-services .kanban-card { background: var(--paper); border-left: 3px solid var(--accent); padding: 0.5rem; margin-bottom: 0.5rem; border-radius: 4px; font-size: 0.85rem; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } body.g-services .timeline-item { position: relative; margin-bottom: 1.5rem; padding-left: 1rem; } body.g-services .timeline-item::before { content: ''; position: absolute; left: -1.65rem; top: 0.5rem; width: 12px; height: 12px; background: var(--accent); border-radius: 50%; border: 2px solid var(--paper); box-shadow: 0 0 0 2px #FFE0B2; } body.g-services .timeline-date { font-size: 0.85rem; color: var(--accent-dim); font-weight: 600; } body.g-services .timeline-content { background: #FFF3E0; padding: 0.75rem 1rem; border-radius: 8px; margin-top: 0.5rem; } body.g-services .submodule-section { background: linear-gradient(135deg, var(--surround) 0%, var(--paper) 100%); border: 1px solid var(--rule); border-radius: 12px; padding: 2rem; margin: 2rem 0; } body.g-services .submodule-section h3 { color: var(--accent-dim); margin-top: 0; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } body.g-services .submodule-section h3 i { font-size: 1.5rem; opacity: 0.8; } body.g-services .menu-path i.fa-chevron-right { font-size: 0.75rem; color: var(--ink-faint); } body.g-services .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-services .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-services .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-services .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/services/planning.html --- */ body.g-services-planning .doc-layout { display: flex; min-height: 100vh; flex-wrap: wrap; } body.g-services-planning .doc-sidebar { width: 280px; background: var(--surround); border-right: 1px solid var(--rule); padding: 20px; position: fixed; height: 100vh; overflow-y: auto; } body.g-services-planning .sidebar-logo { font-size: 1.5rem; font-weight: 700; color: #FF6B35; text-decoration: none; display: block; margin-bottom: 30px; } body.g-services-planning .sidebar-nav ul { list-style: none; } body.g-services-planning .sidebar-nav > ul > li { margin-bottom: 8px; } body.g-services-planning .sidebar-nav a { display: block; padding: 8px 12px; color: var(--ink-soft); text-decoration: none; border-radius: 6px; font-size: 0.9rem; transition: all 0.2s; } body.g-services-planning .sidebar-nav a:hover { background: var(--rule); color: #FF6B35; } body.g-services-planning .sidebar-nav a.active { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); } body.g-services-planning .nav-section { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--rule); } body.g-services-planning .nav-section-title { font-size: 0.75rem; text-transform: uppercase; color: #868e96; font-weight: 600; padding: 8px 12px; letter-spacing: 0.5px; } body.g-services-planning .doc-main { flex: 1; margin-left: 280px; padding: 40px 60px; max-width: min(900px, 100%); } body.g-services-planning .doc-toc { width: 220px; position: fixed; right: 40px; top: 40px; max-height: calc(100vh - 80px); overflow-y: auto; } body.g-services-planning .toc-list { list-style: none; } body.g-services-planning .toc-list li { margin-bottom: 8px; } body.g-services-planning .toc-list a { font-size: 0.85rem; color: #868e96; text-decoration: none; transition: color 0.2s; } body.g-services-planning .toc-list a:hover { color: var(--accent-dim); } body.g-services-planning .module-info h1 { font-size: 2rem; color: var(--ink); margin-bottom: 8px; } body.g-services-planning .module-info .module-category { color: #868e96; font-size: 0.9rem; } body.g-services-planning .module-badge { display: inline-block; padding: 4px 12px; background: linear-gradient(135deg, #ff9f43 0%, #ee5a24 100%); color: var(--paper); border-radius: 20px; font-size: 0.75rem; font-weight: 600; margin-left: 8px; vertical-align: middle; } body.g-services-planning .gantt-preview { background: var(--surround); border-radius: 12px; padding: 20px; margin: 20px 0; border: 1px solid var(--rule); } body.g-services-planning .gantt-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--rule); flex-wrap: wrap; } body.g-services-planning .gantt-title { font-weight: 600; color: var(--ink); } body.g-services-planning .gantt-controls { display: flex; gap: 8px; flex-wrap: wrap; } body.g-services-planning .gantt-control-btn { padding: 4px 12px; background: var(--paper); border: 1px solid var(--rule); border-radius: 4px; font-size: 0.75rem; cursor: pointer; } body.g-services-planning .gantt-control-btn.active { background: var(--accent-dim); color: var(--paper); border-color: var(--accent-dim); } body.g-services-planning .gantt-timeline { margin-bottom: 16px; } body.g-services-planning .gantt-dates { display: flex; border-bottom: 1px solid var(--rule); padding-bottom: 8px; margin-bottom: 12px; flex-wrap: wrap; } body.g-services-planning .gantt-date { flex: 1; text-align: center; font-size: 0.75rem; color: #868e96; } body.g-services-planning .gantt-date.today { color: var(--accent-dim); font-weight: 600; } body.g-services-planning .gantt-row { display: flex; align-items: center; margin-bottom: 8px; height: 36px; flex-wrap: wrap; } body.g-services-planning .gantt-resource { width: 120px; font-size: 0.85rem; color: var(--ink-soft); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } body.g-services-planning .gantt-resource-avatar { width: 24px; height: 24px; border-radius: 50%; background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); display: flex; align-items: center; justify-content: center; color: var(--paper); font-size: 0.75rem; font-weight: 600; flex-wrap: wrap; } body.g-services-planning .gantt-bars { flex: 1; height: 100%; position: relative; background: repeating-linear-gradient( 90deg, transparent, transparent calc(14.28% - 1px), #f1f3f4 calc(14.28% - 1px), #f1f3f4 14.28% ); } body.g-services-planning .gantt-bar { position: absolute; height: 24px; top: 6px; border-radius: 4px; display: flex; align-items: center; padding: 0 8px; font-size: 0.75rem; color: var(--paper); font-weight: 500; flex-wrap: wrap; } body.g-services-planning .gantt-bar.task { background: linear-gradient(135deg, #74b9ff 0%, #0984e3 100%); } body.g-services-planning .gantt-bar.meeting { background: linear-gradient(135deg, #a29bfe 0%, #6c5ce7 100%); } body.g-services-planning .gantt-bar.training { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); } body.g-services-planning .gantt-bar.leave { background: linear-gradient(135deg, #ffeaa7 0%, #fdcb6e 100%); color: var(--ink-faint); } body.g-services-planning .shift-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; margin: 20px 0; } @media (min-width: 701px) { body.g-services-planning .shift-grid { grid-template-columns: repeat(7, 1fr); } } body.g-services-planning .shift-day { background: var(--paper); border: 1px solid var(--rule); border-radius: 8px; overflow: hidden; } body.g-services-planning .shift-day-header { background: var(--surround); padding: 8px; text-align: center; font-size: 0.75rem; font-weight: 600; color: var(--ink-soft); border-bottom: 1px solid var(--rule); } body.g-services-planning .shift-day-header.weekend { background: #fff3cd; color: #856404; } body.g-services-planning .shift-slots { padding: 8px; min-height: 80px; } body.g-services-planning .shift-slot { padding: 4px 8px; border-radius: 4px; font-size: 0.75rem; margin-bottom: 4px; display: flex; align-items: center; gap: 4px; flex-wrap: wrap; } body.g-services-planning .shift-slot.morning { background: #e8f5e9; color: #388e3c; } body.g-services-planning .shift-slot.afternoon { background: #e3f2fd; color: #1976d2; } body.g-services-planning .shift-slot.night { background: #ede7f6; color: #7b1fa2; } body.g-services-planning .resource-panel { background: var(--paper); border: 1px solid var(--rule); border-radius: 12px; overflow: hidden; margin: 20px 0; } body.g-services-planning .resource-panel-header { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); padding: 16px 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } body.g-services-planning .resource-panel-title { font-weight: 600; } body.g-services-planning .resource-stats { display: flex; gap: 20px; font-size: 0.85rem; flex-wrap: wrap; } body.g-services-planning .resource-stat { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; } body.g-services-planning .resource-list { padding: 16px; } body.g-services-planning .resource-item { display: flex; align-items: center; justify-content: space-between; padding: 12px; border-bottom: 1px solid #f1f3f4; flex-wrap: wrap; } body.g-services-planning .resource-item:last-child { border-bottom: none; } body.g-services-planning .resource-item-left { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } body.g-services-planning .resource-avatar { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); display: flex; align-items: center; justify-content: center; color: var(--paper); font-weight: 600; flex-wrap: wrap; } body.g-services-planning .resource-details h4 { font-size: 0.95rem; color: var(--ink); margin-bottom: 2px; } body.g-services-planning .resource-details span { font-size: 0.8rem; color: #868e96; } body.g-services-planning .resource-workload { width: 100px; } body.g-services-planning .workload-bar { height: 6px; background: var(--rule); border-radius: 3px; overflow: hidden; } body.g-services-planning .workload-fill { height: 100%; border-radius: 3px; } body.g-services-planning .workload-fill.low { background: var(--accent-dim); } body.g-services-planning .workload-fill.medium { background: #fdcb6e; } body.g-services-planning .workload-fill.high { background: #e17055; } body.g-services-planning .workload-text { font-size: 0.75rem; color: #868e96; text-align: right; margin-top: 4px; } body.g-services-planning .conflict-alert { background: #fff5f5; border: 1px solid #feb2b2; border-radius: 8px; padding: 16px; margin: 20px 0; } body.g-services-planning .conflict-header { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; color: #c53030; font-weight: 600; flex-wrap: wrap; } body.g-services-planning .conflict-list { list-style: none; } body.g-services-planning .conflict-list li { display: flex; align-items: center; gap: 12px; padding: 8px 0; font-size: 0.9rem; color: #742a2a; border-bottom: 1px solid #fed7d7; flex-wrap: wrap; } body.g-services-planning .conflict-list li:last-child { border-bottom: none; } body.g-services-planning .conflict-action { margin-left: auto; padding: 4px 12px; background: #c53030; color: var(--paper); border: none; border-radius: 4px; font-size: 0.75rem; cursor: pointer; } @media (max-width: 1200px) { body.g-services-planning .doc-toc { display: none; } } @media (max-width: 768px) { body.g-services-planning .doc-sidebar { width: 100%; position: relative; height: auto; } body.g-services-planning .doc-main { margin-left: 0; padding: 20px; } body.g-services-planning .shift-grid { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-services-planning .shift-grid { grid-template-columns: repeat(3, 1fr); } } body.g-services-planning .gantt-resource { width: 80px; font-size: 0.75rem; } } /* --- applications/services/timesheets.html --- */ body.g-services-timesheets .header { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); padding: 1rem 2rem; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } body.g-services-timesheets .logo { font-size: 1.5rem; font-weight: 700; text-decoration: none; color: var(--paper); } body.g-services-timesheets .logo span { color: #F8BBD9; } body.g-services-timesheets .nav-links { display: flex; gap: 2rem; flex-wrap: wrap; } body.g-services-timesheets .nav-links a { color: rgba(255,255,255,0.9); text-decoration: none; font-weight: 500; transition: color 0.2s; } body.g-services-timesheets .nav-links a:hover { color: #F8BBD9; } body.g-services-timesheets .main-wrapper { display: flex; margin-top: 60px; min-height: calc(100vh - 60px); flex-wrap: wrap; } body.g-services-timesheets .sidebar-menu { list-style: none; } body.g-services-timesheets .sidebar-menu a { display: block; padding: 0.5rem 1.5rem; color: var(--ink-soft); text-decoration: none; font-size: 0.9rem; border-left: 3px solid transparent; transition: all 0.2s; } body.g-services-timesheets .sidebar-menu a:hover { background: var(--rule); color: var(--accent); } body.g-services-timesheets .sidebar-menu a.active { background: linear-gradient(90deg, rgba(233,30,99,0.1) 0%, transparent 100%); border-left-color: var(--accent); color: var(--accent); font-weight: 600; } body.g-services-timesheets .toc-list { list-style: none; } body.g-services-timesheets .toc-list a { display: block; padding: 0.4rem 0; color: var(--ink-faint); text-decoration: none; font-size: 0.85rem; border-left: 2px solid transparent; padding-left: 0.75rem; transition: all 0.2s; } body.g-services-timesheets .toc-list a:hover { color: var(--accent); border-left-color: var(--accent); } body.g-services-timesheets .page-title { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 1rem; font-weight: 700; } body.g-services-timesheets .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0; line-height: 1.6; max-width: min(800px, 100%); margin-left: auto; margin-right: auto; } body.g-services-timesheets .footer { background: #1a1a2e; color: #8892b0; padding: 3rem 2rem; margin-top: 4rem; text-align: center; margin-left: 280px; margin-right: 220px; } body.g-services-timesheets .footer a { color: var(--accent); text-decoration: none; } body.g-services-timesheets .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-services-timesheets .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-services-timesheets .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-services-timesheets .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } body.g-services-timesheets .sidebar-lang-switcher { display: flex; gap: 4px; padding: 8px 16px 4px; flex-wrap: wrap; } body.g-services-timesheets .sidebar-lang-btn { flex: 1; text-align: center; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; background: rgba(0,0,0,0.06); color: var(--ink-soft); transition: all 0.2s; } body.g-services-timesheets .sidebar-lang-btn:hover { background: rgba(0,0,0,0.12); color: var(--ink); } body.g-services-timesheets .sidebar-lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/website/ecommerce.html --- */ body.g-website-ecommerce .header { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); padding: 1rem 2rem; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } body.g-website-ecommerce .logo { font-size: 1.5rem; font-weight: 700; text-decoration: none; color: var(--paper); } body.g-website-ecommerce .logo span { color: #FFE0B2; } body.g-website-ecommerce .nav-links { display: flex; gap: 2rem; flex-wrap: wrap; } body.g-website-ecommerce .nav-links a { color: rgba(255,255,255,0.9); text-decoration: none; font-weight: 500; transition: color 0.2s; } body.g-website-ecommerce .nav-links a:hover { color: #FFE0B2; } body.g-website-ecommerce .main-wrapper { display: flex; margin-top: 60px; min-height: calc(100vh - 60px); flex-wrap: wrap; } body.g-website-ecommerce .sidebar-menu { list-style: none; } body.g-website-ecommerce .sidebar-menu a { display: block; padding: 0.5rem 1.5rem; color: var(--ink-soft); text-decoration: none; font-size: 0.9rem; border-left: 3px solid transparent; transition: all 0.2s; } body.g-website-ecommerce .sidebar-menu a:hover { background: var(--rule); color: var(--accent); } body.g-website-ecommerce .sidebar-menu a.active { background: linear-gradient(90deg, rgba(255,152,0,0.1) 0%, transparent 100%); border-left-color: var(--accent); color: var(--accent); font-weight: 600; } body.g-website-ecommerce .toc-list { list-style: none; } body.g-website-ecommerce .toc-list a { display: block; padding: 0.4rem 0; color: var(--ink-faint); text-decoration: none; font-size: 0.85rem; border-left: 2px solid transparent; padding-left: 0.75rem; transition: all 0.2s; } body.g-website-ecommerce .toc-list a:hover { color: var(--accent); border-left-color: var(--accent); } body.g-website-ecommerce .page-title { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 1rem; font-weight: 700; } body.g-website-ecommerce .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0; line-height: 1.6; max-width: min(800px, 100%); margin-left: auto; margin-right: auto; } body.g-website-ecommerce .footer { background: #1a1a2e; color: #8892b0; padding: 3rem 2rem; margin-top: 4rem; text-align: center; margin-left: 280px; margin-right: 220px; } body.g-website-ecommerce .footer a { color: var(--accent); text-decoration: none; } body.g-website-ecommerce .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-website-ecommerce .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-website-ecommerce .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-website-ecommerce .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } body.g-website-ecommerce .sidebar-lang-switcher { display: flex; gap: 4px; padding: 8px 16px 4px; flex-wrap: wrap; } body.g-website-ecommerce .sidebar-lang-btn { flex: 1; text-align: center; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; background: rgba(0,0,0,0.06); color: var(--ink-soft); transition: all 0.2s; } body.g-website-ecommerce .sidebar-lang-btn:hover { background: rgba(0,0,0,0.12); color: var(--ink); } body.g-website-ecommerce .sidebar-lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/website/elearning.html --- */ body.g-website-elearning .header { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); padding: 1rem 2rem; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } body.g-website-elearning .logo { font-size: 1.5rem; font-weight: 700; text-decoration: none; color: var(--paper); } body.g-website-elearning .logo span { color: #FFC107; } body.g-website-elearning .nav-links { display: flex; gap: 2rem; flex-wrap: wrap; } body.g-website-elearning .nav-links a { color: rgba(255,255,255,0.9); text-decoration: none; font-weight: 500; transition: color 0.2s; } body.g-website-elearning .nav-links a:hover { color: #FFC107; } body.g-website-elearning .main-wrapper { display: flex; margin-top: 60px; min-height: calc(100vh - 60px); flex-wrap: wrap; } body.g-website-elearning .sidebar-menu { list-style: none; } body.g-website-elearning .sidebar-menu a { display: block; padding: 0.5rem 1.5rem; color: var(--ink-soft); text-decoration: none; font-size: 0.9rem; border-left: 3px solid transparent; transition: all 0.2s; } body.g-website-elearning .sidebar-menu a:hover { background: var(--rule); color: var(--accent); } body.g-website-elearning .sidebar-menu a.active { background: linear-gradient(90deg, rgba(63,81,181,0.1) 0%, transparent 100%); border-left-color: var(--accent); color: var(--accent); font-weight: 600; } body.g-website-elearning .toc-list { list-style: none; } body.g-website-elearning .toc-list a { display: block; padding: 0.4rem 0; color: var(--ink-faint); text-decoration: none; font-size: 0.85rem; border-left: 2px solid transparent; padding-left: 0.75rem; transition: all 0.2s; } body.g-website-elearning .toc-list a:hover { color: var(--accent); border-left-color: var(--accent); } body.g-website-elearning .page-title { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 1rem; font-weight: 700; } body.g-website-elearning .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0; line-height: 1.6; max-width: min(800px, 100%); margin-left: auto; margin-right: auto; } body.g-website-elearning .footer { background: #1a1a2e; color: #8892b0; padding: 3rem 2rem; margin-top: 4rem; text-align: center; margin-left: 280px; margin-right: 220px; } body.g-website-elearning .footer a { color: var(--accent); text-decoration: none; } body.g-website-elearning .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-website-elearning .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-website-elearning .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-website-elearning .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } body.g-website-elearning .sidebar-lang-switcher { display: flex; gap: 4px; padding: 8px 16px 4px; flex-wrap: wrap; } body.g-website-elearning .sidebar-lang-btn { flex: 1; text-align: center; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; background: rgba(0,0,0,0.06); color: var(--ink-soft); transition: all 0.2s; } body.g-website-elearning .sidebar-lang-btn:hover { background: rgba(0,0,0,0.12); color: var(--ink); } body.g-website-elearning .sidebar-lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/website/events.html --- */ body.g-website-events .header { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); padding: 1rem 2rem; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } body.g-website-events .logo { font-size: 1.5rem; font-weight: 700; text-decoration: none; color: var(--paper); } body.g-website-events .logo span { color: #E1BEE7; } body.g-website-events .nav-links { display: flex; gap: 2rem; flex-wrap: wrap; } body.g-website-events .nav-links a { color: rgba(255,255,255,0.9); text-decoration: none; font-weight: 500; transition: color 0.2s; } body.g-website-events .nav-links a:hover { color: #E1BEE7; } body.g-website-events .main-wrapper { display: flex; margin-top: 60px; min-height: calc(100vh - 60px); flex-wrap: wrap; } body.g-website-events .sidebar-menu { list-style: none; } body.g-website-events .sidebar-menu a { display: block; padding: 0.5rem 1.5rem; color: var(--ink-soft); text-decoration: none; font-size: 0.9rem; border-left: 3px solid transparent; transition: all 0.2s; } body.g-website-events .sidebar-menu a:hover { background: var(--rule); color: var(--accent); } body.g-website-events .sidebar-menu a.active { background: linear-gradient(90deg, rgba(156,39,176,0.1) 0%, transparent 100%); border-left-color: var(--accent); color: var(--accent); font-weight: 600; } body.g-website-events .toc-list { list-style: none; } body.g-website-events .toc-list a { display: block; padding: 0.4rem 0; color: var(--ink-faint); text-decoration: none; font-size: 0.85rem; border-left: 2px solid transparent; padding-left: 0.75rem; transition: all 0.2s; } body.g-website-events .toc-list a:hover { color: var(--accent); border-left-color: var(--accent); } body.g-website-events .page-title { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 1rem; font-weight: 700; } body.g-website-events .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0; line-height: 1.6; max-width: min(800px, 100%); margin-left: auto; margin-right: auto; } body.g-website-events .footer { background: #1a1a2e; color: #8892b0; padding: 3rem 2rem; margin-top: 4rem; text-align: center; margin-left: 280px; margin-right: 220px; } body.g-website-events .footer a { color: var(--accent); text-decoration: none; } body.g-website-events .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-website-events .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-website-events .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-website-events .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } body.g-website-events .sidebar-lang-switcher { display: flex; gap: 4px; padding: 8px 16px 4px; flex-wrap: wrap; } body.g-website-events .sidebar-lang-btn { flex: 1; text-align: center; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; background: rgba(0,0,0,0.06); color: var(--ink-soft); transition: all 0.2s; } body.g-website-events .sidebar-lang-btn:hover { background: rgba(0,0,0,0.12); color: var(--ink); } body.g-website-events .sidebar-lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/website/index.html --- */ body.g-website .page-title { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 1rem; font-weight: 700; } body.g-website .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0; line-height: 1.6; max-width: min(800px, 100%); margin-left: auto; margin-right: auto; } body.g-website .digital-lifecycle { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; margin: 2rem 0; padding: 2rem; background: linear-gradient(135deg, var(--surround) 0%, #e0f7fa 100%); border-radius: 16px; } body.g-website .lifecycle-step.traffic { color: var(--accent); } body.g-website .lifecycle-step.engage { color: #4CAF50; } body.g-website .lifecycle-step.convert { color: #FF9800; } body.g-website .lifecycle-step.retain { color: #9C27B0; } body.g-website .comparison-card.old { border-color: #ffcdd2; background: linear-gradient(135deg, var(--paper) 0%, #ffebee 100%); } body.g-website .comparison-card.new { border-color: #c8e6c9; background: linear-gradient(135deg, var(--paper) 0%, #e8f5e9 100%); } body.g-website .comparison-card.old h4 { color: #c62828; } body.g-website .comparison-card.new h4 { color: #2e7d32; } body.g-website .scenario-box.ecommerce { background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%); border-color: #FF9800; } body.g-website .scenario-box.marketing { background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%); border-color: #9C27B0; } body.g-website .scenario-box.ecommerce .scenario-header i { color: #E65100; } body.g-website .scenario-box.marketing .scenario-header i { color: #7B1FA2; } body.g-website .scenario-box.ecommerce .scenario-header h4 { color: #E65100; } body.g-website .scenario-box.marketing .scenario-header h4 { color: #7B1FA2; } body.g-website .scenario-situation { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px dashed #ccc; } body.g-website .scenario-steps { margin: 0; padding-left: 1.5rem; } body.g-website .scenario-steps li { margin: 0.5rem 0; } body.g-website .scenario-result { margin-top: 1rem; padding-top: 1rem; border-top: 1px dashed #ccc; font-style: italic; color: var(--ink-soft); } body.g-website .customer-journey { display: flex; flex-wrap: wrap; justify-content: center; gap: 0; margin: 2rem 0; padding: 1.5rem; background: var(--surround); border-radius: 12px; overflow-x: auto; } body.g-website .journey-stage { display: flex; flex-direction: column; align-items: center; padding: 1rem; min-width: 140px; position: relative; flex-wrap: wrap; } body.g-website .journey-stage::after { content: '→'; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); font-size: 1.5rem; color: #bbb; } body.g-website .journey-stage:last-child::after { display: none; } body.g-website .journey-icon { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: var(--paper); margin-bottom: 0.75rem; flex-wrap: wrap; } body.g-website .journey-stage:nth-child(1) .journey-icon { background: var(--accent); } body.g-website .journey-stage:nth-child(2) .journey-icon { background: #4CAF50; } body.g-website .journey-stage:nth-child(3) .journey-icon { background: #FF9800; } body.g-website .journey-stage:nth-child(4) .journey-icon { background: #E91E63; } body.g-website .journey-stage:nth-child(5) .journey-icon { background: #9C27B0; } body.g-website .journey-stage span { font-size: 0.85rem; font-weight: 600; text-align: center; } body.g-website .journey-stage small { font-size: 0.75rem; color: var(--ink-soft); text-align: center; } body.g-website .process-step.website { background: var(--accent); color: var(--paper); } body.g-website .process-step.ecommerce { background: #FF9800; color: var(--paper); } body.g-website .process-step.marketing { background: #9C27B0; color: var(--paper); } body.g-website .process-step.neutral { background: #4CAF50; color: var(--paper); } body.g-website .kpi-card.traffic i { color: var(--accent); } body.g-website .kpi-card.conversion i { color: #4CAF50; } body.g-website .kpi-card.revenue i { color: #FF9800; } body.g-website .kpi-card.retention i { color: #9C27B0; } body.g-website .submodule-section { background: linear-gradient(135deg, var(--surround) 0%, var(--paper) 100%); border: 1px solid var(--rule); border-radius: 12px; padding: 2rem; margin: 2rem 0; } body.g-website .submodule-section h3 { margin-top: 0; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } body.g-website .submodule-section h3 i { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 10px; color: var(--paper); font-size: 20px; flex-wrap: wrap; } body.g-website .checklist { background: var(--surround); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; } body.g-website .seo-checklist { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-website .seo-item { display: flex; align-items: flex-start; gap: 0.75rem; padding: 1rem; background: var(--surround); border-radius: 8px; flex-wrap: wrap; } body.g-website .seo-item i { color: #4CAF50; margin-top: 3px; } body.g-website .seo-item.pending i { color: #FF9800; } body.g-website .seo-item strong { display: block; margin-bottom: 0.25rem; } body.g-website .seo-item span { font-size: 0.85rem; color: var(--ink-soft); } body.g-website .payment-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-website .payment-card { background: var(--paper); border: 1px solid var(--rule); border-radius: 8px; padding: 1rem; text-align: center; } body.g-website .payment-card i { font-size: 2rem; margin-bottom: 0.5rem; } body.g-website .payment-card.stripe i { color: #635BFF; } body.g-website .payment-card.paypal i { color: #003087; } body.g-website .payment-card.iyzico i { color: #00D26A; } body.g-website .payment-card.bank i { color: #607D8B; } body.g-website .payment-card h5 { margin: 0.5rem 0; font-size: 1rem; } body.g-website .payment-card span { font-size: 0.8rem; color: var(--ink-soft); } body.g-website .conversion-funnel { display: flex; flex-direction: column; align-items: center; margin: 2rem 0; padding: 2rem; background: var(--surround); border-radius: 12px; flex-wrap: wrap; } body.g-website .funnel-stage { display: flex; align-items: center; justify-content: space-between; padding: 1rem 2rem; margin: 0.25rem 0; border-radius: 8px; color: var(--paper); font-weight: 600; flex-wrap: wrap; } body.g-website .funnel-stage:nth-child(1) { background: var(--accent); width: 100%; } body.g-website .funnel-stage:nth-child(2) { background: #26C6DA; width: 85%; } body.g-website .funnel-stage:nth-child(3) { background: #4DD0E1; width: 70%; } body.g-website .funnel-stage:nth-child(4) { background: #80DEEA; width: 55%; color: var(--ink); } body.g-website .funnel-stage:nth-child(5) { background: #4CAF50; width: 40%; } body.g-website .funnel-stage span:last-child { font-size: 0.85rem; opacity: 0.9; } body.g-website kbd { background: #f0f0f0; border: 1px solid #ccc; border-radius: 4px; padding: 2px 6px; font-family: monospace; font-size: 0.85rem; } body.g-website .module-integration { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-website .integration-item { background: var(--paper); border: 1px solid var(--rule); border-radius: 8px; padding: 1rem; text-align: center; transition: all 0.3s; } body.g-website .integration-item:hover { border-color: var(--accent); box-shadow: 0 4px 12px rgba(0,0,0,0.1); } body.g-website .integration-item i { font-size: 2rem; margin-bottom: 0.5rem; display: block; } body.g-website .integration-item span { font-size: 0.85rem; font-weight: 600; } body.g-website .best-practices-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin: 2rem 0; } body.g-website .menu-path i.fa-chevron-right { font-size: 0.75rem; color: #90caf9; } body.g-website .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-website .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-website .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-website .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/website/jobs.html --- */ body.g-website-jobs .header { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); padding: 1rem 2rem; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } body.g-website-jobs .logo { font-size: 1.5rem; font-weight: 700; text-decoration: none; color: var(--paper); } body.g-website-jobs .logo span { color: #B2DFDB; } body.g-website-jobs .nav-links { display: flex; gap: 2rem; flex-wrap: wrap; } body.g-website-jobs .nav-links a { color: rgba(255,255,255,0.9); text-decoration: none; font-weight: 500; transition: color 0.2s; } body.g-website-jobs .nav-links a:hover { color: #B2DFDB; } body.g-website-jobs .main-wrapper { display: flex; margin-top: 60px; min-height: calc(100vh - 60px); flex-wrap: wrap; } body.g-website-jobs .sidebar-menu { list-style: none; } body.g-website-jobs .sidebar-menu a { display: block; padding: 0.5rem 1.5rem; color: var(--ink-soft); text-decoration: none; font-size: 0.9rem; border-left: 3px solid transparent; transition: all 0.2s; } body.g-website-jobs .sidebar-menu a:hover { background: var(--rule); color: var(--accent); } body.g-website-jobs .sidebar-menu a.active { background: linear-gradient(90deg, rgba(0,150,136,0.1) 0%, transparent 100%); border-left-color: var(--accent); color: var(--accent); font-weight: 600; } body.g-website-jobs .toc-list { list-style: none; } body.g-website-jobs .toc-list a { display: block; padding: 0.4rem 0; color: var(--ink-faint); text-decoration: none; font-size: 0.85rem; border-left: 2px solid transparent; padding-left: 0.75rem; transition: all 0.2s; } body.g-website-jobs .toc-list a:hover { color: var(--accent); border-left-color: var(--accent); } body.g-website-jobs .page-title { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 1rem; font-weight: 700; } body.g-website-jobs .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0; line-height: 1.6; max-width: min(800px, 100%); margin-left: auto; margin-right: auto; } body.g-website-jobs .footer { background: #1a1a2e; color: #8892b0; padding: 3rem 2rem; margin-top: 4rem; text-align: center; margin-left: 280px; margin-right: 220px; } body.g-website-jobs .footer a { color: var(--accent); text-decoration: none; } body.g-website-jobs .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-website-jobs .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-website-jobs .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-website-jobs .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } body.g-website-jobs .sidebar-lang-switcher { display: flex; gap: 4px; padding: 8px 16px 4px; flex-wrap: wrap; } body.g-website-jobs .sidebar-lang-btn { flex: 1; text-align: center; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; background: rgba(0,0,0,0.06); color: var(--ink-soft); transition: all 0.2s; } body.g-website-jobs .sidebar-lang-btn:hover { background: rgba(0,0,0,0.12); color: var(--ink); } body.g-website-jobs .sidebar-lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- applications/website/livechat.html --- */ body.g-website-livechat .header { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); padding: 1rem 2rem; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } body.g-website-livechat .logo { font-size: 1.5rem; font-weight: 700; text-decoration: none; color: var(--paper); } body.g-website-livechat .logo span { color: #C8E6C9; } body.g-website-livechat .nav-links { display: flex; gap: 2rem; flex-wrap: wrap; } body.g-website-livechat .nav-links a { color: rgba(255,255,255,0.9); text-decoration: none; font-weight: 500; transition: color 0.2s; } body.g-website-livechat .nav-links a:hover { color: #C8E6C9; } body.g-website-livechat .main-wrapper { display: flex; margin-top: 60px; min-height: calc(100vh - 60px); flex-wrap: wrap; } body.g-website-livechat .sidebar-menu { list-style: none; } body.g-website-livechat .sidebar-menu a { display: block; padding: 0.5rem 1.5rem; color: var(--ink-soft); text-decoration: none; font-size: 0.9rem; border-left: 3px solid transparent; transition: all 0.2s; } body.g-website-livechat .sidebar-menu a:hover { background: var(--rule); color: var(--accent); } body.g-website-livechat .sidebar-menu a.active { background: linear-gradient(90deg, rgba(76,175,80,0.1) 0%, transparent 100%); border-left-color: var(--accent); color: var(--accent); font-weight: 600; } body.g-website-livechat .toc-list { list-style: none; } body.g-website-livechat .toc-list a { display: block; padding: 0.4rem 0; color: var(--ink-faint); text-decoration: none; font-size: 0.85rem; border-left: 2px solid transparent; padding-left: 0.75rem; transition: all 0.2s; } body.g-website-livechat .toc-list a:hover { color: var(--accent); border-left-color: var(--accent); } body.g-website-livechat .page-title { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 1rem; font-weight: 700; } body.g-website-livechat .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0; line-height: 1.6; max-width: min(800px, 100%); margin-left: auto; margin-right: auto; } body.g-website-livechat .chat-widget-demo { position: relative; background: linear-gradient(135deg, var(--surround) 0%, #e8e8e8 100%); border-radius: 16px; padding: 2rem; margin: 2rem 0; min-height: 300px; } body.g-website-livechat .chat-window { position: absolute; bottom: 90px; right: 20px; width: min(320px, 100%); background: var(--paper); border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.15); overflow: hidden; } body.g-website-livechat .chat-header { background: var(--accent); color: var(--paper); padding: 1rem; } body.g-website-livechat .chat-header h4 { margin: 0; } body.g-website-livechat .chat-messages { padding: 1rem; min-height: 150px; } body.g-website-livechat .chat-message { padding: 0.5rem 1rem; background: #f0f0f0; border-radius: 8px; margin-bottom: 0.5rem; font-size: 0.9rem; } body.g-website-livechat .chat-message.operator { background: #E8F5E9; } body.g-website-livechat .footer { background: #1a1a2e; color: #8892b0; padding: 3rem 2rem; margin-top: 4rem; text-align: center; margin-left: 280px; margin-right: 220px; } body.g-website-livechat .footer a { color: var(--accent); text-decoration: none; } body.g-website-livechat .docs-topbar .lang-switcher { background: rgba(0,0,0,0.06); } body.g-website-livechat .docs-topbar .lang-btn { color: var(--ink-soft); } body.g-website-livechat .docs-topbar .lang-btn:hover { color: var(--ink); background: rgba(0,0,0,0.08); } body.g-website-livechat .docs-topbar .lang-btn.active { background: #2B7A78; color: var(--paper); } body.g-website-livechat .sidebar-lang-switcher { display: flex; gap: 4px; padding: 8px 16px 4px; flex-wrap: wrap; } body.g-website-livechat .sidebar-lang-btn { flex: 1; text-align: center; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; background: rgba(0,0,0,0.06); color: var(--ink-soft); transition: all 0.2s; } body.g-website-livechat .sidebar-lang-btn:hover { background: rgba(0,0,0,0.12); color: var(--ink); } body.g-website-livechat .sidebar-lang-btn.active { background: #2B7A78; color: var(--paper); } /* --- en/applications/accounting/index.html --- */ body.g-accounting .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-accounting .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0; max-width: min(700px, 100%); margin-left: auto; margin-right: auto; } body.g-accounting .scenario-situation { background: var(--paper); padding: 1rem; border-radius: 8px; margin-bottom: 1rem; border-left: 3px solid var(--accent-dim); } body.g-accounting .scenario-steps { counter-reset: step-counter; list-style: none; margin: 0; padding: 0; } body.g-accounting .scenario-steps li { counter-increment: step-counter; padding: 0.75rem 0 0.75rem 3rem; position: relative; border-bottom: 1px dashed var(--rule); } body.g-accounting .scenario-steps li:last-child { border-bottom: none; } body.g-accounting .scenario-steps li::before { content: counter(step-counter); position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.85rem; flex-wrap: wrap; } body.g-accounting .comparison-intro { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; margin: 2rem 0; } @media (min-width: 701px) { body.g-accounting .comparison-intro { grid-template-columns: 1fr 1fr; } } body.g-accounting .comparison-card.old { background: #ffebee; border: 2px solid #ef5350; } body.g-accounting .comparison-card.new { background: #e8f5e9; border: 2px solid #4caf50; } body.g-accounting .comparison-card.old h4 { color: #c62828; } body.g-accounting .comparison-card.new h4 { color: #2e7d32; } body.g-accounting .cycle-diagram { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; margin: 2rem 0; padding: 2rem; background: linear-gradient(135deg, var(--surround) 0%, var(--rule) 100%); border-radius: 16px; } body.g-accounting .cycle-item { background: var(--paper); border: 2px solid var(--accent); border-radius: 12px; padding: 1.25rem; text-align: center; min-width: 140px; transition: all 0.3s ease; } body.g-accounting .cycle-item:hover { transform: translateY(-4px); box-shadow: 0 8px 16px rgba(43, 122, 120, 0.2); } body.g-accounting .cycle-item i { font-size: 2rem; color: var(--accent); margin-bottom: 0.75rem; display: block; } body.g-accounting .cycle-item span { font-weight: 600; color: var(--ink); font-size: 0.9rem; } body.g-accounting .cycle-arrow { display: flex; align-items: center; color: var(--accent); font-size: 1.5rem; flex-wrap: wrap; } @media (max-width: 900px) { body.g-accounting .comparison-intro { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-accounting .comparison-intro { grid-template-columns: 1fr; } } body.g-accounting .cycle-diagram { flex-direction: column; align-items: center; } body.g-accounting .cycle-arrow { transform: rotate(90deg); } } /* --- en/applications/addons/ai-cowork/index.html --- */ body.g-addons-ai-cowork .header { position: fixed; top: 0; left: 0; right: 0; height: var(--header-height); background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); display: flex; align-items: center; padding: 0 2rem; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.15); flex-wrap: wrap; } body.g-addons-ai-cowork .header-logo { font-size: 1.5rem; font-weight: 700; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } body.g-addons-ai-cowork .header-logo i { font-size: 1.75rem; } body.g-addons-ai-cowork .header-nav { margin-left: auto; display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap; } body.g-addons-ai-cowork .header-nav a { color: rgba(255,255,255,0.9); text-decoration: none; font-size: 0.9rem; font-weight: 500; transition: color 0.2s; } body.g-addons-ai-cowork .header-nav a:hover { color: var(--paper); } body.g-addons-ai-cowork .layout { display: flex; padding-top: var(--header-height); min-height: 100vh; flex-wrap: wrap; } body.g-addons-ai-cowork .sidebar-menu { list-style: none; } body.g-addons-ai-cowork .sidebar-menu a { display: flex; align-items: center; gap: 0.75rem; padding: 0.625rem 1.5rem; color: var(--text-color); text-decoration: none; font-size: 0.875rem; transition: all 0.2s; border-left: 3px solid transparent; flex-wrap: wrap; } body.g-addons-ai-cowork .sidebar-menu a:hover { background: var(--bg-light); color: var(--primary-color); } body.g-addons-ai-cowork .sidebar-menu a.active { background: linear-gradient(90deg, rgba(156,39,176,0.1) 0%, transparent 100%); color: var(--primary-color); border-left-color: var(--primary-color); font-weight: 500; } body.g-addons-ai-cowork .sidebar-menu i { width: 20px; text-align: center; color: var(--text-light); } body.g-addons-ai-cowork .sidebar-menu a:hover i, body.g-addons-ai-cowork .sidebar-menu a.active i { color: var(--primary-color); } body.g-addons-ai-cowork .toc-list { list-style: none; } body.g-addons-ai-cowork .toc-list a { display: block; padding: 0.375rem 0; color: var(--text-light); text-decoration: none; font-size: 0.8rem; border-left: 2px solid transparent; padding-left: 0.75rem; transition: all 0.2s; } body.g-addons-ai-cowork .toc-list a:hover, body.g-addons-ai-cowork .toc-list a.active { color: var(--primary-color); border-left-color: var(--primary-color); } body.g-addons-ai-cowork .module-version { display: inline-block; background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%); color: var(--paper); padding: 0.375rem 1rem; border-radius: 20px; font-size: 0.8rem; font-weight: 600; margin-top: 1rem; } body.g-addons-ai-cowork .module-badges { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; margin-top: 1rem; } body.g-addons-ai-cowork .module-badge { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.35rem 0.9rem; border-radius: 20px; font-size: 0.78rem; font-weight: 600; border: 1.5px solid; flex-wrap: wrap; } body.g-addons-ai-cowork .badge-providers { border-color: var(--accent); color: var(--accent); background: #F3E5F5; } body.g-addons-ai-cowork .badge-actions { border-color: #2196F3; color: #1565C0; background: #E3F2FD; } body.g-addons-ai-cowork .badge-stream { border-color: #4CAF50; color: #2E7D32; background: #E8F5E9; } body.g-addons-ai-cowork .badge-memory { border-color: #FF9800; color: #E65100; background: #FFF3E0; } body.g-addons-ai-cowork .provider-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-addons-ai-cowork .speed-fast { background: #E8F5E9; color: #2E7D32; } body.g-addons-ai-cowork .speed-medium { background: #FFF3E0; color: #E65100; } body.g-addons-ai-cowork .speed-slow { background: #FFEBEE; color: #C62828; } body.g-addons-ai-cowork .action-category { background: var(--bg-light); border-radius: 10px; padding: 1.25rem; border: 1px solid var(--border-color); } body.g-addons-ai-cowork .action-category-header { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.875rem; flex-wrap: wrap; } body.g-addons-ai-cowork .action-category h4 { margin: 0; font-size: 0.95rem; } body.g-addons-ai-cowork .code-block .comment { color: #64748b; } body.g-addons-ai-cowork .code-block .keyword { color: #f472b6; } body.g-addons-ai-cowork .code-block .string { color: #a5f3fc; } body.g-addons-ai-cowork .chat-avatar.user { background: linear-gradient(135deg, var(--accent), var(--accent-dim)); } body.g-addons-ai-cowork .chat-bubble.user { background: var(--paper); border: 1px solid var(--border-color); } body.g-addons-ai-cowork .stat-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-addons-ai-cowork .badge-blue { background: #E3F2FD; color: #1565C0; } body.g-addons-ai-cowork .two-col { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; margin: 1.25rem 0; } @media (min-width: 701px) { body.g-addons-ai-cowork .two-col { grid-template-columns: 1fr 1fr; } } @media (max-width: 900px) { body.g-addons-ai-cowork .two-col { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-addons-ai-cowork .two-col { grid-template-columns: 1fr; } } } /* --- en/applications/addons/dashboards/index.html --- */ body.g-addons-dashboards .layout { display: flex; min-height: 100vh; flex-wrap: wrap; } body.g-addons-dashboards .sidebar-header { padding: 20px; border-bottom: 1px solid var(--border); background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); color: var(--paper); } body.g-addons-dashboards .sidebar-logo { font-size: 1.5rem; font-weight: 700; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } body.g-addons-dashboards .sidebar-nav { padding: 15px 0; } body.g-addons-dashboards .nav-section { padding: 0 15px; margin-bottom: 10px; } body.g-addons-dashboards .nav-section-title { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; color: var(--text-light); padding: 10px 15px 5px; letter-spacing: 0.5px; } body.g-addons-dashboards .nav-link { display: flex; align-items: center; gap: 10px; padding: 10px 15px; color: var(--text); text-decoration: none; border-radius: 8px; margin: 2px 10px; transition: all 0.2s; font-size: 0.9rem; flex-wrap: wrap; } body.g-addons-dashboards .nav-link:hover { background: var(--primary-light); color: var(--primary); } body.g-addons-dashboards .nav-link.active { background: var(--primary); color: var(--paper); } body.g-addons-dashboards .nav-link i { width: 20px; text-align: center; } body.g-addons-dashboards .page-header { margin-bottom: 40px; } body.g-addons-dashboards .module-info h1 { font-size: 2.2rem; font-weight: 700; color: var(--text); margin-bottom: 10px; } body.g-addons-dashboards .module-info .subtitle { font-size: 1.1rem; color: var(--text-light); margin-bottom: 15px; } body.g-addons-dashboards .module-meta { display: flex; flex-wrap: wrap; gap: 15px; } body.g-addons-dashboards .meta-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; background: var(--bg); border-radius: 20px; font-size: 0.85rem; color: var(--text-light); flex-wrap: wrap; } body.g-addons-dashboards .meta-badge i { color: var(--primary); } body.g-addons-dashboards .author-badge { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; background: linear-gradient(135deg, var(--surround) 0%, var(--rule) 100%); border: 1px solid var(--border); border-radius: 10px; margin-top: 20px; flex-wrap: wrap; } body.g-addons-dashboards .author-badge .author-info { display: flex; flex-direction: column; flex-wrap: wrap; } body.g-addons-dashboards .author-badge .author-label { font-size: 0.75rem; color: var(--text-light); text-transform: uppercase; letter-spacing: 0.5px; } body.g-addons-dashboards .author-badge .author-name { font-size: 0.9rem; font-weight: 600; color: var(--text); } body.g-addons-dashboards .section { margin-bottom: 50px; } body.g-addons-dashboards .module-card-header { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; flex-wrap: wrap; } body.g-addons-dashboards .module-card-icon.purple { background: linear-gradient(135deg, var(--accent), #512DA8); } body.g-addons-dashboards .module-card-icon.blue { background: linear-gradient(135deg, #2196F3, #1976D2); } body.g-addons-dashboards .module-card-icon.orange { background: linear-gradient(135deg, #FF9800, #F57C00); } body.g-addons-dashboards .module-card-icon.green { background: linear-gradient(135deg, #4CAF50, #388E3C); } body.g-addons-dashboards .module-card-icon.red { background: linear-gradient(135deg, #F44336, #D32F2F); } body.g-addons-dashboards .module-card-icon.teal { background: linear-gradient(135deg, #00838F, #006064); } body.g-addons-dashboards .module-card-features { display: flex; flex-wrap: wrap; gap: 6px; } body.g-addons-dashboards .stats-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 15px; margin: 20px 0; } @media (min-width: 701px) { body.g-addons-dashboards .stats-row { grid-template-columns: repeat(4, 1fr); } } body.g-addons-dashboards .dashboard-preview { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); border-radius: 15px; padding: 25px; margin: 25px 0; } body.g-addons-dashboards .dashboard-preview-title { color: rgba(255,255,255,0.9); font-size: 1rem; font-weight: 600; margin-bottom: 20px; text-align: center; } body.g-addons-dashboards .widget-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 15px; } @media (min-width: 701px) { body.g-addons-dashboards .widget-grid { grid-template-columns: repeat(3, 1fr); } } body.g-addons-dashboards .widget { background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); border-radius: 10px; padding: 15px; text-align: center; } body.g-addons-dashboards .widget-label { font-size: 0.75rem; color: rgba(255,255,255,0.7); margin-top: 4px; } body.g-addons-dashboards .widget.purple { border-left: 3px solid var(--accent-dim); } body.g-addons-dashboards .widget.blue { border-left: 3px solid #2196F3; } body.g-addons-dashboards .widget.green { border-left: 3px solid #4CAF50; } body.g-addons-dashboards .widget.orange { border-left: 3px solid #FF9800; } body.g-addons-dashboards .widget.red { border-left: 3px solid #F44336; } body.g-addons-dashboards .widget.teal { border-left: 3px solid #00BCD4; } @media (max-width: 900px) { body.g-addons-dashboards .stats-row { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-addons-dashboards .stats-row { grid-template-columns: repeat(2, 1fr); } } body.g-addons-dashboards .widget-grid { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-addons-dashboards .widget-grid { grid-template-columns: 1fr; } } } /* --- en/applications/addons/fieldservice/index.html --- */ body.g-addons-fieldservice .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-addons-fieldservice .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0; } body.g-addons-fieldservice .author-badge { display: inline-block; background: #E1F5FE; color: var(--accent-dim); padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.85rem; margin-top: 1rem; } body.g-addons-fieldservice .module-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1.5rem; margin: 2rem 0; } body.g-addons-fieldservice .module-card .tech-name { font-size: 0.75rem; color: var(--ink-faint); font-family: monospace; margin-top: 0.5rem; } body.g-addons-fieldservice .feature-text h4 { margin: 0 0 0.25rem 0; font-size: 1rem; } body.g-addons-fieldservice .feature-text p { margin: 0; font-size: 0.9rem; color: var(--ink-soft); } body.g-addons-fieldservice .info-box.scenario { background: #F3E5F5; border-left: 4px solid #7B1FA2; } body.g-addons-fieldservice .stats-row { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 1rem; margin: 2rem 0; } /* --- en/applications/addons/hrms/index.html --- */ body.g-addons-hrms .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-addons-hrms .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0; } body.g-addons-hrms .author-badge { display: inline-block; background: #FCE4EC; color: var(--accent-dim); padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.85rem; margin-top: 1rem; } body.g-addons-hrms .module-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; margin: 2rem 0; } body.g-addons-hrms .module-card .tech-name { font-size: 0.75rem; color: var(--ink-faint); font-family: monospace; margin-top: 0.5rem; } body.g-addons-hrms .feature-text h4 { margin: 0 0 0.25rem 0; font-size: 1rem; } body.g-addons-hrms .feature-text p { margin: 0; font-size: 0.9rem; color: var(--ink-soft); } /* --- en/applications/addons/plm/index.html --- */ body.g-addons-plm .layout { display: flex; min-height: 100vh; flex-wrap: wrap; } body.g-addons-plm .sidebar-header { padding: 20px; border-bottom: 1px solid var(--border); background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); color: var(--paper); } body.g-addons-plm .sidebar-logo { font-size: 1.5rem; font-weight: 700; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } body.g-addons-plm .sidebar-nav { padding: 15px 0; } body.g-addons-plm .nav-section-title { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; color: var(--text-light); padding: 10px 15px 5px; letter-spacing: 0.5px; } body.g-addons-plm .nav-link { display: flex; align-items: center; gap: 10px; padding: 10px 15px; color: var(--text); text-decoration: none; border-radius: 8px; margin: 2px 10px; transition: all 0.2s; font-size: 0.9rem; flex-wrap: wrap; } body.g-addons-plm .nav-link:hover { background: var(--primary-light); color: var(--primary); } body.g-addons-plm .nav-link.active { background: var(--primary); color: var(--paper); } body.g-addons-plm .nav-link i { width: 20px; text-align: center; } body.g-addons-plm .page-header { margin-bottom: 40px; } body.g-addons-plm .module-info h1 { font-size: 2.2rem; font-weight: 700; color: var(--text); margin-bottom: 10px; } body.g-addons-plm .module-info .subtitle { font-size: 1.1rem; color: var(--text-light); margin-bottom: 15px; } body.g-addons-plm .module-meta { display: flex; flex-wrap: wrap; gap: 15px; } body.g-addons-plm .meta-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; background: var(--bg); border-radius: 20px; font-size: 0.85rem; color: var(--text-light); flex-wrap: wrap; } body.g-addons-plm .meta-badge i { color: var(--primary); } body.g-addons-plm .author-badge { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; background: linear-gradient(135deg, var(--surround) 0%, var(--rule) 100%); border: 1px solid var(--border); border-radius: 10px; margin-top: 20px; flex-wrap: wrap; } body.g-addons-plm .author-badge .author-info { display: flex; flex-direction: column; flex-wrap: wrap; } body.g-addons-plm .author-badge .author-label { font-size: 0.75rem; color: var(--text-light); text-transform: uppercase; letter-spacing: 0.5px; } body.g-addons-plm .author-badge .author-name { font-size: 0.9rem; font-weight: 600; color: var(--text); } body.g-addons-plm .section { margin-bottom: 50px; } body.g-addons-plm .module-card-header { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; flex-wrap: wrap; } body.g-addons-plm .module-card-icon.teal { background: linear-gradient(135deg, var(--accent), #006064); } body.g-addons-plm .module-card-icon.blue { background: linear-gradient(135deg, #1976D2, #1565C0); } body.g-addons-plm .module-card-icon.green { background: linear-gradient(135deg, #388E3C, #2E7D32); } body.g-addons-plm .module-card-icon.orange { background: linear-gradient(135deg, #F57C00, #EF6C00); } body.g-addons-plm .module-card-icon.purple { background: linear-gradient(135deg, #7B1FA2, #6A1B9A); } body.g-addons-plm .module-card-icon.red { background: linear-gradient(135deg, #C62828, #B71C1C); } body.g-addons-plm .module-card-features { display: flex; flex-wrap: wrap; gap: 6px; } body.g-addons-plm .stats-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 15px; margin: 20px 0; } @media (min-width: 701px) { body.g-addons-plm .stats-row { grid-template-columns: repeat(4, 1fr); } } body.g-addons-plm .eco-flow { background: linear-gradient(135deg, #1a1a2e 0%, #0d3b4d 100%); border-radius: 15px; padding: 25px; margin: 25px 0; } body.g-addons-plm .eco-flow-title { color: rgba(255,255,255,0.9); font-size: 1rem; font-weight: 600; margin-bottom: 20px; text-align: center; } body.g-addons-plm .eco-steps { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 15px; } body.g-addons-plm .eco-step { background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); border-radius: 10px; padding: 15px 20px; text-align: center; min-width: 120px; } body.g-addons-plm .eco-step-icon { font-size: 1.5rem; color: var(--paper); margin-bottom: 8px; } body.g-addons-plm .eco-step-label { font-size: 0.8rem; color: rgba(255,255,255,0.8); } body.g-addons-plm .eco-step.teal { border-left: 3px solid #00BCD4; } body.g-addons-plm .eco-step.blue { border-left: 3px solid #2196F3; } body.g-addons-plm .eco-step.green { border-left: 3px solid #4CAF50; } body.g-addons-plm .eco-step.orange { border-left: 3px solid #FF9800; } body.g-addons-plm .eco-arrow { color: rgba(255,255,255,0.5); font-size: 1.2rem; } @media (max-width: 900px) { body.g-addons-plm .stats-row { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-addons-plm .stats-row { grid-template-columns: repeat(2, 1fr); } } } /* --- en/applications/addons/sodoo-plus/index.html --- */ body.g-addons-sodoo-plus .header { position: fixed; top: 0; left: 0; right: 0; height: var(--header-height); background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%); color: var(--paper); display: flex; align-items: center; padding: 0 2rem; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.15); flex-wrap: wrap; } body.g-addons-sodoo-plus .header-logo { font-size: 1.5rem; font-weight: 700; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } body.g-addons-sodoo-plus .header-logo i { font-size: 1.75rem; } body.g-addons-sodoo-plus .header-nav { margin-left: auto; display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap; } body.g-addons-sodoo-plus .header-nav a { color: rgba(255,255,255,0.9); text-decoration: none; font-size: 0.9rem; font-weight: 500; transition: color 0.2s; } body.g-addons-sodoo-plus .header-nav a:hover { color: var(--paper); } body.g-addons-sodoo-plus .layout { display: flex; padding-top: var(--header-height); min-height: 100vh; flex-wrap: wrap; } body.g-addons-sodoo-plus .sidebar-section-title { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--text-light); padding: 0 1.5rem; margin-bottom: 0.5rem; } body.g-addons-sodoo-plus .module-badge { display: inline-block; background: var(--primary-color); color: var(--paper); font-size: 0.75rem; font-weight: 700; padding: 1px 5px; border-radius: 8px; margin-left: auto; letter-spacing: 0.3px; } body.g-addons-sodoo-plus .content { margin-left: var(--sidebar-width); margin-right: var(--toc-width); flex: 1; min-width: 0; } body.g-addons-sodoo-plus .content-inner { padding: 2rem 3rem; max-width: min(820px, 100%); } body.g-addons-sodoo-plus .page-header { background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 50%, #BF360C 100%); border-radius: 16px; padding: 2.5rem; margin-bottom: 2.5rem; color: var(--paper); position: relative; overflow: hidden; } body.g-addons-sodoo-plus .page-header::before { content: ''; position: absolute; top: -30%; right: -10%; width: min(300px, 100%); height: 300px; border-radius: 50%; background: rgba(255,255,255,0.05); } body.g-addons-sodoo-plus .page-header-icon { width: 72px; height: 72px; background: rgba(255,255,255,0.15); border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 2rem; margin-bottom: 1.25rem; flex-wrap: wrap; } body.g-addons-sodoo-plus .page-header h1 { font-size: 2rem; font-weight: 700; margin-bottom: 0.75rem; } body.g-addons-sodoo-plus .page-header p { font-size: 1.05rem; opacity: 0.9; line-height: 1.6; } body.g-addons-sodoo-plus .module-card-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.25rem; flex-wrap: wrap; } body.g-addons-sodoo-plus .module-meta { flex: 1; } body.g-addons-sodoo-plus .module-name { font-size: 1.3rem; font-weight: 700; color: var(--text-color); margin-bottom: 0.2rem; } body.g-addons-sodoo-plus .module-version { font-size: 0.78rem; color: var(--text-light); font-family: monospace; } body.g-addons-sodoo-plus .comparison-container { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; margin: 2rem 0; } @media (min-width: 701px) { body.g-addons-sodoo-plus .comparison-container { grid-template-columns: 1fr 1fr; } } body.g-addons-sodoo-plus .comparison-card.old { background: linear-gradient(135deg, #ffebee, #ffcdd2); border-color: #ef5350; } body.g-addons-sodoo-plus .comparison-card.new { background: linear-gradient(135deg, #FFF3E0, #FFE0B2); border-color: var(--primary-color); } body.g-addons-sodoo-plus .comparison-card.old h4 { color: #c62828; } body.g-addons-sodoo-plus .comparison-card.new h4 { color: var(--primary-dark); } @media (max-width: 768px) { body.g-addons-sodoo-plus .comparison-container { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-addons-sodoo-plus .comparison-container { grid-template-columns: 1fr; } } } body.g-addons-sodoo-plus .module-overview-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 1rem; margin: 2rem 0; } body.g-addons-sodoo-plus .module-overview-card { background: var(--paper); border: 1px solid var(--border-color); border-radius: 12px; padding: 1.25rem; text-align: center; transition: all 0.3s; text-decoration: none; } body.g-addons-sodoo-plus .module-overview-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.1); transform: translateY(-2px); border-color: var(--primary-light); } body.g-addons-sodoo-plus .module-overview-card .icon { width: 48px; height: 48px; border-radius: 10px; margin: 0 auto 0.75rem; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; color: var(--paper); flex-wrap: wrap; } body.g-addons-sodoo-plus .module-overview-card .name { font-weight: 600; font-size: 0.9rem; color: var(--text-color); margin-bottom: 0.25rem; } body.g-addons-sodoo-plus .module-overview-card .desc { font-size: 0.75rem; color: var(--text-light); } @media (max-width: 1200px) { body.g-addons-sodoo-plus .content { margin-right: 0; } } @media (max-width: 768px) { body.g-addons-sodoo-plus .content { margin-left: 0; } } /* --- en/applications/addons/tr-localization/index.html --- */ body.g-addons-tr-localization .layout { display: flex; min-height: 100vh; flex-wrap: wrap; } body.g-addons-tr-localization .sidebar-header { padding: 20px; border-bottom: 1px solid var(--border); background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); color: var(--paper); } body.g-addons-tr-localization .sidebar-logo { font-size: 1.5rem; font-weight: 700; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } body.g-addons-tr-localization .sidebar-nav { padding: 15px 0; } body.g-addons-tr-localization .nav-section-title { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; color: var(--text-light); padding: 10px 15px 5px; letter-spacing: 0.5px; } body.g-addons-tr-localization .nav-link { display: flex; align-items: center; gap: 10px; padding: 10px 15px; color: var(--text); text-decoration: none; border-radius: 8px; margin: 2px 10px; transition: all 0.2s; font-size: 0.9rem; flex-wrap: wrap; } body.g-addons-tr-localization .nav-link:hover { background: var(--primary-light); color: var(--primary); } body.g-addons-tr-localization .nav-link.active { background: var(--primary); color: var(--paper); } body.g-addons-tr-localization .nav-link i { width: 20px; text-align: center; } body.g-addons-tr-localization .page-header { margin-bottom: 40px; } body.g-addons-tr-localization .module-info h1 { font-size: 2.2rem; font-weight: 700; color: var(--text); margin-bottom: 10px; } body.g-addons-tr-localization .module-info .subtitle { font-size: 1.1rem; color: var(--text-light); margin-bottom: 15px; } body.g-addons-tr-localization .module-meta { display: flex; flex-wrap: wrap; gap: 15px; } body.g-addons-tr-localization .meta-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; background: var(--bg); border-radius: 20px; font-size: 0.85rem; color: var(--text-light); flex-wrap: wrap; } body.g-addons-tr-localization .meta-badge i { color: var(--primary); } body.g-addons-tr-localization .author-badge { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; background: linear-gradient(135deg, var(--surround) 0%, var(--rule) 100%); border: 1px solid var(--border); border-radius: 10px; margin-top: 20px; flex-wrap: wrap; } body.g-addons-tr-localization .author-badge .author-info { display: flex; flex-direction: column; flex-wrap: wrap; } body.g-addons-tr-localization .author-badge .author-label { font-size: 0.75rem; color: var(--text-light); text-transform: uppercase; letter-spacing: 0.5px; } body.g-addons-tr-localization .author-badge .author-name { font-size: 0.9rem; font-weight: 600; color: var(--text); } body.g-addons-tr-localization .section { margin-bottom: 50px; } body.g-addons-tr-localization .module-card-header { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; flex-wrap: wrap; } body.g-addons-tr-localization .module-card-icon.red { background: linear-gradient(135deg, var(--accent), #B71C1C); } body.g-addons-tr-localization .module-card-icon.blue { background: linear-gradient(135deg, #1976D2, #1565C0); } body.g-addons-tr-localization .module-card-icon.green { background: linear-gradient(135deg, #388E3C, #2E7D32); } body.g-addons-tr-localization .module-card-icon.orange { background: linear-gradient(135deg, #F57C00, #EF6C00); } body.g-addons-tr-localization .module-card-icon.purple { background: linear-gradient(135deg, #7B1FA2, #6A1B9A); } body.g-addons-tr-localization .module-card-icon.teal { background: linear-gradient(135deg, #00838F, #006064); } body.g-addons-tr-localization .module-card-features { display: flex; flex-wrap: wrap; gap: 6px; } body.g-addons-tr-localization .invoice-flow { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); border-radius: 15px; padding: 25px; margin: 25px 0; } body.g-addons-tr-localization .flow-title { color: rgba(255,255,255,0.9); font-size: 1rem; font-weight: 600; margin-bottom: 20px; text-align: center; } body.g-addons-tr-localization .flow-steps { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 15px; } body.g-addons-tr-localization .flow-step { background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); border-radius: 10px; padding: 15px 20px; text-align: center; min-width: 120px; } body.g-addons-tr-localization .flow-step-icon { font-size: 1.5rem; color: var(--paper); margin-bottom: 8px; } body.g-addons-tr-localization .flow-step-label { font-size: 0.8rem; color: rgba(255,255,255,0.8); } body.g-addons-tr-localization .flow-step.red { border-left: 3px solid #F44336; } body.g-addons-tr-localization .flow-step.blue { border-left: 3px solid #2196F3; } body.g-addons-tr-localization .flow-step.green { border-left: 3px solid #4CAF50; } body.g-addons-tr-localization .flow-step.orange { border-left: 3px solid #FF9800; } body.g-addons-tr-localization .flow-arrow { color: rgba(255,255,255,0.5); font-size: 1.2rem; } body.g-addons-tr-localization .invoice-types { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; margin: 25px 0; } @media (min-width: 701px) { body.g-addons-tr-localization .invoice-types { grid-template-columns: repeat(3, 1fr); } } body.g-addons-tr-localization .invoice-type { background: var(--white); border: 2px solid var(--border); border-radius: 12px; padding: 25px; text-align: center; transition: all 0.3s; } body.g-addons-tr-localization .invoice-type:hover { border-color: var(--primary); box-shadow: 0 5px 20px rgba(198, 40, 40, 0.15); } body.g-addons-tr-localization .invoice-type-icon { width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; font-size: 1.8rem; color: var(--paper); flex-wrap: wrap; } body.g-addons-tr-localization .invoice-type-icon.basic { background: linear-gradient(135deg, #607D8B, #455A64); } body.g-addons-tr-localization .invoice-type-icon.commercial { background: linear-gradient(135deg, #2196F3, #1976D2); } body.g-addons-tr-localization .invoice-type-icon.archive { background: linear-gradient(135deg, #4CAF50, #388E3C); } body.g-addons-tr-localization .invoice-type-name { font-weight: 700; color: var(--text); font-size: 1.1rem; margin-bottom: 5px; } body.g-addons-tr-localization .invoice-type-code { font-size: 0.8rem; color: var(--text-light); margin-bottom: 15px; } body.g-addons-tr-localization .invoice-type-desc { font-size: 0.85rem; color: var(--text-light); line-height: 1.5; } body.g-addons-tr-localization .stats-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 15px; margin: 20px 0; } @media (min-width: 701px) { body.g-addons-tr-localization .stats-row { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 900px) { body.g-addons-tr-localization .feature-grid, body.g-addons-tr-localization .module-cards, body.g-addons-tr-localization .invoice-types { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-addons-tr-localization .feature-grid, body.g-addons-tr-localization .module-cards, body.g-addons-tr-localization .invoice-types { grid-template-columns: 1fr; } } body.g-addons-tr-localization .stats-row { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-addons-tr-localization .stats-row { grid-template-columns: repeat(2, 1fr); } } } /* --- en/applications/crm/index.html --- */ body.g-crm .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-crm .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 2rem; line-height: 1.6; } body.g-crm .scenario-situation { font-weight: 600; color: #5D4037; margin-bottom: 1rem; } body.g-crm .scenario-steps { margin: 0; padding-left: 1.5rem; } body.g-crm .scenario-steps li { margin: 0.75rem 0; color: #4E342E; } body.g-crm .scenario-result { margin-top: 1rem; padding-top: 1rem; border-top: 1px dashed #FFC107; color: #388E3C; font-weight: 500; } body.g-crm .scenario-result i { margin-right: 0.5rem; } body.g-crm .comparison-card.positive { border-color: #4CAF50; background: #f1f8e9; } body.g-crm .comparison-card.negative { border-color: #f44336; background: #ffebee; } body.g-crm .comparison-card.positive h5 { color: #2E7D32; } body.g-crm .comparison-card.negative h5 { color: #C62828; } body.g-crm .bant-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; margin: 1.5rem 0; } @media (min-width: 701px) { body.g-crm .bant-grid { grid-template-columns: repeat(2, 1fr); } } body.g-crm .bant-card { border-radius: 12px; padding: 1.25rem; } body.g-crm .bant-card.budget { background: linear-gradient(135deg, #e3f2fd, #bbdefb); border-left: 4px solid #2196F3; } body.g-crm .bant-card.authority { background: linear-gradient(135deg, #f3e5f5, #e1bee7); border-left: 4px solid #9C27B0; } body.g-crm .bant-card.need { background: linear-gradient(135deg, #e8f5e9, #c8e6c9); border-left: 4px solid #4CAF50; } body.g-crm .bant-card.timeline { background: linear-gradient(135deg, #fff3e0, #ffe0b2); border-left: 4px solid #FF9800; } body.g-crm .bant-card h4 { margin: 0 0 0.5rem 0; font-size: 1rem; } body.g-crm .bant-card p { margin: 0; font-size: 0.9rem; color: var(--ink-soft); } @media (max-width: 900px) { body.g-crm .bant-grid { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-crm .bant-grid { grid-template-columns: 1fr; } } } /* --- en/applications/hr/index.html --- */ body.g-hr .page-title { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 1rem; font-weight: 700; text-align: center; } body.g-hr .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 2rem; line-height: 1.6; text-align: center; } body.g-hr .lifecycle-diagram { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; background: linear-gradient(135deg, var(--surround) 0%, var(--rule) 100%); padding: 2rem; border-radius: 12px; margin: 2rem 0; } @media (max-width: 768px) { body.g-hr .lifecycle-diagram { flex-direction: column; align-items: center; } } body.g-hr .scenario-situation { background: #F3E5F5; padding: 1rem; border-radius: 8px; margin-bottom: 1rem; } body.g-hr .scenario-steps { margin-left: 1.5rem; } body.g-hr .scenario-steps li { margin: 0.75rem 0; } body.g-hr .comparison-container { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; margin: 2rem 0; } @media (min-width: 701px) { body.g-hr .comparison-container { grid-template-columns: 1fr 1fr; } } body.g-hr .comparison-card.old { background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%); border-color: #ef5350; } body.g-hr .comparison-card.new { background: linear-gradient(135deg, #F3E5F5 0%, #E1BEE7 100%); border-color: var(--accent); } body.g-hr .comparison-card.old h4 { color: #c62828; } body.g-hr .comparison-card.new h4 { color: var(--accent-dim); } @media (max-width: 768px) { body.g-hr .comparison-container { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-hr .comparison-container { grid-template-columns: 1fr; } } } body.g-hr .checklist-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin: 2rem 0; } body.g-hr .submodule-section { background: linear-gradient(135deg, var(--surround) 0%, var(--paper) 100%); border: 1px solid var(--rule); border-radius: 12px; padding: 2rem; margin: 2rem 0; } body.g-hr .submodule-section h3 { color: var(--accent-dim); margin-top: 0; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } body.g-hr .submodule-section h3 i { font-size: 1.5rem; opacity: 0.8; } body.g-hr .related-module { background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%); border-radius: 12px; padding: 1.5rem; margin: 2rem 0; display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; } body.g-hr .related-module i { font-size: 2.5rem; color: #1976D2; } body.g-hr .related-module-content h4 { margin: 0 0 0.25rem; color: #1565C0; } body.g-hr .related-module-content p { margin: 0; color: #37474F; font-size: 0.9rem; } body.g-hr .related-module-content a { color: #1976D2; text-decoration: none; font-weight: 600; } body.g-hr .related-module-content a:hover { text-decoration: underline; } body.g-hr .salary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-hr .salary-card { background: linear-gradient(135deg, #F3E5F5 0%, #E1BEE7 100%); border-radius: 10px; padding: 1rem 1.25rem; border-left: 4px solid var(--accent); } body.g-hr .salary-card h5 { margin: 0 0 0.5rem 0; color: var(--accent-dim); font-size: 0.95rem; } body.g-hr .salary-card p { margin: 0; color: var(--ink-soft); font-size: 0.88rem; } /* --- en/applications/index.html --- */ body.g-home .app-card-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; flex-wrap: wrap; } body.g-home .category-section { margin-bottom: 3rem; } body.g-home .category-title { font-size: 1.5rem; color: var(--ink); margin-bottom: 0.5rem; padding-bottom: 0.5rem; border-bottom: 3px solid; } body.g-home .category-desc { color: var(--ink-soft); margin-bottom: 1rem; } /* --- en/applications/inventory/index.html --- */ body.g-inventory .page-title { font-size: 2.5rem; color: #E65100; margin-bottom: 1rem; font-weight: 700; text-align: center; } body.g-inventory .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 2rem; line-height: 1.6; text-align: center; } body.g-inventory .scenario-situation { color: #5D4037; margin-bottom: 0.75rem; } body.g-inventory .scenario-steps { margin: 0; padding-left: 1.25rem; } body.g-inventory .scenario-steps li { color: #6D4C41; margin: 0.4rem 0; } body.g-inventory .related-module { background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%); border-radius: 12px; padding: 1.5rem; margin: 2rem 0; display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; } body.g-inventory .related-module i { font-size: 2.5rem; color: #1976D2; } body.g-inventory .related-module-content h4 { margin: 0 0 0.25rem; color: #1565C0; } body.g-inventory .related-module-content p { margin: 0; color: #37474F; font-size: 0.9rem; } body.g-inventory .related-module-content a { color: #1976D2; text-decoration: none; font-weight: 600; } body.g-inventory .related-module-content a:hover { text-decoration: underline; } body.g-inventory .comparison-table th { background: #E65100; } body.g-inventory .comparison-table td:first-child { font-weight: 600; color: #E65100; } body.g-inventory .strategy-table { margin: 1.5rem 0; } body.g-inventory .strategy-table th { background: linear-gradient(135deg, var(--accent), var(--accent-dim)); } body.g-inventory .strategy-table tr:nth-child(even) { background: #FFF8E1; } body.g-inventory .checklist-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin: 2rem 0; } body.g-inventory .submodule-section { background: linear-gradient(135deg, var(--surround) 0%, var(--paper) 100%); border: 1px solid var(--rule); border-radius: 12px; padding: 2rem; margin: 2rem 0; } body.g-inventory .submodule-section h3 { color: #E65100; margin-top: 0; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } body.g-inventory .submodule-section h3 i { font-size: 1.5rem; opacity: 0.8; } /* --- en/applications/manufacturing/index.html --- */ body.g-manufacturing .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-manufacturing .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 0.5rem; } body.g-manufacturing .page-theme { font-size: 1.3rem; color: var(--accent-dim); font-weight: 600; font-style: italic; } body.g-manufacturing .scenario-situation { background: #FFF3E0; padding: 1rem; border-radius: 8px; margin-bottom: 1rem; } body.g-manufacturing .scenario-steps { counter-reset: scenario-step; list-style: none; padding-left: 0; } body.g-manufacturing .scenario-steps li { counter-increment: scenario-step; padding: 0.75rem 0 0.75rem 3rem; position: relative; border-bottom: 1px dashed var(--rule); } body.g-manufacturing .scenario-steps li:last-child { border-bottom: none; } body.g-manufacturing .scenario-steps li::before { content: counter(scenario-step); position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 2rem; height: 2rem; background: linear-gradient(135deg, var(--accent), var(--accent-dim)); color: var(--paper); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.9rem; flex-wrap: wrap; } body.g-manufacturing .manufacturing-lifecycle { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; margin: 2rem 0; padding: 2rem; background: linear-gradient(135deg, var(--surround) 0%, var(--rule) 100%); border-radius: 16px; } body.g-manufacturing .lifecycle-label { font-size: 0.85rem; font-weight: 600; color: var(--ink); text-align: center; } body.g-manufacturing .bom-tree { background: var(--surround); border: 1px solid var(--rule); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; font-family: monospace; } body.g-manufacturing .bom-tree .product { padding: 0.5rem; margin: 0.25rem 0; background: linear-gradient(135deg, var(--accent), var(--accent-dim)); color: var(--paper); border-radius: 6px; display: inline-block; } body.g-manufacturing .bom-tree .component { padding: 0.5rem; margin: 0.25rem 0; background: var(--paper); border: 2px solid var(--accent); border-radius: 6px; display: inline-block; } body.g-manufacturing .bom-tree .subcomponent { padding: 0.5rem; margin: 0.25rem 0; background: #FFF3E0; border: 1px solid #FFB74D; border-radius: 6px; display: inline-block; } body.g-manufacturing .bom-level { margin-left: 2rem; } body.g-manufacturing .workcenter-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-manufacturing .workcenter-card { background: var(--paper); border: 2px solid var(--rule); border-radius: 12px; padding: 1.25rem; text-align: center; transition: all 0.3s; } body.g-manufacturing .workcenter-card:hover { border-color: var(--accent); box-shadow: 0 4px 12px rgba(230, 81, 0, 0.2); } body.g-manufacturing .workcenter-card.active { border-color: #4CAF50; background: #E8F5E9; } body.g-manufacturing .workcenter-card i { font-size: 2rem; color: var(--accent); margin-bottom: 0.5rem; } body.g-manufacturing .workcenter-card h5 { margin: 0.5rem 0; color: var(--ink); } body.g-manufacturing .workcenter-card .status { font-size: 0.85rem; padding: 0.25rem 0.75rem; border-radius: 12px; display: inline-block; } body.g-manufacturing .workcenter-card .status.available { background: #E8F5E9; color: #388E3C; } body.g-manufacturing .workcenter-card .status.busy { background: #FFF3E0; color: #F57C00; } body.g-manufacturing .comparison-card.old { background: #FFEBEE; border: 2px solid #EF9A9A; } body.g-manufacturing .comparison-card.new { background: #E8F5E9; border: 2px solid #A5D6A7; } body.g-manufacturing .comparison-header { padding: 1rem; font-weight: 600; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } body.g-manufacturing .comparison-card.old .comparison-header { background: #FFCDD2; color: #C62828; } body.g-manufacturing .comparison-card.new .comparison-header { background: #C8E6C9; color: #2E7D32; } body.g-manufacturing .comparison-content { padding: 1rem; } body.g-manufacturing .comparison-content ul { margin: 0; padding-left: 1.25rem; } body.g-manufacturing .quality-stages { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1.5rem 0; } body.g-manufacturing .quality-stage { flex: 1; min-width: 150px; background: var(--paper); border: 2px solid var(--rule); border-radius: 12px; padding: 1rem; text-align: center; } body.g-manufacturing .quality-stage.pass { border-color: #4CAF50; background: #E8F5E9; } body.g-manufacturing .quality-stage.fail { border-color: #F44336; background: #FFEBEE; } body.g-manufacturing .quality-stage.hold { border-color: #FF9800; background: #FFF3E0; } body.g-manufacturing .quality-stage i { font-size: 1.5rem; margin-bottom: 0.5rem; display: block; } body.g-manufacturing .quality-stage.pass i { color: #4CAF50; } body.g-manufacturing .quality-stage.fail i { color: #F44336; } body.g-manufacturing .quality-stage.hold i { color: #FF9800; } body.g-manufacturing .oee-display { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin: 2rem 0; padding: 2rem; background: var(--surround); border-radius: 12px; } body.g-manufacturing .oee-component { text-align: center; } body.g-manufacturing .oee-circle { width: 100px; height: 100px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 0.5rem; flex-wrap: wrap; } body.g-manufacturing .oee-circle.availability { background: linear-gradient(135deg, #4CAF50, #2E7D32); color: var(--paper); } body.g-manufacturing .oee-circle.performance { background: linear-gradient(135deg, #2196F3, #1565C0); color: var(--paper); } body.g-manufacturing .oee-circle.quality { background: linear-gradient(135deg, #9C27B0, #6A1B9A); color: var(--paper); } body.g-manufacturing .oee-circle.total { background: linear-gradient(135deg, var(--accent), var(--accent-dim)); color: var(--paper); } body.g-manufacturing .oee-value { font-size: 1.5rem; font-weight: 700; } body.g-manufacturing .oee-label { font-size: 0.75rem; opacity: 0.9; } body.g-manufacturing .oee-title { font-weight: 600; color: var(--ink); } body.g-manufacturing .module-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 1.5rem 0; } body.g-manufacturing .module-link { display: flex; align-items: center; gap: 1rem; padding: 1rem; background: var(--paper); border: 2px solid var(--rule); border-radius: 8px; text-decoration: none; color: var(--ink); transition: all 0.3s; flex-wrap: wrap; } body.g-manufacturing .module-link:hover { border-color: var(--accent); background: #FFF3E0; } body.g-manufacturing .module-link i { font-size: 1.5rem; color: var(--accent); } body.g-manufacturing .menu-path i.fa-chevron-right { font-size: 0.75rem; color: var(--ink-faint); } @media (max-width: 768px) { body.g-manufacturing .manufacturing-lifecycle { flex-direction: column; } } /* --- en/applications/productivity/index.html --- */ body.g-productivity .page-hero { background: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%); color: var(--paper); padding: 3rem 2rem; text-align: center; margin-bottom: 2rem; } body.g-productivity .page-title { font-size: 2.5rem; font-weight: 700; margin-bottom: 0.5rem; } body.g-productivity .page-subtitle { font-size: 1.2rem; opacity: 0.9; } body.g-productivity .tool-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin: 2rem 0; } body.g-productivity .tool-card-header { padding: 1.5rem; color: var(--paper); display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; } body.g-productivity .tool-card-header.ai-cowork { background: linear-gradient(135deg, #8B5CF6 0%, #6D28D9 100%); } body.g-productivity .tool-card-header.sotion { background: linear-gradient(135deg, #A55EEA 0%, #8B3DD7 100%); } body.g-productivity .tool-card-header.sodooc { background: linear-gradient(135deg, #0984E3 0%, #0770CC 100%); } body.g-productivity .tool-card-header.sodraw { background: linear-gradient(135deg, #d63031 0%, #b71c1c 100%); } body.g-productivity .tool-card-header.extable { background: linear-gradient(135deg, #00B894 0%, #00a281 100%); } body.g-productivity .tool-card-header.discuss { background: linear-gradient(135deg, #7C3AED 0%, #5B21B6 100%); } body.g-productivity .tool-card-header.calendar { background: linear-gradient(135deg, #0891B2 0%, #0E7490 100%); } body.g-productivity .tool-card-header.sign { background: linear-gradient(135deg, #E67E22 0%, #D35400 100%); } body.g-productivity .tool-card-header i { font-size: 2rem; } body.g-productivity .tool-card-header h3 { color: var(--paper); margin: 0; font-size: 1.5rem; } body.g-productivity .tool-card-body { padding: 1.5rem; } body.g-productivity .tool-card-body p { color: var(--ink-soft); margin-bottom: 1rem; } body.g-productivity .tool-card-body ul { margin: 0; padding: 0; list-style: none; } body.g-productivity .tool-card-body li { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0; font-size: 0.9rem; color: var(--ink-soft); flex-wrap: wrap; } body.g-productivity .tool-card-body li i { color: #4CAF50; } body.g-productivity .ai-showcase { background: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%); border-radius: 16px; padding: 2rem; margin: 2rem 0; color: var(--paper); position: relative; overflow: hidden; } body.g-productivity .ai-showcase::before { content: ''; position: absolute; top: -50%; right: -50%; width: 100%; height: 100%; background: radial-gradient(circle, rgba(139,92,246,0.3) 0%, transparent 70%); } body.g-productivity .ai-showcase h3 { color: #C4B5FD; margin-top: 0; position: relative; } body.g-productivity .ai-showcase p { opacity: 0.85; position: relative; } body.g-productivity .ai-providers { display: flex; flex-wrap: wrap; gap: 0.75rem; margin: 1rem 0; position: relative; } body.g-productivity .provider-badge { display: flex; align-items: center; gap: 0.5rem; padding: 0.4rem 0.9rem; border-radius: 20px; font-size: 0.85rem; font-weight: 600; flex-wrap: wrap; } body.g-productivity .provider-badge.claude { background: rgba(255,149,0,0.2); border: 1px solid rgba(255,149,0,0.5); color: #FFA726; } body.g-productivity .provider-badge.gpt { background: rgba(16,163,127,0.2); border: 1px solid rgba(16,163,127,0.5); color: #4ADE80; } body.g-productivity .provider-badge.gemini { background: rgba(66,133,244,0.2); border: 1px solid rgba(66,133,244,0.5); color: #60A5FA; } body.g-productivity .provider-badge.deepseek { background: rgba(99,102,241,0.2); border: 1px solid rgba(99,102,241,0.5); color: #A78BFA; } body.g-productivity .provider-badge.mistral { background: rgba(239,68,68,0.2); border: 1px solid rgba(239,68,68,0.5); color: #F87171; } body.g-productivity .provider-badge.llama { background: rgba(245,158,11,0.2); border: 1px solid rgba(245,158,11,0.5); color: #FCD34D; } body.g-productivity .provider-badge.groq { background: rgba(236,72,153,0.2); border: 1px solid rgba(236,72,153,0.5); color: #F9A8D4; } body.g-productivity .ai-command-examples { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 1.25rem; margin: 1rem 0; position: relative; } body.g-productivity .ai-command-examples h4 { color: #A78BFA; margin: 0 0 0.75rem 0; font-size: 0.95rem; } body.g-productivity .command-line { display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem 0; border-bottom: 1px solid rgba(255,255,255,0.05); font-size: 0.9rem; flex-wrap: wrap; } body.g-productivity .command-line:last-child { border-bottom: none; } body.g-productivity .command-line .prompt { color: #A78BFA; font-weight: 700; } body.g-productivity .command-line .cmd { color: #E2E8F0; font-family: 'Courier New', monospace; } body.g-productivity .ai-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 1rem; margin: 1.5rem 0; position: relative; } body.g-productivity .ai-stat { background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 1rem; text-align: center; } body.g-productivity .ai-stat .stat-value { font-size: 1.75rem; font-weight: 700; color: #C4B5FD; } body.g-productivity .ai-stat .stat-label { font-size: 0.8rem; opacity: 0.75; margin-top: 0.25rem; } body.g-productivity .scenario-box.sotion { background: linear-gradient(135deg, #EDE7F6 0%, #D1C4E9 100%); border-color: #A55EEA; } body.g-productivity .scenario-box.sodooc { background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%); border-color: #0984E3; } body.g-productivity .scenario-box.sodraw { background: linear-gradient(135deg, #FFEBEE 0%, #FFCDD2 100%); border-color: #d63031; } body.g-productivity .scenario-box.sotion .scenario-header i { color: #A55EEA; } body.g-productivity .scenario-box.sodooc .scenario-header i { color: #0984E3; } body.g-productivity .scenario-box.sodraw .scenario-header i { color: #d63031; } body.g-productivity .scenario-situation { margin-bottom: 1rem; padding: 0.75rem; background: rgba(255,255,255,0.6); border-radius: 8px; } body.g-productivity .scenario-steps { margin: 0; padding-left: 1.5rem; } body.g-productivity .scenario-steps li { margin-bottom: 0.5rem; color: var(--ink-soft); } body.g-productivity .collab-lifecycle { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; margin: 2rem 0; padding: 2rem; background: linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 100%); border-radius: 16px; } body.g-productivity .collab-arrow { display: flex; align-items: center; font-size: 1.5rem; color: #4CAF50; padding: 0 0.5rem; flex-wrap: wrap; } body.g-productivity .comparison-card.old { border-top: 4px solid #F44336; } body.g-productivity .comparison-card.new { border-top: 4px solid #4CAF50; } body.g-productivity .comparison-card.old h4 { color: #C62828; } body.g-productivity .comparison-card.new h4 { color: #2E7D32; } body.g-productivity .step-text { font-size: 14px; color: var(--ink); } body.g-productivity .workflow-diagram { display: flex; flex-direction: column; gap: 1rem; margin: 2rem 0; padding: 2rem; background: var(--surround); border-radius: 12px; flex-wrap: wrap; } body.g-productivity .workflow-row { display: flex; align-items: center; justify-content: center; gap: 1rem; flex-wrap: wrap; } body.g-productivity .workflow-box { display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1.25rem; background: var(--paper); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); flex-wrap: wrap; } body.g-productivity .workflow-box i { color: #4CAF50; } body.g-productivity .workflow-arrow { color: #4CAF50; font-size: 1.5rem; } body.g-productivity .module-showcase { background: linear-gradient(135deg, #2E7D32 0%, #1B5E20 100%); border-radius: 16px; padding: 2rem; margin: 2rem 0; color: var(--paper); } body.g-productivity .module-showcase h3 { color: var(--paper); margin-top: 0; } body.g-productivity .module-showcase p { opacity: 0.9; } body.g-productivity .usecase-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin: 2rem 0; } body.g-productivity .practices-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin: 2rem 0; } body.g-productivity .menu-path i.fa-chevron-right { font-size: 0.75rem; color: var(--ink-faint); } @media (max-width: 1024px) { body.g-productivity .collab-lifecycle { flex-direction: column; align-items: center; } body.g-productivity .collab-arrow { transform: rotate(90deg); } } @media (max-width: 768px) { body.g-productivity .ai-providers { gap: 0.5rem; } } /* --- en/applications/purchase/index.html --- */ body.g-purchase .page-title { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; font-weight: 700; } body.g-purchase .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 2rem; line-height: 1.6; } body.g-purchase .scenario-situation { background: var(--surround); padding: 1rem; border-radius: 8px; margin-bottom: 1rem; border-left: 4px solid var(--accent); font-weight: 600; color: #4A148C; } body.g-purchase .scenario-result { background: #e8f5e9; padding: 1rem; border-radius: 8px; margin-top: 1rem; border-left: 4px solid #4CAF50; } body.g-purchase .status-badge.draft { background: var(--rule); color: #616161; } body.g-purchase .status-badge.sent { background: #e3f2fd; color: #1976D2; } body.g-purchase .status-badge.pending { background: #fff3e0; color: #F57C00; } body.g-purchase .status-badge.confirmed { background: #e8f5e9; color: #388E3C; } body.g-purchase .status-badge.done { background: #f3e5f5; color: var(--accent-dim); } body.g-purchase .status-badge.cancelled { background: #ffebee; color: #D32F2F; } body.g-purchase .comparison-card.positive { border-color: #4CAF50; background: #f1f8e9; } body.g-purchase .comparison-card.negative { border-color: #f44336; background: #ffebee; } body.g-purchase .comparison-card.positive h5 { color: #2E7D32; } body.g-purchase .comparison-card.negative h5 { color: #C62828; } body.g-purchase .timeline-item { position: relative; padding: 1rem 0 1.5rem 1.5rem; } body.g-purchase .timeline-item::before { content: ''; position: absolute; left: -2rem; top: 1.25rem; width: 12px; height: 12px; background: var(--accent); border-radius: 50%; border: 3px solid #f3e5f5; } body.g-purchase .timeline-item h5 { color: var(--accent-dim); margin: 0 0 0.5rem 0; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } body.g-purchase .timeline-item p { margin: 0; font-size: 0.95rem; color: var(--ink-soft); } body.g-purchase .checklist { background: var(--surround); border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; border: 1px solid var(--rule); } body.g-purchase .checklist h4 { margin: 0 0 1rem 0; color: var(--accent-dim); } body.g-purchase .vendor-scorecard { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.5rem; margin: 1.5rem 0; } @media (min-width: 701px) { body.g-purchase .vendor-scorecard { grid-template-columns: repeat(4, 1fr); } } body.g-purchase .score-item { text-align: center; padding: 1rem; background: var(--surround); border-radius: 8px; } body.g-purchase .score-item .score-value { font-size: 1.5rem; font-weight: 700; color: var(--accent-dim); } body.g-purchase .score-item .score-label { font-size: 0.75rem; color: var(--ink-soft); text-transform: uppercase; margin-top: 0.25rem; } body.g-purchase .score-item.good { background: #e8f5e9; } body.g-purchase .score-item.good .score-value { color: #2E7D32; } body.g-purchase .score-item.warning { background: #fff3e0; } body.g-purchase .score-item.warning .score-value { color: #F57C00; } body.g-purchase .score-item.danger { background: #ffebee; } body.g-purchase .score-item.danger .score-value { color: #D32F2F; } @media (max-width: 900px) { body.g-purchase .vendor-scorecard { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-purchase .vendor-scorecard { grid-template-columns: repeat(2,1fr); } } } /* --- en/applications/sales/index.html --- */ body.g-sales .page-title { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 1rem; font-weight: 700; } body.g-sales .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 2rem; line-height: 1.6; } body.g-sales .scenario-situation { background: var(--paper); padding: 1rem; border-radius: 8px; margin-bottom: 1rem; border-left: 3px solid #FF9800; } body.g-sales .scenario-steps { counter-reset: scenario-step; list-style: none; padding-left: 0; } body.g-sales .scenario-steps li { counter-increment: scenario-step; padding: 0.75rem 1rem 0.75rem 3rem; position: relative; background: rgba(255,255,255,0.7); margin-bottom: 0.5rem; border-radius: 6px; } body.g-sales .scenario-steps li::before { content: counter(scenario-step); position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); background: var(--accent); color: var(--paper); width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 600; flex-wrap: wrap; } body.g-sales .related-module { background: linear-gradient(135deg, #FCE4EC 0%, #F8BBD9 100%); border-radius: 12px; padding: 1.5rem; margin: 2rem 0; display: flex; align-items: center; gap: 1rem; text-decoration: none; color: inherit; transition: all 0.3s ease; flex-wrap: wrap; } body.g-sales .related-module:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(233, 30, 99, 0.2); } body.g-sales .related-module i { font-size: 2rem; color: #E91E63; } body.g-sales .related-module-content h4 { margin: 0 0 0.25rem 0; color: #C2185B; } body.g-sales .related-module-content p { margin: 0; font-size: 0.9rem; color: var(--ink-soft); } /* --- en/applications/services/index.html --- */ body.g-services .page-title { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 1rem; font-weight: 700; } body.g-services .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); margin-bottom: 2rem; line-height: 1.6; } body.g-services .lifecycle-diagram { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; background: linear-gradient(135deg, #FFF3E0 0%, #FFE0B2 100%); padding: 2rem; border-radius: 12px; margin: 2rem 0; } @media (max-width: 768px) { body.g-services .lifecycle-diagram { flex-direction: column; align-items: center; } } body.g-services .scenario-situation { background: #FFF3E0; padding: 1rem; border-radius: 8px; margin-bottom: 1rem; } body.g-services .scenario-steps { margin-left: 1.5rem; } body.g-services .scenario-steps li { margin: 0.75rem 0; } body.g-services .comparison-container { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; margin: 2rem 0; } @media (min-width: 701px) { body.g-services .comparison-container { grid-template-columns: 1fr 1fr; } } body.g-services .comparison-card.old { background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%); border-color: #ef5350; } body.g-services .comparison-card.new { background: linear-gradient(135deg, #FFF3E0 0%, #FFE0B2 100%); border-color: var(--accent); } body.g-services .comparison-card.old h4 { color: #c62828; } body.g-services .comparison-card.new h4 { color: var(--accent-dim); } @media (max-width: 768px) { body.g-services .comparison-container { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-services .comparison-container { grid-template-columns: 1fr; } } } body.g-services .kanban-visual { display: flex; gap: 1rem; overflow-x: auto; padding: 1rem 0; margin: 1.5rem 0; flex-wrap: wrap; } body.g-services .kanban-column { min-width: 150px; background: var(--surround); border-radius: 8px; padding: 1rem; } body.g-services .kanban-column h5 { margin: 0 0 0.75rem 0; font-size: 0.85rem; color: var(--ink-soft); text-transform: uppercase; } body.g-services .kanban-card { background: var(--paper); border-left: 3px solid var(--accent); padding: 0.5rem; margin-bottom: 0.5rem; border-radius: 4px; font-size: 0.85rem; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } body.g-services .timeline-item { position: relative; margin-bottom: 1.5rem; padding-left: 1rem; } body.g-services .timeline-item::before { content: ''; position: absolute; left: -1.65rem; top: 0.5rem; width: 12px; height: 12px; background: var(--accent); border-radius: 50%; border: 2px solid var(--paper); box-shadow: 0 0 0 2px #FFE0B2; } body.g-services .timeline-date { font-size: 0.85rem; color: var(--accent-dim); font-weight: 600; } body.g-services .timeline-content { background: #FFF3E0; padding: 0.75rem 1rem; border-radius: 8px; margin-top: 0.5rem; } body.g-services .submodule-section { background: linear-gradient(135deg, var(--surround) 0%, var(--paper) 100%); border: 1px solid var(--rule); border-radius: 12px; padding: 2rem; margin: 2rem 0; } body.g-services .submodule-section h3 { color: var(--accent-dim); margin-top: 0; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } body.g-services .submodule-section h3 i { font-size: 1.5rem; opacity: 0.8; } body.g-services .menu-path i.fa-chevron-right { font-size: 0.75rem; color: var(--ink-faint); } /* --- en/applications/website/index.html --- */ body.g-website .page-title { font-size: 2.5rem; color: var(--accent-dim); margin-bottom: 1rem; font-weight: 700; } body.g-website .page-subtitle { font-size: 1.1rem; color: var(--ink-soft); line-height: 1.6; } body.g-website .submodule-section { background: linear-gradient(135deg, var(--surround) 0%, var(--paper) 100%); border: 1px solid var(--rule); border-radius: 12px; padding: 2rem; margin: 2rem 0; } body.g-website .submodule-section h3 { color: var(--accent-dim); margin-top: 0; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } body.g-website .submodule-section h3 i { font-size: 1.5rem; opacity: 0.8; } body.g-website .scenario-situation { background: #E0F7FA; padding: 1rem; border-radius: 8px; margin-bottom: 1rem; } body.g-website .scenario-steps { margin-left: 1.5rem; } body.g-website .scenario-steps li { margin: 0.75rem 0; } body.g-website .comparison-container { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; margin: 2rem 0; } @media (min-width: 701px) { body.g-website .comparison-container { grid-template-columns: 1fr 1fr; } } body.g-website .comparison-card.old { background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%); border-color: #ef5350; } body.g-website .comparison-card.new { background: linear-gradient(135deg, #E0F7FA 0%, #B2EBF2 100%); border-color: var(--accent); } body.g-website .comparison-card.old h4 { color: #c62828; } body.g-website .comparison-card.new h4 { color: var(--accent-dim); } @media (max-width: 768px) { body.g-website .comparison-container { grid-template-columns: minmax(0, 1fr); } @media (min-width: 701px) { body.g-website .comparison-container { grid-template-columns: 1fr; } } } body.g-website .menu-path i.fa-chevron-right { font-size: 0.75rem; color: var(--ink-faint); }