[data-tool="date-dans-x-jours"]{--date-x-border: var(--outil-bord);--date-x-surface: var(--outil-surface);--date-x-surface-hover: var(--outil-surface-hover,#eef7ee);--date-x-action: #166534;--date-x-action-hover: #14532d;--date-x-action-text: #fff;--date-x-text: #1f2937;--date-x-soft-text: #374151;--date-x-title: #111827;display: grid;gap: 1rem;color: var(--date-x-text)}[data-tool="date-dans-x-jours"] *,[data-tool="date-dans-x-jours"] *::before,[data-tool="date-dans-x-jours"] *::after{box-sizing: border-box}[data-tool="date-dans-x-jours"] button:not(:disabled){cursor: pointer}[data-tool="date-dans-x-jours"] button:disabled{cursor: not-allowed}[data-tool="date-dans-x-jours"] .date-x-intro{margin: 0;color: var(--date-x-soft-text);line-height: 1.55}[data-tool="date-dans-x-jours"] .date-x-card{border: 1px solid var(--date-x-border);border-radius: 16px;background: #fff;padding: clamp(1rem,2.4vw,1.35rem)}[data-tool="date-dans-x-jours"] .date-x-card-head{margin-bottom: 1rem}[data-tool="date-dans-x-jours"] h2{width: 100%;margin: 0;color: var(--date-x-title);font-size: 1.08rem;font-weight: 900;line-height: 1.2;text-align: center}[data-tool="date-dans-x-jours"] .date-x-settings-layout{display: grid;gap: 1rem}[data-tool="date-dans-x-jours"] .date-x-top-row{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 1rem;align-items: end}[data-tool="date-dans-x-jours"] .date-x-bottom-row{display: flex;flex-wrap: wrap;gap: 1rem;align-items: end}[data-tool="date-dans-x-jours"] .date-x-date-field,[data-tool="date-dans-x-jours"] .date-x-days-field{display: grid;gap: 0.45rem;min-width: 0}[data-tool="date-dans-x-jours"] .date-x-date-field span,[data-tool="date-dans-x-jours"] .date-x-days-field>label,[data-tool="date-dans-x-jours"] .date-x-operation legend{display: block;color: var(--date-x-title);font-weight: 900;line-height: 1.2}[data-tool="date-dans-x-jours"] .date-x-date-field{width: 100%}[data-tool="date-dans-x-jours"] .date-x-operation{flex: 0 0 auto;width: 15.5rem;min-width: 0;margin: 0;border: 0;padding: 0}[data-tool="date-dans-x-jours"] .date-x-operation legend{margin: 0 0 0.45rem;padding: 0}[data-tool="date-dans-x-jours"] .date-x-selector{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.25rem;width: 100%;border: 1px solid var(--date-x-border);border-radius: 14px;background: #fff;padding: 0.25rem}[data-tool="date-dans-x-jours"] .date-x-selector-button{min-width: 0;width: 100%;min-height: 40px;border: 0;border-radius: 10px;background: transparent;color: var(--date-x-action);font: inherit;font-weight: 900;line-height: 1;text-align: center;transition: background-color 0.12s ease,color 0.12s ease,transform 0.12s ease}[data-tool="date-dans-x-jours"] .date-x-selector-button:hover,[data-tool="date-dans-x-jours"] .date-x-selector-button:focus-visible{background: var(--date-x-surface-hover);color: var(--date-x-action-hover)}[data-tool="date-dans-x-jours"] .date-x-selector-button:focus-visible{outline: 3px solid rgb(var(--outil-ombre-rgb) / 0.22);outline-offset: 2px}[data-tool="date-dans-x-jours"] .date-x-selector-button:active{transform: translateY(1px)}[data-tool="date-dans-x-jours"] .date-x-selector-button.is-active{background: var(--date-x-action);color: var(--date-x-action-text)}[data-tool="date-dans-x-jours"] .date-x-days-field{flex: 0 1 24rem;width: 24rem}[data-tool="date-dans-x-jours"] input[type="date"],[data-tool="date-dans-x-jours"] input[type="number"]{width: 100%;min-width: 0;min-height: 48px;border: 1px solid var(--date-x-border);border-radius: 12px;background: #fff;color: var(--date-x-title);font: inherit;font-size: 1.08rem;font-weight: 900;line-height: 1.15;padding: 0.65rem 0.8rem;transition: border-color 0.14s ease,box-shadow 0.14s ease,background-color 0.14s ease}[data-tool="date-dans-x-jours"] input[type="number"]{text-align: center;font-variant-numeric: tabular-nums}[data-tool="date-dans-x-jours"] input:focus-visible{border-color: var(--date-x-action-hover);outline: 3px solid rgb(var(--outil-ombre-rgb) / 0.22);outline-offset: 2px}[data-tool="date-dans-x-jours"] .date-x-days-control{display: grid;grid-template-columns: 44px minmax(5rem,1fr) 44px;gap: 0.55rem;align-items: center}[data-tool="date-dans-x-jours"] .date-x-step-button,[data-tool="date-dans-x-jours"] .date-x-button{border: 1px solid var(--date-x-action);border-radius: 12px;font: inherit;font-weight: 900;line-height: 1.1;touch-action: manipulation;transition: background-color 0.14s ease,border-color 0.14s ease,color 0.14s ease,box-shadow 0.14s ease,transform 0.1s ease}[data-tool="date-dans-x-jours"] .date-x-step-button{width: 44px;min-height: 48px;background: var(--date-x-action);color: var(--date-x-action-text);font-size: 1.25rem;display: inline-flex;align-items: center;justify-content: center;box-shadow: 0 6px 14px rgb(var(--outil-ombre-rgb) / 0.12)}[data-tool="date-dans-x-jours"] .date-x-step-button:hover,[data-tool="date-dans-x-jours"] .date-x-step-button:focus-visible{border-color: var(--date-x-action-hover);background: var(--date-x-action-hover)}[data-tool="date-dans-x-jours"] .date-x-step-button:not(:disabled):active,[data-tool="date-dans-x-jours"] .date-x-step-button.is-pressed,[data-tool="date-dans-x-jours"] .date-x-button:not(:disabled):active{transform: translateY(2px) scale(0.98);box-shadow: inset 0 2px 4px rgb(0 0 0 / 0.16)}[data-tool="date-dans-x-jours"] .date-x-step-button:focus-visible,[data-tool="date-dans-x-jours"] .date-x-button:focus-visible{outline: 3px solid rgb(var(--outil-ombre-rgb) / 0.22);outline-offset: 2px}[data-tool="date-dans-x-jours"] .date-x-actions{display: flex;flex-wrap: wrap;align-items: end;justify-content: flex-end;gap: 0.6rem}[data-tool="date-dans-x-jours"] .date-x-button{min-height: 48px;padding: 0.65rem 0.95rem}[data-tool="date-dans-x-jours"] .date-x-button-primary{background: var(--date-x-action);color: var(--date-x-action-text);box-shadow: 0 6px 14px rgb(var(--outil-ombre-rgb) / 0.12)}[data-tool="date-dans-x-jours"] .date-x-button-primary:hover,[data-tool="date-dans-x-jours"] .date-x-button-primary:focus-visible{border-color: var(--date-x-action-hover);background: var(--date-x-action-hover)}[data-tool="date-dans-x-jours"] .date-x-button-secondary{background: #fff;color: var(--date-x-action)}[data-tool="date-dans-x-jours"] .date-x-button-secondary:hover,[data-tool="date-dans-x-jours"] .date-x-button-secondary:focus-visible{border-color: var(--date-x-action-hover);color: var(--date-x-action-hover);background: var(--date-x-surface-hover)}[data-tool="date-dans-x-jours"] .date-x-result{display: grid;gap: 0.35rem}[data-tool="date-dans-x-jours"] .date-x-result-head{position: relative;display: grid;grid-template-columns: 1fr;justify-items: center;margin-bottom: 0;text-align: center}[data-tool="date-dans-x-jours"] .date-x-result-message{position: absolute;top: 50%;right: 0;max-width: min(16rem,35%);margin: 0;color: var(--date-x-action);font-size: 0.88rem;font-weight: 800;line-height: 1.25;text-align: right;opacity: 0;transform: translateY(-50%);pointer-events: none;transition: opacity 0.18s ease}[data-tool="date-dans-x-jours"] .date-x-result-message.is-visible{opacity: 1}[data-tool="date-dans-x-jours"] .date-x-main-result{display: grid;place-items: center;min-height: 8rem;border: 1px solid var(--date-x-border);border-radius: 16px;background: var(--date-x-surface);padding: 1rem;text-align: center}[data-tool="date-dans-x-jours"] .date-x-result-value{margin: 0;color: var(--date-x-action);font-size: clamp(1.75rem,5.5vw,3.35rem);font-weight: 900;line-height: 1.05;overflow-wrap: anywhere}[data-tool="date-dans-x-jours"] .date-x-summary{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.65rem;margin: 0}[data-tool="date-dans-x-jours"] .date-x-summary div{display: grid;align-content: center;min-height: 5rem;border: 1px solid var(--date-x-border);border-radius: 12px;background: var(--date-x-surface);padding: 0.75rem;text-align: center;gap: 0.3rem}[data-tool="date-dans-x-jours"] dt{color: var(--date-x-soft-text);font-size: 0.88rem;font-weight: 800}[data-tool="date-dans-x-jours"] dd{margin: 0;color: var(--date-x-title);font-weight: 900;overflow-wrap: anywhere}@media (max-width: 820px){[data-tool="date-dans-x-jours"] .date-x-top-row{grid-template-columns: 1fr}[data-tool="date-dans-x-jours"] .date-x-actions{justify-content: stretch}[data-tool="date-dans-x-jours"] .date-x-button{flex: 1 1 10rem}[data-tool="date-dans-x-jours"] .date-x-operation,[data-tool="date-dans-x-jours"] .date-x-days-field{flex: 1 1 100%;width: 100%}[data-tool="date-dans-x-jours"] .date-x-summary{grid-template-columns: 1fr}}@media (max-width: 560px){[data-tool="date-dans-x-jours"] .date-x-result-message{position: static;max-width: none;min-height: 1.1rem;text-align: center;transform: none}}@media (max-width: 440px){[data-tool="date-dans-x-jours"] .date-x-card{padding: 0.9rem}[data-tool="date-dans-x-jours"] .date-x-days-control{grid-template-columns: 42px minmax(3.75rem,1fr) 42px;gap: 0.45rem}[data-tool="date-dans-x-jours"] .date-x-step-button{width: 42px}[data-tool="date-dans-x-jours"] .date-x-result-value{font-size: clamp(1.6rem,10vw,2.55rem)}[data-tool="date-dans-x-jours"] .date-x-main-result{min-height: 7.5rem}}