:root{--customer-ink:#562037;--customer-paper:#faf5ed;--customer-border:#d8c5bc;--customer-card:#fffdf8}
.customer-wrap,.customer-shell{max-width:1260px;margin:auto;padding:clamp(30px,5vw,72px) clamp(16px,4vw,44px) 110px;box-sizing:border-box}
.customer-shell{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;min-height:64vh}
.customer-panel,.customer-tile,.customer-address-form{background:var(--customer-card);border:1px solid var(--customer-border);border-radius:18px;box-shadow:0 16px 45px rgba(52,28,32,.08),0 1px 1px rgba(52,28,32,.04);padding:clamp(22px,3.4vw,42px)}
.customer-panel h1,.customer-heading h1{font-size:clamp(32px,4vw,65px);line-height:1.28;margin:16px 0;color:var(--customer-ink)}
.customer-panel h2,.customer-tile h2{font-size:clamp(21px,2vw,30px);color:var(--customer-ink)}
.customer-hero{background:linear-gradient(139deg,#391822,#672e42 65%,#935b62);color:#fff2e6;display:flex;flex-direction:column;justify-content:center}
.customer-hero h1{color:#fff2e6}.customer-hero p{line-height:2;max-width:42ch}
.customer-heading{margin-bottom:35px}.customer-heading p{color:#6f6565}
.customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:26px}
.customer-tile{display:block;min-width:0;color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.customer-tile:hover{transform:translateY(-3px);box-shadow:0 22px 48px rgba(45,23,30,.14)}
.customer-tile>span{font:12px system-ui;letter-spacing:.16em;color:#9d737a}
.customer-tile p{line-height:2;color:#706164;overflow-wrap:anywhere}
.customer-form,.customer-address-form{display:flex;flex-direction:column;gap:18px}
.customer-fields,.customer-coordinates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.customer-form label,.customer-fields label,.customer-coordinates label{display:flex;flex-direction:column;gap:9px;font-weight:650;color:#603444}
.customer-form input,.customer-fields input,.customer-fields textarea,.customer-coordinates input{border:1px solid #d6c5bd;background:#fff;border-radius:10px;padding:13px 15px;font:inherit;color:#33222b;min-width:0;max-width:100%;box-sizing:border-box}
.customer-form input:focus,.customer-fields input:focus,.customer-fields textarea:focus{outline:2px solid #af8993;outline-offset:2px}
.customer-fields .wide{grid-column:1/-1}.customer-address-form{max-width:960px}
.customer-map-section{margin-top:16px;padding:18px;border:1px solid var(--customer-border);border-radius:14px;background:#f8f3eb}
.customer-map{height:390px;position:relative;overflow:hidden;touch-action:none;border-radius:12px;border:1px solid #d7cac2;background:#e0ded5;direction:ltr;cursor:crosshair}
.massia-map-layer{position:absolute;inset:0}.massia-map-layer img{position:absolute;user-select:none;pointer-events:none;max-width:none!important}
.massia-map-pin{position:absolute;z-index:2;color:#70243b;font-size:34px;text-shadow:0 3px 4px #fff;transform:translate(-50%,-90%);pointer-events:none}
.massia-map-hint{position:absolute;z-index:3;right:10px;top:10px;padding:7px 13px;color:#572034;background:#fffefbe8;border-radius:20px;font-size:13px;pointer-events:none}
.massia-map-credit{position:absolute;z-index:3;bottom:0;right:0;padding:3px 6px;color:#333;background:#ffffffc9;font:11px sans-serif}
.map-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.map-tools button,.customer-actions button,.customer-actions a,.customer-signout{font:inherit;border:1px solid #c3acaa;background:#fffaf5;border-radius:8px;padding:9px 14px;cursor:pointer;color:#5e2a3a;text-decoration:none}
.customer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}.customer-checkbox{display:flex;align-items:center;gap:9px}
.customer-order-list{display:grid;gap:8px}.customer-order-list a{display:flex;justify-content:space-between;gap:10px;padding:10px;border-bottom:1px solid #e4d6cd}
.customer-admin-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.customer-admin-settings input{padding:10px;width:65%;max-width:100%;margin-inline-end:12px}.customer-admin-settings .panel{overflow-wrap:anywhere}
@media(max-width:760px){.customer-shell,.customer-grid,.customer-fields,.customer-coordinates,.customer-admin-settings{grid-template-columns:1fr}.customer-shell{padding:20px 14px 55px}.customer-map{height:330px}.customer-wrap{padding:28px 15px 95px}.customer-panel,.customer-tile,.customer-address-form{padding:22px}}
@media(prefers-reduced-motion:reduce){.customer-tile{transition:none!important}.customer-tile:hover{transform:none}}