.purchase-hub,.purchase-prices{width:min(1000px,calc(100vw - 20px));max-height:92dvh;overflow:auto;border:1px solid #b7cbaa;border-radius:24px;padding:0 20px 24px;background:#f6f8ef;color:#294126;font-family:'iBEZA Manrope',Arial,sans-serif}.purchase-hub::backdrop,.purchase-prices::backdrop{background:#16291185}.ph-head{position:sticky;top:0;background:#f6f8ef;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;z-index:3;border-bottom:1px solid #d4dfcb}.ph-title{font-size:22px;font-weight:800}.purchase-hub button,.purchase-prices button,.group-purchases-open{border:1px solid #a6bd99;border-radius:11px;background:#e7f0de;color:#294126;padding:10px 13px;font:inherit;font-weight:700}.purchase-hub button:disabled{opacity:.5}.ph-close{font-size:27px!important;padding:1px 12px!important;flex:none}.ph-status{position:relative;top:auto;background:#f6f8ef;z-index:2;margin:0;color:#4c7043;font-size:13px}.ph-status:not(:empty){padding:9px 0}.ph-status.error{color:#943e2c}.ph-body{display:grid;gap:18px;padding-top:14px}.ph-controls,.ph-tabs,.ph-actions{display:flex;gap:8px;flex-wrap:wrap}.ph-controls select{flex:1}.ph-tabs{position:sticky;top:69px;z-index:1;background:#f6f8ef;padding:5px 0}.ph-tabs button{flex:1}.ph-tabs .active{background:#35613b;color:white}.purchase-hub select,.purchase-hub input,.purchase-hub textarea{min-width:0;box-sizing:border-box;border:1px solid #b6cbaa;border-radius:10px;background:white;color:#294126;padding:10px;font:inherit;font-size:16px;max-width:100%}.purchase-hub label{display:grid;gap:6px;font-size:12px}.ph-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.ph-hero{border-radius:20px;background:linear-gradient(135deg,#e2edda,#f5f6df);padding:20px;display:grid;gap:9px}.ph-hero h2{font-size:18px;margin:0}.ph-hero p{margin:0}.ph-total{font-size:clamp(27px,6vw,43px)}.ph-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ph-stats>div{padding:13px;background:#fffdf5;border:1px solid #d1dec7;border-radius:14px;display:grid;gap:7px;min-width:0}.ph-stats strong{overflow-wrap:anywhere}.ph-category{display:grid;grid-template-columns:1fr auto;gap:7px;margin:14px 0}.ph-category progress{grid-column:1/-1;width:100%;height:10px;accent-color:#487e43}.ph-category small{grid-column:1/-1;font-size:11px}.ph-chart{margin:0;padding:15px;border:1px solid #d2dfc9;border-radius:16px;background:#fffef7;min-width:0}.ph-chart figcaption{font-weight:800}.ph-chart svg{width:100%;height:auto;display:block}.ph-table-wrap{width:100%;max-width:100%;overflow:auto}.ph-table-wrap table{border-collapse:collapse;width:100%;font-size:13px}.ph-table-wrap td,.ph-table-wrap th{padding:10px 8px;border-bottom:1px solid #d7e2d0;text-align:left;overflow-wrap:anywhere;min-width:70px}.ph-table-wrap th{font-size:11px;color:#62765a}.ph-detail{padding:13px;border:1px solid #c8d9be;border-radius:13px;min-width:0}.ph-detail summary{font-weight:800;cursor:pointer}.ph-detail[open]>summary{margin-bottom:12px}.ph-detail details{padding:10px 0;border-bottom:1px solid #dce5d7}.ph-link{border:0!important;background:none!important;text-decoration:underline;padding:0!important;text-align:left;font-size:12px!important}.ph-hint{font-size:12px;color:#607258;line-height:1.5;margin:0}.ph-add{display:grid;grid-template-columns:1fr auto;gap:9px}.ph-add textarea{min-height:75px;width:100%}.ph-shopping{display:grid;gap:10px}.ph-shopping-row{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #cedcc5;border-radius:14px;background:#fffdf7}.ph-shopping-row>div{flex:1;min-width:0;overflow-wrap:anywhere}.ph-shopping-row p{font-size:12px;margin:5px 0;color:#607258}.ph-shopping-row input[type=checkbox],.ph-notifications input{width:22px;height:22px;flex:none;accent-color:#427343}.ph-shopping-row.done strong{text-decoration:line-through;opacity:.6}.ph-delete{padding:3px 9px!important;font-size:22px!important}.ph-plan{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px;border-radius:15px;background:#eaf1e2}.ph-plan h3{grid-column:1/-1;margin:0}.ph-plan>button{grid-column:1/-1}.ph-suggestion{display:flex;align-items:center;gap:12px;margin:12px 0;padding:12px;border:1px solid #c7d9bf;border-radius:13px;font-size:13px}.ph-suggestion>div{flex:1;min-width:0}.ph-budget{display:grid;gap:13px}.ph-budget-row{border:1px solid #c7d8bd;padding:14px;border-radius:14px;display:grid;gap:8px;background:#fffdf7}.ph-budget-row.warning{border-color:#d09e58;background:#fff6df}.ph-budget-row p{margin:0}.ph-budget-row progress{width:100%;accent-color:#4c7e44}.ph-budget-row.warning progress{accent-color:#bb7b30}.ph-notifications{display:flex!important;align-items:center;gap:10px!important}.ph-body h2,.ph-body h3{margin:0 0 8px}.purchase-prices{width:min(900px,calc(100vw - 20px))}.purchase-prices>.ph-chart{margin-top:16px}
@media(max-width:600px){.purchase-hub,.purchase-prices{padding:0 12px 18px;border-radius:18px}.ph-title{font-size:19px}.ph-filters{grid-template-columns:1fr 1fr}.ph-filters>label:last-of-type{grid-column:1/-1}.ph-stats{gap:6px}.ph-stats>div{padding:9px;font-size:12px}.ph-stats small{font-size:10px}.ph-add{grid-template-columns:1fr}.ph-suggestion{align-items:flex-start}.ph-hero{padding:15px}.ph-hero small{font-size:11px}.ph-tabs button{padding:10px 5px;font-size:13px}.ph-category{font-size:14px}}

.ph-budget-alert{padding:13px;border:1px solid #d0a25d;border-radius:14px;background:#fff3d7;font-size:13px}.ph-budget-alert p{margin:0 0 8px}

.wallet-menu{display:grid;gap:12px}.wallet-menu[hidden],#wallet-balance-view[hidden]{display:none}.wallet-menu .top-panel-action{width:100%;text-align:left;margin:0;padding:15px 18px}.wallet-menu-back{margin-bottom:12px;padding:8px 12px;border:1px solid #aac5a5;border-radius:10px;background:#ecf5e8;color:#315c38;font:inherit}

.ph-finance-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ph-finance-actions button{padding:9px 12px;border:1px solid #a6bd99;border-radius:11px;background:#e7f0de;color:#294126;font:inherit;font-size:13px;font-weight:700}

.chat-report-wrap{max-width:100%;min-width:0;overflow-x:auto;margin:6px 0;white-space:normal;border:1px solid #b7c9aa;border-radius:9px;background:#fffff740}.chat-report-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.35;white-space:normal}.chat-report-table th,.chat-report-table td{padding:5px 6px;border-bottom:1px solid #c8d6bc;text-align:right;vertical-align:top;overflow-wrap:anywhere}.chat-report-table th{font-weight:700;background:#dce8d280;font-size:11px}.chat-report-table th:first-child,.chat-report-table td:first-child{text-align:left;min-width:85px}.chat-report-table tr:last-child td{border-bottom:0}.chat-report-table .report-total td{font-weight:800;border-top:2px solid #a3b894;background:#dce8d250}.report-text{white-space:pre-wrap}.group-message-content:has(.chat-report-wrap){min-width:0}.group-message-content p:has(.chat-report-wrap){white-space:normal}
.shopping-draft-row{display:grid;grid-template-columns:24px minmax(0,1fr) 76px 52px;gap:6px;align-items:center;margin:8px 0}.shopping-draft-row input{min-width:0;width:100%;box-sizing:border-box;font-size:14px;color:#18392c;padding:8px 5px}.shopping-draft-row input[type=checkbox]{width:20px;height:20px}.shopping-list-response form>input{max-width:100%;box-sizing:border-box;margin:6px 0}
.shopping-templates-table{width:100%;table-layout:fixed;border-collapse:collapse;color:#18392c;font-size:14px;text-align:left}.shopping-templates-table th,.shopping-templates-table td{padding:10px 6px;border-bottom:1px solid #cbdcd2;vertical-align:middle;overflow-wrap:anywhere}.shopping-templates-table th{font-weight:750}.shopping-templates-table th:nth-child(2),.shopping-templates-table td:nth-child(2){width:54px;text-align:center}.shopping-templates-table th:last-child,.shopping-templates-table td:last-child{width:42%}.shopping-templates-table td:first-child{font-weight:650}.shopping-templates-table button{width:100%;white-space:normal;box-sizing:border-box;font-size:13px;padding:8px 6px}
.shopping-list-response:has(.shopping-templates-close){position:relative}.shopping-list-response:has(.shopping-templates-close)>h3{padding-right:44px}.shopping-list-response .shopping-templates-close{position:absolute;top:10px;right:10px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#e6eee8;color:#24583d;font-size:28px;line-height:1;display:grid;place-items:center;cursor:pointer}
.shopping-list-response .shopping-template-create{background:#087337;color:#fff;border:1px solid #087337;font-weight:700;box-shadow:0 3px 10px #08733726}.shopping-list-response .shopping-template-create:hover{background:#065d2c}.shopping-list-response .shopping-template-create:focus-visible{outline:3px solid #83cfa2;outline-offset:2px}
.shopping-draft-add{padding:10px 0;display:flex;flex-wrap:wrap;gap:8px}.shopping-draft-add>input{min-width:0;flex:1 1 160px;box-sizing:border-box}.shopping-draft-add>p{flex-basis:100%;margin:2px 0;font-size:13px;color:#456454}
.shopping-list-head .shopping-list-close{margin-left:auto;flex:none;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#e6eee8;color:#24583d;font-size:26px;line-height:1;cursor:pointer}
