/* Local CRM review. Presentation never replaces server permissions or MFA. */
body.phase1{--red:#a32949;--pop:#a32949;--ink:#34262d;--muted:#6c5861;--line:#e4dce0;--cream:#f8f5f3;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;background:var(--cream);color:var(--ink)}
.phase1 *{scroll-margin-top:24px}.phase1 [hidden]{display:none!important}.phase1 .shell{max-width:1480px;padding:24px 32px}.phase1 h1,.phase1 h2,.phase1 h3{font-family:inherit;letter-spacing:-.035em}.phase1 h1{font-size:30px;line-height:1.25}.phase1 h2{font-size:19px;line-height:1.45}.phase1 h3{font-size:16px}.phase1 p{line-height:1.65}.phase1 .sm,.phase1 .note-body{font-size:14px}.phase1 .xs,.phase1 .footer{font-size:12px}
.phase1 .top{padding:0 0 22px;margin-bottom:28px;min-height:60px}.phase1 .logo{font-family:inherit;font-size:26px;font-weight:850;letter-spacing:-1px}.phase1 .top .eyebrow{display:none}.phase1 .badge.yellow{background:transparent;border:1px solid #d7c9ce;color:#6c5861;font-size:11px;font-weight:600}.phase1 .badge.blue{background:#f3e9ee;color:#6c2841;font-weight:600}.phase1 #phase1-review-notice{display:none}
.phase1 .btn{border-radius:10px;min-height:44px;padding:10px 16px;font-size:13px;font-weight:650;line-height:1.4;transition:background .12s}.phase1 .btn.primary{background:var(--red);border-color:var(--red);color:white}.phase1 .btn:hover{background:#f4ecef}.phase1 .btn.primary:hover{background:#822039}.phase1 .btn:disabled{cursor:not-allowed;opacity:.65}.phase1 :is(button,a,summary,input,textarea,select,[tabindex]):focus-visible{outline:3px solid #8b2443;outline-offset:3px}.phase1 .field input:focus,.phase1 .field textarea:focus{box-shadow:none;border-color:#8b2443}.phase1 .panel{border-radius:16px;padding:24px;background:white;border:1px solid var(--line);box-shadow:0 3px 12px #34262d03}
.phase1 #workspace{display:grid;grid-template-columns:180px minmax(0,1fr);gap:34px;align-items:start}.phase1 #crm-navigation{position:sticky;top:24px;display:flex;flex-direction:column;gap:5px}.phase1 .nav-caption{font-size:10px;letter-spacing:.12em;color:#6c5861;font-weight:700;padding:12px 14px}.phase1 #crm-navigation>button{min-height:48px;border:0;border-radius:10px;padding:12px 14px;text-align:left;background:transparent;color:#6c5861;font:600 14px inherit;font-family:inherit;font-size:14px;font-weight:600;display:flex;align-items:center;gap:11px}.phase1 #crm-navigation>button>span{width:20px;font-size:20px;font-weight:400;text-align:center}.phase1 #crm-navigation>button:hover{background:#f0e9eb}.phase1 #crm-navigation>button[aria-current]{background:#f1e2e8;color:#86243f}.phase1 .nav-note{margin:30px 14px 0;color:#6c5861;font-size:12px;line-height:1.8}.phase1 .nav-note>span:last-child{font-size:11px}.phase1 .test-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a32949;margin-right:5px}.phase1 #crm-main{min-width:0;outline:none}.phase1 .page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:8px 0 28px}.phase1 .section-kicker{font-size:10px;font-weight:750;letter-spacing:.12em;color:#8c5267;margin-bottom:9px}.phase1 .page-subtitle{font-size:14px;color:var(--muted);margin-top:10px}.phase1 .customer-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.25fr);gap:22px;align-items:start}.phase1 #directory-slot,.phase1 #profile-slot{min-width:0}
.phase1 #customer-directory{padding:20px}.phase1 #customer-directory .rowhead{display:flex;gap:12px;align-items:center}.phase1 #customer-directory h2{width:100%;font-size:16px}.phase1 .search{max-width:none;width:100%;font-size:14px;padding:12px 13px;border-radius:10px;border-color:#9b8790;background:white;min-height:46px}.phase1 .directory-actions{width:100%}.phase1 .directory-actions .btn{width:100%;margin-top:4px;background:#faf7f8;border-color:var(--line)}.phase1 .directory-count{font-size:12px;color:var(--muted);margin:18px 0 7px}.phase1 #customers{max-height:calc(100vh - 370px);min-height:120px;overflow:auto;overscroll-behavior:contain;padding:4px 0;scrollbar-gutter:stable}.phase1 .customer{padding:5px 0;border-color:#f0eaed}.phase1 .customer-open{min-height:88px;padding:12px;border-radius:10px;gap:8px}.phase1 .customer.selected{background:#f9eff3;border-radius:10px}.phase1 .customer-open:hover{background:#f8f2f5}.phase1 .customer-open>div{min-width:0}.phase1 .customer-open>.badge{font-size:0;background:transparent;color:#a32949;padding:0 4px;flex-shrink:0}.phase1 .customer-open>.badge:after{content:'›';font-size:22px;font-weight:400}.phase1 .name{font-size:14px;font-weight:700;overflow-wrap:anywhere}.phase1 .customer .sub{font-size:11px;line-height:1.6;margin-top:5px}.phase1 .tag{font-size:10px;padding:4px 7px;background:#f1ecef;color:#614952;font-weight:550}.phase1 .customer-tag{background:#f1ecef}.phase1 .tags>.tag:nth-child(n+3){display:none}.phase1 .tags>.tag-more{display:inline-block!important}
.phase1 #customer-detail,.phase1 #profile-placeholder{margin:0;min-width:0}.phase1 #profile-placeholder{min-height:395px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px;background:#fffdfd;border-style:dashed}.phase1 .placeholder-mark{width:56px;height:56px;border-radius:18px;background:#f6eaf0;display:grid;place-items:center;font-size:24px;font-weight:700;color:#9a3957}.phase1 #profile-placeholder p{max-width:290px;color:var(--muted);font-size:14px}.phase1 #customer-detail .sectionhead{align-items:flex-start;margin-bottom:16px}.phase1 #detail-name{font-size:24px;overflow-wrap:anywhere;line-height:1.3}.phase1 #detail-name:focus{outline:none}.phase1 #close-detail{font-size:11px;min-height:44px;padding:9px 12px}.phase1 #detail-meta .pill{background:#f8f4f6;border:0;font-size:11px;padding:5px 8px}.phase1 #detail-contact{font-size:13px;line-height:1.7;padding-bottom:18px;overflow-wrap:anywhere}.phase1 .profile-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-top:7px}.phase1 .profile-tabs>button{font-family:inherit;font-size:13px;font-weight:650;color:#6c5861;background:none;border:0;border-bottom:2px solid transparent;min-height:48px;padding:10px 0;white-space:nowrap}.phase1 .profile-tabs>button[aria-selected=true]{color:#a32949;border-bottom-color:#a32949}.phase1 .detail-grid{display:block;margin-top:24px}.phase1 .detail-grid>section{min-width:0}.phase1 .detail .section-title{font-size:15px;font-weight:700}.phase1 .tag-editor{border:0;margin:0;padding:0}.phase1 .note{padding:18px 0}.phase1 .note-body{line-height:1.8}.phase1 .note-date{font-size:11px;margin-top:9px}.phase1 #notes-list{max-height:45vh;overflow:auto;overscroll-behavior:contain}.phase1 #note-body{min-height:100px}.phase1 .note-compose{margin:14px 0 12px}.phase1 .note-compose>summary{display:inline-flex;cursor:pointer;align-items:center;min-height:44px;padding:9px 14px;border:1px solid #a32949;background:#a32949;color:white;border-radius:10px;font-size:13px;font-weight:650}.phase1 .note-compose[open]>summary{background:white;color:#a32949}.phase1 #profile-draft-state{font-size:12px;color:#8b2443;margin-top:10px}.phase1 #profile-draft-state:empty{display:none}
.phase1 .field{margin:18px 0}.phase1 .field label{font-size:13px;line-height:1.6;font-weight:650;margin-bottom:8px}.phase1 .field input,.phase1 .field textarea,.phase1 .field select{font-family:inherit;font-size:14px;padding:12px;border:1px solid #9b8790;border-radius:9px;background:white;color:var(--ink);width:100%;line-height:1.5}.phase1 .field small{font-size:12px;line-height:1.6}.phase1 :is(input,textarea)::placeholder{color:#76616b;opacity:1}.phase1 .form-disclosure{margin:14px 0 22px}.phase1 .form-disclosure>summary{font-size:13px;cursor:pointer;min-height:44px;display:list-item;padding:12px 0;color:#765061}.phase1 .quiet-note{font-size:13px;line-height:1.75;color:var(--muted);margin:16px 0}.phase1 .empty,.phase1 .empty-mini{font-size:14px}.phase1 .orderline{font-size:13px;gap:12px}.phase1 .orderline .note-date{line-height:1.7}
.phase1 dialog{border:1px solid var(--line);border-radius:18px;padding:28px;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;color:var(--ink);background:white;box-shadow:0 20px 70px #34262d28}.phase1 dialog::backdrop{background:#25182266}.phase1 .dialog-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.phase1 .dialog-top h2{font-size:24px}.phase1 .dialog-close{min-width:44px;padding:8px;font-size:16px;border:0}.phase1 #new-customer-panel{border:0;padding:0;margin:0;box-shadow:none}.phase1 #new-customer-panel>.alert{background:none;border:0;padding:0;font-size:12px;color:#6c5861}.phase1 #save{width:auto;float:right;min-width:145px}.phase1 #customer-form:after{content:'';display:block;clear:both}.phase1 .tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.phase1 .tool-card{display:block;border:1px solid var(--line);border-radius:16px;padding:30px;background:white;text-decoration:none;color:var(--ink)}.phase1 .tool-card:hover{border-color:#a32949}.phase1 .tool-symbol{display:grid;place-items:center;width:44px;height:44px;background:#f5e7ee;border-radius:12px;color:#a32949;font-size:25px;margin-bottom:24px}.phase1 .tool-tag{font-size:10px;letter-spacing:.1em;color:#8c5267;font-weight:700}.phase1 .tool-card h2{margin:12px 0}.phase1 .tool-card p{font-size:14px;color:var(--muted);max-width:330px}.phase1 .tool-action{display:block;margin-top:28px;font-size:13px;font-weight:700;color:#a32949}.phase1 .account-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.phase1 #identity-slot{margin-top:20px;font-size:14px;overflow-wrap:anywhere}.phase1 .account-role{margin-top:18px}.phase1 #who{max-width:none;display:block;font-weight:650}.phase1 #account-settings{margin:0;padding:24px;border:1px solid var(--line);background:white;border-radius:16px}.phase1 #account-settings summary{font-size:18px;list-style:none;font-weight:700}.phase1 #account-settings summary:before{content:none}.phase1 .account-fields{max-width:none}
.phase1 #status{right:24px;bottom:18px;left:auto;max-width:min(450px,calc(100vw - 32px));width:auto;z-index:15}.phase1 #status .alert{box-shadow:0 5px 24px #34262d16;border-radius:12px;padding:16px 52px 16px 18px;font-size:13px;background:white;border:1px solid #cbb8c0;position:relative}.phase1 .toast-dismiss{position:absolute;right:4px;top:4px;width:42px;height:42px;border:0;background:transparent;color:#6c5861;border-radius:8px}.phase1 .skip-link{position:absolute;top:8px;left:-10000px;padding:12px;background:white;z-index:30;border:2px solid #a32949;border-radius:8px}.phase1 .skip-link:focus{left:20px}.phase1 .auth{max-width:480px;margin:6vh auto}.phase1 .auth h1{font-size:28px}.phase1 .auth .field input{font-size:16px}.phase1 .shell>main~.footer{display:none}
/* Compatibility IDs remain for existing handlers; these are not permissions. */
.phase1 #connection-diagnostics,.phase1 section[aria-labelledby=inbox-title],.phase1 #shopify-auto-panel,.phase1 .ai-panel,.phase1 #change-project{display:none!important}
@media(max-width:1100px){.phase1 .shell{padding:22px}.phase1 #workspace{grid-template-columns:150px minmax(0,1fr);gap:24px}.phase1 .customer-layout{grid-template-columns:minmax(245px,.9fr) minmax(0,1.1fr);gap:16px}.phase1 .panel{padding:20px}.phase1 .profile-tabs{gap:15px}}
@media(max-width:850px){.phase1 #workspace{display:block}.phase1 #crm-navigation{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:24px}.phase1 #crm-navigation>button{padding:10px 8px;justify-content:center;font-size:12px;gap:7px}.phase1 .nav-caption,.phase1 .nav-note{display:none}.phase1 .page-heading{margin-top:0}.phase1 .customer-layout{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr)}.phase1 .account-grid{grid-template-columns:1fr}.phase1 #customers{max-height:58vh}}
@media(max-width:640px){.phase1 .shell{padding:18px 16px}.phase1 .top{margin-bottom:18px;padding-bottom:18px}.phase1 .top .logo{font-size:24px}.phase1 .top .flex{gap:7px}.phase1 .top .badge{font-size:10px;padding:7px 9px}.phase1 #logout{font-size:11px;padding:9px 10px}.phase1 #crm-navigation>button{flex-direction:column;gap:4px;padding:7px 3px;min-height:60px;font-size:11px}.phase1 .page-heading{gap:12px;align-items:flex-start;margin-bottom:22px}.phase1 h1{font-size:26px}.phase1 .page-subtitle{font-size:13px}.phase1 .section-kicker{font-size:9px}.phase1 #customer-primary-action .btn{padding:10px 12px;font-size:12px;white-space:nowrap}.phase1 .customer-layout{display:block}.phase1 #profile-placeholder{display:none!important}.phase1 #page-customers[data-profile-open=true] #directory-slot{display:none}.phase1 #page-customers[data-profile-open=true] .page-heading{display:none}.phase1 #customers{max-height:64vh}.phase1 .panel{padding:19px}.phase1 .profile-tabs{gap:18px}.phase1 .profile-tabs>button{font-size:12px}.phase1 .field input,.phase1 .field textarea,.phase1 .field select{font-size:16px}.phase1 .tool-grid{grid-template-columns:1fr}.phase1 .tool-card{padding:24px}.phase1 dialog{padding:22px}.phase1 #status{right:16px}.phase1 #notes-list{max-height:none}}
@media(prefers-reduced-motion:reduce){.phase1 *{scroll-behavior:auto!important;transition:none!important}}
.phase1 #automatic-order-panel{padding:24px}.phase1 .order-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.phase1 .order-toolbar .quiet-note{margin:5px 0 0;font-size:12px}.phase1 .search-label{display:block;font-size:12px;font-weight:650;margin-bottom:9px}.phase1 #auto-order-search{max-width:420px}.phase1 .order-filters{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 0}.phase1 .order-filters>button{min-height:44px;padding:9px 14px;border:1px solid var(--line);border-radius:9px;color:#6c5861;background:white;font:600 12px system-ui}.phase1 .order-filters>button[aria-pressed=true]{color:#8a2844;border-color:#cba4b4;background:#fbf0f5}.phase1 #auto-queue-status{font-size:12px;margin:20px 0 12px}.phase1 .order-row{width:100%;display:grid;grid-template-columns:minmax(120px,1fr) 110px minmax(130px,.9fr) 75px;align-items:center;gap:18px;text-align:left;padding:20px 4px;border:0;border-bottom:1px solid var(--line);font:inherit;color:var(--ink);background:white;min-height:88px}.phase1 .order-row:hover{background:#fcf8fa}.phase1 .order-row strong{display:block;font-size:14px}.phase1 .order-row-customer{display:block;font-size:12px;color:#6c5861;margin-top:6px}.phase1 .order-row-total{font-size:13px;font-weight:650}.phase1 .order-state{display:inline-block;justify-self:start;font-size:11px;line-height:1.5;font-weight:600;padding:6px 9px;border-radius:6px;background:#f2edf0;color:#65505a}.phase1 .state-review{background:#fff1d9;color:#754900}.phase1 .state-confirmed{background:#e5f1e8;color:#245b35}.phase1 .state-awaiting{background:#edf0fa;color:#3c4c80}.phase1 .order-row-action{font-size:12px;color:#96304d;font-weight:650;white-space:nowrap}.phase1 .order-empty{text-align:center;padding:50px 20px}.phase1 .order-empty p{font-size:14px;color:#6c5861;max-width:410px;margin:12px auto 0}.phase1 .order-intake-warning{font-size:13px;background:#fff1d9;padding:14px;border-radius:10px;margin:15px 0}.phase1 #auto-review-dialog{width:min(640px,calc(100vw - 32px))}.phase1 .review-customer{font-size:14px;color:#6c5861;margin:15px 0}.phase1 .order-facts{display:grid;grid-template-columns:minmax(120px,.75fr) minmax(0,1.25fr);gap:12px 18px;margin:24px 0;font-size:13px;line-height:1.7}.phase1 .order-facts dt{color:#6c5861}.phase1 .order-facts dd{margin:0;font-weight:600;overflow-wrap:anywhere}.phase1 .review-items{font-size:14px;padding:16px;background:#faf6f8;border-radius:10px;line-height:1.8}.phase1 .next-action{border-left:3px solid #a32949;padding:4px 0 4px 16px;margin:24px 0}.phase1 .next-action h3{font-size:14px;margin-bottom:6px}.phase1 .next-action p{font-size:14px;color:#6c5861}.phase1 .review-disclosure{border-top:1px solid var(--line);margin:0}.phase1 .review-disclosure>summary{font-size:13px;font-weight:650;cursor:pointer;min-height:50px;padding:15px 0}.phase1 .review-message{font:inherit;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;background:#faf6f8;border:1px solid var(--line);border-radius:10px;padding:16px;margin:0 0 20px}.phase1 .review-disclosure form{padding:0 0 20px}.phase1 .review-disclosure form>label:not(.check-label){display:block;font-size:13px;font-weight:650;margin:14px 0}.phase1 .review-disclosure :is(textarea,select,input:not([type=checkbox])){display:block;width:100%;padding:11px 12px;margin-top:9px;font:inherit;font-size:14px;border:1px solid #9b8790;border-radius:9px;background:white;color:inherit}.phase1 .check-label{display:flex;align-items:flex-start;gap:8px;line-height:1.7;font-size:13px;margin:18px 0;font-weight:400}.phase1 .check-label input{margin-top:5px;flex-shrink:0}.phase1 .form-result{font-size:13px;line-height:1.7;color:#5b4450;margin-top:12px}.phase1 #auto-review-heading:focus{outline:none}
@media(max-width:850px){.phase1 .order-row{grid-template-columns:minmax(110px,1fr) 100px minmax(100px,.8fr);gap:12px}.phase1 .order-row-action{display:none}}
@media(max-width:640px){.phase1 #automatic-order-panel{padding:18px}.phase1 .order-toolbar{align-items:flex-start}.phase1 .order-toolbar h2{font-size:17px}.phase1 .order-toolbar .btn{font-size:11px;white-space:nowrap;padding:10px}.phase1 .order-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:17px 0}.phase1 .order-row .order-state{grid-column:1/-1}.phase1 .order-filters{gap:5px}.phase1 .order-filters>button{padding:9px 10px;font-size:11px}.phase1 .review-disclosure :is(textarea,select,input:not([type=checkbox])){font-size:16px}.phase1 .order-facts{grid-template-columns:105px minmax(0,1fr);gap:10px}.phase1 .order-row-total{font-size:12px}}
.phase1 .search-tools{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.phase1 .search-tools .btn{padding:10px 12px;font-size:12px}.phase1 .directory-count #customer-count{display:inline;font:inherit;font-weight:700;margin:0}.phase1 #status{position:relative;inset:auto;max-width:none;width:100%;z-index:auto}.phase1 #status:empty{display:none}.phase1 #status .alert{margin:0 0 24px;box-shadow:none;background:#fff;border-color:#cbb8c0}
.phase1 .dialog-top>div{min-width:0}.phase1 #auto-review-heading,.phase1 .order-row strong,.phase1 .order-row-customer{overflow-wrap:anywhere}.phase1 .order-row>span:first-child{min-width:0}
.phase1 .check-label{min-height:44px}.phase1 #oc-form p>label{display:flex;align-items:flex-start;gap:8px;min-height:44px;padding:8px 0}.phase1 #oc-form p>label input{margin-top:4px;flex-shrink:0}
.phase1 .tag-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.phase1 .editable-tag{display:inline-flex;align-items:center;gap:8px;background:#f4e9ef;border-radius:8px;padding:0 0 0 12px;min-height:44px;font-size:12px;max-width:100%;overflow-wrap:anywhere}.phase1 .editable-tag>button{border:0;background:transparent;border-radius:8px;min-width:44px;min-height:44px;color:#87314d;font-size:19px;flex-shrink:0}.phase1 .tag-entry-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.phase1 .field #customer-tags[hidden]{display:none!important}

.phase1 .top .logo img{display:block;width:152px;height:auto;max-width:100%}@media(max-width:640px){.phase1 .top .logo img{width:112px}}@media(max-width:380px){.phase1 .top .logo img{width:100px}}