/* Add CSR shares the Request workspace's spacing, palette and card layout. */
body #app #addcsr{--csr-panel:#082333;--csr-input:#071c2a;--csr-border:#31586d;--csr-text:#edf7ff;--csr-muted:#b6ccd9;--csr-accent:#83d4ff;max-width:1200px!important}
body.theme-day #app #addcsr{--csr-panel:rgba(248,252,255,.97);--csr-input:#fff;--csr-border:#a5c2d1;--csr-text:#173c50;--csr-muted:#526e7d;--csr-accent:#087bb8}
body #app #addcsr .addcsr-head{display:flex!important;align-items:center!important;justify-content:space-between;gap:16px;padding:12px 20px!important;margin:0 0 12px!important;background:var(--csr-panel)!important;border:1px solid var(--csr-border);border-radius:13px}
body #app #addcsr .csr-heading-brand{display:flex;align-items:center;gap:14px;min-width:0}
body #app #addcsr .csr-heading-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid var(--csr-border);border-radius:10px;color:var(--csr-accent)}
body #app #addcsr .csr-heading-icon svg{width:24px;height:24px}
body #app #addcsr .addcsr-head h1{font-size:26px!important;margin:0!important;color:var(--csr-text)!important;-webkit-text-fill-color:var(--csr-text)!important;-webkit-text-stroke:0!important;text-shadow:none!important;line-height:1.15!important}
body #app #addcsr .addcsr-head p{font-size:13px!important;margin:5px 0 0!important;font-weight:400!important;color:var(--csr-muted)!important;-webkit-text-fill-color:var(--csr-muted)!important;text-shadow:none!important}
body #app #addcsr .csr-top-actions{display:flex!important;align-items:center!important;flex-wrap:wrap!important;justify-content:flex-end;gap:8px!important;padding:0!important;flex:none;border:0!important}
body #app #addcsr .csr-top-actions button{min-height:38px!important;padding:8px 16px!important;font-size:13px!important}
body #app #addcsr .csr-top-actions .save-state:empty{display:none}
body #app #addcsr .addcsr-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;align-items:start!important}
body #app #addcsr .csr-left-column,body #app #addcsr .csr-right-column{display:grid;gap:12px;min-width:0}
body #app #addcsr .addcsr-card,body #app #addcsr .addcsr-section{background:var(--csr-panel)!important;border:1px solid var(--csr-border)!important;color:var(--csr-text)!important;border-radius:13px!important;box-shadow:none!important}
body #app #addcsr .addcsr-section{padding:16px!important;margin:0!important;min-width:0}
body #app #addcsr .csr-info-head{display:block!important;border:0!important;padding:0!important;margin:0 0 14px!important}
body #app #addcsr .csr-info-head h3{padding:0!important;margin:0!important;border:0!important;color:var(--csr-text)!important;font-size:17px!important}
body #app #addcsr .addcsr-section-title{display:flex;align-items:center;gap:9px;font-size:17px!important;letter-spacing:0!important;color:var(--csr-text)!important;margin:0 0 14px!important;line-height:1.2!important}
body #app #addcsr .addcsr-section-title svg,body #app #addcsr .csr-info-head svg{width:22px;height:22px;flex:none;color:var(--csr-accent)}
body #app #addcsr .addcsr-section-title small{font-size:10px!important;font-weight:500;background:#1979ad22;color:var(--csr-accent)!important;padding:5px 8px;border-radius:20px}
body #app #addcsr .addcsr-form-grid,body #app #addcsr .addcsr-form-grid.three,body #app #addcsr .addcsr-auto{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body #app #addcsr .csr-basic label:last-child,body #app #addcsr .csr-work .csr-priority-label,body #app #addcsr .csr-long-text,body #app #addcsr .wide{grid-column:1/-1!important}
body #app #addcsr .auto-field{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important}
body #app #addcsr .addcsr-form label,body #app #addcsr .auto-field>span,body #app #addcsr .multi-choice-label{font-size:12px!important;font-weight:600!important;letter-spacing:0!important;color:var(--csr-muted)!important;min-width:0}
body #app #addcsr .auto-field>span{text-transform:uppercase;display:block}
body #app #addcsr .addcsr-form input:not([type=checkbox]):not([type=hidden]),body #app #addcsr .addcsr-form select,body #app #addcsr .addcsr-form textarea,body #app #addcsr .direction-picker>summary,body #app #addcsr .multi-choice-picker>summary,body #app #addcsr .csr-drive-row input{box-sizing:border-box;width:100%;height:38px!important;min-height:38px!important;padding:9px 11px!important;margin-top:5px!important;font-size:13px!important;font-weight:400!important;line-height:18px!important;background:var(--csr-input)!important;color:var(--csr-text)!important;border:1px solid var(--csr-border)!important;border-radius:7px!important;min-width:0!important}
body #app #addcsr .addcsr-form textarea{height:58px!important;min-height:58px!important;max-height:none!important;resize:vertical}
body #app #addcsr .priority-check{background:transparent!important;border:0!important;padding:0!important;justify-content:flex-start!important;gap:8px!important;color:var(--csr-text)!important}
body #app #addcsr .priority-check input{width:18px!important;height:18px!important;margin:0!important}
body #app #addcsr .csr-map-card{overflow:hidden}
body #app #addcsr .csr-map-card h3{border:0!important;padding:16px 16px 5px!important;margin:0!important;font-size:17px!important;color:var(--csr-text)!important}
body #app #addcsr .csr-map-help{padding:0 16px 12px!important;margin:0!important;font-size:13px;color:var(--csr-muted)!important}
body #app #addcsr .addcsr-map{height:440px!important}
body #app #addcsr .addcsr-pinmsg{font-size:11px!important;padding:7px 16px!important;min-height:16px;color:var(--csr-accent)!important}
body #app #addcsr .addcsr-pad{padding:12px 16px!important}
body #app #addcsr .coord-row{display:flex;gap:10px;align-items:flex-end}
body #app #addcsr .coord-row label{flex:1;min-width:0}
body #app #addcsr .coord-row button{flex:none;height:38px!important}
body #app #addcsr .addcsr-left-photos{padding:16px!important;margin:0!important;overflow:hidden}
body #app #addcsr .addcsr-left-photos>summary{display:list-item;font-size:16px!important}
body #app #addcsr .addcsr-left-photos>summary small{background:none;padding:0;color:var(--csr-muted)!important;font-size:11px!important}
body #app #addcsr .photo-slot{min-height:104px!important;aspect-ratio:4/3;border-radius:10px!important;background:var(--csr-input)!important;color:var(--csr-text)!important}
body #app #addcsr .csr-drive-photo{background:transparent!important;color:var(--csr-muted)!important}
body #app #addcsr .csr-drive-row{gap:8px}
body #app #addcsr .csr-drive-row button{flex:none}
body.theme-night #app #addcsr .primary-btn{background:#164b68!important;border-color:#4b93b7!important;color:#e5f6ff!important}
@media(max-width:950px){body #app #addcsr .addcsr-grid{grid-template-columns:1fr!important}body #app #addcsr .addcsr-map{height:380px!important}}
@media(max-width:600px){body #app #addcsr .addcsr-head{flex-wrap:wrap;padding:12px!important}body #app #addcsr .csr-top-actions{width:100%;justify-content:flex-end}body #app #addcsr .addcsr-head h1{font-size:23px!important}body #app #addcsr .addcsr-section{padding:14px!important}body #app #addcsr .csr-drive-row{flex-wrap:wrap}}

/* Keep priority in the heading and align the desktop column bottoms. */
body #app #addcsr .csr-work>.addcsr-section-title{flex-wrap:wrap;justify-content:flex-start;gap:9px}
body #app #addcsr .csr-work>.addcsr-section-title .csr-priority-label{margin:0 0 0 auto!important;display:flex!important;align-items:center;grid-column:auto!important;font-size:12px!important}
body #app #addcsr .csr-work>.addcsr-section-title .priority-check{min-height:22px!important;height:auto!important;margin:0!important;font-size:12px!important;white-space:nowrap}
body #app #addcsr .csr-drive-row{align-items:center!important}
body #app #addcsr .csr-drive-row input,body #app #addcsr .csr-drive-row button{height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important;box-sizing:border-box!important;line-height:18px!important;padding:9px 11px!important}
@media(min-width:951px){
 body #app #addcsr .addcsr-grid{align-items:stretch!important}
 body #app #addcsr .csr-left-column,body #app #addcsr .csr-right-column{display:flex!important;flex-direction:column!important;gap:12px!important}
 body #app #addcsr .csr-map-card{flex:none}
 body #app #addcsr .addcsr-left-photos[open],body #app #addcsr .csr-work{flex:1 0 auto}
}
/* Geometric chevrons avoid font-baseline offsets in photo navigation. */
body #app :is(#addcsr,#request) .request-photo-controls button{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;line-height:1!important;font-size:0!important;box-sizing:border-box!important}
body #app :is(#addcsr,#request) .request-photo-controls button::before{content:'';display:block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateX(-2px) rotate(-45deg);box-sizing:border-box}
body #app :is(#addcsr,#request) .request-photo-controls button[aria-label="Previous photo slots"]::before{transform:translateX(2px) rotate(135deg)}
/* Customer details fit on one desktop row; email receives more space. */
@media(min-width:951px){body #app #addcsr #csrImportedCustomerSection .addcsr-form-grid.three{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr)!important}}
@media(max-width:600px){body #app #addcsr #csrImportedCustomerSection .addcsr-form-grid.three{grid-template-columns:1fr!important}}

/* Slim desktop action bar; compact spacing lifts the workspace below. */
@media(min-width:951px){
body #app #addcsr .addcsr-head{padding:6px 16px!important;min-height:0!important;height:auto!important;margin-bottom:8px!important;gap:12px!important}
body #app #addcsr .csr-heading-brand{gap:10px!important}
body #app #addcsr .csr-heading-icon{width:32px!important;height:32px!important;border-radius:8px!important}
body #app #addcsr .csr-heading-icon svg{width:20px!important;height:20px!important}
body #app #addcsr .addcsr-head h1{font-size:22px!important;line-height:1.1!important}
body #app #addcsr .addcsr-head p{font-size:11px!important;line-height:1.2!important;margin-top:2px!important}
body #app #addcsr .csr-top-actions button{min-height:34px!important;height:34px!important;padding:6px 14px!important;line-height:1.2!important}
}