.commerce-panel{padding:24px 0;border-top:1px solid #ccc;margin-top:24px}.commerce-toolbar,.commerce-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:16px 0}.commerce-panel input,.commerce-panel select,.commerce-panel textarea,.commerce-editor input,.commerce-editor select,.commerce-editor textarea{padding:10px;border:1px solid #bbb;background:white;color:#222;max-width:100%;box-sizing:border-box}.commerce-panel button,.commerce-editor button{padding:10px 16px;border:1px solid #aaa;background:#333;color:white;cursor:pointer}.commerce-editor{max-width:1000px;width:92vw;max-height:90dvh;overflow:auto;padding:24px;background:#eee;color:#222}.commerce-editor::backdrop{background:#0008}.commerce-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.commerce-fields label{display:grid;gap:6px;align-content:start}.commerce-fields textarea{min-height:90px}.commerce-images{display:flex;gap:14px;flex-wrap:wrap}.commerce-images figure{margin:8px 0;width:140px}.commerce-images img{width:140px;height:160px;object-fit:contain;background:white}.commerce-table{width:100%;border-collapse:collapse}.commerce-table td,.commerce-table th{padding:12px;text-align:start;border-bottom:1px solid #ccc}.commerce-preview{padding:20px;border:1px solid #aaa;margin:16px 0;white-space:pre-wrap}.commerce-preview img{width:160px;height:180px;object-fit:contain}.commerce-status{white-space:pre-wrap;overflow-wrap:anywhere}.commerce-error{color:#a32222}.commerce-draft{padding:18px;border:1px solid #ccc;margin:16px 0}.commerce-draft label{display:block;margin:10px 0}.commerce-draft input{width:90px}.commerce-cart-notice{white-space:pre-wrap;font-size:14px}.commerce-cart-notice a{color:inherit}.commerce-busy{opacity:.65;pointer-events:none}@media(max-width:650px){.commerce-fields{grid-template-columns:1fr}.commerce-editor{padding:14px}.commerce-table td,.commerce-table th{padding:8px}.commerce-table th:nth-child(3),.commerce-table td:nth-child(3){display:none}}

.commerce-preview pre{white-space:pre-wrap;overflow-wrap:anywhere}.commerce-table td{overflow-wrap:anywhere}.commerce-images button{padding:6px}

/* Visible navigation and decision controls in the administrator console. */
.admin-page .commerce-toolbar>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #575b5d;border-radius:4px;background:#fff;color:#303334;text-decoration:none;font-size:15px;font-weight:600;line-height:1.5;box-sizing:border-box}
.admin-page .commerce-toolbar>a:hover{background:#303334;color:#fff}
.admin-page .customer button,.admin-page #refreshCustomers,.admin-page #adminLogin{min-height:44px;padding:10px 16px;border:1px solid #45494b;border-radius:4px;background:#303334;color:#fff;font-size:14px;line-height:1.5;cursor:pointer}
.admin-page .customer button:hover:enabled,.admin-page #refreshCustomers:hover:enabled,.admin-page #adminLogin:hover:enabled{background:#505557}
.admin-page .customer button:disabled,.admin-page #refreshCustomers:disabled{background:#e0e2e3;border-color:#b9bdc0;color:#61666a;cursor:default}
.admin-page :is(a,button,input,select,textarea):focus-visible{outline:3px solid #14743f;outline-offset:3px}
@media(max-width:650px){.admin-page .commerce-toolbar{gap:8px}.admin-page .commerce-toolbar>a{flex:1 1 145px;padding:10px 12px}.admin-page .customer button{margin:4px}}

.admin-catalog-navigation{margin-block:20px}.admin-collection{border:1px solid #c7cbcd;border-radius:5px;margin-bottom:12px;background:#fff}.admin-collection>summary{cursor:pointer;padding:16px;font-size:18px;font-weight:600;min-height:44px}.admin-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 16px 16px}.commerce-panel .admin-catalog-button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:80px;padding:14px;border:1px solid #aaa;background:#f2f3f3;border-radius:4px;color:#303334;font:inherit;text-align:start;cursor:pointer}.commerce-panel .admin-catalog-button span{font-size:12px}.commerce-panel .admin-catalog-button[aria-pressed=true]{background:#303334;color:white;border-color:#303334}.admin-catalog-help{font-size:14px;color:#626669}.commerce-panel .commerce-table[hidden]{display:none}
@media(max-width:650px){.admin-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 10px 10px}.commerce-panel .admin-catalog-button{padding:12px;font-size:14px}.commerce-panel .commerce-toolbar input{min-width:0;width:100%}.commerce-panel .commerce-toolbar select{max-width:100%}}