:root{color-scheme:light dark;--bg:light-dark(#f5f7fb,#141923);--panel:light-dark(#fff,#1d2431);--ink:light-dark(#1c1c1e,#f5f5f7);--sub:light-dark(#666773,#b7b7c1);--line:light-dark(#e5e5ea,#414146);--blue:light-dark(#007aff,#0a84ff);--soft:light-dark(#edf5ff,#172d48);font:14px/1.6 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button,input,select,textarea{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:11px 13px;min-height:44px;max-width:100%;font-size:16px}button{color:var(--blue)}button:disabled{opacity:.5;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(.96)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}h1{font-size:25px;margin:0 0 8px}h2{font-size:18px;margin:0 0 12px}h3{font-size:15px;margin:6px 0}p{margin:10px 0}small,.muted{color:var(--sub);font-size:12px}label{display:grid;gap:7px;margin:12px 0}input,select,textarea{width:100%;min-width:0}textarea{min-height:90px;resize:vertical}input[type=checkbox]{width:20px;min-height:20px;margin:0}.primary{background:var(--blue);color:white;border-color:var(--blue)}.danger{color:light-dark(#c52a24,#ff8780)}.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:20px;margin:16px 0;overflow-wrap:anywhere;min-width:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.tag{padding:4px 9px;background:var(--soft);color:var(--blue);border-radius:8px;font-size:12px}.note{background:var(--soft);padding:14px;border-radius:13px;margin:12px 0}.error{color:light-dark(#b5221c,#ff9c95);background:light-dark(#fff1f0,#3d2222);padding:12px;border-radius:12px}.header{background:var(--panel);border-bottom:1px solid var(--line);padding:20px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:80px}.brand{font-size:20px;font-weight:650;display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;background:#3861d9;color:white;width:36px;height:36px;border-radius:11px;font-size:22px}.header-actions{display:flex;gap:10px;align-items:center}.header-actions button{font-size:13px}.banner{display:flex;gap:12px;align-items:center;padding:10px 26px;background:var(--soft);flex-wrap:wrap}.banner span{flex:1}.banner button{font-size:13px;padding:6px 12px;min-height:36px}.layout{display:grid;grid-template-columns:182px minmax(0,1fr);min-height:calc(100vh - 140px)}.sidebar{background:var(--panel);border-right:1px solid var(--line);padding:24px 12px;display:flex;flex-direction:column;gap:6px}.sidebar>small{padding:8px 14px}.sidebar button{border:0;background:transparent;color:var(--ink);text-align:left;font-size:14px;padding:12px 14px}.sidebar button.active{color:#3861d9;background:#edf2ff}.sidebar footer{margin-top:auto;padding:20px 12px;color:var(--sub);font-size:12px}.content{padding:28px;min-width:0;max-width:1500px;width:100%}.identity{margin:14px 0 24px}.identity div{border:1px solid var(--line);background:var(--panel);padding:11px 13px;border-radius:12px;margin:7px 0 12px;font-size:16px}.tree details{padding-left:12px}.tree summary{padding:10px 0}.tree summary button{font-size:15px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.metric strong{display:block;font-size:24px}.check{display:flex;align-items:center;gap:10px;min-height:44px}.editor{border:2px solid var(--blue);border-radius:20px;padding:20px;background:var(--panel);margin:20px 0;scroll-margin-top:16px}.editor .card{margin:0}.editor h2{margin-bottom:16px}.editor[hidden]{display:none}.row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.bottom-nav{display:none}.login{max-width:1050px;min-height:90vh;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:40px 24px}.login h1{font-size:40px;line-height:1.35}.login .card{padding:30px}.login .wide{width:100%}.login .code{display:grid;grid-template-columns:1fr auto;gap:8px}.login .code button{font-size:13px}.login .divider{display:flex;align-items:center;gap:10px;color:var(--sub);margin:28px 0 18px}.login .divider:before,.login .divider:after{content:'';height:1px;background:var(--line);flex:1}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--panel);padding:12px 20px;border-radius:12px;z-index:100;max-width:90vw}.audit pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.loading{padding:30px}.code-number{font-size:38px;letter-spacing:6px}.empty{padding:36px 18px;text-align:center}.permission-group{border:0;padding:0;margin:0}legend{font-size:15px;font-weight:600}.scope-label{display:block;font-size:12px;color:var(--sub)}[hidden]{display:none!important} @media(max-width:1024px){.content{padding:20px}.header-actions small{display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.header-actions{flex-wrap:wrap}} @media(max-width:768px){:root{--bg:light-dark(#f2f2f7,#101014)}.login{display:block;padding:24px 16px;max-width:450px}.login .hero{display:none}.login .card{padding:22px 18px}.login h2{font-size:26px}.header{padding:16px 20px;min-height:68px}.header-actions{display:none}.brand{font-size:18px}.layout{display:block}.sidebar{display:none}.content{padding:16px 20px 110px}.banner{padding:10px 16px;gap:8px}.banner span{flex-basis:100%;font-size:12px}.banner button{min-height:44px}.grid{grid-template-columns:1fr;gap:0}.card{padding:16px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.actions button{flex:1 1 120px;white-space:normal}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;background:var(--panel);border-top:1px solid var(--line);padding:8px 4px max(8px,env(safe-area-inset-bottom));z-index:10}.bottom-nav button{color:var(--sub);font-size:12px;border:0;padding:8px;background:transparent;min-width:44px}.bottom-nav button.active{color:var(--blue);background:var(--soft);font-weight:600}.identity{margin:6px 0 20px}.identity div{font-size:16px}.toast{bottom:90px}.editor{padding:16px}.code-number{font-size:30px;letter-spacing:4px}.tree details{padding-left:8px}} @media(prefers-reduced-motion:no-preference){button{transition:background .15s}} .card h2{font-size:16px;margin:0}.card p{margin:0}.card button{font-size:14px;line-height:1.5}.card .actions{margin:14px 0}.card .metrics{margin-top:12px}.audit p{margin:8px 0} /* Lucide: local SVG resources, matching prototype 18px / 2px strokes. */ .icon{display:inline-block;width:18px;height:18px;flex:none;vertical-align:middle;pointer-events:none} button{display:inline-flex;align-items:center;justify-content:center;gap:7px} .sidebar button{justify-content:flex-start;gap:11px;white-space:nowrap} .brand-mark .icon{width:22px;height:22px} @media(max-width:768px){.bottom-nav{padding:12px 10px max(25px,env(safe-area-inset-bottom))}.bottom-nav button{flex-direction:column;gap:5px;font-size:11px;min-width:50px;padding:0}.bottom-nav button.active{background:transparent;font-weight:400}.shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shortcuts button{flex-direction:column;gap:10px;min-height:84px;border:0;border-radius:18px;font-size:13px}.shortcuts button span{color:var(--ink)}} .sidebar .icon{width:17px;height:17px}.sidebar button.active{color:#2465e8} @media(max-width:768px){.bottom-nav button{color:light-dark(#6d6d73,#b7b7c1)}.bottom-nav button.active{color:var(--blue)}} /* High-fidelity shell and review panels; no design source overrides. */ h1{font-weight:650;letter-spacing:-.6px}h2{font-weight:600}h3{font-weight:600} .header{min-height:77px;padding:18px 28px 18px 22px}.header .brand{font-size:19px}.header .brand small{font-size:11px;border:1px solid var(--line);border-radius:5px;padding:2px 7px;font-weight:400} .header-actions{gap:14px;flex-wrap:wrap}.header-actions button{font-size:12px;padding:8px 12px;min-height:36px;border-radius:8px} .sidebar{padding:22px 12px;gap:7px}.sidebar>small{padding:12px 14px 5px;letter-spacing:1px;font-size:11px}.sidebar button{padding:11px 14px;border-radius:9px;min-height:44px}.sidebar button.active{background:light-dark(#edf3ff,#20375b);color:light-dark(#2465e8,#80acff);font-weight:600}.sidebar footer{border-top:1px solid var(--line)} .content{padding:27px}.identity{margin:14px 0}.identity div{margin:7px 0 12px}.code-number{font-size:18px;letter-spacing:0} .editor{padding:0;border-radius:0;margin:20px 0}.editor>h2,.editor>p{margin:16px 20px}.editor>form{margin:16px 0;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--panel)} .mobile-back{display:none}#page:focus{outline:none}.row>span{min-width:0;overflow-wrap:anywhere}.row>span:last-child{text-align:right} @media(min-width:769px) and (max-width:1100px){.header-actions{gap:7px}.header-actions button{padding:8px}.header .brand{flex-wrap:wrap}.layout{grid-template-columns:182px minmax(0,1fr)}} @media(max-width:768px){.header{padding:16px 20px;min-height:68px}.header .brand{font-size:17px}.header .brand small{display:none}.content{padding:16px 20px 110px}.identity{margin:6px 0 20px}.mobile-back{display:block;margin:0 0 16px}.mobile-back button{border:0;background:transparent;padding:0;min-height:44px}.editor>form{padding:16px}.editor>h2,.editor>p{margin:16px}.code-number{font-size:18px}.banner strong{font-size:13px}.banner button{font-size:12px}} /* Device and appointment workflows */ .ops-title{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ops-title .actions{margin:0}.ops-filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:18px 0}.ops-filters label{margin:0;min-width:160px}.ops-filters label:first-child{flex:1}.ops-filters input,.ops-filters select{font-size:14px}.ops-table{overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel);margin:16px 0}.ops-table table{border-collapse:collapse;width:100%;font-size:13px}.ops-table th{text-align:left;font-weight:500;color:var(--sub);background:var(--bg)}.ops-table th,.ops-table td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.ops-table tr:last-child td{border-bottom:0}.ops-table small,.ops-detail small{display:block}.ops-table .actions{gap:5px;margin:0}.ops-table button{font-size:12px;padding:6px 9px;min-height:34px;border-radius:8px}.ops-bookings .card{margin:12px 0;border-radius:16px}.ops-bookings p{margin:5px 0}.ops-bookings .ops-title{margin-bottom:6px}.ops-open{overflow:hidden}.ops-open:before{content:'';position:fixed;inset:0;background:#0005;z-index:29}.editor.ops-modal{position:fixed;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 40px));max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:20px;margin:0;box-shadow:0 20px 60px #0003}.ops-modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel);z-index:1}.ops-modal-head h2{margin:0}.ops-modal-head button{font-size:13px;min-height:36px;padding:6px 10px}.editor.ops-modal>form{border:0;margin:0;border-radius:0;padding:20px 24px}.ops-detail{padding:20px 24px}.ops-photos{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.ops-photos figure{margin:0}.ops-photos img{width:100%;height:150px;object-fit:cover;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.ops-photos figcaption{font-size:12px;color:var(--sub)}.ops-picks{max-height:240px;overflow:auto;padding:10px;border:1px solid var(--line);border-radius:12px}.ops-picks label{font-size:14px}.portal{max-width:620px;padding:24px 20px;margin:auto}.portal h1{font-size:24px}.portal .card p{margin:10px 0} @media(max-width:768px){.ops-title{gap:12px}.ops-title .actions{width:100%}.ops-filters{gap:10px}.ops-filters label{min-width:100px;flex:1}.ops-filters label:first-child{flex-basis:100%}.ops-table{border:0;background:transparent;overflow:visible}.ops-table table,.ops-table tbody,.ops-table tr,.ops-table td{display:block;width:100%}.ops-table thead{display:none}.ops-table tr{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:12px;position:relative}.ops-table td{border:0;padding:4px 0}.ops-table td:first-child:has(input){position:absolute;right:14px;top:14px;width:auto}.ops-table .actions{margin-top:10px}.ops-table .actions button{min-height:44px;flex:1}.ops-modal .ops-table tr{border-radius:10px}.editor.ops-modal{width:100%;max-height:94dvh;bottom:0;top:auto;left:0;transform:none;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom)}.editor.ops-modal>form,.ops-detail{padding:18px 20px}.ops-modal-head{padding:16px 20px}.ops-bookings .tag{font-size:11px}.ops-bookings .ops-title{gap:6px}.ops-bookings .card{padding:16px}.ops-photos img{height:110px}} @media(max-width:768px){.ops-open{overflow:auto}.ops-open:before{display:none}.ops-open #page,.ops-open .mobile-back{display:none}.editor.ops-modal{position:static;transform:none;width:100%;max-height:none;border:0;border-radius:0;box-shadow:none;background:transparent;margin-top:20px;overflow:visible}.ops-modal-head{position:static;padding:0 0 12px;border:0;background:transparent}.ops-modal-head h2{font-size:24px}.editor.ops-modal>form,.ops-modal .ops-detail{padding:18px 16px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.ops-table td:nth-child(2){padding-right:24px}.ops-table td:nth-child(2)>strong{color:var(--blue);font-weight:500}.ops-table td:nth-child(3)>strong{display:block;margin:7px 0;font-size:16px}.ops-table td:nth-child(2)>small{font-size:11px}} .ops-steps{display:flex;gap:8px;margin:0 0 18px;background:var(--bg);border-radius:10px;padding:8px;font-size:12px;justify-content:space-between}.ops-steps span{padding:6px}.ops-steps span:nth-child(2){background:var(--panel);border-radius:7px;color:var(--blue)}.ops-photo-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ops-photo-upload{border:1px dashed var(--line);border-radius:14px;padding:16px;min-width:0;background:var(--bg);align-content:center;text-align:center;justify-items:center}.ops-photo-upload input{padding:6px;font-size:11px;border:0;background:transparent}.ops-photo-upload input::file-selector-button{font:inherit;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--blue)} /* Recovery follows the same desktop split form and mobile page layout. */ .rx-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:24px}.rx-grid .card{margin:0}.ops-detail small,.ops-bookings small{overflow-wrap:anywhere}.ops-picks .check{align-items:flex-start}.ops-detail .card{overflow-wrap:anywhere} @media(max-width:768px){.rx-grid{grid-template-columns:1fr;gap:16px}.recovery-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-bookings .actions button{flex:1 1 auto}.ops-picks .check{line-height:1.6}} .rx-open{overflow:auto}.rx-open:before{display:none}.rx-open #page{display:none}.rx-open .editor.ops-modal{position:static;transform:none;width:100%;max-height:none;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible;margin-top:20px}.rx-open .ops-modal-head{position:static;padding:0 0 18px;border:0;background:transparent}.rx-open .ops-modal-head h2{font-size:26px}.rx-open .editor.ops-modal>form,.rx-open .ops-detail{padding:20px 24px;border:1px solid var(--line);border-radius:18px;background:var(--panel)} @media(max-width:768px){.rx-open .editor.ops-modal>form,.rx-open .ops-detail{padding:18px 16px}.rx-open .ops-modal-head h2{font-size:24px}} .rx-open .editor.ops-modal>form.rx-receipt{background:transparent;border:0;padding:0}.rx-receipt>.card{padding:20px;margin:14px 0} .pub-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:20px;align-items:start}.pub-grid>form{border:0;background:transparent;padding:0;margin:0}.pub-logo{width:36px;height:36px;object-fit:contain;border-radius:10px;vertical-align:middle}.pub-picture{display:block;width:auto;max-width:100%;max-height:180px;object-fit:contain;border-radius:10px;margin:10px 0}.pub-ad{display:flex;gap:16px;align-items:center;border:1px solid var(--line);border-radius:15px;background:var(--soft);padding:18px;margin:16px 0;overflow-wrap:anywhere;text-decoration:none;color:var(--ink)}.pub-ad .pub-picture{width:120px;height:80px;object-fit:cover;flex-shrink:0}.pub-ad h3,.pub-ad p{margin:0}.pub-mobile{display:none}.pub-ad .tag{align-self:flex-start;font-size:11px}.pub-grid input[type=file]{max-width:100%} @media(max-width:768px){.pub-grid{grid-template-columns:1fr}.pub-ad{gap:10px;padding:14px;flex-wrap:wrap}.pub-ad .pub-picture{width:80px;height:64px}.pub-ad>div{flex:1;min-width:120px}.pub-mobile{display:block}.pub-desktop{display:none}} .merchant-portal{padding-bottom:100px}.merchant-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(620px,100%);display:flex;justify-content:space-around;padding:12px;background:var(--panel);border-top:1px solid var(--line);z-index:10}.merchant-nav [aria-current=page]{color:var(--blue);background:var(--soft)}.merchant-portal .pub-ad img{width:100px;max-height:80px;object-fit:contain}.merchant-portal .card{overflow-wrap:anywhere} .pub-edit .ops-detail{background:transparent!important;border:0!important;padding:0!important}.pub-edit .pub-grid>form,.pub-edit .pub-grid>aside{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;min-width:0}.pub-edit fieldset{border:0;padding:0;margin:16px 0}.pub-edit input:not([type=checkbox]){background:var(--bg)}.pub-edit .pub-grid>aside{min-height:440px}.pub-edit [data-ad-preview]{min-height:120px;padding:24px 0;color:var(--sub)} @media(max-width:768px){.pub-edit .pub-grid>form,.pub-edit .pub-grid>aside{padding:18px}.pub-edit .pub-grid>aside{min-height:180px}} .merchant-nav button{display:grid;justify-items:center;gap:5px;font-size:12px;flex:1;border:0;background:transparent}.merchant-nav img{width:21px;height:21px}.merchant-portal> .brand{padding:18px 0 26px}.merchant-portal h1{font-size:24px}.merchant-portal #merchant-login{background:var(--panel);padding:24px;border:1px solid var(--line);border-radius:20px;margin-top:24px} .merchant-portal [hidden]{display:none!important}.merchant-portal #merchant-root>.note:first-child{font-size:11px;padding:8px 10px;margin:0 0 14px}.merchant-store-title{color:var(--sub);line-height:1.7}.merchant-portal .metrics+.note{font-size:12px;padding:12px}.merchant-portal>.brand{padding:4px 0 20px} .content .card{min-width:0;overflow-wrap:anywhere}.pub-grid>section{min-width:0}.editor.ops-modal>form#wb-form{padding:20px 24px}.editor.ops-modal>.ops-title{padding:16px 24px;margin:0}.editor.ops-modal>p,.editor.ops-modal>.actions{margin:16px 24px} @media(max-width:768px){.editor.ops-modal>form#wb-form{padding:18px 16px}.editor.ops-modal>.ops-title{padding:0 0 16px}.editor.ops-modal>p,.editor.ops-modal>.actions{margin:16px 0}} /* Product assessment follows the reference card and next-month editor. */ .rule-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:15px 0}.rule-detail-grid p{margin:6px 0}.rule-detail-grid small{font-size:12px;color:var(--muted,#687182)}.rule-target{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}.product-rule .ops-title h2{font-size:16px}.product-rule .note{margin:16px 0}.product-rule button{color:#fff;background:#087cff;border-color:#087cff} @media(max-width:600px){.rule-detail-grid{grid-template-columns:1fr;gap:17px}.rule-target{font-size:24px}} .product-rule{border-radius:12px;padding:19px}.product-rule .rule-detail-grid p{margin:6px 0}.product-rule .note{border:1px solid var(--line);border-radius:9px;padding:11px 14px;font-size:12px;color:var(--blue);margin:0 0 18px}.product-rule button{font-size:12px;min-height:38px;border-radius:8px;padding:9px 12px}.product-rule .tag{font-size:11px;border-radius:5px;padding:2px 7px} @media(max-width:600px){.product-rule{padding:14px}} .merchant-period{display:flex;justify-content:flex-end;margin:-46px 0 18px}.merchant-period select{width:auto;max-width:132px;font-size:12px;padding:8px 10px;border-radius:9px}.merchant-hero{background:var(--panel);color:var(--ink);border-radius:26px;padding:24px;box-shadow:0 3px 14px light-dark(#00000004,#0000)}.merchant-hero p{margin:0;color:var(--sub);font-size:13px}.merchant-big{color:var(--blue);font-size:50px;font-weight:650;letter-spacing:-2px;line-height:1.3;margin:10px 0 20px;font-variant-numeric:tabular-nums}.merchant-big span{color:var(--sub);font-size:14px;margin-left:8px;letter-spacing:0}.merchant-hero-bottom{display:flex;gap:24px;border-top:1px solid var(--line);padding-top:15px;font-size:12px}.merchant-hero-bottom b{font-size:19px}.merchant-fresh{font-size:11px;line-height:1.5;color:var(--sub);padding:12px 3px 20px;margin:0}.merchant-store-title{padding-right:135px} .merchant-device-card{background:var(--panel);border:0;border-radius:20px;padding:18px;margin:16px 0;box-shadow:0 1px 2px light-dark(#00000003,#0000)}.merchant-device-card h2{font-size:16px;margin:0 0 8px}.merchant-device-card h3{font-size:14px;margin:0}.merchant-device-top{display:flex;align-items:center;gap:11px;margin-bottom:15px}.merchant-device-icon{width:43px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--soft);flex:none}.merchant-device-icon img{width:22px;height:22px}.merchant-device-text{flex:1;min-width:0}.merchant-device-text small{overflow-wrap:anywhere}.merchant-badge{font-size:11px;color:var(--blue);background:var(--soft);padding:4px 7px;border-radius:6px;white-space:nowrap}.merchant-count{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:#6b8075}.merchant-count strong{font-size:26px;color:var(--ink)}.merchant-card-foot{display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:10px;color:#6b8075;margin-top:12px}.merchant-card-foot button{font-size:12px;border:0;background:transparent;color:var(--blue);padding:6px;min-height:32px}.merchant-listrow{padding:16px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3ece7;gap:8px;font-size:13px}.merchant-listrow span:last-child{text-align:right;overflow-wrap:anywhere}.merchant-listrow:last-child{border-bottom:0}.merchant-contact{display:block;text-align:center;margin:16px 0;color:var(--blue)} #merchant-root[data-view=detail] .merchant-store-title{display:none}#merchant-root[data-view=detail] h1{font-size:22px}#merchant-root[data-view=detail]>.note:not(:first-child){background:var(--soft);color:var(--blue);border-radius:12px;font-size:12px;padding:12px 14px} .sms-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);padding-bottom:8px;margin:18px 0;overflow-x:auto}.sms-tabs button{white-space:nowrap;font-size:13px;border:0;background:transparent}.sms-tabs button[aria-selected=true]{background:var(--soft);color:var(--blue)}.sms-template-item{border-top:1px solid var(--line);padding:18px 0}.sms-template-item p{margin:8px 0}.sms-editor fieldset,.content form[data-kind^=sms-] fieldset{border:0;margin:0;padding:0;min-width:0}.sms-editor code{overflow-wrap:anywhere} .sms-studio .sms-tabs{gap:4px;padding:4px;border:0;border-radius:13px;background:var(--bg);flex-wrap:wrap;overflow:visible}.sms-studio .sms-tabs button{flex:1;min-width:90px;padding:8px;color:var(--sub)}.sms-studio .sms-tabs button[aria-selected=true]{background:white;color:var(--blue)}.sms-studio .card{padding:22px;border-radius:20px}.sms-studio .sms-editor{border:2px solid var(--blue)}.sms-studio h2{font-size:18px;margin:0 0 16px}.sms-studio h3{font-size:15px}.sms-studio label{font-size:13px;color:var(--sub);min-width:0}.sms-studio input,.sms-studio select,.sms-studio textarea{font-size:16px;min-width:0}.sms-editor fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sms-editor fieldset>:nth-child(n+3){grid-column:1/-1}.sms-editor fieldset>h3,.sms-editor fieldset>p{margin:0}.sms-mapping{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center;margin:8px 0}.sms-mapping code{background:#eee;border-radius:4px;padding:4px;font-size:13px}.sms-editor form>button{margin:16px 8px 0 0}.sms-studio form[data-kind="sms-rules"] fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} @media(max-width:768px){.sms-studio .card{padding:16px;border-radius:18px}.sms-studio .sms-tabs button{min-width:40%;font-size:13px}.sms-editor fieldset,.sms-studio form[data-kind="sms-rules"] fieldset{grid-template-columns:1fr}.sms-editor fieldset>*{grid-column:1/-1}.sms-editor form>button{margin-right:4px}} .sms-studio label{margin:0}.sms-studio textarea{min-height:100px}.sms-template-kv{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.sms-template-kv span:last-child{text-align:right;overflow-wrap:anywhere;min-width:0} /* Phase 10: shared navigation and invitation layout, matched to demo references. */ .banner{padding:12px 22px;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--blue);font-size:12px;gap:10px}.banner-copy strong{font-size:13px}.banner-copy small{display:block;font-size:11px;color:var(--sub)}.banner-actions{display:flex;gap:8px}.banner-actions button{min-height:38px;padding:9px 12px;font-size:12px}.sidebar{gap:7px;padding:22px 12px}.sidebar>small{font-size:11px;padding:12px 14px 5px;letter-spacing:1px}.sidebar>button{padding:11px 14px;border-radius:9px}.sidebar footer{border-top:1px solid var(--line);padding:20px 12px 0;margin:20px 0 0}.sidebar-services{display:grid;gap:7px}.sidebar-services button{justify-content:flex-start}.invitation-page .card{padding:19px;border-radius:18px}.invitation-page .card p{margin:12px 0}.invitation-code{font-size:32px;letter-spacing:3px;font-weight:650;margin:20px 0 12px;font-variant-numeric:tabular-nums}.invitation-link{overflow-wrap:anywhere;background:var(--bg);padding:12px;border-radius:9px}.invitation-page .actions button{font-size:12px;min-height:36px;padding:8px 12px;border-radius:8px}.sms-studio .sms-tabs button[aria-selected=true]{background:var(--panel)} @media(min-width:769px){.header{padding:18px 28px 18px 22px;min-height:77px}.identity{margin-top:0}.content{padding:27px}.sidebar-services button{font-size:13px}} @media(max-width:768px){.banner{padding:12px 16px}.banner-copy{flex:1 1 170px}.banner-actions button{min-height:38px}.invitation-page .actions button{min-height:44px}.invitation-page .card{padding:16px}} .invitation-page .invitation-code{font-size:16px;letter-spacing:0;font-weight:600;margin:0}.invitation-page .card p{margin:0}.invitation-page .actions{margin:0 0 12px;gap:2px}.invitation-page .actions button{font-size:14px;min-height:44px;padding:11px 13px;border-radius:12px}.invitation-page .card>.muted{padding:12px 14px;background:var(--soft);border-radius:12px}.invitation-page .card h2{margin:0} .workspace-entry{display:flex;width:100%;gap:12px;text-align:left;padding:15px 16px;margin:14px 0;border-radius:16px;background:var(--panel)}.workspace-entry>span:first-of-type{flex:1;min-width:0}.workspace-entry strong{display:block;font-size:14px;font-weight:600}.workspace-entry small{display:block;font-size:11px;margin-top:4px}.mobile-workspace h1{margin:10px 0 14px}.home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 26px}.home-shortcuts button{flex-direction:column;gap:10px;min-height:84px;border:0;border-radius:18px;font-size:13px;color:#15946b;padding:16px 5px}.home-shortcuts button span{color:var(--ink)}.home-metrics .metric strong{font-size:24px}.management-menu{margin:20px 0;scroll-margin-top:20px}.management-menu h2{font-size:16px}.management-menu .actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.management-menu button{font-size:13px;white-space:normal}.mobile-workspace .card p{margin:10px 0}.mobile-workspace .row>span:last-child{text-align:right;overflow-wrap:anywhere}.mobile-workspace .row{flex-wrap:nowrap;align-items:flex-start}.mobile-workspace .row>span:first-child{flex-shrink:0}@media(max-width:768px){.management-menu .actions{grid-template-columns:repeat(2,minmax(0,1fr))}.home-metrics{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.home-metrics .metric{padding:14px;border-radius:18px}.mobile-workspace .workspace-entry{color:var(--blue)}} #editor.merchant-entry{width:400px;max-width:calc(100vw - 24px);border:0;border-radius:24px;padding:20px;text-align:center}#editor.merchant-entry h2{font-size:24px;margin:14px 0 6px}.entry-top{display:flex;align-items:center;justify-content:space-between;font-size:12px}.entry-top button{font-size:12px;min-height:36px;padding:6px}.merchant-entry-qr{display:block;width:184px;height:184px;margin:20px auto 16px;border:1px solid var(--line);border-radius:18px;padding:8px;background:white}.merchant-entry ol{text-align:left;font-size:13px;line-height:1.8;padding-left:24px}.entry-actions{display:grid;gap:10px}.entry-download{display:block;padding:11px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--blue)}.merchant-entry .note{font-size:12px}.task-item p{margin:10px 0}.task-summary .actions{margin:14px 0} body.merchant-entry-open{overflow:hidden}body.merchant-entry-open:before{display:block}body.merchant-entry-open #page{display:block}#editor.merchant-entry{position:fixed;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);max-height:calc(100dvh - 24px);overflow:auto;background:var(--panel);margin:0;box-shadow:0 12px 36px #0006}body.merchant-entry-open .bottom-nav{pointer-events:none} .access-request{border-top:1px solid var(--line,#e5e7eb);padding:18px 0;overflow-wrap:anywhere}.access-request h3{margin:0 0 10px}.access-request p{line-height:1.8}.table-scroll{overflow-x:auto;max-width:100%} #editor.access-editor{padding:0;border:0;background:transparent}#editor.access-editor .access-confirm{overflow-wrap:anywhere}#editor.access-editor form{border:0;padding:0;box-shadow:none;margin-top:16px} .device-list .ops-table .device-sn{padding:0;min-height:24px;background:transparent;border:0;color:var(--blue);font-weight:400}.device-list .ops-table{border:0;border-radius:0}.device-list .ops-table th{font-size:12px}.device-list .ops-filters{margin-top:0}@media(min-width:769px){.device-list .ops-filters label:first-child{flex:0 1 260px}.device-list .ops-filters label:nth-child(2){margin-left:auto}.device-list .ops-table td:nth-child(3)>strong{font-weight:400}.device-list .ops-table input[type=checkbox]{width:14px;height:14px}}@media(max-width:768px){section.device-list{padding:0;border:0;background:transparent}.device-list .ops-table .device-sn{min-height:30px}} .overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr))} .overview-link{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--border,#e5e7eb)} .overview-link:last-child{border-bottom:0} .overview-link button{border:0;background:transparent;color:var(--blue,#007aff);padding:4px;white-space:nowrap} .overview-caption{font-size:13px;line-height:1.6} @media(max-width:700px){.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-link{flex-wrap:wrap;gap:8px}.overview-assessment small{display:block}} .overview-business .overview-link{min-height:48px;padding:10px 0} .overview-business .overview-link button{font-size:12px;min-height:28px;padding:0;border-radius:0} .overview-business .overview-link .icon{display:none} /* Controlled change records follow the prototype's desktop columns, stacking on phones. */ .transfer-record{display:grid;grid-template-columns:minmax(160px,1.4fr) minmax(100px,.8fr) minmax(150px,1fr) minmax(130px,1fr) minmax(200px,1.6fr);gap:14px;align-items:start} .transfer-record p,.transfer-record h3{margin:0;font-size:14px;line-height:1.7}.transfer-record .actions{margin:0;gap:10px}.transfer-evidence{grid-column:1/-1;color:var(--muted,#667085);font-size:13px}.transfer-evidence summary{cursor:pointer}.transfer-evidence p{margin-top:6px} @media(max-width:1100px){.transfer-record{grid-template-columns:1fr 1fr}.transfer-record .actions{grid-column:1/-1}} @media(max-width:600px){.transfer-record{grid-template-columns:1fr;gap:10px}.transfer-record .actions{display:flex;flex-wrap:wrap}} .od-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.od-metrics>button,.od-metrics>div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:var(--ink)}.od-metrics strong{font-size:25px;font-weight:650}.od-metrics small{font-size:12px;color:var(--sub)}.od-tabs{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.od-tabs [aria-pressed=true],.od-metrics [aria-pressed=true]{background:var(--soft);border-color:var(--blue)}.od-def{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,3fr);gap:12px 24px}.od-def dt{color:var(--sub)}.od-def dd{margin:0;overflow-wrap:anywhere}.od-mobile{display:none}.od-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.od-mini b{display:block}.od-module .card{margin-top:16px}.od-module table{width:100%;border-collapse:collapse}.od-module th,.od-module td{text-align:left;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}.od-module{min-width:0}.od-module .ops-filters{flex-wrap:wrap}.grid>.card:has(.od-module){min-width:0} @media(max-width:768px){.od-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.od-metrics>button,.od-metrics>div{padding:12px}.od-metrics strong{font-size:23px}.od-desktop{display:none}.od-mobile{display:block}.od-mobile article{padding:16px 0;border-bottom:1px solid var(--line)}.od-tabs{display:grid;grid-template-columns:1fr 1fr}.od-def{grid-template-columns:1fr;gap:5px}.od-def dd{margin-bottom:12px}} #editor.product-editor{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:20px}#editor.product-editor input,#editor.product-editor select{font-size:14px;background:var(--bg);border-radius:10px}#editor.product-editor label{font-size:13px;color:var(--sub)} .organization-layout{grid-template-columns:280px minmax(0,1fr);align-items:start}.organization-layout>.card:first-child{position:sticky;top:20px}.od-module .actions [aria-pressed=true]{background:var(--soft);color:var(--blue);border-color:var(--blue)}@media(max-width:1000px){.organization-layout{grid-template-columns:220px minmax(0,1fr)}}@media(max-width:768px){.organization-layout{grid-template-columns:1fr}.organization-layout>.card:first-child{position:static}} .od-summary>div{padding:16px}.od-summary strong{margin:4px 0 0}.od-authorized-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--line,#e3e5ed)}.od-authorized-row:last-child{border-bottom:0}.od-authorized-row small{display:block;color:var(--muted,#737b90);margin-top:4px}.od-authorized-row p{margin:4px 0 0}.od-authorized-row button{flex-shrink:0} .merchant-progress{list-style:none;padding:0;margin:24px 0 0}.merchant-progress li{display:flex;gap:14px;padding-bottom:24px;color:var(--sub)}.merchant-progress li>span{border:1px solid var(--line);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex:none}.merchant-progress li.done>span{background:#13885b;color:white;border-color:var(--blue)}.merchant-progress small{display:block;margin-top:5px;font-size:11px}.merchant-progress li:last-child{padding-bottom:0}.merchant-recovery{line-height:1.8} #merchant-root:not([data-view="home"]) .merchant-store-title{padding-right:0} .rx-receipt input:not([type="checkbox"]):not([type="file"]),.rx-receipt select{background:var(--bg);font-size:14px} .rx-receipt>.note{color:var(--blue);font-size:12px}.rx-open .ops-detail{overflow-wrap:anywhere} .rx-progress{list-style:none;padding:0;display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 22px}.rx-progress li{padding:6px 9px;border-radius:8px;background:var(--bg);color:var(--sub);font-size:12px}.rx-progress .done{color:#159455;background:#eaf7ef}.rx-progress .current{color:var(--blue);background:var(--soft)}.rx-progress .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} /* Platform layout follows the platform prototype; institution layouts stay role-specific. */ #app[data-role="platform"]{--bg:light-dark(#f4f6fa,#151922);--panel:light-dark(#fff,#202632);--ink:light-dark(#192436,#edf2fc);--sub:light-dark(#68748a,#b3bfd3);--line:light-dark(#e4e9f1,#3a4556);--blue:light-dark(#2468ee,#94baff);--soft:light-dark(#edf3ff,#263857);color:var(--ink);margin:16px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--bg);font-size:14px;line-height:1.55}#app[data-role="platform"] .layout{grid-template-columns:166px minmax(0,1fr)}#app[data-role="platform"] .header{padding:19px 28px}#app[data-role="platform"] .content{padding:26px}#app[data-role="platform"] .identity{display:none}#app[data-role="platform"] .sidebar{padding:24px 12px}#app[data-role="platform"] .sidebar>button{padding:12px;gap:9px;border-radius:10px;font-size:14px}#app[data-role="platform"] .card{border-radius:18px}#app[data-role="platform"] #transfer-form label{font-size:13px;color:var(--sub)}#app[data-role="platform"] #transfer-form input,#app[data-role="platform"] #transfer-form select,#app[data-role="platform"] #transfer-form textarea{background:var(--bg);font-size:14px;color:var(--ink)}#app[data-role="platform"] .access-confirm h2{font-size:16px}#app[data-role="platform"] .bottom-nav{display:none} @media(max-width:768px){#app[data-role="platform"] .layout{display:block}#app[data-role="platform"] .sidebar{display:flex;gap:5px;padding:10px;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line)}#app[data-role="platform"] .sidebar>small,#app[data-role="platform"] .sidebar>footer{display:none}#app[data-role="platform"] .sidebar>button{width:auto;margin:0;font-size:12px;padding:10px}#app[data-role="platform"] .sidebar-services{display:flex}#app[data-role="platform"] .header{padding:15px}#app[data-role="platform"] .content{padding:16px}#app[data-role="platform"] .mobile-back{display:none}} #app[data-role="platform"] .card h2{font-size:16px}#app[data-role="platform"] .card button{font-size:14px;min-height:42px;padding:10px 14px;border-radius:10px} .entry-roles>div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.entry-roles>div:last-child{border-bottom:0}.entry-roles strong{text-align:right}#app[data-role="platform"] #pub-form[data-kind="entry"] label{font-size:13px;color:var(--sub)}#app[data-role="platform"] #pub-form[data-kind="entry"] input{background:var(--bg);font-size:14px} @media(max-width:768px){#app[data-role="platform"] .header{flex-wrap:wrap;gap:10px}#app[data-role="platform"] .header-actions{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}#app[data-role="platform"] .header-actions button{padding:7px 9px;font-size:12px}} @media(max-width:768px){#app[data-role="platform"] .sidebar{flex-direction:row;align-items:center}#app[data-role="platform"] .sidebar>button{flex:0 0 auto}#app[data-role="platform"] .sidebar-services{width:auto;border-top:0;padding:0;margin:0}} .org-profile{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;margin:16px 0}.org-profile dt{color:var(--sub)}.org-profile dd{margin:0;overflow-wrap:anywhere} .tree summary{display:flex;align-items:center;gap:5px;min-width:0}.tree summary:before{content:'›';color:var(--sub)}.tree details[open]>summary:before{transform:rotate(90deg)}.tree summary button{white-space:normal;min-width:0;text-align:left;max-width:calc(100% - 14px)}.tree summary button span{overflow-wrap:anywhere}.tree summary small{display:block}.tree summary button[aria-current=page]{background:var(--soft)} #app[data-role="platform"] .organization-layout{grid-template-columns:minmax(280px,1fr) minmax(0,2fr);gap:20px}#app[data-role="platform"] .organization-layout>.card:nth-child(2){background:transparent;border:0;padding:0}#app[data-role="platform"] .organization-layout .od-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#app[data-role="platform"] .tree button{border:0;background:transparent;color:var(--ink);font-size:13px}#app[data-role="platform"] .tree button[aria-current=page]{background:var(--soft);color:var(--blue)}.org-breadcrumb{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:20px}#app[data-role="platform"] .org-breadcrumb button{border:0;padding:0 4px;min-height:28px;font-size:12px;background:transparent}.org-breadcrumb .icon{display:none} @media(max-width:768px){#app[data-role="platform"] .organization-layout{grid-template-columns:minmax(0,1fr)}} .org-children{display:flex;gap:8px;flex-wrap:wrap}.org-profile{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel)} /* External integrations retain the shared modal, spacing and responsive form controls. */ .mail-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .mail-settings-grid>#mail-rules,.mail-settings-grid>.check,.mail-settings-grid>p{grid-column:1/-1} .mail-settings-grid fieldset{min-width:0;border:1px solid #e1e3ea;border-radius:16px;padding:16px;margin:0 0 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .mail-settings-grid legend{font-weight:600;padding:0 8px} .mail-settings-grid label{margin:0} @media(max-width:700px){.mail-settings-grid,.mail-settings-grid fieldset{grid-template-columns:1fr}} /* Match the baseline SMS context strip and tab-to-card spacing. */ .sms-context-note{padding:14px 16px;background:#edf5ff;border-radius:13px;font-size:13px;line-height:22px;margin:16px 0} .sms-studio .sms-tabs{background:#f1f2f7;margin-bottom:58px} .sms-studio .sms-tabs button[aria-selected=true]{background:#fff} .sms-studio .sms-template-item:first-of-type{border-top:0} .sms-studio .sms-template-item{overflow-wrap:anywhere} @media(max-width:768px){.sms-studio .sms-tabs{margin-bottom:24px}.sms-context-note{padding:12px;font-size:12px;line-height:20px}} .sms-credential-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sms-credential-grid input{min-width:0;width:100%}@media(max-width:768px){.sms-credential-grid{grid-template-columns:1fr}} .sms-status-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line,#e5e7eb)}.sms-status-row span:last-child{text-align:right;overflow-wrap:anywhere}.sms-credential-grid{margin-top:18px}.sms-studio .ops-title h2{margin-bottom:12px}.sms-studio .actions{margin-top:16px} /* Recovery details follow the reference workspace layout; edits remain dialogs. */ .recovery-detail-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:start} .recovery-detail .card{padding:20px;border-radius:20px;margin:14px 0;min-width:0} .recovery-detail-grid>aside.card{margin-top:14px} .recovery-kv{display:grid;grid-template-columns:105px minmax(0,1fr);margin:0;font-size:13px} .recovery-kv dt,.recovery-kv dd{margin:0;padding:11px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere} .recovery-kv dt{color:var(--sub)} .recovery-device{padding:14px 0;border-bottom:1px solid var(--line)} .recovery-device small,.recovery-timeline small{display:block;color:var(--sub);font-size:12px;margin-top:8px;overflow-wrap:anywhere} .recovery-timeline{padding-left:20px;margin:0}.recovery-timeline li{padding:0 0 18px 6px;overflow-wrap:anywhere} .recovery-detail>.ops-title p{overflow-wrap:anywhere} @media(max-width:760px){.recovery-detail-grid{grid-template-columns:minmax(0,1fr);gap:0}.recovery-detail .card{padding:16px}.recovery-kv{grid-template-columns:90px minmax(0,1fr)}} .recovery-detail .recovery-back{border:0;background:transparent;padding:0;color:var(--blue);margin-bottom:18px;box-shadow:none} .recovery-timeline{list-style:none;padding-left:0}.recovery-timeline li{position:relative;padding-left:24px}.recovery-timeline li:before{content:"";position:absolute;left:2px;top:7px;width:8px;height:8px;border-radius:50%;background:#367bf5} .content:has(.recovery-detail)>.mobile-back{display:none} .ops-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:18px;color:var(--sub);font-size:13px}.ops-pagination .actions{margin:0} .booking-portal{max-width:446px;padding:18px;font-size:15px}.booking-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.booking-header small{color:var(--sub)}.booking-portal h1{font-size:26px;margin-bottom:10px}.booking-portal h1+p{color:var(--sub);font-size:13px;line-height:1.7}.booking-portal .card{border-radius:22px;padding:20px}.booking-portal .card h2{font-size:17px}.booking-portal .card p{font-size:13px;line-height:1.7}.booking-progress{list-style:none;display:flex;padding:0;gap:8px;margin:24px 0;font-size:11px;color:var(--sub)}.booking-progress li{flex:1;text-align:center;padding:10px 3px;border-radius:999px;background:#e9edf4}.booking-progress .current{background:#087eff;color:white}.booking-progress .done{background:#e8f5ef;color:#13845d}.booking-portal #invite input{font-size:25px;letter-spacing:6px;background:#f6f7fb;text-align:center}.booking-portal #invite button{background:transparent;border:0;color:var(--blue);box-shadow:none;width:100%;margin-top:8px}.booking-full{width:100%;min-height:46px;margin-top:16px}.booking-owner{border-left:3px solid var(--blue);padding:10px 12px;background:#f5f9ff;border-radius:8px;margin-top:16px}.booking-owner small,.booking-owner strong{display:block}.booking-owner strong{margin-top:8px}.booking-owner p{margin-bottom:0}.pub-brand-mark{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:10px;background:var(--blue,#087eff)}.pub-brand-mark img{width:22px;height:22px;filter:brightness(0) invert(1)} /* Merchant booking content uses the source prototype metrics, without its simulated phone shell. */ .booking-portal{--blue:#007aff;--sub:#6d6d73;--line:#e5e5ea;background:#f2f2f7;line-height:1.5}.booking-progress{gap:6px;font-size:12px}.booking-progress li{padding:8px 0;border-radius:0;background:none;border-bottom:3px solid var(--line)}.booking-progress .current{color:var(--blue);border-color:var(--blue);background:none}.booking-progress .done{color:var(--sub);background:none}.booking-portal .card{box-shadow:none;border:0;margin:16px 0}.booking-portal .card h2{font-size:18px;margin:0 0 10px}.booking-portal input{min-height:50px;border-radius:12px;padding:12px 14px;background:#f2f2f7;margin-top:8px}.booking-portal label{margin:16px 0}.booking-portal button{min-height:46px;border-radius:13px;font-size:15px;padding:12px 14px}.booking-owner{border-left:3px solid var(--blue);padding:6px 14px;margin:18px 0;background:none;border-radius:0}.booking-owner strong{font-size:18px;margin-top:0}.booking-note{padding:14px 16px;border-radius:14px;background:#edf5ff;font-size:13px;line-height:1.7;margin:16px 0}.booking-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.booking-portal .booking-photo{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:138px;border:1px dashed var(--line);border-radius:13px;background:white;color:var(--sub);margin:0;padding:12px;overflow-wrap:anywhere;cursor:pointer}.booking-photo .icon{width:20px;height:20px}.booking-photo small{font-size:12px;word-break:break-all}.booking-photo input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.booking-photo:focus-within{outline:2px solid var(--blue);outline-offset:2px}.booking-photo.ready{background:#edf5ff;color:var(--blue)}.booking-summary{display:grid;grid-template-columns:85px minmax(0,1fr);font-size:14px}.booking-summary dt,.booking-summary dd{margin:0;padding:13px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.booking-summary dd{text-align:right} .merchant-login-heading{text-align:center;padding:22px 0}.merchant-login-symbol{width:83px;height:83px;background:var(--soft);color:var(--blue);border-radius:25px;display:grid;place-items:center;margin:0 auto 25px}.merchant-login-symbol i{display:block;width:20px;height:20px;background:currentColor;mask:url('/assets/lucide/store.svg') center/contain no-repeat}.merchant-login-heading h1{font-size:23px;font-weight:600;margin-bottom:12px}.merchant-login-heading p{font-size:13px;color:var(--sub);margin-bottom:30px}.merchant-portal #merchant-login{background:none;padding:0;border:0;border-radius:0;margin:0;box-shadow:none}.merchant-portal #merchant-login .card{border:0;padding:16px;margin:0 0 16px}.merchant-login-fields{padding:0 16px;margin:20px 0}.merchant-login-fields label{margin:0;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--sub)}.merchant-login-fields label:last-child{border:0}.merchant-login-fields input{background:transparent;border:0;border-radius:8px;min-height:42px;padding:7px 0;margin-top:3px;font-size:16px;color:var(--ink)}#merchant-login .wide{width:100%;min-height:50px;border:0;border-radius:14px}#merchant-login button[data-action=sms]{font-weight:600;color:var(--ink);background:transparent}.merchant-login-note{background:var(--panel);border-radius:16px;color:var(--sub);font-size:13px;line-height:1.6;padding:15px 16px;margin:17px 0} .booking-progress[hidden]{display:none}.booking-center{text-align:center}.booking-success{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#edf5ff;color:var(--blue);margin:20px auto}.booking-success .icon{width:24px;height:24px}.booking-portal details>summary{color:var(--blue);font-size:13px;cursor:pointer} @media(max-width:768px){.ops-table .actions{gap:8px;flex-wrap:wrap}.ops-table .actions button{flex:0 1 auto;white-space:nowrap;gap:6px;min-height:44px}.ops-table .actions button span{white-space:nowrap}.ops-table .actions button[data-action=rx-new]{flex-grow:1}} .brand-mark{background:var(--blue)} .booking-review-address{color:var(--sub);font-size:13px;line-height:1.7;margin:12px 0}.booking-review-summary{grid-template-columns:120px minmax(0,1fr)} .product-summary dl{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,3fr);margin:0 0 20px}.product-summary dt,.product-summary dd{margin:0;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px;overflow-wrap:anywhere}.product-summary dd{text-align:right;font-weight:600}.product-mappings{margin-top:40px}.product-mappings h2{margin-bottom:20px}@media(max-width:768px){.product-summary dl{grid-template-columns:90px minmax(0,1fr)}.product-mappings{margin-top:24px}} .data-source-summary dl{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,3fr);margin:0 0 20px}.data-source-summary dt,.data-source-summary dd{margin:0;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px;overflow-wrap:anywhere}.data-source-summary dd{text-align:right;font-weight:600}.platform-overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0}@media(max-width:768px){.data-source-summary dl{grid-template-columns:100px minmax(0,1fr)}} .pub-brand-page .card>h2{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.pub-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pub-brand-page label{font-size:13px;color:var(--sub)}.pub-brand-page input:not([type=checkbox]){background:var(--bg)}.pub-brand-page .pub-image-field input{border-style:dashed;padding:16px}.pub-brand-page input[type=file]::file-selector-button{border:1px solid var(--line);border-radius:10px;background:white;padding:12px;margin-right:12px;color:var(--ink);cursor:pointer}.pub-contact-preview{padding:20px!important;margin-bottom:0}.pub-contact-preview .row{font-size:13px}.pub-preview-location{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.pub-preview-location:last-child{border-bottom:0}.pub-brand-preview{display:flex;align-items:center;gap:12px;margin:22px 0}.pub-brand-preview .pub-logo{width:36px;height:36px;object-fit:contain}.pub-brand-preview h3{margin:0}@media(max-width:768px){.pub-contact-fields{grid-template-columns:1fr;gap:0}} @media(min-width:769px){#app[data-role="platform"] .header{min-height:75px}#app[data-role="platform"] .sidebar>small{padding:0 12px 12px;letter-spacing:0;font-size:12px}#app[data-role="platform"] .sidebar .icon{width:19px;height:19px}#app[data-role="platform"] .card{padding:22px}#app[data-role="platform"] .card h2{font-size:17px}#app[data-role="platform"] .sms-studio .card h2{font-size:18px}#app[data-role="platform"] #page>h1{margin-bottom:0}#app[data-role="platform"] #page>h1+p.muted{margin:7px 0 22px}#app[data-role="platform"] .pub-brand-page>form>.card:first-child,#app[data-role="platform"] .pub-brand-page>aside>.card:first-child{margin-top:0}} /* Platform desktop spacing follows the source prototype; business data stays live. */ @media(min-width:769px){ #app[data-role="platform"] #page>.ops-title h1{margin:0;letter-spacing:-.5px} #app[data-role="platform"] #page>.ops-title+p.muted{margin:6px 0 22px;font-size:13px} #app[data-role="platform"] .platform-overview-metrics{gap:9px} #app[data-role="platform"] .platform-overview-metrics .metric{border-radius:13px} #app[data-role="platform"] .platform-overview-metrics strong{font-size:25px;font-weight:600;margin-top:7px} #app[data-role="platform"] .data-source-summary dt,#app[data-role="platform"] .data-source-summary dd{padding:13px 0} #app[data-role="platform"] .data-source-summary h2{margin-bottom:0} #app[data-role="platform"] .data-source-summary .actions{margin:20px 0 0;gap:10px} #app[data-role="platform"] .data-source-summary dl{margin-bottom:0} } @media(min-width:769px){ #app[data-role="platform"] .sidebar{gap:0} #app[data-role="platform"] .sidebar>button{margin-bottom:7px} #app[data-role="platform"] #page>h1{line-height:1.55;letter-spacing:-.5px} #app[data-role="platform"] #page>h1+p.muted{margin-top:6px;font-size:13px} #app[data-role="platform"] .pub-brand-page input:not([type=checkbox]){font-size:14px;font-weight:400;line-height:1.55;color:var(--ink);min-height:45px} #app[data-role="platform"] .pub-brand-page .tag{font-size:11px;font-weight:400;padding:4px 8px;border-radius:6px} #app[data-role="platform"] .pub-brand-page .card>p{font-size:13px;color:var(--sub)} #app[data-role="platform"] .pub-contact-preview .row>span{color:var(--sub)} #app[data-role="platform"] .data-source-summary .actions button:not(.primary){color:var(--ink)} } @media(min-width:769px){ #app[data-role="platform"] .product-summary dt,#app[data-role="platform"] .product-summary dd,#app[data-role="platform"] .data-source-summary dt,#app[data-role="platform"] .data-source-summary dd{padding:13px 0;font-size:14px} #app[data-role="platform"] .product-mappings .actions{margin:20px 0 0;gap:10px} #app[data-role="platform"] .product-summary button,#app[data-role="platform"] .product-mappings button{color:var(--ink)} #app[data-role="platform"] #page>.note{font-size:12px;color:var(--sub);padding:13px} } /* Match measured heading line boxes from the high-fidelity preview locally. */ @media(min-width:769px){ #app[data-role="platform"] #page>h1,#app[data-role="platform"] #page>.ops-title h1{font-weight:600;line-height:1.333333} #app[data-role="platform"] .card>h2{font-weight:600;line-height:1.4} } /* Phase 29: account dialogs use a single card, as in the console prototype. */ #editor.account-editor{border:1px solid var(--line);border-radius:20px;padding:20px;background:var(--panel)} #editor.account-editor:focus-visible{outline:2px solid var(--blue);outline-offset:2px} #editor.account-editor>h2{font-size:16px;font-weight:600;line-height:1.4;margin:0 0 16px} #editor.account-editor>p{margin:0 0 12px} #editor.account-editor>form{border:0;border-radius:0;padding:0;margin:0} .employee-page>h1{line-height:1.333333;font-weight:600;letter-spacing:-.6px;margin:0} .employee-page>button{font-size:14px;min-height:44px} .employee-page .card>h2{font-weight:600;line-height:1.4} @media(min-width:769px){#editor.account-editor input:not([type=checkbox]),#editor.account-editor select,#editor.account-editor textarea{font-size:14px;min-height:44px}} @media(max-width:768px){#editor.account-editor{padding:16px}} .device-profile>.card{margin:14px 0;padding:20px;border-radius:20px}.device-profile-fields{display:grid;grid-template-columns:105px minmax(0,1fr);margin:0;font-size:13px}.device-profile-fields dt,.device-profile-fields dd{margin:0;padding:11px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.device-profile-fields dt{color:var(--sub);padding-right:12px}.device-profile>.card>h2{font-size:16px;font-weight:600;margin:0}.device-profile>.actions{gap:10px;margin-top:16px}.device-profile>.note{font-size:12px;line-height:1.7}@media(max-width:360px){.device-profile>.card{padding:13px}.device-profile-fields{grid-template-columns:90px minmax(0,1fr)}} #editor.device-page{border:0;padding:0;margin:0;background:transparent;outline:none}.device-page-heading>button{border:0;background:transparent;padding:0;min-height:36px;font-size:12px;margin-bottom:14px}.device-page-heading>h1{margin:0;font-size:25px;font-weight:600}.device-page>.device-profile{padding:0}.device-page .device-profile>.muted{margin:6px 0 20px;font-size:12px}.device-page .device-profile>.tag{float:right;margin-top:-55px}.device-page .device-profile>.card>h2{margin-bottom:14px}.device-page .device-profile>.note{padding:12px 16px;color:var(--blue);border:0;border-radius:14px}.device-page .device-profile>.actions button{font-size:14px}.device-page .device-profile>.card{background:var(--panel)} .platform-invitations>h1{font-weight:600;line-height:1.333333;letter-spacing:-.5px;margin:0}.platform-invitations>h1+p{font-size:13px;margin:6px 0 22px}.platform-invitations .platform-invite-code{font-size:38px;letter-spacing:5px;color:var(--blue);margin:18px 0}.platform-invitations dl{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,3fr);margin:0}.platform-invitations dt,.platform-invitations dd{margin:0;padding:13px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.platform-invitations dd{text-align:right;font-weight:600}.platform-invitations .actions{margin:20px 0 0;gap:10px}.platform-invitations button:not(.primary){color:var(--ink)}.platform-invitations>.note{font-size:12px;padding:13px;color:var(--sub);margin-top:60px}.platform-invitations .invitation-link{padding:0;background:transparent}.platform-invitations .card>h2{font-size:17px;font-weight:600;line-height:1.4}.platform-invitations details{font-size:13px;color:var(--sub)}@media(max-width:768px){.platform-invitations>.note{margin-top:24px}.platform-invitations .actions{flex-wrap:wrap}.platform-invitations dd{font-size:13px}} /* Employee authorization follows the prototype's stacked checkbox/label rows. */ #employee-form .check{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:7px;min-height:0;margin:12px 0} #rx-form [data-auto-fields]{border:1px solid var(--line);border-radius:14px;padding:16px;margin:20px 0;min-width:0}#rx-form [data-auto-fields][hidden]{display:none}#rx-form [data-auto-fields] legend{font-size:13px;color:var(--sub);padding:0 6px} /* Recovery selection and status controls follow the reference interaction states. */ .recovery-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;margin:16px 0 22px;list-style:none;font-size:12px;color:var(--sub)}.recovery-steps li{padding:10px 0;border-bottom:3px solid var(--line)}.recovery-steps [aria-current=step]{color:var(--blue);border-color:var(--blue)} .recovery-pick{display:grid;grid-template-columns:20px minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;margin:0}.recovery-pick:last-child{border-bottom:0}.recovery-pick input{width:19px;height:19px;margin:3px 0}.recovery-pick>span>span,.recovery-pick small{display:block}.recovery-pick small{font-size:12px;color:var(--sub)}.recovery-pick .tag{font-size:11px}.recovery-pick .unavailable{background:#fff5e4;color:#946a23}.recovery-state-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.recovery-state-tabs button{font-size:12px;min-height:34px;padding:7px 11px}.recovery-state-tabs [aria-pressed=true],.recovery-metrics [aria-pressed=true]{background:var(--soft);border-color:var(--blue);color:var(--blue)}.recovery-metrics button{text-align:left;display:block;width:100%;color:var(--text)} @media(max-width:768px){.recovery-pick{grid-template-columns:20px minmax(0,1fr) auto}.recovery-pick .tag{max-width:92px;white-space:normal}.recovery-metrics button{padding:12px}.recovery-state-tabs{gap:6px}} .inventory-exception{padding:16px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.inventory-exception:last-child{border-bottom:0}.inventory-exception small{display:block;color:var(--sub);margin-bottom:10px} body.rx-open #editor>form[data-op=select]{background:transparent;border:0;padding:0}#rx-form[data-op=select]>.card{margin:0}#rx-form[data-op=select]>.card>h2{font-size:16px;margin:0 0 12px}#rx-form[data-op=select] .recovery-steps{margin:24px 0 20px} .merchant-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 14px}.merchant-section-heading h2{margin:0}.merchant-section-heading .tag{font-size:11px;white-space:nowrap} /* 广告编辑与高保真内容区保持同一标题、说明和卡片层级。 */ .rx-open .editor.pub-edit{margin-top:0}.pub-edit .ops-modal-head{padding-bottom:8px}.pub-edit .ops-detail>p.muted{margin:0 0 24px}.pub-edit .pub-grid>form>h2,.pub-edit .pub-grid>aside>h3{font-size:18px;margin:0 0 24px}.pub-edit .pub-grid>form>label{font-size:14px;color:var(--sub)}.pub-edit .pub-grid>form input:not([type=checkbox]){font-size:14px}.pub-edit .pub-grid>aside>p{font-size:13px;color:var(--sub)} .pub-upload-control{display:flex;align-items:center;gap:12px;position:relative;background:var(--bg);border:1px dashed var(--line);border-radius:12px;padding:16px;min-height:100px;cursor:pointer}.pub-upload-control>input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.pub-upload-control:focus-within{outline:2px solid var(--blue);outline-offset:2px}.pub-upload-control>.icon{width:36px;height:36px;background:var(--blue);color:white;border-radius:10px;padding:8px}.pub-upload-label{display:inline-block;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 14px;color:var(--ink)}.pub-upload-control small{display:block;font-size:12px;margin-top:4px}.pub-upload-control .pub-picture{width:72px;height:52px;object-fit:contain;margin:0}.pub-ad-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;font-size:14px;color:var(--sub)}.pub-edit fieldset{margin:16px 0 24px}.pub-edit fieldset legend{font-size:14px;font-weight:400;color:var(--sub)}.pub-edit label.check{margin:6px 0;font-size:13px;gap:8px;min-height:28px}.pub-edit .pub-grid>form>h2,.pub-edit .pub-grid>aside>h3{margin-bottom:20px}.pub-edit .pub-grid>form{padding:22px}.pub-edit .pub-grid>aside{align-self:stretch}.pub-edit .ops-modal-head h2{font-size:24px}.pub-edit .ops-detail>p.muted{margin-bottom:20px} .pub-edit [data-ad-preview]:not(:has(.pub-ad)){display:flex;align-items:center;justify-content:center;min-height:80px;padding:0}.pub-edit .pub-ad-options label{margin-top:0}.pub-edit .pub-ad-options>div>span{display:block;margin-bottom:8px} .sidebar .icon,#app[data-role="platform"] .sidebar .icon{width:16px;height:16px;stroke-width:1.6} .merchant-nav .icon{width:16px;height:16px;stroke-width:1.6} /* Recovery configuration follows the reference's inline groups and two-column layout. */ .rx-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rx-config-grid>.card{margin:0}.rx-config-grid small,.rx-config-form small{display:block;color:var(--sub);font-size:12px;margin-top:12px}.rx-config-grid>.card h2,.rx-config-form h2{font-size:16px;margin:0 0 20px}.rx-config-form{padding:0!important;border:0!important;background:transparent!important}.rx-config-fields{border:0;padding:0;margin:0;min-width:0}.rx-config-form .card{margin:20px 0 0}.rx-config-form label{font-size:13px;color:var(--sub)}.rx-config-form .rx-config-grid label{margin:0}.rx-config-form .note{margin-top:16px}.rx-config-form .check{margin-bottom:16px}@media(max-width:768px){.rx-config-grid{grid-template-columns:1fr}.rx-config-form .card{padding:16px}} .rx-config-form input:not([type=checkbox]),.rx-config-form select{font-size:13px;min-height:40px;padding:10px 14px;border-radius:8px}.rx-config-form .card,.rx-config-grid>.card{border-radius:14px;padding:20px}.rx-config-form .note{font-size:12px;color:var(--blue)} /* Allocation dialog follows the high-fidelity compact panel. */ #editor.allocation-editor{width:min(480px,calc(100vw - 32px));border-radius:18px}#editor.allocation-editor .ops-modal-head{padding:24px 24px 0;border:0}#editor.allocation-editor .ops-modal-head h2{font-size:16px}#editor.allocation-editor .ops-modal-head button{border:0;background:transparent;padding:0;font-size:12px;min-height:24px}#editor.allocation-editor .ops-modal-head button .icon{display:none}#editor.allocation-editor>form,#editor.allocation-editor>.ops-detail{padding:20px 24px 24px}#editor.allocation-editor input,#editor.allocation-editor select{font-size:12px;min-height:40px;border-radius:8px;padding:10px 14px}#editor.allocation-editor label{font-size:12px;color:var(--sub);margin:16px 0}#editor.allocation-editor .note{font-size:12px;color:var(--blue)}#editor.allocation-editor .actions{justify-content:flex-end;margin-top:22px}#editor.allocation-editor .actions button{font-size:12px;min-height:36px;padding:8px 12px}#editor.allocation-editor .actions button .icon{display:none}.allocation-steps{display:flex;gap:9px;list-style:none;padding:0;margin:0 0 24px;font-size:12px;color:var(--sub)}.allocation-steps li+li:before{content:'→';margin-right:9px}.allocation-steps [aria-current]{color:var(--blue)}.allocation-item{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere;margin-bottom:12px}.allocation-item span{font-size:13px}.allocation-item small{font-size:12px;color:var(--sub)} body.ops-open #editor.allocation-editor{top:40px;transform:translateX(-50%);max-height:calc(100dvh - 80px)} body.ops-open:has(#editor.allocation-editor:not([hidden])):before{background:#16243a55} @media(max-width:768px){body.ops-open #editor.allocation-editor{width:100%;top:auto;transform:none;max-height:none}#editor.allocation-editor .ops-modal-head{padding:0 0 18px}#editor.allocation-editor .ops-modal-head h2{font-size:24px}#editor.allocation-editor>form,#editor.allocation-editor>.ops-detail{padding:18px 16px}.allocation-steps{gap:6px;font-size:11px}.allocation-steps li+li:before{margin-right:6px}} /* Phase 34: public booking review actions follow the booking prototype. */ .booking-portal .booking-full{margin-top:12px;border:0}.booking-portal .booking-full:not(.primary){background:var(--panel);color:var(--blue);box-shadow:none}.booking-review-summary dt:nth-last-child(2),.booking-review-summary dd:last-child{border-bottom:0}.booking-portal .booking-summary{font-size:15px} .merchant-store-options{display:grid;gap:2px;margin-top:0}.merchant-store-options button{min-height:48px;border:0;border-radius:13px;font-size:15px}.merchant-store-options button:not(.primary){background:var(--panel);color:var(--ink)} /* Invitation actions follow the reference's content-width wrapping on both viewports. */ .invitation-page .actions button{flex:0 0 auto} .invitation-page .invitation-link{background:var(--soft)} @media(max-width:768px){.content:has(.invitation-page)>.mobile-back{display:none}} /* Match the reference scanner summary spacing without changing its data semantics. */ #page:has(>.od-summary)>h1{margin-bottom:0} .od-summary{margin:0;gap:12px} .od-summary>div{padding:15px;border-radius:15px;gap:0} .od-summary strong{font-size:24px;margin:0} .od-authorized-row{padding:12px 0;flex-wrap:wrap} .od-authorized-row small{margin-top:0} @media(max-width:768px){.od-authorized-row>div{flex-basis:100%}} .mobile-workspace .home-primary>button{width:100%;min-height:50px;border-radius:14px;justify-content:center} .mobile-workspace .home-primary:empty{display:none} .mobile-filter-trigger{display:none} .mobile-filter-sheet{position:fixed;inset:auto 12px 12px;width:calc(100% - 24px);max-width:540px;max-height:calc(100dvh - 24px);overflow:auto;margin:0 auto;border:0;border-radius:24px;padding:8px;background:var(--panel);color:var(--ink);box-shadow:0 15px 45px #0002} .mobile-filter-sheet::backdrop{background:#0006}.filter-grabber{width:36px;height:5px;background:var(--line);border-radius:6px;margin:3px auto 12px}.mobile-filter-sheet h2{font-size:17px;text-align:center;margin:6px 16px 17px;font-weight:600}.mobile-filter-sheet [role=radio]{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-top:1px solid var(--line);min-height:54px;background:transparent;color:var(--ink);padding:15px 17px;text-align:left;font-size:16px;border-radius:0}.mobile-filter-sheet [aria-checked=true]{color:var(--blue);font-weight:600}.mobile-filter-sheet .filter-cancel{width:100%;border:0;background:var(--bg);border-radius:16px;margin-top:8px;min-height:54px;font-size:16px} @media(max-width:768px){.mobile-filter-native{display:none}.mobile-filter-trigger{display:flex;justify-content:space-between;align-items:center;min-height:50px;width:100%;padding:14px 16px;border:0;border-radius:14px;background:var(--panel);color:var(--ink);font-size:15px;text-align:left}.mobile-filter-trigger::after{content:'⌄';color:var(--sub);font-size:18px}} .mobile-filter-sheet .filter-cancel{color:var(--blue);font-size:17px;font-weight:600;min-height:50px}.filter-grabber{margin:4px auto 17px} /* Transaction totals follow the prototype's two-column definition layout. */ .od-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.od-values>div{border-bottom:1px solid var(--line);padding:12px 0;min-width:0}.od-values small{display:block;font-size:12px}.od-values strong{display:block;font-size:19px;margin-top:5px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.od-transaction-panel{padding:19px;border-radius:18px;margin:14px 0}.od-transaction-panel h2{font-size:16px;font-weight:600;margin:0 0 12px} .od-tabs{display:flex;flex-wrap:wrap;gap:5px;background:var(--bg);border:1px solid var(--line);padding:4px;border-radius:12px;margin:20px 0}.od-tabs button{flex:1;border:0;padding:9px 12px;border-radius:8px;background:transparent;color:var(--sub);white-space:nowrap;min-height:40px;font-size:13px}.od-tabs button[aria-pressed=true]{background:var(--panel);color:var(--ink);box-shadow:0 1px 4px var(--line)} /* Correction dialog follows the prototype panel width; the real audit reason remains required. */ #editor.ops-modal:has(> .ops-title > [data-report-correction]){width:min(460px,calc(100vw - 40px));padding:20px;border-radius:24px;background:var(--panel)} #editor.ops-modal:has(> .ops-title > [data-report-correction])>.ops-title{padding:0;margin:0 0 20px} #editor.ops-modal:has(> .ops-title > [data-report-correction])>.ops-title h2{font-size:12px;font-weight:400;color:var(--sub)} #editor.ops-modal:has(> .ops-title > [data-report-correction])>.ops-title button{min-height:44px;font-size:13px} #editor.ops-modal:has(> .ops-title > [data-report-correction])>h2{font-size:24px;margin:16px 0 12px;padding:0} #editor.ops-modal:has(> .ops-title > [data-report-correction])>p{padding:0;margin:12px 0;font-size:13px} #editor.ops-modal:has(> .ops-title > [data-report-correction])>.card{padding:20px;margin:16px 0;border-radius:18px} #editor.ops-modal:has(> .ops-title > [data-report-correction])>.card p{line-height:2.3} #editor.ops-modal:has(> .ops-title > [data-report-correction])>form{padding:0;margin:16px 0 0} @media(max-width:768px){#editor.ops-modal:has(> .ops-title > [data-report-correction]){width:100%;margin:20px 0;max-width:100%;box-sizing:border-box}} #editor .correction-summary{padding:14px;border-radius:14px;background:#eef3ff;margin:16px 0;font-size:14px;overflow-wrap:anywhere} #editor .correction-summary p{padding:0;margin:3px 0;line-height:1.6} #editor:has([data-report-correction])>.muted{overflow-wrap:anywhere} #editor:has([data-report-correction])>.actions{padding:0;margin:16px 0 0} #editor.ops-modal:has(form[data-op=review]){width:min(460px,calc(100vw - 40px));border-radius:24px} #editor:has(form[data-op=review]) .ops-modal-head{padding:20px 20px 0;border:0;position:static} #editor:has(form[data-op=review]) .ops-modal-head h2{font-size:12px;color:var(--sub);font-weight:400} #editor form[data-op=review]{padding:20px} #editor form[data-op=review]>h2{font-size:24px;margin:0 0 12px} #editor form[data-op=review] p{line-height:1.7} @media(max-width:768px){#editor.ops-modal:has(form[data-op=review]){width:100%;background:var(--panel)}} #editor.ops-modal:has(> .ops-title > [data-report-correction]){top:20px;bottom:auto;left:50%;transform:translateX(-50%);max-height:calc(100dvh - 40px);overflow:auto;border:0} #editor:has([data-report-correction])>.ops-title button{font-size:0;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#eef3ff} #editor:has([data-report-correction])>.ops-title button .icon{width:20px;height:20px} #editor:has([data-report-correction]) .actions button .icon,#editor:has([data-report-correction])>button .icon{display:none} #editor:has([data-report-correction]) .actions button,#editor:has([data-report-correction])>button,#editor:has([data-report-correction]) form button{font-size:13px;min-height:42px;border-radius:11px} @media(max-width:768px){body.ops-open:has([data-report-correction]):before{display:block}body.ops-open:has([data-report-correction]) #page{display:block}#editor.ops-modal:has(> .ops-title > [data-report-correction]){position:fixed;width:calc(100vw - 40px);margin:0}} #editor:has([data-report-correction])>.ops-title button span{display:none} body.rx-open #editor.ops-modal:has(>form[data-op=review]){position:fixed;z-index:30;left:50%;top:20px;bottom:auto;transform:translateX(-50%);width:min(460px,calc(100vw - 40px));max-height:calc(100dvh - 40px);margin:0;overflow:auto;background:var(--panel);border:0;box-shadow:0 20px 60px #0003} body.rx-open:has(form[data-op=review]):before{content:'';display:block;position:fixed;inset:0;background:#0005;z-index:29} body.rx-open:has(form[data-op=review]) #page{display:block} #editor:has(form[data-op=review]) .ops-modal-head button{padding:0;border:0;border-radius:50%;width:44px;height:44px;background:#eef3ff} #editor:has(form[data-op=review]) .ops-modal-head button span{display:none} #editor form[data-op=review]>button{font-size:13px;min-height:42px;border-radius:11px} body.rx-open #editor.ops-modal>form[data-op=review]{border:0;border-radius:0;box-shadow:none;background:transparent;margin:0} /* Product confirmation keeps the actual mapping and status reviewable. */ .product-review{display:grid;grid-template-columns:minmax(100px,150px) minmax(0,1fr);gap:10px 16px;margin:16px 0}.product-review dt{color:var(--sub)}.product-review dd{margin:0;overflow-wrap:anywhere} @media(max-width:768px){.product-review{grid-template-columns:1fr;gap:4px}.product-review dd{margin-bottom:8px}} /* Match the product editor's source prototype typography and field rhythm. */ #editor.product-editor .ops-modal-head h2{font-size:17px;line-height:1.55} #editor.product-editor #ops-form label{display:block;margin:0;font-size:13px} #editor.product-editor #ops-form input:not([type=hidden]),#editor.product-editor #ops-form select{display:block;width:100%;margin:7px 0 0;padding:10px 12px;font-size:13px;line-height:1.55} /* Binding confirmation follows the prototype overlay on both viewport sizes. */ body.ops-open:has(#editor.binding-review):before{display:block} body.ops-open:has(#editor.binding-review) #page{display:block} #editor.ops-modal.binding-review{position:fixed;z-index:30;left:50%;top:24px;bottom:auto;transform:translateX(-50%);width:min(460px,calc(100vw - 40px));max-height:calc(100dvh - 48px);overflow:auto;margin:0;padding:16px;border:0;border-radius:24px;background:var(--panel);box-shadow:0 20px 60px #0003} #editor.binding-review .ops-modal-head h2{font-size:12px;font-weight:400;color:var(--sub);margin:0} #editor.binding-review .ops-modal-head button{padding:0;border:0;border-radius:50%;width:44px;height:44px;background:#eef3ff} #editor.binding-review .ops-modal-head button span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #editor.binding-review>.ops-detail{padding:0;border:0;border-radius:0;background:transparent} #editor.binding-review .ops-detail>h2{font-size:22px;margin:16px 0 8px} #editor.binding-review .check{font-size:14px;margin:16px 0} #editor.binding-review .actions{justify-content:flex-start} #editor.binding-review .actions button{flex:0 1 auto;font-size:13px} #editor.binding-review details{font-size:12px;color:var(--sub)} /* Warehouse receipt and repair stay in the page, as in both reference roles. */ #editor.receipt-page{border:0;border-radius:0;padding:0;background:transparent;margin:0;width:100%;max-width:none} #editor.receipt-page .ops-modal-head>button{display:none} #editor.receipt-page .ops-modal-head h2{font-size:24px;margin:0} #editor.receipt-page>form{background:transparent;border:0;padding:0;margin:0} #editor.receipt-page .card{padding:20px;border-radius:20px;margin:20px 0} #editor.receipt-page .repair-inline label{font-size:13px} #editor.receipt-page .repair-inline button{font-size:13px} #editor.receipt-page .repair-inline input,#editor.receipt-page .repair-inline select{font-size:14px} #editor.receipt-page>[data-action=rx-detail]{border:0;background:transparent;padding:0;min-height:24px;margin:0 0 20px;font-size:13px} #editor.receipt-page>[data-action=rx-detail] .icon{display:none} #editor.receipt-page .card h3{font-size:18px;margin:0 0 12px} #editor.receipt-page .repair-inline>[data-action=rx-review-dispose]{width:100%;background:var(--panel);color:var(--blue);border:1px solid var(--line);margin-top:4px} #editor.receipt-page .repair-inline>[data-action=rx-review-dispose] .icon{display:none} body.ops-open:has(#editor.booking-detail):before{display:block} body.ops-open:has(#editor.booking-detail) #page{display:block} #editor.ops-modal.booking-detail{position:fixed;z-index:30;left:50%;top:24px;bottom:auto;transform:translateX(-50%);width:min(460px,calc(100vw - 40px));max-height:calc(100dvh - 48px);overflow:auto;margin:0;padding:16px;border:0;border-radius:24px;background:var(--panel);box-shadow:0 20px 60px #0003} #editor.booking-detail>.ops-detail{padding:0;border:0;background:transparent} #editor.booking-detail .ops-modal-head h2{font-size:12px;font-weight:400;color:var(--sub);margin:0} #editor.booking-detail .ops-modal-head button{padding:0;border:0;border-radius:50%;width:44px;height:44px;background:#eef3ff} #editor.booking-detail .ops-modal-head button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #editor.booking-detail .ops-detail>h2{font-size:22px;margin:16px 0 8px} /* Keep real booking metadata together in the prototype field order. */ #editor.booking-detail .booking-meta{font-size:13px;line-height:1.6;overflow-wrap:anywhere} #editor.booking-detail .booking-meta p{margin:5px 0} #editor.booking-detail .booking-device{display:flex;flex-wrap:wrap;align-items:center;gap:8px} #editor.booking-detail .booking-sn{text-align:left;flex:1 1 120px} #editor.booking-detail .booking-device-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end} #editor.booking-detail .booking-device-actions button{font-size:13px;padding:8px;min-height:44px} #editor.booking-detail .booking-profile{border:1px solid var(--line);border-radius:24px;padding:20px;margin:16px 0} #editor.booking-detail .booking-profile p{margin:8px 0} #editor.booking-detail .booking-summary-progress{background:#eef3ff;border-radius:16px;padding:14px;margin:14px 0} /* Merchant entry: match prototype close/action geometry; retain operational notices. */ #editor.merchant-entry .entry-close{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:#eef3ff;color:var(--blue)} #editor.merchant-entry .entry-download,#editor.merchant-entry .entry-actions button{display:flex;align-items:center;justify-content:center;min-height:46px;background:#eef3ff;border:0;border-radius:14px;color:var(--blue);font-size:14px} /* Heading and month remain aligned when the merchant address wraps. */ .merchant-page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px} .merchant-page-heading h1{min-width:0;margin:0} .merchant-page-heading .merchant-period{flex-shrink:0;margin:0} .merchant-page-heading .merchant-period select{min-height:46px;border:0;border-radius:14px;padding:10px 14px;font-size:14px} #merchant-root[data-view="home"] .merchant-store-title{padding-right:0} .merchant-device-icon .icon{width:22px;height:22px;color:var(--blue);stroke-width:1.6} /* Device camera scanner stays inside the existing confirmation form. */ .sn-scanner{margin:12px 0;padding:16px;border:1px solid light-dark(#dce2eb,#414146);border-radius:14px;background:light-dark(#f7f9fc,#202735);max-width:100%;box-sizing:border-box} .sn-scanner video{display:block;width:100%;max-width:480px;max-height:280px;aspect-ratio:4/3;object-fit:contain;background:#172033;border-radius:10px} .sn-scanner p{overflow-wrap:anywhere}.sn-scanner .actions{display:flex;flex-wrap:wrap;gap:10px}.sn-scanner button{min-height:44px} .sn-scanner video[hidden]{display:none} /* Backend receipt shares the booking prototype's success hierarchy. */ .booking-success-receipt{background:light-dark(#f2f2f7,#101014);border-radius:20px;padding:20px;max-width:430px;margin:0 auto;line-height:1.5} .booking-success-receipt h1{font-size:24px;margin:16px 0 8px}.booking-success-receipt .receipt-card{background:light-dark(#fff,#1c1c1e);border-radius:24px;padding:20px;margin:16px 0}.booking-success-receipt h2{font-size:20px;margin:12px 0}.booking-success-receipt .booking-summary{margin:0;font-size:14px}.booking-success-receipt .muted{font-size:13px}.booking-success-receipt .receipt-card dl:last-child dd:last-child,.booking-success-receipt .receipt-card dl:last-child dt:nth-last-child(2){border-bottom:0}.receipt-actions{display:grid;gap:12px;margin-top:24px}.receipt-actions button{width:100%;min-height:46px;background:light-dark(#fff,#1c1c1e);border:0;color:var(--blue);border-radius:13px} /* Keep the new receipt readable in both palettes defined by the booking reference. */ .booking-success-receipt .booking-success,.booking-success-receipt .booking-note{background:light-dark(#edf5ff,#142d46)} /* Requested password and SMS management login, using the existing local palette. */ .login-methods{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:20px 0 14px;padding:5px;border-radius:14px;background:var(--bg)} .login-methods button{font-size:14px;border:0;background:transparent;color:var(--sub);padding:10px 8px} .login-methods button[aria-pressed="true"]{background:var(--panel);color:var(--blue);box-shadow:0 1px 4px #0001} #editor.password-settings{position:fixed;z-index:30;left:50%;top:24px;bottom:auto;transform:translateX(-50%);width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;margin:0;box-shadow:0 20px 60px #0003} #editor.password-settings>form{margin:0;padding:0;border:0;background:transparent} #editor.password-settings .actions{justify-content:flex-end}#editor.password-settings .note{font-size:13px} body:has(#editor.password-settings:not([hidden])){overflow:hidden} body:has(#editor.password-settings:not([hidden])):before{display:block;content:'';position:fixed;inset:0;background:#0005;z-index:29} @media(max-width:768px){#editor.password-settings{top:16px;max-height:calc(100dvh - 32px);padding:18px}.login-methods button{font-size:13px}} /* SMS library: compact desktop rows, readable mobile cards. */ .sms-library-scroll{overflow-x:auto}.sms-library-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.sms-library-table th{background:var(--bg,#f5f7fb);color:var(--muted,#667085);font-weight:500}.sms-library-table th,.sms-library-table td{padding:14px 12px;border-bottom:1px solid var(--line,#e5e7eb);vertical-align:top}.sms-library-table td:first-child{min-width:220px;max-width:460px}.sms-library-table td p{margin:5px 0 0;line-height:1.6;overflow-wrap:anywhere}.sms-library-table td{overflow-wrap:anywhere}.sms-library-table button{white-space:nowrap}.sms-editor{box-shadow:none;border:0;padding:0}.sms-library-table .tag{white-space:nowrap} @media(max-width:768px){.sms-library-table thead{display:none}.sms-library-table,.sms-library-table tbody,.sms-library-table tr,.sms-library-table td{display:block;width:100%}.sms-library-table tr{border:1px solid var(--line,#e5e7eb);border-radius:12px;margin:12px 0;padding:12px}.sms-library-table td{border:0;padding:5px 0}.sms-library-table td:first-child{min-width:0;max-width:none}.sms-library-table td:not(:first-child)::before{content:attr(data-label);display:inline-block;width:105px;color:var(--muted,#667085)}.sms-library-scroll{overflow:visible}} .platform-device-table{width:100%;border-collapse:collapse}.platform-device-table th,.platform-device-table td{text-align:left;padding:14px;border-bottom:1px solid var(--line,#e4e7ec);overflow-wrap:anywhere}.platform-device-table th{background:#f5f7fa}.platform-device-table p{margin:4px 0} /* Product governance dialogs retain usable height on narrow platform screens. */ @media(max-width:768px){ body.ops-open:has(#editor.governance-modal){overflow:hidden} body.ops-open:has(#editor.governance-modal):before{display:block} #editor.ops-modal.governance-modal{position:fixed;z-index:40;inset:12px;transform:none;width:auto;max-height:calc(100dvh - 24px);overflow:auto;margin:0;padding:16px;border:0;border-radius:20px;background:var(--panel);box-shadow:0 16px 48px #0003} } .model-image,.model-image-placeholder{display:inline-flex;width:56px;height:56px;object-fit:contain;vertical-align:middle;margin:4px 12px 4px 0;border-radius:8px;background:#f5f7fa}.model-image-placeholder{align-items:center;justify-content:center;font-size:11px;color:#64748b;text-align:center}.model-image[hidden]{display:none} /* Shared device catalog navigation: platform and institution. */ .sidebar .device-navigation{width:100%;margin:0 0 7px} .device-navigation summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;padding:12px;border-radius:10px;min-height:44px;font-weight:600} .device-navigation summary::-webkit-details-marker{display:none} .device-navigation summary>.icon:last-child{margin-left:auto;width:14px;transition:transform .15s} .device-navigation[open] summary>.icon:last-child{transform:rotate(180deg)} .device-navigation[open] summary{background:var(--soft);color:var(--blue)} .device-navigation summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px} .device-navigation-children{display:grid;gap:4px;margin:6px 0 4px 15px;padding-left:8px;border-left:1px solid var(--line)} .sidebar .device-navigation-children button{width:100%;font-size:13px;padding:10px 8px;margin:0} @media(max-width:768px){#app[data-role="platform"] .device-navigation{flex:1 0 100%;margin:0}#app[data-role="platform"] .device-navigation summary{font-size:13px}#app[data-role="platform"] .device-navigation-children{grid-template-columns:repeat(2,minmax(0,1fr));margin:6px 0;padding-left:8px}} .mobile-device-navigation{display:none} @media(max-width:768px){.mobile-device-navigation{display:block;margin-bottom:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:6px}.mobile-device-navigation .device-navigation-children{grid-template-columns:repeat(2,minmax(0,1fr));margin:6px}.mobile-device-navigation button{justify-content:flex-start;font-size:13px;padding:10px 8px}.mobile-device-navigation button.active{background:var(--soft);color:var(--blue)}} @media(max-width:768px){.platform-device-table thead{display:none}.platform-device-table tr{display:block;border-bottom:1px solid #e4e7ec;padding:12px 0}.platform-device-table td{display:block;border:0;padding:5px 0}.platform-device-table td:before{content:attr(data-label);display:inline-block;min-width:90px;color:#667085}.platform-device-table td p{margin-left:90px}} /* Organization directory: bounded branches and mobile-safe controls. */ .directory-search{display:grid;grid-template-columns:1fr auto;gap:8px;margin:16px 0}.directory-search label{grid-column:1/-1}.directory-search input{width:100%;min-width:0}.directory-tree{max-height:65vh;overflow:auto;margin-top:12px}.directory-tree ul,.directory-results{list-style:none;padding:0;margin:0}.directory-tree ul ul{padding-left:12px;border-left:1px solid var(--line,#e4e7ec)}.directory-node{display:flex;align-items:center;gap:6px;margin:8px 0}.directory-node button{min-width:0;white-space:normal;overflow-wrap:anywhere}.directory-node button:first-child{flex-shrink:0;padding:8px}.directory-results li{padding:10px 0;border-bottom:1px solid #e4e7ec}.directory-results small{display:block;overflow-wrap:anywhere;margin:6px 0;color:#667085}.organization-layout>section{min-width:0}@media(max-width:700px){.directory-tree{max-height:40vh}}