/* Shopping surfaces only. Mobile shell/top/bottom remain owned by mobile-shell. */
.shopping-page{color:#172a38}.shopping-body{max-width:920px;margin:0 auto;padding:20px}
.shopping-hero{background:#153244;color:#fff;border-radius:0 0 20px 20px;padding:24px}
.shopping-hero .eyebrow{color:#e6c67c!important}.shopping-hero h1{color:#fff}.shopping-hero p{color:#e2e9ef}
.shopping-hero .page-actions{display:flex;gap:10px}.shopping-hero .page-actions button{background:transparent;color:#fff;border:1px solid #a8bbc8;min-height:48px}
.shopping-tabs{display:flex;border-bottom:1px solid #dbe4e8;margin-bottom:16px;gap:8px}
.shopping-tabs button{flex:1;padding:13px 8px;border:0;border-bottom:3px solid transparent;background:transparent;color:#435c70;font:700 18px/1.3 "DM Sans",sans-serif}
.shopping-tabs button.active{color:#153244;border-bottom-color:#153244}
.shopping-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.shopping-filters label{min-width:0}.shopping-filters label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.shopping-filters select{width:100%;min-width:0;border:1px solid #d1dde5;border-radius:9px;background:#fff;color:#153244;min-height:48px;padding:10px;font:500 17px "DM Sans",sans-serif}
.shopping-mark-all{display:block;width:100%;min-height:48px;margin:0 0 22px;background:#fff;border:1px solid #c5d2dc;color:#153244;border-radius:9px;font:700 17px "DM Sans",sans-serif}
.shopping-group{margin:20px 0 24px}.shopping-group h2{font:750 17px/1.3 "DM Sans",sans-serif;color:#153244;text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px}
.shopping-item{display:flex;align-items:flex-start;gap:16px;border:1px solid #dbe4e8;border-radius:12px;padding:16px;background:#fff;margin-bottom:10px;box-shadow:0 2px 7px #12293a06}
.shopping-check{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:8px;border:1px solid #678298;border-radius:8px;background:#fff;color:#153244;font-size:24px;cursor:pointer;align-self:flex-start}
.shopping-item>div{min-width:0;flex:1;display:grid;gap:4px}.shopping-item strong{font-size:18px;line-height:1.35;color:#142c40;overflow-wrap:anywhere}.shopping-item span,.shopping-item small{font-size:16px;line-height:1.4;color:#516a7b;overflow-wrap:anywhere}
.shopping-item p{font-size:16px;line-height:1.4;margin:5px 0;color:#384e5f}.shopping-item .shopping-buyer{color:#34755c;margin-top:6px}.shopping-item.is-bought .shopping-check{background:#153244;color:#fff}
.shopping-footnote{font-size:16px;line-height:1.5;color:#5a7181;margin:20px 0 8px}.shopping-archive,.shopping-back{background:transparent;color:#153244;border:0;padding:8px 0;font:650 16px "DM Sans",sans-serif;text-decoration:underline;min-height:44px}
.shopping-empty{padding:28px 18px;border:1px dashed #b9cbd6;border-radius:12px;background:#f7f9fb;font-size:18px;line-height:1.5}.shopping-error{color:#a92d31;font-size:16px;line-height:1.4}
.shopping-form{max-width:620px;margin:0 auto;padding:4px}.shopping-form h2{margin:12px 74px 24px 0;font-size:26px;line-height:1.3;color:#153244}
.shopping-form>p{font-size:18px;line-height:1.45}.shopping-form form{display:grid;gap:16px}.shopping-form label{display:grid;gap:7px;font-size:18px;font-weight:700;color:#172d40}.shopping-form label small{font-size:16px;font-weight:400;color:#5c7181}
.shopping-form input,.shopping-form textarea,.shopping-form select{box-sizing:border-box;width:100%;min-width:0;border:1px solid #c8d7e1;border-radius:9px;padding:12px;background:#fff;color:#153244;font:400 18px/1.4 "DM Sans",sans-serif}.shopping-form input,.shopping-form select{min-height:48px}.shopping-property-field>label{margin-bottom:7px}.shopping-form select:disabled{background:#f3f7fa;color:#647789}.shopping-suggestions>p{margin:12px;font-size:16px}.shopping-form textarea{min-height:80px;resize:vertical}
.shopping-context{display:grid;gap:5px;border-radius:10px;background:#edf3f6;color:#314e64;padding:14px;margin-bottom:20px;font-size:18px;line-height:1.4}.shopping-context small{font-size:16px}
.shopping-store-field>small,.shopping-requester{font-size:16px!important;color:#5a7285;line-height:1.4}.shopping-store-field>label{margin-bottom:7px}.shopping-store-field>small{display:block;margin-top:8px}
.shopping-suggestions{border:1px solid #cad8e1;border-radius:0 0 10px 10px;box-shadow:0 5px 12px #132a3926;background:#fff;overflow:hidden}.shopping-suggestions button{display:block;width:100%;padding:13px 14px;min-height:48px;border:0;border-bottom:1px solid #e6edf2;background:#fff;text-align:left;color:#153244;font:600 18px/1.3 "DM Sans",sans-serif}.shopping-suggestions button:hover,.shopping-suggestions button:focus-visible{background:#e8f0f5;outline:2px solid #c7aa71;outline-offset:-2px}.shopping-suggestions[hidden]{display:none}
.shopping-primary,.shopping-cancel{width:100%;min-height:48px;border:1px solid #153244;border-radius:10px;padding:12px 16px;font:750 18px/1.3 "DM Sans",sans-serif}.shopping-primary{background:#153244;color:#fff}.shopping-cancel{background:#fff;color:#153244}.shopping-primary:disabled{opacity:.6}
.shopping-store-list{display:grid;gap:8px;margin:16px 0 24px}.shopping-store-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#f3f7fa;border:1px solid #dbe4e8;border-radius:10px;font-size:18px}
.shopping-store-list>div>span{min-width:0;overflow-wrap:anywhere;color:#153244!important}.shopping-store-list .shopping-store-delete{flex:none;min-width:72px;min-height:44px;padding:8px 14px;border:1px solid #c8d7e1;border-radius:9px;background:#fff;color:#153244;font:700 17px/1.3 "DM Sans",sans-serif;cursor:pointer}.shopping-store-delete:disabled{opacity:.6}
.shopping-task-footer .shopping-task-button{display:flex!important;justify-content:center;align-items:center;gap:6px;background:#153244!important;color:#fff!important;border:1px solid #c8ad77!important;border-radius:10px;box-shadow:0 0 0 1px #c8ad7744}.shopping-task-footer .shopping-task-button span{color:#fff!important}.side-nav [data-view=shopping] svg{width:20px;height:20px}.shopping-task-button svg{width:20px;height:20px;flex:none}
.shopping-drift-card{border-color:#c8ad77!important;position:relative}.shopping-drift-card>b{margin-left:auto;align-self:center;padding:4px 8px;background:#d2b77e;border-radius:50%;font-size:16px;color:#153244}.shopping-drift-card svg{width:30px;height:30px}.shopping-drift-card .drift-home-icon.gold{color:#b08a3a;background:#fff8e9}
@media(max-width:720px){
 .shopping-body{padding:16px}.shopping-tabs button{font-size:18px!important;white-space:normal}
 .shopping-hero .page-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.shopping-hero .page-actions button{width:100%;padding:10px;font-size:18px!important}
 .shopping-item{gap:12px;padding:14px}.shopping-group h2{font-size:17px!important}.shopping-item strong{font-size:18px!important}
 .shopping-task-footer{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;width:100%;align-items:stretch}
 .shopping-task-footer .wf-toolbar,.shopping-task-footer .modal-actions{display:contents!important}
 .shopping-task-footer button{box-sizing:border-box;min-width:0;width:100%;min-height:48px!important;padding:10px 4px!important;font-size:16px!important;white-space:nowrap;text-align:center}
 .shopping-task-footer .shopping-task-button{gap:4px}.shopping-task-footer .shopping-task-button svg{width:17px;height:17px}.shopping-task-footer [data-history]{grid-column:1}
}

.shopping-delete-actions{display:grid;gap:12px;margin-top:24px}
