.date-calc-container{display:flex;flex-direction:column;gap:var(--space-6);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-xl);backdrop-filter:blur(16px);position:relative;overflow:hidden}.date-mode-nav{display:flex;gap:var(--space-2);flex-wrap:wrap;border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-3)}.date-tab{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;padding:8px 16px;border-radius:var(--radius-md);background:var(--surface-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--duration-fast) var(--ease-spring)}.date-tab:hover{background:var(--surface-overlay);color:var(--text-primary);border-color:var(--border-strong)}.date-tab.active{background:var(--primary);color:#f9fafb;border-color:var(--primary);box-shadow:0 2px 10px hsl(var(--primary-h) var(--primary-s) 50% / .35)}.bento-date-stage{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media(max-width:900px){.bento-date-stage{grid-template-columns:1fr}}.main-date-card{display:flex;flex-direction:column;gap:var(--space-5);background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-5)}.date-form-panel{display:flex;flex-direction:column;gap:var(--space-4)}.date-field{display:flex;flex-direction:column;gap:var(--space-1)}.date-field label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.date-input-wrapper{display:flex;align-items:center;gap:var(--space-2)}.date-input-wrapper input[type=date],.date-input-wrapper input[type=number]{width:100%;font-family:var(--font-mono);font-size:var(--text-base);font-weight:700;padding:10px 14px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--duration-fast)}.date-input-wrapper input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px hsl(var(--primary-h) var(--primary-s) 50% / .2)}.btn-today{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;padding:10px 12px;background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;white-space:nowrap}.btn-today:hover{background:var(--surface-overlay);color:var(--text-primary)}.tactile-op-toggle{display:inline-flex;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:3px;gap:3px;flex-shrink:0}.op-toggle-btn{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;padding:6px 10px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-out)}.op-toggle-btn:hover{color:var(--text-primary)}.op-toggle-btn.active{background:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .18);color:var(--primary);font-weight:700}.date-options-box{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-subtle)}.date-checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}.date-checkbox-label input{accent-color:var(--primary);width:16px;height:16px}.date-results-column{display:flex;flex-direction:column;gap:var(--space-5)}.primary-date-pill{display:flex;flex-direction:column;gap:4px;background:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .1);border:1px solid hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .35);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5)}.primary-date-val{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:900;color:var(--primary)}.primary-date-sub{font-size:var(--text-sm);color:var(--text-secondary)}.calendar-bar-wrapper{display:flex;flex-direction:column;gap:var(--space-2);background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.bar-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary)}.segmented-progress-bar{display:flex;height:14px;border-radius:var(--radius-full);overflow:hidden;background:var(--surface-card)}.seg-ouvres{background:#15c16b;transition:width .3s ease}.seg-weekends{background:#525f7a;transition:width .3s ease}.seg-feries{background:#f2a60d;transition:width .3s ease}.bar-legend{display:flex;gap:var(--space-3);font-size:11px;color:var(--text-secondary);flex-wrap:wrap}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.legend-dot.ouvres{background:#15c16b}.legend-dot.weekends{background:#525f7a}.legend-dot.feries{background:#f2a60d}.temporal-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.temporal-metric-card{display:flex;flex-direction:column;gap:2px;background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.tm-title{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase}.tm-val{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:800;color:var(--text-primary)}.tm-desc{font-size:11px;color:var(--text-secondary)}.holidays-list-box{display:flex;flex-direction:column;gap:var(--space-2);background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);max-height:120px;overflow-y:auto}.holidays-title{font-size:var(--text-xs);font-weight:700;color:#f4af25;text-transform:uppercase}.holiday-chip{font-size:12px;color:var(--text-secondary);display:flex;justify-content:space-between}@media(max-width:768px){.date-calc-container{padding:10px;gap:8px;margin-bottom:16px}.calc-title-group{display:none}.date-mode-nav{gap:4px;padding-bottom:6px}.date-tab{padding:6px 10px;font-size:.78rem}.main-date-card{padding:10px;gap:8px}.date-form-panel{gap:8px}.date-form-panel#panelEcart{display:grid;grid-template-columns:1fr 1fr;gap:8px}.date-field label{font-size:.75rem}.date-input-wrapper input[type=date],.date-input-wrapper input[type=number]{padding:8px 10px;font-size:.88rem}.btn-today{display:none}.calendar-bar-wrapper{margin-top:4px;padding:4px 0}.date-results-column{gap:8px}.primary-date-pill{padding:8px 12px}.primary-date-val{font-size:1.25rem}.temporal-metrics-grid{gap:6px}.temporal-metric-card{padding:6px 8px}}