.details-page{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:var(--color-surface-secondary)}.details-page__header{position:fixed!important;top:0;left:0;right:0;z-index:100;padding-top:calc(var(--page-top) + var(--safe-top));padding-left:calc(var(--space-m) + var(--safe-left));padding-right:calc(var(--space-m) + var(--safe-right));padding-bottom:var(--space-m);background:var(--color-surface-secondary)}.details-page .app-page-content{padding-top:calc(var(--page-top) + var(--safe-top) + 112px)}.details-page .page-title{font-size:var(--font-size-2xl);font-weight:var(--weight-bold);letter-spacing:-.03em}.details-section{display:flex;flex-direction:column;border-radius:var(--radius-m);overflow:hidden;box-shadow:var(--shadow-s);background:var(--color-surface-elevated)}.details-section .cal-norm-header,.details-section .details-phone-block,.details-section app-info-block .info-block{margin-bottom:0;border-radius:0;box-shadow:none;background:transparent}.details-section .cal-norm-header:not(:last-child),.details-section app-info-block:not(:last-child) .info-block,.details-section .details-phone-block:not(:last-child){border-bottom:1px solid var(--color-divider)}.cal-norm-header{padding:var(--space-s) var(--space-m);background:transparent}.cal-norm-header__heading{font-size:var(--font-size-s);font-weight:var(--weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em;display:block;margin-bottom:var(--space-xs)}.cal-norm-header__value{font-size:var(--font-size-l);font-weight:var(--weight-semibold);color:var(--color-text)}.cal-norm-header__caption{display:block;margin-top:var(--space-xs);font-size:var(--font-size-xs);font-style:italic;color:var(--color-text-secondary);line-height:1.35}.details-delete{display:flex;align-items:center;justify-content:center;width:100%;margin-top:var(--space-m);padding:var(--space-m);font-size:var(--font-size-s);font-weight:var(--weight-medium);color:var(--color-text-tertiary);background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--duration-fast) var(--ease-default)}.details-delete:active{color:var(--color-error)}.details-phone-block{padding:var(--space-m);background:transparent}.details-phone-block .info-block__view{display:flex;align-items:center;gap:var(--space-m);min-height:var(--touch-comfortable)}.details-phone-block .info-block__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs)}.details-phone-block .info-block__heading{font-size:var(--font-size-s);color:var(--color-text-secondary);font-weight:400}.details-phone-block .info-block__value{font-size:var(--font-size-l);font-weight:600;color:var(--color-text)}.details-phone-block .info-block__edit-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;padding:0;background:var(--color-surface-secondary);border:none;border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-tertiary);-webkit-tap-highlight-color:transparent;box-shadow:var(--shadow-xs);transition:all var(--duration-fast) var(--ease-default)}.details-phone-block .info-block__edit-btn:active{transform:scale(.92);background:var(--color-primary-muted);color:var(--color-primary)}.details-phone-block .info-block__edit{display:flex;flex-direction:column;gap:var(--space-m)}.details-phone-block .info-block__edit-content{display:flex;flex-direction:column;gap:var(--space-xs)}.details-phone-block .info-block__actions{display:flex;gap:var(--space-m);justify-content:flex-end}.details-phone-block .info-block__actions button{flex:1}.details-phone-block .info-block__btn-cancel{padding:var(--space-s) var(--space-m);font-size:var(--font-size-m);font-weight:var(--weight-semibold);color:var(--color-text);background:var(--color-btn-light);border:none;border-radius:var(--radius-m);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all var(--duration-fast) var(--ease-default)}.details-phone-block .info-block__btn-cancel:active{background:var(--color-btn-light-hover);transform:scale(.98)}.menu-page{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding-left:calc(var(--space-m) + var(--safe-left));padding-right:calc(var(--space-m) + var(--safe-right))}.menu-sticky{position:sticky;top:0;z-index:10;flex-shrink:0;min-width:0;padding-top:calc(var(--page-top) + var(--safe-top));padding-bottom:var(--space-s);background:var(--color-surface-secondary)}.menu-scroll{display:block;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--tab-bar-chrome-height) + var(--safe-bottom) + var(--space-l))}.menu-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);margin-top:0;margin-bottom:var(--space-m)}.menu-header__title{margin:0;font-size:var(--font-size-3xl);font-weight:var(--weight-bold);color:var(--color-text);line-height:var(--line-height-tight);letter-spacing:-.03em}.menu-refresh-btn{flex-shrink:0;width:40px;height:40px;padding:0;background:var(--color-surface-elevated);border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xs);transition:all var(--duration-fast) var(--ease-default)}.menu-refresh-btn:active{transform:scale(.92);background:var(--color-surface-secondary)}.menu-refresh-btn svg{width:20px;height:20px}.menu-delete{display:flex;align-items:center;justify-content:center;width:100%;margin-top:var(--space-m);padding:var(--space-m);font-size:var(--font-size-s);font-weight:var(--weight-medium);color:var(--color-text-tertiary);background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--duration-fast) var(--ease-default)}.menu-delete:active{color:var(--color-error)}.menu-empty{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-2xl) var(--space-l)}.menu-empty__heading{margin:0 0 var(--space-s);font-size:var(--font-size-xl);font-weight:var(--weight-semibold);color:var(--color-text);letter-spacing:-.01em}.menu-empty__desc{margin:0 0 var(--space-xl);font-size:var(--font-size-m);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.menu-empty__btn{width:100%;max-width:280px}.menu-tabs{margin-bottom:var(--space-m);width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:none;-ms-overflow-style:none;transform:translateZ(0);-webkit-transform:translateZ(0)}.menu-tabs::-webkit-scrollbar{display:none}.menu-tabs-track{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:var(--space-s);min-width:100%;box-sizing:border-box}.menu-tab{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:5rem;min-height:32px;padding:var(--space-xs) var(--space-m);font-size:var(--font-size-s);font-weight:var(--weight-medium);font-family:inherit;line-height:var(--line-height-tight);color:var(--color-text-secondary);background:var(--color-surface-elevated);border:none;border-radius:var(--radius-full);cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:center;box-shadow:var(--shadow-xs);transition:all var(--duration-fast) var(--ease-default);user-select:none;-webkit-user-select:none}.menu-tab:focus{outline:none}.menu-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.menu-tab--active{color:var(--color-text);background:var(--color-primary);font-weight:var(--weight-semibold);box-shadow:var(--shadow-s)}.menu-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs);margin-bottom:var(--space-m);background:var(--color-surface-elevated);border-radius:var(--radius-m);padding:var(--space-m) var(--space-s);box-shadow:var(--shadow-xs)}.menu-total{text-align:center}.menu-total__value{display:block;font-size:var(--font-size-m);font-weight:var(--weight-bold);color:var(--color-text);letter-spacing:-.02em}.menu-total__label{font-size:11px;font-weight:var(--weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em}.menu-section{margin-bottom:var(--space-m)}.menu-section:last-child{margin-bottom:0}.menu-section__title{margin:0 0 var(--space-s);font-size:var(--font-size-s);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.menu-section__cards{display:flex;flex-direction:column;gap:var(--space-s)}.menu-fab{position:fixed;bottom:calc(var(--tab-bar-chrome-height) + var(--safe-bottom) + var(--space-m) + var(--space-m));right:calc(var(--space-m) + var(--safe-right));width:56px;height:56px;border-radius:var(--radius-l);background:var(--color-primary);color:var(--color-text);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-l);z-index:999;-webkit-tap-highlight-color:transparent;text-decoration:none;transition:all var(--duration-fast) var(--ease-default)}.menu-fab:active{transform:scale(.92);box-shadow:var(--shadow-m)}.menu-fab svg{width:24px;height:24px}.menu-fab--pending{opacity:.65;pointer-events:none}.shopping-refresh-btn{flex-shrink:0;width:40px;height:40px;padding:0;background:var(--color-surface-elevated);border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xs);transition:all var(--duration-fast) var(--ease-default)}.shopping-refresh-btn:active{transform:scale(.92);background:var(--color-surface-secondary)}.shopping-inactive-empty{margin:var(--space-2xl) 0;font-size:var(--font-size-m);color:var(--color-text-secondary);text-align:center;line-height:var(--line-height-relaxed)}.shopping-empty{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-2xl) var(--space-l)}.shopping-empty__text{margin:0 0 var(--space-xl);font-size:var(--font-size-m);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.shopping-empty__btn{width:100%;max-width:280px;min-height:auto!important;height:auto;padding:var(--space-m) var(--space-l)}.shopping-empty__btn-text{white-space:pre-line;text-align:center}.shopping-list{display:flex;flex-direction:column;gap:var(--space-m)}.shopping-block{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-m);background:var(--color-surface-elevated);border:none;border-radius:var(--radius-m);box-shadow:var(--shadow-s);cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:left;font-size:var(--font-size-m);font-weight:var(--weight-medium);color:var(--color-text);transition:all var(--duration-fast) var(--ease-default);touch-action:pan-y}.shopping-block:active{transform:scale(.97)}.shopping-block__text{flex:1}.shopping-block__arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;margin-left:var(--space-s);background:var(--color-surface-secondary);border-radius:var(--radius-full);color:var(--color-text-tertiary);transition:all var(--duration-fast) var(--ease-default)}.shopping-block:active .shopping-block__arrow{background:var(--color-primary-muted);color:var(--color-primary)}.shopping-block__arrow svg{width:18px;height:18px}.shopping-fab{position:fixed;bottom:calc(var(--tab-bar-chrome-height) + var(--safe-bottom) + var(--space-m) + var(--space-m));right:calc(var(--space-m) + var(--safe-right));width:56px;height:56px;border-radius:var(--radius-l);background:var(--color-primary);color:#1a1a1a;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-l);z-index:999;-webkit-tap-highlight-color:transparent;border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.shopping-fab:active{transform:scale(.92);box-shadow:var(--shadow-m)}.page-actions{margin-top:auto;padding-top:var(--space-xl);flex-shrink:0}.page-actions button,.page-actions a{width:100%}