.header-icon-link{position:relative;display:inline-grid;place-items:center;width:36px;height:36px;color:inherit;text-decoration:none;font-size:16px}.header-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.notification-badge{position:absolute;right:-2px;top:-3px;min-width:16px;height:16px;padding:0 4px;border-radius:10px;background:#b74e4e;color:#fff;font:700 9px/16px monospace;text-align:center}.commerce-page,.notifications-page{max-width:1080px;margin:auto;min-height:65vh}.commerce-page h1,.notifications-page h1{font:400 clamp(40px,8vw,78px)/1 Georgia,serif;margin:14px 0 30px}.purchase-form{display:grid;gap:18px;max-width:680px;padding:clamp(20px,4vw,36px);background:#222;border:1px solid #3a3a3a}.purchase-form textarea,.purchase-form input,.dialog-field input,.dialog-field select{width:100%;border:1px solid #555;background:#151515;color:inherit;padding:13px;border-radius:3px;font:inherit}.purchase-form textarea{resize:vertical}.form-status{min-height:22px;color:#a9d8b1}.form-status.is-error{color:#f49a9a}.commerce-total{display:flex;justify-content:space-between;max-width:680px;padding:18px 0;margin:22px 0;border-top:1px solid #555;border-bottom:1px solid #555}.cart-list{display:grid;gap:10px;max-width:860px}.cart-row{display:grid;grid-template-columns:1fr 120px 36px;gap:16px;align-items:center;padding:16px;background:#222;border:1px solid #383838}.cart-row strong,.cart-row span{display:block}.cart-row span{font-size:12px;color:#aaa;margin-top:6px}.cart-row input{width:100%;background:#111;color:#fff;border:1px solid #555;padding:10px}.cart-row button{border:0;background:transparent;color:#e99;font-size:24px;cursor:pointer}.commerce-note{color:#aaa;max-width:680px;line-height:1.6}.notifications-list{display:grid;gap:10px;max-width:860px}.notification-item{padding:18px 20px;background:#222;border:1px solid #383838}.notification-item.is-unread{border-color:#b18a4b;box-shadow:inset 4px 0 #d8b26e}.notification-item h2{margin:0 0 8px;font-size:17px}.notification-item p{margin:0 0 10px;color:#bbb;line-height:1.5}.notification-item time{font:12px monospace;color:#888}.notification-item .button{margin-top:14px}.dialog-field{display:grid;gap:7px;margin:12px 0;font-size:13px}.button-ghost{background:transparent;color:inherit;border:1px solid currentColor}.dialog-note{min-height:20px;color:#aaa}@media(max-width:560px){.cart-row{grid-template-columns:1fr 80px 28px;gap:8px}.section-heading{display:grid;gap:16px}}
.order-card{max-width:900px;background:#222;border:1px solid #3b3b3b;padding:20px;margin-bottom:12px}.order-card-heading{display:flex;justify-content:space-between;gap:16px;align-items:start}.order-card h2{margin:10px 0 4px;font:400 24px Georgia,serif}.order-card time{color:#999;font:12px monospace}.order-card>p{color:#bbb}.receipt-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid #3b3b3b}.receipt-form label{min-width:min(100%,380px)}.receipt-form .form-status{width:100%}@media(max-width:560px){.order-card-heading{display:grid}.receipt-form{display:grid}}

/* Responsive commerce and notification layout */
.commerce-page,.notifications-page{width:100%;min-width:0;box-sizing:border-box;overflow-wrap:anywhere}.notifications-list,.cart-list,.commerce-total{width:100%;box-sizing:border-box}.notification-item{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;min-width:0}.notification-content{min-width:0;flex:1}.notification-content p{overflow-wrap:anywhere}.notification-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px;justify-content:flex-end}.notification-actions .button{white-space:normal}.existing-payment{max-width:680px}.payment-instructions{display:grid;gap:8px;margin:20px 0;padding:20px;background:#222;border:1px solid #3a3a3a}.payment-instructions strong{color:#aaa;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.payment-instructions span{font:600 clamp(28px,5vw,44px) Georgia,serif;color:#d8b26e}.payment-instructions p{margin:4px 0 0;color:#aaa;line-height:1.6}.payment-receipt-form{max-width:680px}
@media (max-width:720px){.commerce-page,.notifications-page{padding-left:clamp(16px,5vw,28px);padding-right:clamp(16px,5vw,28px)}.notifications-heading{display:grid;gap:18px}.notifications-heading>.button{width:100%;justify-self:stretch}.notification-item{display:grid;align-items:stretch;gap:16px;padding:16px}.notification-actions{justify-content:flex-start}.notification-actions .button{width:100%;min-height:44px}.cart-row{grid-template-columns:minmax(0,1fr) 72px 32px;gap:8px;padding:12px}.cart-row input{min-width:0}.commerce-total{gap:12px;align-items:center}.commerce-total strong{white-space:nowrap}.purchase-form{width:100%;box-sizing:border-box}.payment-receipt-form{display:grid}.payment-receipt-form label{min-width:0}}
@media (max-width:380px){.commerce-page h1,.notifications-page h1{font-size:clamp(36px,12vw,52px)}.cart-row{grid-template-columns:minmax(0,1fr) 58px 28px}.cart-row button{font-size:20px}}

/* Fixed header clearance and mobile file controls */
.commerce-page,.notifications-page{padding-top:146px;padding-bottom:145px}.commerce-page h1,.notifications-page h1{max-width:100%;overflow-wrap:anywhere}.receipt-form label{min-width:0;max-width:100%;overflow:hidden}.receipt-form input[type=file]{display:block;width:100%;min-width:0;max-width:100%;font-size:12px;overflow:hidden;text-overflow:ellipsis}
@media (max-width:720px){.commerce-page,.notifications-page{padding-top:113px;padding-bottom:90px}.commerce-page h1,.notifications-page h1{font-size:clamp(44px,13vw,72px);line-height:.95}.existing-payment h1{font-size:clamp(42px,12vw,64px)}.receipt-form input[type=file]{font-size:11px}}
.status-badge{display:inline-flex;min-height:28px;align-items:center;gap:7px;padding:5px 9px;border:1px solid currentColor;border-radius:999px;font:600 10px/1.2 var(--mono,monospace);letter-spacing:.02em}.status-badge svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.status-badge-pending{color:#e6c47f;background:rgba(230,196,127,.08)}.status-badge-payment{color:#9fc5e8;background:rgba(159,197,232,.08)}.status-badge-confirmed{color:#a9d8b1;background:rgba(169,216,177,.08)}.status-badge-rejected{color:#f49a9a;background:rgba(244,154,154,.08)}.status-badge-neutral{color:#bbb;background:rgba(187,187,187,.08)}.order-card-status{margin:14px 0 4px}

/* Final control layer: keeps every commerce field consistent */
.purchase-form input:not([type="file"]),.purchase-form select,.purchase-form textarea,.receipt-form input:not([type="file"]),.receipt-form select,.receipt-form textarea,.cart-row input{min-height:48px;border:1px solid rgba(245,241,235,.22);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),#151515;color:#f5f1eb;padding:13px 15px;font:500 13px/1.35 Manrope,Arial,sans-serif;box-shadow:none;appearance:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.purchase-form select{padding-right:44px;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='%23d6b174' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px}
.purchase-form input:not([type="file"]):focus,.purchase-form select:focus,.purchase-form textarea:focus,.receipt-form input:not([type="file"]):focus,.receipt-form textarea:focus,.cart-row input:focus{outline:none;border-color:#d6b174;box-shadow:0 0 0 3px rgba(214,177,116,.13),inset 0 1px 0 rgba(255,255,255,.06);background-color:rgba(214,177,116,.045)}
.purchase-form input:not([type="file"]):hover,.purchase-form select:hover,.purchase-form textarea:hover,.receipt-form input:not([type="file"]):hover,.receipt-form textarea:hover,.cart-row input:hover{border-color:rgba(214,177,116,.58)}
.purchase-form input[type="file"],.receipt-form input[type="file"]{min-height:48px;width:100%;border:1px solid rgba(245,241,235,.22);border-radius:8px;background:#151515;color:#c9c1b9;padding:10px 12px;font:500 12px/1.35 Manrope,Arial,sans-serif}
.purchase-form input[type="file"]::file-selector-button,.receipt-form input[type="file"]::file-selector-button{margin:-5px 12px -5px -5px;padding:8px 11px;border:1px solid rgba(214,177,116,.5);border-radius:6px;background:rgba(214,177,116,.12);color:#d6b174;font:600 11px Manrope,Arial,sans-serif}
.search-field input{min-height:38px;border-radius:0;background:transparent;font:500 10px var(--mono,monospace)}