.search-screen{display:flex;flex-direction:column;gap:var(--spacing-lg)}.search-screen__title{font-size:var(--font-size-xl);color:var(--color-deep-green);font-weight:700;text-align:center}.search-form{display:flex;flex-direction:column;gap:var(--spacing-md);background:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.form-field__input{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-retro-peach);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-white);transition:border-color .2s ease}.form-field__input:disabled{opacity:.6;cursor:not-allowed}.form-field__error{font-size:var(--font-size-sm);color:var(--color-error);margin:0}.search-form__button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--color-white);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:background-color .2s ease,transform .1s ease;margin-top:var(--spacing-sm)}.search-form__button:hover:not(:disabled){background:#c0571f}.search-form__button:active:not(:disabled){transform:scale(.98)}.search-form__button:disabled{opacity:.7;cursor:not-allowed}.search-screen__loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);color:var(--color-text-light)}.search-screen__error{background:#fdecea;border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.search-screen__empty{background:var(--color-white);border:1px dashed var(--color-retro-peach);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;color:var(--color-text-light)}.search-screen__list-title{font-size:var(--font-size-base);color:var(--color-deep-green);font-weight:600;margin-bottom:var(--spacing-sm)}.order-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.order-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border-left:4px solid var(--color-primary);display:flex;flex-direction:column;gap:var(--spacing-sm)}.order-card__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs)}.order-card__reference{font-weight:700;color:var(--color-deep-green);font-size:var(--font-size-base)}.order-card__status{font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:var(--color-soft-green);color:var(--color-deep-green)}.order-card__status--shipped{background:var(--color-warm-yellow);color:#5a4500}.order-card__status--delivered,.order-card__status--closed{background:var(--color-soft-green);color:var(--color-deep-green)}.order-card__status--confirmed,.order-card__status--packed{background:#e8f0e0;color:var(--color-deep-green)}.order-card__status--cancelled{background:#fdecea;color:var(--color-error)}.order-card__message{font-size:var(--font-size-sm);color:var(--color-text-light);font-style:italic}.order-card__details{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;border-top:1px solid #f0e6d6;border-bottom:1px solid #f0e6d6}.order-card__row{display:flex;justify-content:space-between;align-items:center}.order-card__label{font-size:var(--font-size-sm);color:var(--color-text-light)}.order-card__value{font-size:var(--font-size-sm);color:var(--color-text)}.order-card__value--total{font-weight:700;color:var(--color-deep-green)}.order-card__items{padding-top:var(--spacing-xs)}.order-card__items-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-deep-green);margin-bottom:var(--spacing-xs)}.order-card__items-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:2px}.order-card__item{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);padding:2px 0}.order-card__item-name{color:var(--color-text)}.order-card__item-qty{color:var(--color-text-light);font-weight:600;white-space:nowrap;margin-left:var(--spacing-sm)}.order-card__footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px solid #f0e6d6}.invoice-state-label{font-size:var(--font-size-sm);color:var(--color-text-light)}.order-card__tracking-badge{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}@media (min-width: 768px){.search-screen__title{font-size:var(--font-size-2xl)}.search-form,.order-card{padding:var(--spacing-xl)}}.stepper{display:flex;align-items:flex-start;justify-content:space-between;list-style:none;margin:0 0 var(--spacing-md);padding:var(--spacing-md) var(--spacing-xs);background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.stepper__step{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-width:0}.stepper__line{position:absolute;top:18px;right:50%;left:-50%;height:3px;background-color:var(--color-soft-green, #bec89d);opacity:.4;z-index:0}.stepper__line--filled{background-color:var(--color-primary, #d86527);opacity:1}.stepper__dot{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-soft-green, #bec89d);background-color:var(--color-white);color:var(--color-soft-green, #bec89d);transition:background-color .2s,color .2s,border-color .2s}.stepper__label{font-size:.72rem;line-height:1.2;color:var(--color-text-light);font-weight:600;padding:0 2px}.stepper__step--done .stepper__dot{background-color:var(--color-primary, #d86527);border-color:var(--color-primary, #d86527);color:var(--color-white)}.stepper__step--done .stepper__label{color:var(--color-deep-green, #4a564b)}.stepper__step--current .stepper__dot{background-color:var(--color-deep-green, #4a564b);border-color:var(--color-deep-green, #4a564b);color:var(--color-white);box-shadow:0 0 0 4px #4a564b26}.stepper__step--current .stepper__label{color:var(--color-deep-green, #4a564b);font-weight:700}.stepper__step--upcoming .stepper__dot{background-color:var(--color-white);color:var(--color-soft-green, #bec89d)}.stepper--cancelled{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#fef2f2;border:1px solid #fecaca;color:var(--color-error, #b91c1c);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.stepper__cancelled-icon{line-height:0}.stepper__cancelled-text{font-weight:700}@media (min-width: 768px){.stepper{padding:var(--spacing-lg) var(--spacing-md)}.stepper__label{font-size:.82rem}.stepper__dot{width:42px;height:42px}.stepper__line{top:21px}}.selectfield{position:relative;width:100%}.selectfield__button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:12px var(--spacing-md);border:2px solid var(--color-retro-peach, #d7a578);border-radius:var(--radius-md);background-color:var(--color-white);color:var(--color-text, #4a564b);font-size:var(--font-size-base);text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s}.selectfield__button:hover:not(:disabled){border-color:var(--color-warm-yellow, #eab664)}.selectfield__button:focus-visible,.selectfield__button--open{border-color:var(--color-primary, #d86527);outline:none;box-shadow:0 0 0 3px #d8652726}.selectfield--error .selectfield__button{border-color:var(--color-error, #c62828)}.selectfield--disabled .selectfield__button{opacity:.6;cursor:not-allowed;background-color:#f9f7f4}.selectfield__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selectfield__value--placeholder{color:var(--color-text-light);opacity:.8}.selectfield__chevron{flex-shrink:0;color:var(--color-deep-green, #4a564b);transition:transform .2s}.selectfield__button--open .selectfield__chevron{transform:rotate(180deg)}.selectfield__list{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;max-height:280px;overflow-y:auto;margin:0;padding:6px;list-style:none;background-color:var(--color-white);border:1px solid var(--color-soft-green, #bec89d);border-radius:var(--radius-md);box-shadow:0 8px 24px #4a564b2e}.selectfield__option{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text, #4a564b);font-size:var(--font-size-base);line-height:1.3}.selectfield__option--active{background-color:var(--color-neutral-cream, #f6e7ce)}.selectfield__option--selected{font-weight:700}.selectfield__code{flex-shrink:0;min-width:46px;text-align:center;padding:2px 8px;border-radius:999px;background-color:var(--color-soft-green, #bec89d);color:var(--color-deep-green, #4a564b);font-size:.78rem;font-weight:700;letter-spacing:.02em}.selectfield__option--selected .selectfield__code{background-color:var(--color-primary, #d86527);color:var(--color-white)}.selectfield__name{flex:1}.selectfield__check{flex-shrink:0;color:var(--color-primary, #d86527)}.invoice-screen{display:flex;flex-direction:column;gap:var(--spacing-lg)}.invoice-screen__title{font-size:var(--font-size-xl);color:var(--color-deep-green);font-weight:700;text-align:center}.invoice-screen__confirm-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);border-top:4px solid var(--color-primary)}.invoice-screen__confirm-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-deep-green);text-align:center}.invoice-screen__confirm-data{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:#faf6f0;border-radius:var(--radius-md);border:1px solid var(--color-retro-peach)}.invoice-screen__confirm-row{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(215,165,120,.3)}.invoice-screen__confirm-row:last-child{border-bottom:none}.invoice-screen__confirm-label{font-size:var(--font-size-sm);color:var(--color-text-light);font-weight:500}.invoice-screen__confirm-value{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);word-break:break-word}.invoice-screen__confirm-select{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);padding:var(--spacing-xs) var(--spacing-sm);border:2px solid var(--color-retro-peach);border-radius:var(--radius-sm);background:var(--color-white);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%234A564B' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:24px;width:100%;cursor:pointer}.invoice-screen__confirm-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #d8652726}.invoice-screen__confirm-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.invoice-screen__btn-primary{width:100%;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--color-white);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.invoice-screen__btn-primary:hover:not(:disabled){background:#c0571f}.invoice-screen__btn-primary:active:not(:disabled){transform:scale(.98)}.invoice-screen__btn-primary:disabled{opacity:.7;cursor:not-allowed}.invoice-screen__btn-secondary{width:100%;padding:var(--spacing-sm) var(--spacing-lg);background:transparent;color:var(--color-primary);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-md);border:2px solid var(--color-primary);cursor:pointer;transition:background-color .2s ease,transform .1s ease}.invoice-screen__btn-secondary:hover:not(:disabled){background:#d8652714}.invoice-screen__btn-secondary:active:not(:disabled){transform:scale(.98)}.invoice-screen__btn-secondary:disabled{opacity:.7;cursor:not-allowed}.invoice-form{display:flex;flex-direction:column;gap:var(--spacing-md);background:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-field__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-deep-green)}.form-field__input{padding:12px var(--spacing-md);border:2px solid var(--color-retro-peach);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-white);min-height:48px;transition:border-color .2s ease,box-shadow .2s ease}.form-field__input:hover:not(:disabled){border-color:var(--color-warm-yellow, #eab664)}.form-field__input::placeholder{color:var(--color-text-light);opacity:.7}.form-field__input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #d8652726}.form-field__input--error{border-color:var(--color-error)}.form-field__input--error:focus{box-shadow:0 0 0 3px #c6282826}.form-field__input:disabled{opacity:.6;cursor:not-allowed;background:#f9f7f4}.form-field__error{font-size:var(--font-size-sm);color:var(--color-error);margin-top:2px}.form-field__select{padding:12px var(--spacing-md);border:2px solid var(--color-retro-peach);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-white);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:48px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234A564B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;background-size:16px 16px;padding-right:calc(var(--spacing-md) + 26px)}.form-field__select:hover:not(:disabled){border-color:var(--color-warm-yellow, #eab664)}.form-field__select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #d8652726}.form-field__hint{font-size:var(--font-size-sm);color:var(--color-text-light);margin-top:4px;opacity:.9}.form-field__select--error{border-color:var(--color-error)}.form-field__select--error:focus{box-shadow:0 0 0 3px #c6282826}.form-field__select:disabled{opacity:.6;cursor:not-allowed;background-color:#f9f7f4}.invoice-form__button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--color-white);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:background-color .2s ease,transform .1s ease;margin-top:var(--spacing-sm)}.invoice-form__button:hover:not(:disabled){background:#c0571f}.invoice-form__button:active:not(:disabled){transform:scale(.98)}.invoice-form__button:disabled{opacity:.7;cursor:not-allowed}.invoice-screen__message{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);text-align:center}.invoice-screen__message--info{background:#f5f0e6;border:1px solid var(--color-warm-yellow);color:var(--color-text)}.invoice-screen__message--success{background:#e8f5e9;border:1px solid var(--color-success);color:var(--color-success)}.invoice-screen__error{background:#fdecea;border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.invoice-screen__loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--color-text-light)}.spinner{width:32px;height:32px;border:3px solid var(--color-retro-peach);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 768px){.invoice-screen__title{font-size:var(--font-size-2xl)}.invoice-form,.invoice-screen__confirm-card{padding:var(--spacing-xl)}.invoice-screen__confirm-row{flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.invoice-screen__confirm-value{text-align:right}.invoice-screen__confirm-select{width:auto;max-width:280px}.invoice-screen__confirm-actions{flex-direction:row;gap:var(--spacing-md)}.invoice-screen__btn-primary,.invoice-screen__btn-secondary{flex:1}}.download-screen{display:flex;flex-direction:column;gap:var(--spacing-lg)}.download-screen__title{font-size:var(--font-size-xl);color:var(--color-deep-green);font-weight:700}.download-screen__loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--color-text-light)}.download-screen__error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--color-error);text-align:center}.download-screen__retry-btn{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm)}.download-screen__retry-btn:hover{opacity:.9}.download-screen__state-card{background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);text-align:center}.download-screen__state-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;text-transform:capitalize;margin-bottom:var(--spacing-sm)}.download-screen__state-badge--stamped,.download-screen__state-badge--sent{background-color:#dcfce7;color:#166534}.download-screen__state-badge--requested,.download-screen__state-badge--in_review,.download-screen__state-badge--created{background-color:#fef9c3;color:#854d0e}.download-screen__state-badge--not_requested{background-color:#f3f4f6;color:#6b7280}.download-screen__state-badge--failed{background-color:#fef2f2;color:var(--color-error)}.download-screen__message{color:var(--color-text);margin-top:var(--spacing-sm);line-height:1.5}.download-screen__links{display:flex;flex-direction:column;gap:var(--spacing-md)}.download-screen__ready-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xs);background-color:var(--color-neutral-cream, #f6e7ce);border:1px solid var(--color-soft-green, #bec89d);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.download-screen__ready-icon{color:var(--color-deep-green, #4a564b);line-height:0}.download-screen__ready-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-deep-green, #4a564b)}.download-screen__ready-sub{font-size:var(--font-size-sm);color:var(--color-text, #4a564b);line-height:1.5}.download-screen__ready-folio{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-light)}.download-screen__ready-folio strong{color:var(--color-primary, #d86527)}.download-screen__download-btn{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-lg);text-decoration:none;transition:background-color .2s,transform .1s,opacity .2s;min-height:56px;width:100%;text-align:left}.download-screen__download-btn:disabled{opacity:.6;cursor:progress}.download-screen__btn-text{display:flex;flex-direction:column;line-height:1.25}.download-screen__btn-main{font-size:var(--font-size-lg);font-weight:700}.download-screen__btn-note{font-size:var(--font-size-sm);font-weight:400;opacity:.85}.download-screen__download-btn:hover:not(:disabled){text-decoration:none;transform:translateY(-1px)}.download-screen__download-btn:active:not(:disabled){transform:translateY(0)}.download-screen__download-btn--pdf{background-color:var(--color-primary);color:var(--color-white)}.download-screen__download-btn--pdf:hover{background-color:#c05820}.download-screen__download-btn--xml{background-color:var(--color-deep-green);color:var(--color-white)}.download-screen__download-btn--xml:hover{background-color:#3b463c}.download-icon{flex-shrink:0}.download-screen__expiry-notice{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-light);padding:var(--spacing-sm)}.download-screen__expired{background-color:#fef9c3;border:1px solid #fde68a;border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;color:#92400e}.download-screen__refresh-btn{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm)}.download-screen__refresh-btn:hover{opacity:.9}.download-screen__back-btn{padding:var(--spacing-sm) var(--spacing-lg);background:none;color:var(--color-primary);font-weight:600;font-size:var(--font-size-sm);text-align:center}.download-screen__back-btn:hover{text-decoration:underline}@media (min-width: 768px){.download-screen__links{flex-direction:row;justify-content:center}.download-screen__download-btn{flex:1;max-width:320px}}.notfound{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-lg);background-color:var(--color-white);border:1px solid var(--color-soft-green, #bec89d);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.notfound__icon{color:var(--color-primary, #d86527);line-height:0}.notfound__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-deep-green, #4a564b);margin:0}.notfound__message{font-size:var(--font-size-md);color:var(--color-text, #4a564b);line-height:1.6;max-width:34ch}.notfound__button{margin-top:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-primary, #d86527);color:var(--color-white);border:none;border-radius:var(--radius-md);font-weight:700;font-size:var(--font-size-md);min-height:48px;cursor:pointer;transition:background-color .2s,transform .1s}.notfound__button:hover{background-color:#c05820;transform:translateY(-1px)}.notfound__button:active{transform:translateY(0)}.whatsapp-fab{position:fixed;right:20px;bottom:20px;z-index:1000;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#25d366;color:#fff;box-shadow:0 4px 14px #00000040;text-decoration:none;transition:transform .15s ease,box-shadow .2s ease;margin-bottom:env(safe-area-inset-bottom,0)}.whatsapp-fab:hover{transform:scale(1.06);box-shadow:0 6px 18px #0000004d}.whatsapp-fab:active{transform:scale(.97)}.whatsapp-fab:focus-visible{outline:3px solid rgba(37,211,102,.5);outline-offset:2px}.whatsapp-fab__icon{display:block}@media (min-width: 768px){.whatsapp-fab{width:60px;height:60px;right:28px;bottom:28px}}@media (prefers-reduced-motion: reduce){.whatsapp-fab{transition:none}.whatsapp-fab:hover,.whatsapp-fab:active{transform:none}}:root{--color-primary: #D86527;--color-soft-green: #BEC89D;--color-retro-peach: #D7A578;--color-deep-green: #4A564B;--color-warm-yellow: #EAB664;--color-neutral-cream: #F6E7CE;--color-white: #FFFFFF;--color-text: #333333;--color-text-light: #666666;--color-error: #C62828;--color-success: #2E7D32;--font-family: "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-base: 16px;--font-size-sm: .875rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--max-width-content: 600px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%}body{font-family:var(--font-family);color:var(--color-text);background-color:var(--color-neutral-cream);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:var(--max-width-content);margin:0 auto;padding:var(--spacing-md)}.app-header{text-align:center;padding:var(--spacing-lg) 0;border-bottom:2px solid var(--color-primary);margin-bottom:var(--spacing-lg)}.app-title{font-size:var(--font-size-xl);color:var(--color-deep-green);font-weight:700}.app-subtitle{font-size:var(--font-size-sm);color:var(--color-text-light);margin-top:var(--spacing-xs)}.app-main{flex:1;display:flex;flex-direction:column;gap:var(--spacing-lg)}.app-footer{text-align:center;padding:var(--spacing-lg) 0;margin-top:var(--spacing-xl);border-top:1px solid var(--color-retro-peach);font-size:var(--font-size-sm);color:var(--color-text-light)}@media (min-width: 768px){:root{--max-width-content: 720px}.app-container{padding:var(--spacing-xl)}.app-title{font-size:var(--font-size-2xl)}}@media (min-width: 1024px){:root{--max-width-content: 800px}.app-container{padding:var(--spacing-2xl)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input,select,textarea,button{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--color-primary);text-decoration:none}a:hover,a:focus{text-decoration:underline}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.order-detail{display:flex;flex-direction:column;gap:var(--spacing-md)}.order-detail__back{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-xs) 0;background:none;border:none;cursor:pointer}.order-detail__back:hover{text-decoration:underline}.order-detail__reference{font-size:var(--font-size-xl);font-weight:700;color:var(--color-deep-green)}.order-detail__status-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.order-detail__status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-white);width:fit-content}.order-detail__status-message{font-size:var(--font-size-base);color:var(--color-text-light)}.order-detail__info{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.order-detail__info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid #f0ebe4}.order-detail__info-row:last-child{border-bottom:none}.order-detail__info-label{font-size:var(--font-size-sm);color:var(--color-text-light)}.order-detail__info-value{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.order-detail__info-value--highlight{color:var(--color-success)}.order-detail__items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.order-detail__section-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-deep-green)}.order-detail__table{width:100%;border-collapse:collapse;background-color:var(--color-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.order-detail__th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-light);background-color:#faf6f0;border-bottom:1px solid #f0ebe4}.order-detail__th--right{text-align:right}.order-detail__td{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);border-bottom:1px solid #f0ebe4}.order-detail__td--right{text-align:right}.order-detail__tr:last-child .order-detail__td{border-bottom:none}.order-detail__total{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.order-detail__total-label{font-size:var(--font-size-base);font-weight:600;color:var(--color-deep-green)}.order-detail__total-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary)}.order-detail__actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.order-detail__action-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;text-align:center;cursor:pointer;transition:opacity .2s ease}.order-detail__action-btn:hover{opacity:.85}.order-detail__action-btn--primary{background-color:var(--color-primary);color:var(--color-white);border:none}.order-detail__action-btn--secondary{background-color:var(--color-deep-green);color:var(--color-white);border:none}.order-detail__action-btn--outline{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}@media (min-width: 768px){.order-detail__actions{flex-direction:row;flex-wrap:wrap}.order-detail__action-btn{width:auto;flex:1;min-width:180px}}