.customer-computers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px}
.customer-computer-card{min-width:0;overflow:hidden;border:1px solid #1c3b52;border-radius:17px;background:linear-gradient(145deg,#101c29,#0a111a);color:#eaf3f9;box-shadow:0 12px 32px #0002}
.customer-computer-head{display:flex;align-items:center;gap:13px;padding:17px 18px 14px;border-bottom:1px solid #ffffff12}
.customer-computer-photo{width:100%;max-height:190px;object-fit:contain;border-radius:11px;background:#08111b}
.customer-computer-quote-item{display:grid;gap:7px;margin-top:9px;color:#e8f2f9}.customer-computer-quote-item>strong{font-size:13px}.customer-computer-sku{color:#879dad;font-size:10px}
.customer-computer-specs{display:grid;gap:5px;margin:2px 0 0;padding-left:18px;color:#c4d3de;font-size:12px;line-height:1.5}
.customer-computer-mark{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #2185b4;border-radius:13px;background:#09263a;color:#69ceff}
.customer-computer-mark svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.customer-computer-title{min-width:0;display:grid;gap:4px}.customer-computer-title h3{margin:0;color:#f4f8fb;font-size:16px;line-height:1.35}.customer-computer-title small,.customer-computer-meta small{color:#9db0c0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.customer-computer-body{display:grid;gap:10px;padding:15px 18px}.customer-computer-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.customer-computer-meta div{display:grid;gap:4px;min-width:0}.customer-computer-meta span{color:#8297a8;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.customer-computer-meta strong{color:#e9f2f8;font-size:13px;overflow-wrap:anywhere}
.customer-computer-stage{padding:12px 13px;border:1px solid #1d4158;border-radius:12px;background:#091722}.customer-computer-stage strong{color:#78d1ff;font-size:13px}.customer-computer-stage p{margin:5px 0 0;color:#aabcc9;font-size:12px;line-height:1.5}
.customer-computer-details{padding-top:3px}.customer-computer-details summary{width:max-content;max-width:100%;padding:9px 0;color:#70caff;font-size:13px;font-weight:700;cursor:pointer}.customer-computer-details-content{display:grid;gap:13px;padding:12px;border:1px solid #ffffff12;border-radius:11px;background:#080f17}.customer-computer-details-content h4{margin:0 0 5px;color:#e8f2f9;font-size:12px}.customer-computer-details-content p{margin:0;color:#a9bac8;font-size:12px;line-height:1.55}.customer-computer-history{display:grid;gap:9px;margin:0;padding:0 0 0 15px;color:#d6e2ea}.customer-computer-history li{padding-left:3px}.customer-computer-history strong,.customer-computer-history small{display:block}.customer-computer-history strong{font-size:12px}.customer-computer-history small{margin-top:3px;color:#92a9b9;font-size:11px}.customer-computer-actions{display:flex;flex-wrap:wrap;gap:9px;padding:0 18px 17px}.customer-computer-actions .button{min-height:40px}
.customer-computers-note{grid-column:1/-1;margin:0;color:#8ea3b3;font-size:11px;line-height:1.55}
.sales-linked-accounts{display:grid;gap:10px;margin-top:18px;padding:17px;border:1px solid #2a789a66;border-radius:14px;background:linear-gradient(135deg,#0c2230,#0b121a)}.sales-linked-accounts h3{margin:0;color:#eaf6fb;font-size:15px}.sales-linked-accounts p{margin:0;color:#a8bdca;font-size:12px;line-height:1.55}.sales-linked-accounts p[aria-live]{color:#7ad8ff;font-weight:700}.sales-google-link-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.sales-google-link-form label{grid-column:1/-1;margin:0 0 -6px;color:#b9cbd6;font-size:12px}.sales-google-link-form input{width:100%;min-width:0;min-height:42px;padding:10px 12px;border:1px solid #ffffff24;border-radius:9px;background:#060c12;color:#f2f7fa}.sales-google-link-form .button{min-height:42px;white-space:normal}
@media(max-width:540px){.customer-computers-grid{grid-template-columns:1fr}.customer-computer-head,.customer-computer-body{padding-left:14px;padding-right:14px}.customer-computer-actions{padding-left:14px;padding-right:14px}.customer-computer-meta{gap:8px}}
@media(max-width:540px){.sales-google-link-form{grid-template-columns:1fr}.sales-google-link-form label{grid-column:auto}.sales-google-link-form .button{width:100%}}