:root{--ink:#213b35;--muted:#7b847d;--teal:#174b40;--deep:#153e39;--mint:#dfece3;--cream:#f6f5ef;--paper:#fffefa;--line:#e5e7de;--gold:#b79558;--danger:#ac4839;--radius:18px;--shadow:0 8px 32px #183c3105}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:17px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bb9b57;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:33px;letter-spacing:.035em;line-height:1.35;margin-bottom:9px;font-weight:650}h2{font-size:21px;line-height:1.4;margin-bottom:7px;font-weight:650}h3{font-size:18px;margin-bottom:7px}p{margin-bottom:12px}small{font-size:15px}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:20px;top:-60px;z-index:100;background:white;padding:12px}.skip-link:focus{top:20px}.app-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{background:#f0f1e8;border-right:1px solid #e1e5d9;padding:34px 22px 22px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:28px;letter-spacing:.16em;font-weight:650;display:block;line-height:1.3}.workspace-label{font-size:14px;color:#899180;letter-spacing:.07em;margin:46px 10px 15px;display:flex;justify-content:space-between;align-items:center}.workspace-label span{font-size:11px;background:#e2e7da;color:#66745d;padding:2px 5px;border-radius:4px;letter-spacing:.1em}nav{display:grid;gap:7px}nav a{padding:12px 17px;border-radius:11px;color:#667368;display:flex;align-items:center;gap:13px;font-size:16px;transition:.15s}nav a>span{font-size:24px;width:24px;line-height:1;text-align:center;font-weight:400}nav a:hover{background:#e7ebe0;color:var(--teal)}nav a.active{background:var(--teal);color:#fff;box-shadow:0 4px 8px #123f3510}nav a.active::after{content:"";height:5px;width:5px;background:#c6d1a7;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:25px 12px 0}.leaf-lines{font-size:42px;color:#90a08a;margin-bottom:12px;line-height:1}.sidebar-bottom strong{font-family:Georgia,"Songti TC",serif;line-height:1.9;font-weight:500;letter-spacing:.1em;font-size:19px}.sidebar-bottom p{font-size:14px;color:#87917f;margin:8px 0 24px}.sidebar-link{font-size:14px;color:#647660;display:flex;justify-content:space-between;border-bottom:1px solid #dce3d5;padding-bottom:12px}.local-status{font-size:13px;color:#83927c;display:flex;gap:7px;align-items:center;margin-top:15px}.local-status i,.connection-status:before{width:5px;height:5px;background:#8a9c75;border-radius:50%;display:inline-block;content:""}.topbar{height:83px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fbfbf7}.breadcrumb{font-size:15px;color:#859080;display:flex;gap:12px}.breadcrumb span:last-child{color:#445843}.topbar-right{display:flex;align-items:center;gap:11px}.connection-status{font-size:13px;color:#7f8d7c;margin-right:10px;display:flex;align-items:center;gap:7px}.connection-status.offline{color:#a56734}.connection-status.offline:before{background:#a56734}.avatar{width:34px;height:34px;border-radius:50%;background:#e5eadc;display:grid;place-items:center;font-size:15px;color:#687f5c}.account-name{font-size:14px;line-height:1.6}.account-name small{font-size:12px;display:block;color:#94a08d}.demo-banner{display:flex;gap:10px;align-items:center;padding:9px 42px;background:#f2eddc;color:#8b764b;font-size:13px;line-height:1.8}.demo-tag{font-size:12px;white-space:nowrap;border:1px solid #dcd0b4;border-radius:4px;padding:0 6px}main#main{padding:31px 42px 24px;outline:none;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:#8b9b80;margin-bottom:11px}.page-heading p:not(.eyebrow){font-size:15px;color:#81907d;margin:0}.heading-actions,.inline-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 17px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:#51634d;font-size:15px;min-height:42px;font-weight:550;transition:background .15s,transform .15s}.button:hover{background:#edf1e7}.button.primary{background:var(--teal);border-color:var(--teal);color:white;box-shadow:0 3px 8px #1f4c3f0a}.button.primary:hover{background:#0e3b30}.button.small{padding:6px 11px;font-size:14px;min-height:32px}.button.danger{background:#fff7f4;color:var(--danger);border-color:#e9cec8}.button.text{padding:4px 0;min-height:30px;background:none;border:0;color:var(--teal)}.button.wide{width:100%}.icon-button{background:none;border:1px solid var(--line);width:31px;height:31px;border-radius:7px;display:grid;place-items:center;color:#73836b;font-size:22px;line-height:1}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.stat-card{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);padding:19px 21px;position:relative}.stat-title{font-size:14px;color:#81907d}.stat-icon{float:right;font-size:20px;width:30px;height:30px;border-radius:9px;background:#f3f4ec;color:#8f9e7e;text-align:center;line-height:30px}.stat-value{font-size:34px;letter-spacing:-1px;font-weight:550;line-height:1.3;margin:11px 0 8px}.stat-value small{font-size:14px;letter-spacing:0;color:#8d9686;margin-left:5px;font-weight:400}.stat-note{color:#93a08a;font-size:13px}.stat-note .positive{color:#5b8069}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:23px;align-items:start}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 23px 16px}.card-header h2{font-size:18px;margin:0}.card-subtitle{font-size:13px;color:#8b9984;margin:5px 0 0}.card-body{padding:0 23px 22px}.schedule-date{font-size:14px;color:#91a082}.pill{font-size:12px;border-radius:6px;background:#eef2e7;padding:4px 8px;color:#809168;white-space:nowrap}.pill.teal{background:#e4eee6;color:#517b60}.pill.gold{background:#f7efdc;color:#a38a4a}.pill.gray{background:#eeefea;color:#8a9085}.pill.red{background:#faeae4;color:#ab6654}.source-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:3px 7px;border-radius:5px;background:#eff1e9;color:#7d8b72;white-space:nowrap}.source-badge.facebook{background:#e9eef8;color:#6479a5}.source-badge.line{background:#eaf3df;color:#6a904f}.source-dot{width:4px;height:4px;border-radius:50%;background:currentColor}.appointment-row{display:grid;grid-template-columns:62px 1fr auto;gap:15px;padding:17px 0;border-bottom:1px solid #eff0e9;align-items:center}.appointment-row:last-child{border-bottom:0}.appointment-time{font-size:20px;font-weight:550;letter-spacing:-.5px}.appointment-time small{display:block;font-size:12px;color:#a1a897;font-weight:400;letter-spacing:0}.appointment-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:5px;font-size:15px;font-weight:550}.appointment-meta{font-size:13px;color:#95a08d;display:flex;gap:8px;flex-wrap:wrap}.appointment-action{display:flex;gap:8px;align-items:center}.appointment-action .icon-button{border:0;font-size:24px;color:#a8b29f}.mini-calendar{padding:0 21px 15px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays span{font-size:12px;color:#a2ab96;text-align:center;padding:8px 0 12px}.day-button{border:0;background:none;min-height:34px;color:#64755b;font-size:13px;border-radius:8px;position:relative;padding:8px 2px;margin:2px;line-height:1.3}.day-button:hover{background:#edf1e5}.day-button.other-month{color:#c1c7b7}.day-button.today{box-shadow:inset 0 0 0 1px #d6dfcc;color:#32684d}.day-button.selected{background:var(--teal);color:#fff}.day-button.has-booking:after{content:"";display:block;width:3px;height:3px;background:var(--gold);border-radius:50%;position:absolute;bottom:3px;left:calc(50% - 1.5px)}.calendar-legend{font-size:12px;display:flex;gap:16px;color:#a1aa96;margin:12px 0 0;padding-top:13px;border-top:1px solid #edf0e5}.calendar-legend span:before{content:"";display:inline-block;width:5px;height:5px;background:#b79a61;border-radius:50%;margin-right:6px}.calendar-legend span:last-child:before{background:var(--teal)}.section-stack{display:grid;gap:23px}.channel-row{display:flex;align-items:center;gap:11px;margin-bottom:17px}.channel-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;background:#f1f3e9;color:#7c8d6e;border-radius:9px;font-size:16px;font-weight:700}.channel-icon.facebook{background:#eaf0f9;color:#6482b8}.channel-icon.line{background:#eaf4dd;color:#74a24e;font-size:11px}.channel-row .channel-data{flex:1}.channel-row strong{font-size:13px;font-weight:500}.channel-row .bar{height:4px;background:#f0f1e9;border-radius:4px;margin-top:7px;overflow:hidden}.channel-row .bar i{height:100%;display:block;background:#97aa80;border-radius:4px}.channel-row.facebook .bar i{background:#8ea5c3}.channel-row.line .bar i{background:#a4be8a}.channel-row>span{font-size:14px;color:#839274}.channel-footnote{font-size:12px;color:#a0a991;margin:0}.soft-banner{background:#e8eddf;border:1px solid #dbe4ce;border-radius:var(--radius);padding:23px;display:flex;align-items:center;gap:14px}.soft-banner .banner-symbol{font-size:38px;color:#8ba275}.soft-banner h3{font-size:15px;color:#5c754d;font-weight:500;margin-bottom:7px}.soft-banner p{font-size:13px;color:#8b9b7e;margin:0;line-height:1.9}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:15px}th{font-size:13px;color:#8b9781;background:#f8f9f2;font-weight:500;padding:12px 19px;border-top:1px solid #edf0e5;border-bottom:1px solid #edf0e5}td{padding:17px 19px;border-bottom:1px solid #eef0e7;color:#607354}tr:last-child td{border-bottom:0}td strong{color:#3d5638;font-weight:500}td small{display:block;color:#9aa38f;font-size:13px;margin-top:3px}.table-avatar{width:30px;height:30px;border-radius:50%;background:#edf0e5;display:inline-grid;place-items:center;font-size:14px;color:#809071;margin-right:9px;vertical-align:middle}.table-link{border:0;background:none;padding:0;color:var(--teal);font-weight:550;text-align:left}.table-link:hover{text-decoration:underline}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}.toolbar .search-field{max-width:350px;flex:1;min-width:180px}.toolbar label{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:8px}.toolbar input,.toolbar select{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:9px 12px;color:var(--ink);font-size:15px;min-height:40px}.search-field input{width:100%}.toolbar .spacer{flex:1}.full-calendar{padding:0 24px 24px}.full-calendar .day-button{height:80px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:10px;border:1px solid #edf0e5;text-align:left;font-size:16px}.full-calendar .day-button span{font-size:12px;margin-top:auto;color:#8d9d80}.full-calendar .day-button.selected span{color:#b9d1b7}.full-calendar .day-button.has-booking:after{display:none}.calendar-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:22px;align-items:start}.month-navigation{display:flex;align-items:center;gap:8px;font-size:15px}.month-navigation .month-label{margin-right:4px;min-width:95px;text-align:center}.list-divider{border:0;border-top:1px solid var(--line);margin:18px 0}.promotions-grid,.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.promotion-card{padding:23px;position:relative}.promotion-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.promotion-symbol{color:#91a47b;background:#f0f3e7;border-radius:11px;width:37px;height:37px;display:grid;place-items:center;font-size:24px}.promotion-value{font-size:41px;font-weight:550;line-height:1.2;letter-spacing:-1px;color:#375f40;margin-bottom:13px}.promotion-value small{font-size:16px;margin-left:6px;letter-spacing:0}.promotion-card h2{font-size:18px;margin-bottom:11px}.promotion-card p{font-size:14px;color:#91a080;margin-bottom:18px}.promotion-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px dashed #dce3d2}.integration-card{padding:25px}.integration-card .channel-icon{width:42px;height:42px;margin-bottom:20px}.integration-card h2{font-size:19px}.integration-card p{font-size:15px;color:#88967e;margin-top:10px;min-height:58px}.integration-card .button{width:100%}.integration-notice{padding:23px;margin-bottom:23px}.integration-notice h2{font-size:19px}.integration-notice p{font-size:15px;max-width:850px;color:#87937d;margin:0;line-height:1.9}.email-preview{background:#f5f6f0;border:1px solid #e4e8dc;border-radius:11px;padding:20px;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;color:#5a6f50}.modal{border:1px solid var(--line);border-radius:20px;max-width:650px;width:calc(100% - 32px);padding:0;color:var(--ink);background:var(--paper);box-shadow:0 20px 100px #12372925;max-height:90vh}.modal::backdrop{background:#18332966;backdrop-filter:blur(3px)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:25px 27px 20px;border-bottom:1px solid var(--line)}.modal-header .eyebrow{font-size:11px;margin-bottom:6px}.modal-header h2{font-size:24px;margin:0}.modal-header .icon-button{font-size:27px}.modal #modal-body{padding:24px 27px 27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}.field{display:block;font-size:15px;font-weight:500;color:#667a59;line-height:1.5}.field input,.field select,.field textarea{display:block;width:100%;border:1px solid #dfe5d7;border-radius:8px;background:#fffefb;color:#35502f;padding:11px 12px;margin-top:7px;min-height:43px;font-size:16px}.field textarea{min-height:95px;resize:vertical}.field small{display:block;color:#9aa58e;font-size:13px;font-weight:400;margin-top:7px}.field input::placeholder,.field textarea::placeholder{color:#adb4a2;font-size:15px}.field-error{font-size:15px;color:var(--danger);margin:12px 0 0;white-space:pre-wrap}.field-error:empty{display:none}.form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:24px}.required{color:#ba805e}.checkbox-row{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#7c8f6e;line-height:1.9;margin-top:19px}.checkbox-row input{margin:4px 0 0;width:16px;height:16px;flex:none;accent-color:var(--teal)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 24px}.detail-grid dt{font-size:13px;color:#97a18b;margin-bottom:5px}.detail-grid dd{margin:0;font-size:16px;overflow-wrap:anywhere}.detail-section{margin:24px 0 0}.detail-section h3{padding-bottom:10px;border-bottom:1px solid var(--line);font-size:16px}.history-item{display:flex;gap:15px;padding:10px 0;border-bottom:1px solid #edf0e5}.history-item:last-child{border:0}.history-item>div{flex:1}.history-item p{font-size:15px;margin:3px 0;white-space:pre-wrap;overflow-wrap:anywhere}.history-item small{font-size:13px;color:#91a080}.history-item .history-amount{font-size:15px;flex:none}.empty-state{padding:38px 20px;text-align:center;color:#9aa58c;font-size:15px}.empty-state strong{display:block;font-size:17px;color:#75866a;margin:10px 0 6px}.empty-state .empty-symbol{font-size:31px;font-weight:400;color:#b2bfa5}.loading-state{min-height:250px;display:flex;align-items:center;justify-content:center;gap:12px;color:#8e9e81;font-size:16px}.spinner{width:18px;height:18px;border:2px solid #e1e7d9;border-top-color:#7c9870;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:15px 18px;border:1px solid #eadfc4;border-radius:10px;background:#faf5e9;color:#998253;font-size:15px;margin-bottom:19px}.alert.error{color:#a24e3f;background:#fff2ed;border-color:#efcdc4}.alert p{margin:8px 0 0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--teal);color:white;border-radius:10px;padding:13px 23px;font-size:15px;box-shadow:0 5px 30px #153e3920;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;z-index:50}.toast.visible{opacity:1;transform:translate(-50%,0)}.app-footer{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#a8af9d;padding:20px 42px 27px}.activity-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #edf0e5}.activity-row:last-child{border:0}.activity-row>div{flex:1}.activity-row strong{font-size:14px;font-weight:500}.activity-row p{font-size:13px;color:#9aa58d;margin:3px 0 0}.activity-row>small{font-size:12px;color:#a1aa96}.mini-avatar{height:29px;width:29px;display:grid;place-items:center;background:#edf1e5;color:#859976;border-radius:50%;font-size:13px}.booking-body{background:#f5f3eb}.booking-header{height:105px;max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.booking-header .brand strong{font-size:27px}.subtle-link{font-size:15px;color:#839074}.subtle-link:hover{color:var(--teal)}.booking-demo{text-align:center;padding:10px 25px;background:#eaeadd;color:#858962;font-size:14px;border-block:1px solid #e1e4d3}.booking-main{max-width:1180px;margin:0 auto;padding:0 36px 70px}.booking-hero{display:grid;grid-template-columns:1fr 350px;align-items:center;min-height:340px;padding:35px 10px 35px 0}.booking-hero .eyebrow{font-size:13px;letter-spacing:3px;color:#9a9f7e}.booking-hero h1{font-family:Georgia,"Songti TC","Noto Serif TC",serif;font-size:46px;letter-spacing:.08em;font-weight:500;line-height:1.6;margin:0 0 15px;color:#365846}.booking-hero p:not(.eyebrow){font-size:16px;color:#959c84;line-height:1.9;letter-spacing:.03em}.hero-chips{display:flex;gap:19px;font-size:13px;color:#7b8e6c;margin-top:23px}.wellness-art{height:260px;position:relative;overflow:hidden}.art-stone{position:absolute;border-radius:50%;transform:rotate(-8deg);box-shadow:inset -16px -18px 26px #53614312,0 15px 20px #7383650e}.stone-one{width:190px;height:73px;background:linear-gradient(145deg,#c8d2b7,#a4b492);bottom:41px;left:90px;transform:rotate(-2deg)}.stone-two{width:151px;height:80px;background:linear-gradient(140deg,#e2d8bd,#c2b798);bottom:102px;left:89px;transform:rotate(8deg)}.stone-three{width:104px;height:58px;background:linear-gradient(145deg,#8c9f7a,#647d5b);bottom:167px;left:122px;transform:rotate(-9deg)}.art-orbit{position:absolute;border:1px solid #dfe3d3;border-radius:50%;width:250px;height:250px;left:44px;bottom:10px}.orbit-two{width:290px;height:290px;left:24px;bottom:-10px}.art-caption{position:absolute;right:7px;top:78px;writing-mode:vertical-rl;font-family:"Songti TC",serif;font-size:14px;letter-spacing:.2em;color:#a3ad91}.art-spark{position:absolute;font-size:51px;color:#aebd9a;top:30px;left:55px;font-weight:200}.booking-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:25px;align-items:start}.booking-sections{display:grid;gap:22px}.booking-section{padding:29px}.section-heading{display:flex;gap:15px;align-items:flex-start;margin-bottom:24px}.step-number{font-size:14px;background:#edf2e6;color:#7d946b;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex:none;font-weight:600}.section-heading h2{font-size:20px;margin:2px 0 6px}.section-heading p{font-size:14px;color:#98a28d;margin:0}.service-fieldset{padding:0;margin:0;border:0}.service-options{display:grid;gap:10px}.service-option{position:relative;cursor:pointer;display:flex;align-items:center;gap:12px;border:1px solid #e3e8da;border-radius:11px;padding:17px;background:#fffefb;transition:.15s}.service-option:has(input:checked){border-color:#8aa17a;background:#f0f4e9;box-shadow:0 0 0 1px #8aa17a33}.service-option input{accent-color:var(--teal);width:15px;height:15px;flex:none}.service-option>div{flex:1}.service-option strong{font-size:16px;font-weight:500;display:block}.service-option small{display:block;font-size:13px;color:#9aa58b;margin-top:4px}.service-option>span{font-size:16px;font-weight:500;color:#728a5f}.staff-field{margin-top:22px}.slots-heading{display:flex;justify-content:space-between;margin:22px 0 12px;font-size:15px;color:#718662}.slots-heading small{font-size:13px;color:#9fa991}.slot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.slot-grid p{grid-column:1/-1;font-size:15px;margin:5px 0}.slot-button{border:1px solid #e1e7d8;border-radius:7px;padding:9px 3px;color:#839773;background:#fbfcf7;font-size:15px}.slot-button:hover{border-color:#8b9f7d}.slot-button.selected{background:var(--teal);color:white;border-color:var(--teal)}.booking-summary{position:sticky;top:24px;padding:27px 25px}.booking-summary .eyebrow{font-size:11px;margin-bottom:10px}.booking-summary h2{font-size:23px}.summary-divider{height:1px;background:#e8ecdf;margin:21px 0}.booking-summary dl{margin:0}.booking-summary dl>div{display:flex;justify-content:space-between;gap:15px;margin-bottom:18px}.booking-summary dt{color:#9aa68d;font-size:14px;white-space:nowrap}.booking-summary dd{margin:0;font-size:15px;color:#657e54;text-align:right}.summary-total{margin:23px 0 17px;padding-top:21px;border-top:1px dashed #dce4d1;display:flex;align-items:center;justify-content:space-between;font-size:15px;color:#839874}.summary-total strong{font-size:28px;color:#456a3d;font-weight:550;letter-spacing:-.5px}.fine-print{font-size:13px;color:#9ba78e;line-height:1.9}.booking-summary .button{margin-top:17px;padding:13px 15px}.summary-note{text-align:center;font-size:12px;color:#a5ae98;margin:12px 0 0}.booking-footer{border-top:1px solid #e1e5d6;max-width:1108px;margin:auto;padding:27px 0 40px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:13px;color:#98a28a}.booking-footer>span:first-child{letter-spacing:.1em}.booking-footer small{width:100%;font-size:12px;color:#adb49e}.success-card{padding:40px;max-width:780px;margin:0 auto}.success-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:50%;background:#e4eedb;color:#719360;font-size:26px;margin-bottom:22px}.success-card h2{font-size:28px}.success-card>p{font-size:16px;color:#8c9c7d;line-height:1.9}.success-reference{font-size:15px;background:#f0f3e8;padding:14px 18px;border-radius:9px;margin:20px 0}.success-reference strong{margin-left:12px;letter-spacing:1px}.success-card .email-preview{margin:17px 0 23px}.success-card h3{font-size:17px;margin:25px 0 8px}.mobile-break{display:none}.text-note{font-size:14px;color:#95a086;white-space:pre-wrap;overflow-wrap:anywhere}
@media(min-width:1450px){.dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(330px,1fr)}.appointment-row{padding:21px 0}.stat-card{padding:23px}.mini-calendar .day-button{min-height:40px}}
@media(max-width:1150px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:29px 16px 20px}.brand strong{font-size:25px}.topbar{padding:0 26px}main#main{padding:26px}.demo-banner{padding-inline:26px}.app-footer{padding-inline:26px}.stats-grid{gap:12px}.stat-card{padding:17px 15px}.stat-value{font-size:30px}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr);gap:18px}.card-header{padding:20px 19px 15px}.card-body{padding:0 19px 18px}.appointment-row{grid-template-columns:47px 1fr auto;gap:8px}.appointment-time{font-size:18px}.calendar-layout{grid-template-columns:1fr}.promotions-grid,.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading h1{font-size:29px}.booking-layout{grid-template-columns:minmax(0,1fr) 285px}.booking-summary{padding:23px}.booking-section{padding:25px}.booking-footer{margin-inline:36px}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;padding:18px 24px 13px;border-right:0;border-bottom:1px solid var(--line);gap:18px;background:#f0f1e8}.sidebar .brand{justify-content:center}.workspace-label,.sidebar-bottom{display:none}nav{display:flex;gap:5px;overflow-x:auto;padding-bottom:3px;justify-content:center}nav a{white-space:nowrap;font-size:14px;padding:9px 12px;gap:5px;border-radius:7px}nav a>span{font-size:18px;width:18px}nav a.active::after{display:none}.topbar{height:60px}.topbar-right .account-name{display:none}.demo-banner{font-size:12px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar .brand strong{font-size:26px}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(265px,1fr)}.booking-layout{grid-template-columns:1fr}.booking-summary{position:static;max-width:none}.booking-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.booking-summary dl>div{margin-bottom:14px}.booking-hero{grid-template-columns:1fr 270px}.booking-hero h1{font-size:38px}.wellness-art{transform:scale(.85);transform-origin:center right;overflow:visible}.booking-header{height:88px}}
@media(max-width:670px){.sidebar{padding:15px 16px 8px;gap:15px}nav{justify-content:flex-start;gap:4px}nav a{font-size:13px;padding:9px 11px}nav a>span{display:none}.topbar{padding:0 19px;height:54px}.breadcrumb{font-size:13px}.topbar-right{gap:8px}.connection-status{font-size:12px;margin-right:0}.avatar{width:28px;height:28px;font-size:13px}.demo-banner{padding:9px 18px;gap:8px;align-items:flex-start}.demo-tag{margin-top:2px}main#main{padding:24px 17px 12px}.page-heading{align-items:flex-start;gap:15px;margin-bottom:21px}.page-heading .eyebrow{font-size:11px;margin-bottom:9px}.page-heading h1{font-size:28px;line-height:1.4}.page-heading p:not(.eyebrow){font-size:13px}.heading-actions{gap:5px;justify-content:flex-end}.heading-actions .button{font-size:13px;padding:9px 11px;min-height:37px}.heading-actions .button.secondary-action{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.stat-card{padding:16px}.stat-title{font-size:13px}.stat-icon{height:25px;width:25px;line-height:25px;font-size:18px}.stat-value{font-size:32px;margin-top:10px}.stat-note{font-size:12px}.dashboard-grid{grid-template-columns:1fr;gap:18px}.section-stack{gap:18px}.card-header h2{font-size:17px}.card-header{padding:18px 19px 13px}.card-body{padding:0 19px 17px}.appointment-row{grid-template-columns:52px 1fr auto;padding:17px 0;gap:10px}.appointment-name{font-size:15px}.appointment-meta{font-size:12px}.appointment-action{gap:3px}.app-footer{padding:23px 19px;font-size:11px;flex-direction:column;gap:6px}.toolbar{gap:9px;margin-bottom:17px}.toolbar label{font-size:13px}.toolbar select,.toolbar input{font-size:14px}.toolbar .search-field{max-width:none;flex-basis:100%}.full-calendar{padding:0 10px 13px}.full-calendar .day-button{height:60px;padding:7px;font-size:14px;border-radius:5px;margin:1px}.full-calendar .day-button span{font-size:11px}.promotions-grid,.integration-grid{grid-template-columns:1fr;gap:15px}.promotion-card{padding:24px}.promotion-top{margin-bottom:15px}.integration-card p{min-height:0}.calendar-layout{gap:17px}.form-grid{gap:15px;grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal #modal-body{padding:21px}.modal-header{padding:21px}.modal-header h2{font-size:22px}.field{font-size:14px}.field input,.field select,.field textarea{font-size:19px;padding:9px 11px}.detail-grid{gap:18px 15px}.detail-grid dd{font-size:15px}.booking-header{padding:0 22px;height:82px}.booking-header .brand strong{font-size:25px}.subtle-link{font-size:13px}.booking-demo{font-size:12px;padding:9px 22px;line-height:1.9}.booking-main{padding:0 18px 40px}.booking-hero{grid-template-columns:1fr 120px;min-height:277px;padding:30px 0;gap:0}.booking-hero h1{font-size:32px;line-height:1.7;letter-spacing:.06em}.booking-hero .eyebrow{font-size:10px;letter-spacing:1.8px}.booking-hero p:not(.eyebrow){font-size:13px;line-height:1.9}.wellness-art{width:255px;height:250px;transform:scale(.48);transform-origin:left center}.art-caption{display:none}.hero-chips{font-size:11px;gap:12px;margin-top:15px;white-space:nowrap}.mobile-break{display:block}.booking-section{padding:23px 20px}.section-heading{gap:11px;margin-bottom:20px}.section-heading h2{font-size:19px}.section-heading p{font-size:13px}.step-number{width:28px;height:28px;font-size:13px}.service-option{padding:14px 10px;gap:8px}.service-option strong{font-size:15px}.service-option>span{font-size:15px}.booking-layout{gap:20px}.booking-sections{gap:18px}.booking-summary{padding:25px 22px}.booking-summary dl{grid-template-columns:1fr}.slot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.slot-button{font-size:15px;padding:10px 2px}.booking-footer{margin:0 20px;padding:24px 0;gap:8px;font-size:11px}.booking-footer small{font-size:11px}.success-card{padding:26px 21px}.success-card h2{font-size:25px}.success-card>p{font-size:15px}.success-reference{font-size:13px}.success-reference strong{margin-left:5px}.email-preview{font-size:14px;padding:15px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:670px){.booking-hero{grid-template-columns:minmax(0,1fr) 105px}.wellness-art{width:105px;height:210px;transform:none;overflow:hidden}.wellness-art .art-orbit{width:122px;height:155px;left:-9px;bottom:26px}.wellness-art .orbit-two{width:142px;height:175px;left:-19px;bottom:16px}.wellness-art .stone-one{width:94px;height:37px;left:7px;bottom:41px}.wellness-art .stone-two{width:76px;height:40px;left:8px;bottom:71px}.wellness-art .stone-three{width:53px;height:29px;left:25px;bottom:103px}.wellness-art .art-spark{font-size:28px;top:32px;left:3px}}
@media(max-width:370px){.booking-hero{grid-template-columns:minmax(0,1fr) 75px}.booking-hero h1{font-size:28px}.wellness-art{width:75px}.hero-chips{gap:8px;font-size:10px}.booking-header{padding-inline:17px}.booking-header .subtle-link{font-size:12px}}
/* Daily sales and settlement planning */
.main-shell,.sidebar,.dashboard-grid>*,.calendar-layout>*,.report-grid>*,.settlement-grid>*{min-width:0}.report-stats .stat-value{font-size:31px;overflow-wrap:anywhere}.report-total{background:#eaf0e3;border-color:#dce5d0}.report-total .stat-icon{background:#dce7d3;color:#6d865d}.report-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:22px;margin-bottom:23px}.sales-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;padding:12px 27px 0;height:235px;align-items:end}.sales-chart-day{height:100%;border:0;background:none;display:flex;align-items:center;flex-direction:column;gap:10px;padding:0;color:#8b987f;font-size:13px;min-width:0;border-radius:7px}.sales-chart-day:hover{background:#f5f7ef}.sales-chart-value{font-size:13px;height:18px;font-weight:500;color:#7a8f6a;width:100%;text-align:center;overflow-wrap:anywhere}.sales-chart-track{height:155px;width:100%;max-width:42px;background:#f1f4e9;border-radius:7px 7px 0 0;position:relative;display:flex;align-items:flex-end}.sales-chart-track i{width:100%;display:block;background:#b0c29b;border-radius:7px 7px 0 0}.sales-chart-day.selected .sales-chart-track i{background:var(--teal)}.sales-chart-day.selected .sales-chart-date{font-weight:650;color:var(--teal)}.sales-chart-date{padding:3px 0}.chart-footnote{padding:17px 24px 21px;font-size:12px;color:#a0aa92}.pending-row{display:flex;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid #edf0e5;font-size:15px;color:#778d66}.pending-row strong{font-size:13px;font-weight:500;color:#ac9568;text-align:right}.report-pending .button{margin-top:15px;font-size:14px}.report-detail{margin-top:0}tfoot td{background:#f4f6ed;color:#607b4e;font-size:14px;font-weight:600;border-top:1px solid #e0e7d6}.planning-overview{display:grid;grid-template-columns:1fr 1fr;gap:21px;margin-bottom:23px}.planning-overview .card{padding:24px;display:flex;align-items:flex-start;gap:17px}.planning-overview .eyebrow{font-size:11px;margin-bottom:8px}.planning-overview h2{font-size:18px}.planning-overview p:not(.eyebrow){font-size:14px;color:#8d9b7e;line-height:1.9;margin:0}.planning-icon{height:38px;width:38px;border-radius:11px;background:#eef2e4;color:#879c73;display:grid;place-items:center;font-size:23px;flex:none}.planning-open{background:#f9f6ec;border-color:#e9e2cf}.planning-open .planning-icon{background:#f1ead8;color:#aa9569}.planning-rules{margin-bottom:24px}.rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;padding:0 25px 8px}.rule-item{display:flex;gap:12px;padding:18px 0;border-top:1px solid #eaf0e0}.rule-item>span{font-size:13px;color:#a8b396;flex:none;padding-top:3px}.rule-item h3{font-size:15px;margin-bottom:7px}.rule-item p{font-size:13px;color:#98a38c;line-height:1.9;margin:0}.settlement-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,1fr);gap:23px;align-items:start}.scenario-notice{font-size:13px;color:#a49163;padding:12px 14px;border-radius:8px;background:#f6f0e0;margin:3px 0 23px}.scenario-formula{padding:15px;border:1px dashed #dce4d1;background:#f6f8f0;border-radius:8px;font-size:13px;line-height:1.9;color:#8a9d78;margin-top:23px}.scenario-subtitle{font-size:16px;margin-top:23px}.scenario-results{position:sticky;top:20px}.scenario-disclaimer{font-size:13px;color:#a2ab96;line-height:1.9;margin:0 23px 23px;padding-top:16px;border-top:1px solid #e8eddf}.scenario-balance{background:#eef4e7;border:1px solid #e2ebd7;padding:24px 18px;margin:2px 0 20px;border-radius:12px;display:flex;flex-direction:column;align-items:center}.scenario-balance>span{font-size:14px;color:#8a9e79}.scenario-balance strong{font-size:37px;font-weight:550;letter-spacing:-1px;color:#476c3c;margin:9px 0;overflow-wrap:anywhere;max-width:100%}.scenario-balance small{font-size:12px;color:#9aa88c}.scenario-balance.negative{background:#fcf0e9;border-color:#efdbd1}.scenario-balance.negative strong{color:#ae6650}.scenario-breakdown{margin-bottom:20px}.scenario-breakdown>div,.scenario-remainder{display:flex;justify-content:space-between;gap:15px;font-size:14px;margin:14px 0;color:#8c9c7c}.scenario-breakdown strong,.scenario-remainder strong{font-weight:500;color:#607c50;white-space:nowrap}.scenario-share{padding:20px 0;border-block:1px dashed #dbe4cf;display:flex;flex-direction:column;gap:7px}.scenario-share>span{font-size:14px;color:#8d9c7c;overflow-wrap:anywhere}.scenario-share strong{font-size:27px;font-weight:550;color:#527545;overflow-wrap:anywhere}.scenario-share small{font-size:12px;color:#a4ae98}.scenario-remainder{margin:20px 0 12px}.settlement-services,.settlement-staff,.payout-planning{margin-bottom:23px}.table-caption{font-size:13px;color:#a3ad97;padding:17px 23px;margin:0;border-top:1px solid #edf0e5;line-height:1.9}.pending-text{font-size:13px;color:#a99162}.payout-empty{display:flex;align-items:flex-start;gap:21px;padding:11px 26px 27px}.payout-empty-icon{width:57px;height:57px;display:grid;place-items:center;flex:none;border-radius:15px;background:#f0f4e8;color:#9bac88;font-size:28px}.payout-empty h3{font-size:16px;margin-bottom:8px}.payout-empty p{font-size:14px;color:#9aa68d;line-height:1.9;margin-bottom:12px}.payout-fields .history-item{padding:14px 0;gap:15px}.payout-fields .text-note{font-size:14px;color:#9aa68d}
@media(min-width:901px){.sidebar{overflow-y:auto}.sidebar-bottom{flex-shrink:0}.sidebar .workspace-label{margin-top:29px}.sidebar nav{gap:4px}.sidebar nav a{padding-block:10px}.sidebar-bottom .leaf-lines{font-size:33px}.sidebar-bottom p{margin-bottom:15px}}
@media(max-width:1150px){.report-grid{grid-template-columns:minmax(0,1.3fr) minmax(265px,1fr)}.report-stats .stat-value{font-size:26px}.settlement-grid{grid-template-columns:1fr}.scenario-results{position:static}.rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.planning-overview .card{padding:20px;gap:13px}}
@media(max-width:900px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar nav{justify-content:flex-start}.sidebar nav a{flex:none}.planning-overview{gap:16px}.report-grid{grid-template-columns:minmax(0,1.5fr) minmax(265px,1fr)}}
@media(max-width:670px){.page-heading{flex-wrap:wrap}.page-heading>div:first-child{min-width:0}.page-heading .heading-actions{max-width:100%;justify-content:flex-start}.page-heading p:not(.eyebrow){line-height:1.9}.report-stats .stat-value{font-size:28px}.report-grid,.planning-overview{grid-template-columns:minmax(0,1fr);gap:17px}.report-toolbar{gap:7px}.report-toolbar label{width:100%;justify-content:space-between}.report-toolbar label input{flex:1;min-width:0;max-width:220px}.report-toolbar .spacer{display:none}.sales-chart{padding-inline:19px;gap:9px;height:220px}.sales-chart-track{height:145px;max-width:32px}.sales-chart-value{font-size:12px}.sales-chart-date{font-size:12px}.report-detail .card-header{align-items:flex-start}.rule-grid{grid-template-columns:minmax(0,1fr);padding-inline:20px}.rule-item{padding:15px 0;gap:13px}.planning-overview .card{padding:21px}.planning-rules .card-header{align-items:flex-start}.settlement-grid{gap:18px}.scenario-card .form-grid{grid-template-columns:minmax(0,1fr)}.scenario-card .field input,.scenario-card .field select{min-width:0;width:100%}.scenario-notice{font-size:13px}.scenario-formula{font-size:13px}.scenario-balance strong{font-size:34px}.payout-planning .card-header{flex-wrap:wrap}.payout-empty{gap:14px;padding:10px 19px 23px}.payout-empty-icon{height:43px;width:43px;font-size:23px}.payout-empty p{font-size:13px}.table-caption{padding:15px 19px;font-size:12px}.scenario-results .card-body{padding-bottom:19px}.app-shell,.main-shell,main#main,.sidebar{min-width:0}.toolbar{min-width:0}.table-wrap{max-width:100%}}
/* Admin-published booking sessions */
.staff-arrangement-note{display:flex;gap:12px;align-items:flex-start;padding:16px 17px;background:#f2f5eb;border:1px solid #e3ead9;border-radius:10px;margin-top:20px}.staff-arrangement-note>span{font-size:25px;color:#91a77d;line-height:1.1}.staff-arrangement-note strong{font-size:15px;color:#68865a;font-weight:550}.staff-arrangement-note p{font-size:13px;color:#9aa98a;line-height:1.8;margin:5px 0 0}.open-slot-button{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;padding:12px 5px}.open-slot-button small{font-size:12px;color:#a4af95}.open-slot-button.selected small{color:#c6d9bc}#retry-availability{margin-top:13px}.availability-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.availability-info{display:flex;gap:15px;background:#eaf0e1;border:1px solid #dce6d1;border-radius:13px;padding:19px 22px;margin:0 0 24px}.availability-info>span{font-size:30px;color:#8aa477;line-height:1.3}.availability-info strong{font-size:15px;color:#6d855c;font-weight:550}.availability-info p{font-size:14px;color:#94a382;margin:6px 0 0;line-height:1.9}.field input[type="datetime-local"]{min-width:0;max-width:100%}
@media(min-width:901px){.sidebar nav a{padding-block:9px}.sidebar nav{gap:3px}.sidebar .workspace-label{margin-top:24px}.sidebar-bottom{padding-top:18px}.sidebar-bottom .leaf-lines{margin-bottom:8px}}
@media(max-width:670px){.availability-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.availability-stats .stat-card:last-child{grid-column:1/-1}.availability-info{padding:17px 18px;gap:11px}.availability-info p{font-size:13px}.staff-arrangement-note{padding:14px}.open-slot-button{padding:11px 3px}.field input[type="datetime-local"]{font-size:18px}}
/* Read-only customer care profile planning */
.care-privacy-banner{display:flex;align-items:flex-start;gap:16px;background:#f6f0e0;border:1px solid #e7dcc0;border-radius:13px;padding:20px 22px;margin-bottom:22px}.care-privacy-banner>span:first-child{font-size:29px;line-height:1.2;color:#ae9968}.care-privacy-banner>div{flex:1;min-width:0}.care-privacy-banner strong{font-size:15px;color:#94804e;font-weight:600}.care-privacy-banner p{font-size:14px;line-height:1.9;color:#ac9b74;margin:5px 0 0}.care-privacy-banner>.pill{flex:none;margin-top:2px}.care-toolbar{margin-bottom:18px}.care-toolbar select{min-width:240px;max-width:100%}.care-identity{display:flex;align-items:center;gap:26px;padding:25px;margin-bottom:23px}.care-identity-main{display:flex;align-items:center;gap:17px;flex:1;min-width:0}.care-identity-main>div{min-width:0}.care-avatar{height:58px;width:58px;border-radius:50%;background:#e7eddd;color:#7d956a;font-size:25px;display:grid;place-items:center;flex:none}.care-identity .eyebrow{font-size:11px;margin-bottom:5px}.care-identity h2{font-size:24px;margin-bottom:7px}.care-contact{display:flex;gap:13px;flex-wrap:wrap;font-size:13px;color:#9aa78d;align-items:center;overflow-wrap:anywhere}.care-contact>span{max-width:100%}.care-identity-stat{display:flex;flex-direction:column;gap:4px;text-align:center;min-width:80px;flex:none}.care-identity-stat strong{font-size:28px;font-weight:550;color:#668155}.care-identity-stat span{font-size:12px;color:#a2ad94}.care-record-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:22px;align-items:start;margin-bottom:23px}.care-record-grid>*{min-width:0}.care-timeline{padding:0 23px 20px}.care-timeline-item{display:flex;gap:13px;position:relative}.care-timeline-marker{width:13px;display:flex;justify-content:center;flex:none;position:relative}.care-timeline-marker:after{content:"";position:absolute;top:13px;bottom:0;width:1px;background:#e4ebd8}.care-timeline-item:last-child .care-timeline-marker:after{bottom:20px}.care-timeline-marker i{display:block;width:7px;height:7px;background:#94ad80;border:2px solid #eff4e8;border-radius:50%;box-sizing:content-box;margin-top:7px;position:relative;z-index:1}.care-timeline-content{padding:3px 0 23px;flex:1;min-width:0}.care-timeline-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;flex-wrap:wrap}.care-timeline-heading h3{font-size:16px;margin:0}.care-timeline-content dl{margin:0 0 11px;font-size:13px;display:grid;gap:4px}.care-timeline-content dl>div{display:flex;gap:12px;flex-wrap:wrap}.care-timeline-content dt{color:#9ba98e;font-size:12px;min-width:66px}.care-timeline-content dd{margin:0;color:#809670;overflow-wrap:anywhere}.care-timeline-content>p{background:#f4f7ee;border:1px solid #e6eddb;border-radius:9px;padding:13px 15px;color:#8b9e7a;font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 8px}.care-timeline-content>small{font-size:11px;line-height:1.8;color:#b0b9a3}.care-package-example{background:#fbf9f1;border:1px dashed #d9d4bb}.care-package-example .eyebrow{font-size:10px;color:#b1a376}.care-package-example .card-header h2{font-size:17px}.care-package-example .card-header{padding-bottom:14px}.care-sample-warning{font-size:13px;line-height:1.9;color:#a08d5a;padding:12px 13px;background:#f1ead7;border-radius:8px;margin-bottom:20px}.care-package-title{display:flex;align-items:center;gap:12px}.care-package-title>span{font-size:25px;color:#b5a678}.care-package-title strong{font-size:15px;font-weight:550;color:#7f8660}.care-package-title small{font-size:12px;display:block;margin-top:5px;color:#a9aa8d}.care-usage-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;margin:22px 0 15px}.care-usage-stats>div{display:flex;flex-direction:column;gap:6px}.care-usage-stats strong{font-size:31px;font-weight:500;color:#96a075}.care-usage-stats span{font-size:11px;color:#b1b59c}.care-usage-dots{display:flex;justify-content:center;gap:9px;margin:0 0 17px}.care-usage-dots i{width:20px;height:20px;border:1px solid #d6dec5;border-radius:50%;background:#f0f3e6}.care-usage-dots i.used{background:#b8c5a0;border-color:#b8c5a0;position:relative}.care-usage-dots i.used:after{content:"✓";display:block;text-align:center;font-style:normal;font-size:13px;line-height:19px;color:#fff}.care-example-validity{font-size:12px;text-align:center;color:#a9ad90;margin-bottom:23px}.care-mini-title{font-size:14px;color:#94a080;border-top:1px dashed #dce1cb;padding-top:18px}.care-redemption{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid #ececdd;align-items:flex-start}.care-redemption>span{font-size:12px;color:#b7b99f;width:19px;flex:none;padding-top:2px}.care-redemption strong{font-size:13px;font-weight:500;color:#8d9a7b}.care-redemption p{font-size:12px;color:#adb499;margin:4px 0 0}.care-package-example .text-note{font-size:12px;color:#aeb399;line-height:1.9;margin-top:17px;margin-bottom:0}.care-handover{margin-bottom:23px}.care-schema-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:4px 24px 24px}.care-schema-field{min-width:0}.care-schema-field h3{font-size:14px;margin-bottom:10px;color:#80966e;font-weight:550}.care-readonly-placeholder{font-size:13px;padding:13px 14px;background:#f6f7f0;border:1px dashed #dce3d0;border-radius:8px;color:#b1bba3;line-height:1.7}.care-schema-field p{font-size:12px;line-height:1.9;color:#a5b095;margin:8px 0 0}.care-optional-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-bottom:23px}.care-optional .card-header{align-items:flex-start}.care-optional .card-header h2{font-size:17px}.care-optional .card-header .pill{font-size:11px}.care-optional-status{margin:0 0 18px;display:grid;gap:10px}.care-optional-status>div{display:flex;justify-content:space-between;gap:15px}.care-optional-status dt{font-size:13px;color:#a2b092}.care-optional-status dd{font-size:13px;color:#869a75;margin:0;text-align:right}.care-optional .text-note{font-size:13px;line-height:1.9;color:#a0ae90;margin:14px 0 0}.care-greeting{margin-bottom:23px}.care-greeting .eyebrow{font-size:11px}.care-greeting-body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr);gap:25px;padding:5px 24px 25px;align-items:center}.care-message-preview{position:relative;padding:20px 22px 18px 55px;background:#eaf1e2;border:1px solid #e0e9d4;border-radius:12px}.care-message-icon{position:absolute;left:20px;top:19px;font-size:25px;color:#97ad83}.care-message-preview p{font-size:15px;line-height:2;color:#779264;margin-bottom:11px}.care-message-preview small{font-size:12px;color:#a2b28f}.care-message-rules strong{font-size:15px;color:#829973;font-weight:550}.care-message-rules p{font-size:13px;line-height:1.9;color:#a4af97;margin:8px 0 11px}.care-message-rules .pill{font-size:11px}.care-safeguard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 27px;padding:0 24px 14px}.care-safeguard-grid article{display:flex;gap:13px;align-items:flex-start;border-top:1px solid #e9eedf;padding:18px 0}.care-safeguard-grid article>span{font-size:13px;color:#b2bca5;flex:none;padding-top:2px}.care-safeguard-grid article>div{flex:1;min-width:0}.care-safeguard-grid h3{font-size:14px;margin-bottom:6px;color:#81966f}.care-safeguard-grid p{font-size:12px;line-height:1.9;color:#a5b195;margin:0}.care-safeguard-grid article>small{font-size:11px;color:#b29c71;flex:none;background:#f6f0e2;border-radius:5px;padding:2px 5px;margin-top:1px}
@media(max-width:1150px){.care-identity{gap:18px;padding:23px}.care-identity-main{gap:12px}.care-identity-stat{min-width:65px}.care-avatar{height:49px;width:49px;font-size:22px}.care-identity h2{font-size:21px}.care-identity-stat strong{font-size:25px}.care-record-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr)}.care-schema-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.care-optional .card-header{flex-wrap:wrap;gap:10px}.care-greeting-body{grid-template-columns:minmax(0,1.2fr) minmax(225px,1fr)}}
@media(max-width:900px){.care-identity{flex-wrap:wrap}.care-identity-main{flex-basis:55%}.care-identity>.button{margin-left:auto}.care-record-grid{grid-template-columns:minmax(0,1.2fr) minmax(275px,1fr)}.care-contact{gap:6px 12px}.care-privacy-banner>.pill{display:none}}
@media(max-width:670px){.care-privacy-banner{padding:17px 18px;gap:11px}.care-privacy-banner>span:first-child{font-size:26px}.care-privacy-banner strong{font-size:14px}.care-privacy-banner p{font-size:13px}.care-toolbar label{width:100%;display:flex;flex-wrap:wrap;gap:8px}.care-toolbar select{width:100%;min-width:0;font-size:15px}.care-toolbar>.pill{font-size:11px}.care-identity{padding:21px;gap:20px 16px}.care-identity-main{flex-basis:100%}.care-identity h2{font-size:23px}.care-identity-stat{text-align:left;min-width:0}.care-identity-stat strong{font-size:26px}.care-identity-stat span{font-size:11px}.care-identity>.button{font-size:13px}.care-record-grid,.care-optional-grid,.care-greeting-body{grid-template-columns:minmax(0,1fr);gap:18px}.care-record-grid .section-stack{gap:18px}.care-package-example .card-header{flex-wrap:wrap;gap:8px}.care-timeline{padding:0 19px 17px}.care-timeline-content>p{font-size:13px;padding:12px}.care-timeline-content dl>div{gap:7px}.care-timeline-content dt{font-size:11px}.care-timeline-content dd{font-size:12px}.care-timeline-content>small{font-size:11px}.care-schema-grid{grid-template-columns:minmax(0,1fr);gap:17px;padding:3px 19px 21px}.care-schema-field h3{font-size:14px}.care-handover>.card-header,.care-safeguards>.card-header{flex-wrap:wrap;gap:9px}.care-optional .card-header{flex-wrap:nowrap;gap:10px}.care-optional .card-header h2{font-size:16px}.care-optional .card-header .pill{font-size:10px}.care-optional-status dt,.care-optional-status dd{font-size:12px}.care-greeting>.card-header{flex-wrap:wrap;gap:12px}.care-greeting-body{padding:0 19px 21px;gap:18px}.care-message-preview{padding:18px 17px 17px 47px}.care-message-icon{left:15px;top:15px;font-size:25px}.care-message-preview p{font-size:14px}.care-safeguard-grid{grid-template-columns:minmax(0,1fr);padding:0 19px 12px}.care-safeguard-grid article{gap:11px;padding:16px 0}.care-safeguard-grid h3{font-size:14px}.care-safeguard-grid p{font-size:13px}.care-record-grid .table-wrap{max-width:100%}}
/* Interactive, non-diagnostic body area record concept */
.body-reference-notice{display:flex;align-items:flex-start;gap:15px;background:#f7f1e2;border:1px solid #e7dcc2;padding:19px 22px;border-radius:13px;margin-bottom:22px}.body-reference-notice>span{font-size:28px;line-height:1.3;color:#ac9865}.body-reference-notice>div{min-width:0}.body-reference-notice strong{font-size:15px;font-weight:600;color:#998451}.body-reference-notice p{font-size:13px;color:#afa078;line-height:1.9;margin:5px 0 0}.body-map-toolbar select{min-width:255px;max-width:100%}.body-map-layout{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(0,1.25fr);gap:24px;align-items:start}.body-map-layout>*{min-width:0}.body-diagram-card{background:#fdfcf6}.body-diagram-card .card-header{padding-bottom:3px}.body-diagram-card .card-header h2{font-size:18px}.body-diagram-card .card-header>.pill{font-size:11px}.body-figure-stage{display:flex;align-items:center;justify-content:center;padding:0 15px;background:radial-gradient(ellipse at center,#edf2e26b 0%,transparent 70%)}.body-map-figure{position:relative;width:min(100%,340px);aspect-ratio:340/520}.body-outline-svg{display:block;width:100%;height:100%;overflow:visible}.body-background-orbit{fill:none;stroke:#e5eadb;stroke-width:.7}.body-silhouette{fill:#e8eddf;stroke:#9fae90;stroke-width:1.3;stroke-linejoin:round}.body-contour-detail{fill:none;stroke:#b7c1a7;stroke-width:1;stroke-linecap:round}.body-zone-shape{fill:#dfe8d2;stroke:#b7c9a4;stroke-width:1;stroke-dasharray:3 3;opacity:.65;transition:fill .2s,opacity .2s}.body-zone-shape.selected{fill:#bed4a8;stroke:#75985d;stroke-width:1.4;stroke-dasharray:none;opacity:.85}.body-concept-line{fill:none;stroke:#b2a078;stroke-width:1.8;stroke-dasharray:4 5;stroke-linecap:round;opacity:.8}.body-region-labels path{fill:none;stroke:#b9c5aa;stroke-width:1}.body-region-labels text{font-size:13px;fill:#92a17f;letter-spacing:2px}.body-back-label{font-size:11px;fill:#b0b89f;letter-spacing:1px}.body-zone-hit{position:absolute;left:35%;width:30%;height:12%;min-width:44px;min-height:44px;border:1px solid transparent;border-radius:16px;background:transparent;padding:0;cursor:pointer;transition:background .15s,border .15s}.body-zone-hit:hover{border-color:#94b17c;background:#d5e4c326}.body-zone-hit:focus-visible{outline:3px solid #b39a62;outline-offset:3px;background:#e4eddc33}.body-zone-hit.zone-upper{top:23.6%}.body-zone-hit.zone-middle{top:36.5%}.body-zone-hit.zone-lower{top:49.4%}.body-zone-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:3px 23px 19px}.body-zone-choice{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;min-width:44px;padding:10px 5px;border:1px solid #dfe7d4;background:#f6f8ef;border-radius:8px;font-size:14px;color:#8ea17b}.body-zone-choice>span{font-size:11px;color:#b0bda0}.body-zone-choice.selected{background:var(--teal);border-color:var(--teal);color:#f1f5e9}.body-zone-choice.selected>span{color:#9cb797}.body-zone-choice:hover:not(.selected){background:#edf2e3;border-color:#b8caa7}.body-concept-legend{display:flex;align-items:flex-start;gap:11px;margin:0 23px;padding:14px 0 5px;border-top:1px solid #e7ecdd}.body-concept-legend>span{width:28px;border-top:2px dashed #b6a279;margin-top:8px;flex:none}.body-concept-legend p{font-size:13px;line-height:1.9;color:#9ca88b;margin:0}.body-concept-legend small{font-size:12px;color:#b0b89f}.body-keyboard-note{font-size:11px;color:#b5bea6;padding:10px 23px 19px;margin:0;line-height:1.8}.body-detail-card{padding:25px}.body-detail-header{display:flex;align-items:flex-start;gap:13px;margin-bottom:21px}.body-detail-header>div{flex:1;min-width:0}.body-detail-number{display:grid;place-items:center;height:38px;width:38px;flex:none;background:#edf3e3;color:#8aab73;border-radius:11px;font-size:15px;font-weight:550}.body-detail-header .eyebrow{font-size:10px;letter-spacing:1.7px;margin:0 0 7px}.body-detail-header h2{font-size:26px;margin-bottom:7px}.body-detail-header p:not(.eyebrow){font-size:13px;color:#a4b193;line-height:1.9;margin:0}.body-detail-header>.pill{font-size:11px;flex:none}.body-client-context{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:14px 16px;background:#f2f6ea;border:1px solid #e5edda;border-radius:10px;margin-bottom:22px}.body-client-context>span{font-size:12px;color:#a1b08f}.body-client-context strong{font-size:14px;color:#7d976a;font-weight:550;overflow-wrap:anywhere}.body-client-context small{width:100%;font-size:12px;color:#aab69a;line-height:1.8}.body-record-field{margin:0 0 21px}.body-record-field>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.body-record-field h3{font-size:15px;color:#7e966d;font-weight:550;margin:0}.body-record-field .pill{font-size:11px}.body-record-placeholder{min-height:97px;border:1px dashed #dbe3cf;border-radius:9px;padding:18px 16px;background:#f8f9f3;font-size:14px;color:#b1bca3;line-height:1.9}.body-explanation{background:#fbf7ed;border:1px solid #e9e0c8;border-radius:11px;padding:18px;margin:24px 0}.body-explanation>div{display:flex;gap:9px;align-items:center;margin-bottom:14px}.body-explanation>div>span:first-child{color:#b0a076;font-size:23px;line-height:1}.body-explanation h3{font-size:15px;font-weight:550;color:#9a8a61;margin:0;flex:1}.body-explanation .pill{font-size:11px}.body-explanation strong{font-size:15px;color:#a08e61;font-weight:500}.body-explanation p{font-size:13px;color:#b4a782;line-height:1.9;margin:7px 0 0}.body-record-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding-top:18px;border-top:1px solid #e7eddd;margin:0}.body-record-meta dt{font-size:12px;color:#acb79c;margin-bottom:6px}.body-record-meta dd{font-size:14px;color:#8da37a;margin:0}.body-page-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:19px;font-size:12px;line-height:1.9;color:#b0bba1}.body-page-footer a{color:#8fa47d}
@media(max-width:1150px){.body-map-layout{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:19px}.body-detail-card{padding:22px}.body-detail-header{gap:11px}.body-detail-header h2{font-size:24px}.body-detail-header>.pill{font-size:10px}.body-zone-control{gap:6px;padding-inline:18px}.body-zone-choice{font-size:13px;gap:5px}.body-map-figure{width:min(100%,310px)}.body-diagram-card .card-header{flex-wrap:wrap;gap:7px}.body-record-placeholder{font-size:13px}.body-record-meta{gap:10px}}
@media(max-width:900px){.body-map-layout{grid-template-columns:minmax(270px,.95fr) minmax(0,1.1fr)}.body-detail-header>.pill{display:none}.body-detail-number{width:33px;height:33px;font-size:13px}.body-record-meta{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}}
@media(max-width:670px){.body-map-layout{grid-template-columns:minmax(0,1fr);gap:18px}.body-reference-notice{padding:16px 18px;gap:11px}.body-reference-notice>span{font-size:25px}.body-reference-notice strong{font-size:14px}.body-reference-notice p{font-size:13px}.body-map-toolbar label{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:8px}.body-map-toolbar select{width:100%;min-width:0;font-size:15px}.body-map-toolbar>.pill{font-size:11px}.body-diagram-card .card-header{flex-wrap:nowrap;align-items:flex-start}.body-diagram-card .card-header h2{font-size:17px}.body-diagram-card .card-header>.pill{font-size:10px}.body-figure-stage{padding-inline:14px}.body-map-figure{width:min(100%,290px)}.body-zone-control{padding-inline:19px;gap:8px}.body-zone-choice{min-height:46px;font-size:14px}.body-concept-legend{margin-inline:19px}.body-keyboard-note{padding-inline:19px;font-size:11px}.body-detail-card{padding:21px}.body-detail-header>.pill{display:inline-flex;font-size:10px}.body-detail-header .eyebrow{font-size:9px;letter-spacing:1.2px}.body-detail-header h2{font-size:25px}.body-detail-header p:not(.eyebrow){font-size:12px}.body-record-placeholder{min-height:95px;font-size:13px;padding:16px}.body-record-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.body-record-meta dt{font-size:11px}.body-record-meta dd{font-size:13px}.body-explanation{padding:17px}.body-page-footer{font-size:11px;margin-top:17px}}
/* Local shared knowledge drafts and version review */
.knowledge-boundary{display:flex;gap:15px;padding:20px 22px;background:#f6f0e1;border:1px solid #e7dcc0;border-radius:13px;margin-bottom:20px}.knowledge-boundary>span{font-size:28px;color:#b29d6d}.knowledge-boundary strong{font-size:15px;color:#998350}.knowledge-boundary p{font-size:13px;color:#ac9d77;line-height:1.9;margin:5px 0 0}.knowledge-summary{display:flex;align-items:center;gap:25px;padding:16px 21px;background:#eef3e6;border:1px solid #e0e9d4;border-radius:11px;margin-bottom:20px;font-size:14px;color:#95a682;flex-wrap:wrap}.knowledge-summary strong{font-size:22px;color:#779365;font-weight:550;margin-left:7px}.knowledge-summary-status{margin-left:auto;font-size:12px;color:#a9b49b}.knowledge-layout{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.6fr);gap:22px;align-items:start}.knowledge-layout>*{min-width:0}.knowledge-list-items{padding:0 12px 12px;display:grid;gap:6px;max-height:780px;overflow-y:auto}.knowledge-list-item{display:flex;flex-direction:column;gap:9px;padding:16px 14px;border:1px solid transparent;border-radius:11px;background:transparent;text-align:left;color:#7c9468;width:100%;min-width:0}.knowledge-list-item:hover{background:#f3f6ec}.knowledge-list-item.selected{background:#edf3e5;border-color:#dce7ce}.knowledge-list-meta{display:flex;justify-content:space-between;gap:9px;font-size:11px;color:#a4b190}.knowledge-list-meta small{font-size:11px;color:#b09b6b}.knowledge-list-item>strong{font-size:15px;font-weight:550;line-height:1.8;overflow-wrap:anywhere}.knowledge-list-excerpt{font-size:12px;line-height:1.8;color:#a5b195;overflow-wrap:anywhere}.knowledge-list-footer{display:flex;justify-content:space-between;font-size:11px;color:#b4bda6;margin-top:2px}.knowledge-detail{padding:26px}.knowledge-detail-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:24px}.knowledge-detail-top>div{min-width:0;flex:1}.knowledge-detail-top h2{font-size:25px;line-height:1.65;overflow-wrap:anywhere;margin-bottom:13px}.knowledge-detail-top .eyebrow{font-size:10px}.knowledge-detail-top>.button{flex:none}.knowledge-detail-tags{display:flex;flex-wrap:wrap;gap:6px}.knowledge-detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:18px;background:#f5f7ef;border-radius:10px;margin:0 0 24px}.knowledge-detail-meta dt{font-size:12px;color:#a9b59a;margin-bottom:6px}.knowledge-detail-meta dd{font-size:14px;color:#849c70;margin:0;overflow-wrap:anywhere}.knowledge-detail-meta dd small{display:block;font-size:11px;color:#b4bea6;margin-top:4px}.knowledge-content-section{margin-bottom:24px}.knowledge-content-section h3,.knowledge-safety h3{font-size:15px;font-weight:550;color:#7f986b;margin-bottom:12px}.knowledge-prose{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:2;color:#859b72}.knowledge-safety{background:#f8f3e7;border:1px solid #e9e0c9;border-radius:10px;padding:17px 18px;margin:23px 0}.knowledge-safety h3{color:#a18f62;margin-bottom:8px}.knowledge-safety p{font-size:14px;line-height:1.9;color:#ad9e7a;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.knowledge-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:9px}.knowledge-section-title h3{margin:0}.knowledge-section-title>span{font-size:11px;color:#b5bda7}.knowledge-source-list{list-style:none;margin:0;padding:0}.knowledge-source-list li{display:flex;gap:9px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #edf1e5;min-width:0}.knowledge-source-list li:last-child{border:0}.knowledge-source-list li>span{font-size:16px;color:#a5b591}.knowledge-source-list li>div{min-width:0}.knowledge-source-list a,.knowledge-source-list strong{font-size:14px;color:#789365;overflow-wrap:anywhere;font-weight:500}.knowledge-source-list a:hover{text-decoration:underline}.knowledge-source-list small{display:block;font-size:11px;line-height:1.8;color:#b4bea7;overflow-wrap:anywhere;margin-top:4px}.knowledge-unprovided{font-size:13px;color:#b0baa1;padding:14px;background:#f7f8f1;border-radius:8px;margin:12px 0 0}.knowledge-author-note{font-size:13px;color:#a7b398;line-height:1.9;padding-top:17px;border-top:1px dashed #dfe7d4}.knowledge-detail-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:19px;flex-wrap:wrap}.knowledge-detail-bottom>span{font-size:12px;color:#b2bda4}.knowledge-content-editor{min-height:210px!important}.knowledge-editor-section{margin:23px 0}.knowledge-editor-section>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.knowledge-editor-section h3{font-size:15px;margin:0}.knowledge-source-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 28px;gap:10px;align-items:end;margin-bottom:13px;padding:13px;background:#f7f9f1;border:1px solid #e7eddd;border-radius:9px}.knowledge-source-row .icon-button{width:28px;height:29px;margin-bottom:6px}.knowledge-source-row .field{font-size:13px}.knowledge-source-row .field input{font-size:14px;min-width:0}.knowledge-editor-warning{font-size:14px;line-height:1.9}.knowledge-conflict{background:#fff4ee;border:1px solid #ecd7ca;border-radius:9px;padding:17px;margin-top:16px}.knowledge-conflict>strong{font-size:15px;color:#a87960;overflow-wrap:anywhere}.knowledge-conflict>small{font-size:12px;display:block;color:#bd9d8b;margin:7px 0 14px}.knowledge-conflict>.knowledge-prose{font-size:14px;color:#a08c7f}.knowledge-conflict>p{font-size:13px;color:#b59787;margin:13px 0 0}.knowledge-history-item{border:1px solid #e4ebd8;border-radius:10px;margin:13px 0;padding:0 17px}.knowledge-history-item summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0;cursor:pointer;font-size:15px;color:#819a6d;list-style:disclosure-closed}.knowledge-history-item[open] summary{border-bottom:1px solid #e8eddf;margin-bottom:17px}.knowledge-history-item summary small{font-size:12px;color:#b1bda2}.knowledge-history-item>.knowledge-source-list{padding-bottom:15px}.knowledge-history-item>.knowledge-prose{font-size:14px}
@media(max-width:1150px){.knowledge-layout{grid-template-columns:minmax(220px,.75fr) minmax(0,1.4fr);gap:18px}.knowledge-detail{padding:22px}.knowledge-detail-top{flex-wrap:wrap}.knowledge-detail-top h2{font-size:23px}.knowledge-summary{gap:18px}}
@media(max-width:900px){.knowledge-layout{grid-template-columns:minmax(215px,.8fr) minmax(0,1.4fr)}.knowledge-summary-status{width:100%;margin-left:0}.knowledge-detail-meta{grid-template-columns:minmax(0,1fr)}}
@media(max-width:670px){.knowledge-layout{grid-template-columns:minmax(0,1fr);gap:18px}.knowledge-list-items{max-height:355px}.knowledge-boundary{padding:17px 18px;gap:11px}.knowledge-boundary strong{font-size:14px}.knowledge-boundary p{font-size:13px}.knowledge-summary{padding:15px 17px;gap:10px 22px;font-size:13px}.knowledge-summary strong{font-size:21px}.knowledge-summary-status{font-size:11px}.knowledge-toolbar label:not(.search-field){flex:1;min-width:135px}.knowledge-toolbar select{min-width:0;flex:1}.knowledge-detail{padding:21px}.knowledge-detail-top h2{font-size:23px}.knowledge-detail-meta{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px;gap:14px}.knowledge-detail-meta dd{font-size:13px}.knowledge-prose{font-size:14px}.knowledge-content-section h3,.knowledge-safety h3{font-size:15px}.knowledge-safety p{font-size:13px}.knowledge-source-row{grid-template-columns:minmax(0,1fr) 29px;gap:9px}.knowledge-source-row .field{grid-column:1}.knowledge-source-row .icon-button{grid-column:2;grid-row:1/3;align-self:center}.knowledge-source-row .field input{font-size:19px}.knowledge-form-actions{gap:7px}.knowledge-form-actions .button{font-size:14px;padding:10px 12px}.knowledge-editor-section>div:first-child{flex-wrap:wrap}.knowledge-history-item{padding-inline:14px}.knowledge-history-item summary{font-size:14px;flex-wrap:wrap}}
/* Honest atlas data-review and client-display preview framework */
.atlas-mode-switch{display:inline-flex;gap:5px;padding:5px;background:#e9eedf;border:1px solid #dfe7d2;border-radius:12px;margin-bottom:21px;max-width:100%}.atlas-mode-switch button{border:0;background:transparent;border-radius:8px;padding:11px 21px;min-height:44px;color:#8c9e79;font-size:15px}.atlas-mode-switch button.selected{background:var(--teal);color:#f5f8ee;box-shadow:0 3px 9px #213e2810}.atlas-notice,.atlas-client-warning{padding:19px 22px;background:#f8f2e4;border:1px solid #e8ddc3;border-radius:13px;margin-bottom:22px}.atlas-notice strong,.atlas-client-warning strong{font-size:15px;font-weight:600;color:#9f8956}.atlas-notice p,.atlas-client-warning p{font-size:13px;line-height:1.9;color:#b0a17b;margin:6px 0 0}.atlas-toolbar{margin-bottom:12px}.atlas-toolbar>label:first-child{flex:1;min-width:275px}.atlas-toolbar>label:first-child select{flex:1;min-width:0}.atlas-toolbar .search-field{max-width:360px;flex:1}.atlas-search-state{font-size:13px;color:#a9b499;padding:0 1px 19px;line-height:1.9;overflow-wrap:anywhere}.atlas-review-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,1fr);gap:23px;align-items:start;margin-bottom:23px}.atlas-review-grid>*{min-width:0}.atlas-canvas-card{background:#fcfcf6}.atlas-canvas-card .card-header h2{font-size:18px}.atlas-canvas-card .card-header .pill{font-size:11px}.atlas-view-controls{display:flex;gap:6px;margin:1px 23px 10px;padding:5px;background:#eef2e5;border:1px solid #e3e9d8;border-radius:9px}.atlas-view-controls button{border:0;background:transparent;flex:1;border-radius:6px;min-height:44px;font-size:14px;color:#a2b090}.atlas-view-controls button.selected{background:#fffef7;color:#6c8b58;box-shadow:0 2px 6px #263e1c08}.atlas-placeholder-stage{position:relative;min-height:450px;display:flex;justify-content:center;align-items:center;overflow:hidden}.atlas-grid-decoration{position:absolute;inset:20px 26px;background-image:linear-gradient(#e7ecdd8f 1px,transparent 1px),linear-gradient(90deg,#e7ecdd8f 1px,transparent 1px);background-size:28px 28px;border:1px solid #e6ebdc;border-radius:10px;opacity:.55}.atlas-placeholder-stage>svg{height:400px;max-width:90%;position:relative;opacity:.5}.atlas-placeholder-stage>svg path{fill:#e5ebd9;stroke:#b1bfa0;stroke-width:1.2;stroke-dasharray:4 3}.atlas-placeholder-stage>svg text{fill:#adba99;font-size:11px;letter-spacing:1px}.atlas-empty-overlay{position:absolute;left:24px;right:24px;top:44%;transform:translateY(-35%);text-align:center;background:#fffef6ed;border:1px solid #e3e7d5;border-radius:13px;padding:20px 17px;box-shadow:0 8px 35px #4a59350a}.atlas-empty-overlay>span{font-size:29px;display:block;color:#b3b088;margin-bottom:8px;line-height:1}.atlas-empty-overlay strong{display:block;font-size:17px;font-weight:550;color:#8f946c;line-height:1.8}.atlas-empty-overlay p{font-size:15px;color:#a2a482;margin:6px 0}.atlas-empty-overlay small{font-size:12px;line-height:1.9;color:#b9bba2;display:block}.atlas-canvas-footer{padding:15px 22px;border-top:1px solid #e8eddf;font-size:12px;line-height:1.9;color:#acb59c;text-align:center}.atlas-layer{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 0;border-bottom:1px solid #edf1e4}.atlas-layer:last-of-type{border-bottom:0}.atlas-layer input{width:16px;height:16px;flex:none;accent-color:#a9b899;margin:0}.atlas-layer>span{font-size:14px;color:#9baa8b;flex:1}.atlas-layer>small{font-size:12px;color:#b49f71;white-space:nowrap}.atlas-layer-card .text-note{font-size:12px;margin-top:16px;margin-bottom:0;line-height:1.9}.atlas-status-list{margin:0;display:grid;gap:14px}.atlas-status-list>div{display:flex;flex-direction:column;gap:5px}.atlas-status-list dt{font-size:12px;color:#b1bca2}.atlas-status-list dd{font-size:14px;color:#8da27b;margin:0;line-height:1.7}.atlas-data-card .text-note{font-size:12px;line-height:1.9;margin:17px 0 0;padding-top:14px;border-top:1px dashed #e0e7d6}.atlas-source-candidate{padding:5px 24px 22px;display:flex;align-items:center;gap:24px}.atlas-source-candidate>div{flex:1;min-width:0}.atlas-source-candidate strong{font-size:15px;font-weight:550;color:#859c71}.atlas-source-candidate p{font-size:13px;line-height:1.9;color:#a4b093;margin:7px 0 0}.atlas-source-candidate .button{flex:none}.atlas-review-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:0 24px 22px}.atlas-review-steps>span{background:#f2f5eb;border:1px solid #e6ecdc;border-radius:9px;padding:14px 12px;font-size:13px;color:#98aa85;line-height:1.8}.atlas-review-steps i{display:block;font-size:11px;font-style:normal;color:#b6c2a6;margin-bottom:7px}.atlas-client-warning{display:flex;gap:14px}.atlas-client-warning>span{font-size:28px;color:#b5a16e}.atlas-client-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:23px}.atlas-client-context>div{padding:19px 22px;background:#fdfef8;border:1px solid #e4eadb;border-radius:12px;display:flex;flex-direction:column;gap:8px}.atlas-client-context span{font-size:13px;color:#a8b599}.atlas-client-context strong{font-size:20px;font-weight:550;color:#8aa177}.atlas-client-guidance .eyebrow{font-size:10px}.atlas-client-guidance .card-header{flex-wrap:wrap;gap:10px}.atlas-client-guidance .card-header>.pill{font-size:11px}.atlas-client-guidance ul{list-style:none;padding:0;margin:0}.atlas-client-guidance li{position:relative;padding:14px 0 14px 19px;font-size:15px;line-height:1.9;color:#8da27b;border-bottom:1px solid #e9efde}.atlas-client-guidance li:before{content:'◇';position:absolute;left:0;top:15px;font-size:14px;color:#b2c19f}.atlas-client-guidance li:last-child{border:0}.atlas-client-guidance .text-note{font-size:12px;line-height:1.9;margin:14px 0 0}.atlas-client-boundary p{font-size:14px;line-height:1.9;color:#9dae8d}.atlas-client-boundary .pill{font-size:12px}
@media(max-width:1150px){.atlas-review-grid{grid-template-columns:minmax(0,1.2fr) minmax(275px,1fr);gap:18px}.atlas-placeholder-stage{min-height:430px}.atlas-placeholder-stage>svg{height:380px}.atlas-empty-overlay{left:19px;right:19px;padding:19px 14px}.atlas-empty-overlay strong{font-size:16px}.atlas-empty-overlay p{font-size:14px}.atlas-source-candidate{flex-wrap:wrap;gap:14px}.atlas-review-steps{gap:10px}.atlas-review-steps>span{font-size:12px;padding:12px}.atlas-client-context{gap:12px}.atlas-client-context>div{padding:17px}.atlas-client-context strong{font-size:18px}}
@media(max-width:900px){.atlas-review-grid{grid-template-columns:minmax(0,1.2fr) minmax(270px,1fr)}.atlas-canvas-card .card-header{flex-wrap:wrap;gap:7px}.atlas-review-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:670px){.atlas-mode-switch{display:flex;width:100%;gap:4px;padding:4px}.atlas-mode-switch button{flex:1;padding:10px 8px;font-size:14px;min-height:46px}.atlas-notice,.atlas-client-warning{padding:17px 18px}.atlas-notice strong,.atlas-client-warning strong{font-size:14px}.atlas-notice p,.atlas-client-warning p{font-size:13px}.atlas-toolbar>label:first-child{min-width:0;flex-basis:100%;display:flex;flex-wrap:wrap}.atlas-toolbar>label:first-child select{min-width:0;width:100%;flex-basis:100%}.atlas-toolbar .search-field{max-width:none}.atlas-review-grid{grid-template-columns:minmax(0,1fr);gap:18px}.atlas-canvas-card .card-header{flex-wrap:nowrap}.atlas-canvas-card .card-header h2{font-size:17px}.atlas-canvas-card .card-header .pill{font-size:10px}.atlas-view-controls{margin-inline:19px}.atlas-view-controls button{min-height:44px}.atlas-placeholder-stage{min-height:420px}.atlas-placeholder-stage>svg{height:375px}.atlas-grid-decoration{inset-inline:19px}.atlas-empty-overlay{left:19px;right:19px;padding:19px 13px}.atlas-empty-overlay strong{font-size:16px}.atlas-empty-overlay small{font-size:11px}.atlas-canvas-footer{padding:14px 19px;font-size:11px}.atlas-source-candidate{padding:4px 19px 20px;gap:15px}.atlas-source-candidate strong{font-size:14px}.atlas-source-candidate p{font-size:13px}.atlas-review-steps{padding:0 19px 20px;gap:9px}.atlas-review-steps>span{font-size:12px}.atlas-sources>.card-header{flex-wrap:wrap;gap:9px}.atlas-client-context{grid-template-columns:minmax(0,1fr);gap:9px}.atlas-client-context>div{padding:15px 17px;flex-direction:row;align-items:center;justify-content:space-between;gap:14px}.atlas-client-context strong{font-size:16px}.atlas-client-context span{font-size:13px}.atlas-client-warning{gap:10px}.atlas-client-guidance li{font-size:14px}.atlas-client-boundary p{font-size:13px}}
/* Combined staff-only customer summary and honest atlas placeholder */
.client-panel-notice{padding:17px 21px;background:#f6f1e2;border:1px solid #e7ddc3;border-radius:12px;margin-bottom:20px}.client-panel-notice strong{font-size:15px;color:#a08a58}.client-panel-notice p{font-size:13px;line-height:1.9;color:#af9f79;margin:6px 0 0}.client-panel-toolbar>label{min-width:310px;flex:1}.client-panel-toolbar select{min-width:0;max-width:430px;flex:1}.client-body-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:22px;align-items:start}.client-body-layout>*{min-width:0}.client-body-left .atlas-placeholder-stage{min-height:490px}.client-body-left .atlas-placeholder-stage>svg{height:430px}.client-body-right{display:grid;gap:17px}.client-panel-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:15px 0}.client-panel-layers label{font-size:12px;color:#a9b59b;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.client-panel-layers input{height:13px;width:13px;margin:0;flex:none}.client-panel-layers span{font-size:11px;color:#b8a67e}.client-panel-profile{padding:22px}.client-panel-person{display:flex;align-items:center;gap:13px}.client-panel-person .care-avatar{width:45px;height:45px;font-size:21px}.client-panel-person>div{flex:1;min-width:0}.client-panel-person h2{font-size:23px;margin:0 0 5px;overflow-wrap:anywhere}.client-panel-person .eyebrow{font-size:10px;letter-spacing:1.5px;margin:0 0 5px}.client-panel-person>.pill{font-size:11px;align-self:flex-start}.client-panel-contact{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.3fr);gap:15px;margin:20px 0 18px}.client-panel-contact dt{font-size:12px;color:#acb89d;margin-bottom:5px}.client-panel-contact dd{font-size:14px;color:#8ba278;margin:0;overflow-wrap:anywhere}.client-panel-counters{display:flex;gap:23px;padding-top:14px;border-top:1px solid #e7eddc;font-size:12px;color:#a7b496}.client-panel-counters strong{font-size:22px;color:#819b6f;font-weight:550;margin-right:4px}.client-body-right .card-header{padding:19px 21px 13px;gap:11px}.client-body-right .card-header h2{font-size:17px}.client-body-right .card-subtitle{font-size:12px;line-height:1.9}.client-body-right .card-body{padding:0 21px 18px}.client-panel-purchases .pill{font-size:11px;white-space:nowrap}.client-purchase-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:11px 0;border-bottom:1px solid #edf1e4}.client-purchase-row>div{min-width:0}.client-purchase-row strong{font-size:14px;font-weight:550;color:#879e75;line-height:1.8;overflow-wrap:anywhere}.client-purchase-row small{display:block;font-size:11px;line-height:1.8;color:#b0bca1;margin-top:4px}.client-purchase-row>span{font-size:14px;color:#8aa476;white-space:nowrap}.client-panel-quiet-note{font-size:12px;line-height:1.9;color:#b0baa2;margin:13px 0 0}.client-service-row{padding:10px 0 13px;border-bottom:1px solid #edf1e4}.client-service-row:last-of-type{border:0}.client-service-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px}.client-service-top strong{font-size:14px;font-weight:550;color:#819c6d}.client-service-top .pill{font-size:11px}.client-service-row p{font-size:13px;color:#94a780;margin:4px 0;line-height:1.8}.client-service-row p>span{display:inline-block;width:60px;font-size:11px;color:#b2bca5}.client-panel-readonly{padding:20px 21px;background:#f9faf3}.client-panel-readonly>div{display:flex;gap:10px;align-items:center;margin-bottom:15px}.client-panel-readonly>div>span:first-child{font-size:23px;color:#acb99a}.client-panel-readonly h2{font-size:16px;flex:1;margin:0}.client-panel-readonly .pill{font-size:11px}.client-panel-readonly dl{display:grid;gap:9px;margin:0}.client-panel-readonly dl>div{display:flex;justify-content:space-between;gap:12px}.client-panel-readonly dt{font-size:12px;color:#aeb99e}.client-panel-readonly dd{font-size:13px;color:#9aae89;margin:0;text-align:right}
@media(max-width:1150px){.client-body-layout{gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.client-panel-person{gap:10px}.client-panel-person h2{font-size:21px}.client-panel-person>.pill{display:none}.client-panel-contact{grid-template-columns:minmax(0,1fr);gap:12px}.client-body-left .atlas-placeholder-stage{min-height:470px}.client-body-left .atlas-placeholder-stage>svg{height:410px}.client-panel-layers{grid-template-columns:minmax(0,1fr);gap:7px}}
@media(max-width:670px){.client-body-layout{grid-template-columns:minmax(0,1fr);gap:15px}.client-panel-notice{padding:16px 18px}.client-panel-notice strong{font-size:14px}.client-panel-notice p{font-size:13px}.client-panel-toolbar>label{min-width:0;flex-basis:100%;flex-wrap:wrap}.client-panel-toolbar select{max-width:none;width:100%;flex-basis:100%}.client-body-left .atlas-placeholder-stage{min-height:420px}.client-body-left .atlas-placeholder-stage>svg{height:375px}.client-panel-layers{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.client-panel-profile{padding:21px}.client-panel-person>.pill{display:inline-flex;font-size:10px}.client-panel-contact{grid-template-columns:minmax(0,1fr);gap:11px}.client-panel-counters{gap:20px}.client-body-right .card-header{padding:18px 19px 12px}.client-body-right .card-body{padding:0 19px 17px}.client-panel-readonly{padding:19px}.client-panel-readonly dt{font-size:11px}.client-panel-readonly dd{font-size:12px}.client-panel-readonly h2{font-size:15px}.client-panel-readonly .pill{font-size:10px}}
/* Original atlas drafting workshop. Renderer and data are separate. */
.ws-boundary{padding:17px 21px;background:#f7f1e2;border:1px solid #e7dcc2;border-radius:12px;margin-bottom:20px}.ws-boundary strong{font-size:15px;color:#9c8553}.ws-boundary p{font-size:13px;line-height:1.9;color:#ad9d75;margin:5px 0 0}.ws-titlebar{display:flex;align-items:center;gap:20px;padding:18px 20px;background:#fffef8;border:1px solid #e4eadb;border-radius:12px;margin-bottom:21px}.ws-titlebar>.field{flex:1;min-width:0;font-size:13px}.ws-titlebar>.field input{margin-top:5px;min-height:39px;font-size:16px}.ws-title-status{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.ws-title-status>span:last-child{font-size:12px;color:#a7b497}.ws-grid{display:grid;grid-template-columns:180px minmax(250px,1fr) 238px;gap:17px;align-items:start}.ws-grid>*{min-width:0}.ws-left,.ws-inspector{display:grid;gap:16px}.ws-grid .card-header{padding:18px 16px 12px;gap:9px}.ws-grid .card-header h2{font-size:16px}.ws-grid .pill{font-size:11px}.ws-add-layers{display:flex;gap:6px;padding:0 12px 12px}.ws-add-layers .button{flex:1;padding:7px 5px;font-size:12px;min-height:36px}.ws-layer-row{display:flex;align-items:flex-start;gap:8px;border:1px solid transparent;border-radius:8px;padding:10px 8px;margin:4px 9px}.ws-layer-row.selected{border-color:#d8e4cc;background:#edf3e5}.ws-visibility{display:grid;place-items:center;min-width:18px;min-height:32px}.ws-visibility input{margin:0;width:14px;height:14px;accent-color:var(--teal)}.ws-layer-row>button{border:0;background:none;text-align:left;display:grid;grid-template-columns:9px minmax(0,1fr);align-items:center;gap:5px 6px;padding:3px 0;flex:1;min-width:0;min-height:34px}.ws-color-dot{width:7px;height:7px;border-radius:50%}.ws-layer-row strong{font-size:13px;font-weight:550;line-height:1.7;color:#829b6f;overflow-wrap:anywhere}.ws-layer-row small{grid-column:2;font-size:11px;color:#b1bda3}.ws-local-note{font-size:11px;line-height:1.9;color:#b0baa0;padding:12px 15px 16px;margin:0}.ws-layer-card .empty-state{padding:22px 12px;font-size:12px}.ws-layer-card .empty-state strong{font-size:14px}.ws-library-card #ws-draft-list{padding:0 10px;max-height:310px;overflow-y:auto}.ws-library-card .text-note{font-size:12px;padding:5px 5px 10px;line-height:1.9;margin:0}.ws-saved-item{display:flex;flex-direction:column;gap:7px;border:1px solid transparent;border-radius:8px;background:none;text-align:left;width:100%;padding:11px 9px;margin-bottom:5px}.ws-saved-item.selected{background:#eef3e6;border-color:#dce6cf}.ws-saved-item:hover{background:#f2f6eb}.ws-saved-item strong{font-size:13px;font-weight:550;color:#859d72;line-height:1.7;overflow-wrap:anywhere}.ws-saved-item span{font-size:11px;color:#adba9c}.ws-canvas-card{background:#fcfcf5}.ws-canvas-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 15px 11px;border-bottom:1px solid #e8eddf;flex-wrap:wrap}.ws-view-buttons{display:flex;gap:3px;padding:3px;background:#ecf1e3;border-radius:8px}.ws-view-buttons button{background:transparent;border:0;border-radius:5px;color:#a3b38e;padding:8px 12px;font-size:13px;min-height:34px}.ws-view-buttons button.selected{background:#fffef8;color:#6e8d5c}.ws-view-buttons button:disabled{cursor:not-allowed;opacity:.55}.ws-view-buttons button.selected:disabled{opacity:.9}.ws-tools{display:flex;align-items:center;gap:5px;padding:12px 14px 4px;flex-wrap:wrap}.ws-tools button{border:1px solid #e1e8d5;background:#f7f9f0;border-radius:7px;padding:8px 10px;color:#8aa276;font-size:13px;min-height:37px}.ws-tools button.selected{background:var(--teal);border-color:var(--teal);color:#f2f7e8}.ws-tool-hint{font-size:12px;color:#a8b698;line-height:1.9;padding:7px 15px 9px;margin:0;min-height:45px}.ws-inline-start{display:flex;gap:8px;justify-content:center;padding:2px 14px 10px}.ws-inline-start .button{font-size:13px;padding:8px 10px;min-height:36px}.ws-svg-wrap{margin:0 14px;border:1px solid #e2e9d5;border-radius:8px;overflow:hidden;background:#fafcf3}.ws-svg-wrap svg{display:block;width:100%;height:520px;overflow:hidden;touch-action:manipulation}.ws-svg-wrap svg.adding{cursor:crosshair}.ws-original-outline>path:first-child{fill:#e8eedd;stroke:#afbea0;stroke-width:1.2}.ws-original-outline .ws-outline-detail{fill:none;stroke:#c2cdb5;stroke-width:1;opacity:.8}.ws-draft-marker{cursor:pointer;outline:none}.ws-draft-marker:focus-visible circle:first-of-type{stroke:#b69c5c;stroke-width:2;fill:#eedc9f33}.ws-draft-marker text{font-size:11px;paint-order:stroke fill;stroke:#fffef6;stroke-width:2.5px;stroke-linejoin:round;pointer-events:none}.ws-draft-path{cursor:pointer;pointer-events:stroke}.ws-draft-path:hover{stroke-width:4}.ws-canvas-caption{font-size:11px;fill:#b8c1a8;letter-spacing:1px}.ws-canvas-bottom{display:flex;justify-content:space-between;gap:10px;padding:13px 15px 7px;color:#a4b495;font-size:11px;flex-wrap:wrap}.ws-view-note{font-size:11px;color:#b5b89c;line-height:1.9;padding:0 15px 15px;margin:0}.ws-inspector-body{padding:0 16px 18px}.ws-inspector-body>.field{margin-bottom:14px}.ws-inspector .field{font-size:13px}.ws-inspector .field input,.ws-inspector .field select,.ws-inspector .field textarea{font-size:14px;padding:9px 10px;min-height:38px;min-width:0}.ws-layer-properties{display:flex;align-items:center;gap:14px;margin:3px 0 14px}.ws-layer-properties .field{width:60px;flex:none}.ws-layer-properties input[type=color]{padding:4px;width:58px;height:34px;min-height:34px;background:#fffefa}.ws-layer-properties>span{font-size:13px;color:#9bae8a}.ws-layer-properties small{display:block;font-size:11px;color:#b5c0a5;margin-top:5px}.ws-layer-actions{display:flex;gap:5px;flex-wrap:wrap}.ws-layer-actions .button{font-size:12px;padding:6px 8px;min-height:32px}.ws-coordinate-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:11px 0}.ws-input-hint{font-size:11px;line-height:1.9;color:#b0bda0;margin:9px 0 14px}.ws-empty-selection{font-size:12px;margin:13px 0;line-height:1.9}.ws-small-title{font-size:14px;color:#8fa77b;margin-bottom:10px}.ws-metadata-card summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 16px;font-size:14px;color:#849d70;cursor:pointer;list-style:disclosure-closed}.ws-metadata-card summary>span{font-size:11px;color:#b3bda6;white-space:nowrap}.ws-metadata-body{padding:0 16px 18px}.ws-metadata-body>.field{margin-bottom:16px}.ws-metadata-body>.text-note{font-size:12px;line-height:1.9;margin-bottom:16px}.ws-metadata-body textarea{min-height:90px!important}.ws-source-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:19px 0 13px}.ws-source-heading h3{font-size:14px;margin:0}.ws-source-heading .button{font-size:12px;padding:6px 8px}.ws-source-row{padding:13px 10px;background:#f6f8ee;border:1px solid #e4ebd9;border-radius:8px;margin:12px 0}.ws-source-row .field{margin-bottom:12px;font-size:12px}.ws-source-row .button{font-size:12px}.ws-retention-note{font-size:12px;line-height:1.9;color:#a9b695;padding:0 3px}.ws-conflict-banner .inline-actions{margin-top:12px}.ws-history-layer{border:1px solid #e1e8d5;border-radius:9px;margin:13px 0;overflow:hidden}.ws-history-layer summary{font-size:14px;color:#8da37a;padding:14px;cursor:pointer;line-height:1.9}.ws-history-layer td,.ws-history-layer th{font-size:13px;padding:10px 13px}.ws-inspector>.card>.empty-state{font-size:13px;padding:30px 17px}.ws-inspector>.card>.empty-state strong{font-size:15px}
@media(min-width:1500px){.ws-grid{grid-template-columns:200px minmax(300px,1fr) 270px}.ws-svg-wrap svg{height:600px}.ws-inspector .field input,.ws-inspector .field textarea,.ws-inspector .field select{font-size:15px}.ws-layer-row strong{font-size:14px}}
@media(max-width:1150px){.ws-grid{grid-template-columns:160px minmax(230px,1fr) 218px;gap:13px}.ws-add-layers{flex-direction:column}.ws-canvas-top{padding:13px}.ws-view-buttons button{padding:8px 10px}.ws-tools{padding-inline:12px;gap:5px}.ws-tools button{padding:7px 8px;font-size:12px}.ws-svg-wrap{margin-inline:11px}.ws-svg-wrap svg{height:500px}.ws-inspector-body,.ws-metadata-body{padding-inline:13px}.ws-titlebar{gap:14px}.ws-titlebar .button{font-size:13px}.ws-title-status>span:last-child{font-size:11px}}
@media(max-width:900px){.ws-grid{grid-template-columns:160px minmax(230px,1fr) 218px}.ws-title-status{max-width:160px}.ws-canvas-top>.pill{font-size:10px}.ws-view-buttons button{min-height:36px}.ws-tools button{min-height:38px}}
@media(max-width:790px){.ws-grid{grid-template-columns:minmax(0,1.25fr) minmax(225px,1fr)}.ws-left{grid-column:1/-1;grid-row:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ws-canvas-card{grid-column:1;grid-row:1}.ws-inspector{grid-column:2;grid-row:1}.ws-add-layers{flex-direction:row}.ws-svg-wrap svg{height:500px}.ws-titlebar{flex-wrap:wrap}.ws-titlebar>.field{flex-basis:100%}.ws-title-status{max-width:none;flex:1}.ws-layer-row>button{min-height:38px}}
@media(max-width:670px){.ws-grid{display:flex;flex-direction:column;gap:17px}.ws-grid>*{width:100%}.ws-canvas-card{order:1}.ws-left{order:2;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.ws-inspector{order:3;display:grid;gap:16px}.ws-boundary{padding:16px 18px}.ws-boundary strong{font-size:14px}.ws-boundary p{font-size:13px}.ws-titlebar{padding:17px;gap:13px}.ws-titlebar>.field{font-size:13px}.ws-titlebar>.field input{font-size:19px;min-height:44px}.ws-title-status{gap:6px}.ws-title-status>span:last-child{font-size:11px}.ws-canvas-top{padding:14px 13px;flex-wrap:nowrap}.ws-view-buttons button{min-height:44px;padding:9px 13px;font-size:14px}.ws-canvas-top>.pill{font-size:10px}.ws-tools{padding:12px 13px 2px;gap:6px}.ws-tools button{min-height:44px;font-size:14px;padding:9px 12px}.ws-tool-hint{font-size:12px;min-height:45px;padding-inline:14px}.ws-svg-wrap{margin-inline:13px}.ws-svg-wrap svg{height:460px}.ws-inline-start{gap:9px}.ws-inline-start .button{min-height:44px;font-size:14px}.ws-canvas-bottom{font-size:11px;gap:7px;padding-inline:14px}.ws-view-note{font-size:12px;padding-inline:14px}.ws-add-layers{padding-inline:15px;gap:10px}.ws-add-layers .button{min-height:44px;font-size:14px}.ws-layer-row{padding:12px;margin-inline:13px;gap:12px}.ws-layer-row strong{font-size:15px}.ws-layer-row small{font-size:12px}.ws-visibility{min-width:30px;min-height:44px}.ws-visibility input{height:18px;width:18px}.ws-layer-row>button{min-height:44px}.ws-local-note{font-size:12px;padding-inline:17px}.ws-saved-item{padding:14px 12px;min-height:64px}.ws-saved-item strong{font-size:15px}.ws-saved-item span{font-size:12px}.ws-grid .card-header{padding:19px 18px 13px}.ws-grid .card-header h2{font-size:18px}.ws-inspector-body,.ws-metadata-body{padding:0 18px 22px}.ws-inspector .field{font-size:15px}.ws-inspector .field input,.ws-inspector .field textarea,.ws-inspector .field select{font-size:19px;min-height:44px;padding:10px 11px}.ws-layer-properties .field{width:75px}.ws-layer-properties input[type=color]{height:44px;width:68px;min-height:44px}.ws-layer-properties>span{font-size:15px}.ws-layer-properties small{font-size:12px}.ws-layer-actions{gap:8px}.ws-layer-actions .button{font-size:14px;padding:10px 12px;min-height:44px}.ws-coordinate-fields{gap:13px;margin:15px 0}.ws-input-hint{font-size:13px}.ws-small-title{font-size:15px}.ws-inspector-body>.button.wide{min-height:44px;font-size:15px}.ws-metadata-card summary{padding:20px 18px;font-size:16px;min-height:54px}.ws-metadata-card summary>span{font-size:13px}.ws-source-heading h3{font-size:16px}.ws-source-heading .button{min-height:44px;font-size:14px;padding:9px 12px}.ws-source-row{padding:17px 14px}.ws-source-row .field{font-size:14px}.ws-source-row .button{font-size:14px;min-height:44px}.ws-retention-note{font-size:13px;padding:0 5px}.ws-inspector .empty-state{font-size:14px!important}.ws-inspector .empty-state strong{font-size:16px!important}}
/* Stronger workshop contrast for real editing, while retaining brand colors. */
.ws-boundary strong{color:#786131}.ws-boundary p{color:#8b7850}.ws-title-status>span:last-child,.ws-local-note,.ws-retention-note{color:#77866b}.ws-layer-row strong,.ws-saved-item strong{color:#3f6243}.ws-layer-row small,.ws-saved-item span{color:#819374}.ws-tool-hint{color:#6d805e;font-size:13px}.ws-view-note,.ws-canvas-bottom,.ws-input-hint{color:#819071}.ws-inspector .field{color:#597049;font-size:14px}.ws-inspector .field input,.ws-inspector .field select,.ws-inspector .field textarea{color:#2f4e2b;font-size:16px}.ws-small-title,.ws-layer-properties>span{color:#657f54}.ws-draft-marker text{font-size:14px}.ws-metadata-body>.text-note,.ws-empty-selection{color:#849575}.ws-source-row .field{color:#607a4f}.ws-canvas-caption{fill:#90a17d}.ws-original-outline>path:first-child{stroke:#a0b28f}.ws-original-outline .ws-outline-detail{stroke:#b6c5a8}
@media(max-width:670px){.ws-inspector .field input,.ws-inspector .field select,.ws-inspector .field textarea{font-size:19px}.ws-tool-hint,.ws-local-note,.ws-view-note,.ws-input-hint{font-size:13px}.ws-title-status>span:last-child{font-size:12px}}

/* V2 playback in the atlas workshop. */
.atlas-motion {
  margin-block: 0 20px;
}
.atlas-motion .card-header {
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 8px 16px;
}
.atlas-motion .atlas-motion-note {
  margin: 0 0 16px;
  padding: 12px 15px;
  border-left: 3px solid var(--red);
  border-radius: 0 var(--radius) var(--radius) 0;
  background: var(--mint);
  color: var(--ink);
  font-size: 16px;
  line-height: 1.65;
}
.atlas-motion .atlas-motion-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
.atlas-motion .atlas-motion-figure {
  min-width: 0;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
}
.atlas-motion .atlas-motion-stage {
  display: grid;
  place-items: center;
  background: radial-gradient(ellipse at 50% 43%, #f7f0e9 0%, #fdfaf7 50%, #fff 78%);
}
.atlas-motion .atlas-motion-canvas {
  display: block;
  width: 100%;
  max-width: 390px;
  height: auto;
}
.atlas-motion .atlas-motion-group,
.atlas-motion .atlas-motion-actions,
.atlas-motion .atlas-motion-options {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.atlas-motion .card-body > .atlas-motion-group {
  margin-bottom: 12px;
}
.atlas-motion .atlas-motion-picker {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
  padding: 10px;
  border-top: 1px solid var(--line);
}
.atlas-motion .atlas-motion-picker .button {
  padding-inline: 4px;
}
.atlas-motion .button {
  min-width: 44px;
  min-height: 44px;
  justify-content: center;
  touch-action: manipulation;
}
.atlas-motion .button[aria-pressed="true"] {
  border-color: var(--red);
  background: var(--mint);
  color: var(--red);
  font-weight: 600;
}
.atlas-motion .button:focus-visible {
  outline-offset: 2px;
}
.atlas-motion .atlas-motion-details {
  display: grid;
  min-width: 0;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
}
.atlas-motion .atlas-motion-details p {
  margin: 0;
  line-height: 1.65;
}
.atlas-motion .atlas-motion-summary {
  color: var(--ink);
  font-size: 17px;
  font-weight: 600;
}
.atlas-motion .atlas-motion-progress {
  display: block;
  width: 100%;
  height: 8px;
  accent-color: var(--red);
}
.atlas-motion .atlas-motion-details label {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 8px;
}
.atlas-motion input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--red);
}

.atlas-motion [data-motion-anatomy][hidden] {
  display: none;
}
.atlas-motion .atlas-motion-outline {
  stroke: #b9a797;
  stroke-width: 1.25;
  stroke-linejoin: round;
}
.atlas-motion .atlas-motion-inner {
  fill: none;
  stroke: #b59e8c;
  stroke-width: 1.15;
  stroke-linecap: round;
}
.atlas-motion .atlas-motion-muscle {
  fill: #b89985;
  opacity: .14;
}
.atlas-motion .atlas-motion-quiet,
.atlas-motion .atlas-motion-route,
.atlas-motion .atlas-motion-active {
  fill: none;
  stroke-linecap: round;
  pointer-events: none;
}
.atlas-motion .atlas-motion-quiet {
  stroke: #9d8372;
  stroke-width: 1.3;
  stroke-dasharray: 3 6;
  opacity: .38;
}
.atlas-motion .atlas-motion-route {
  stroke: #ce938b;
  stroke-width: 2.3;
}
.atlas-motion .atlas-motion-active {
  stroke: var(--red);
  stroke-width: 4;
}
.atlas-motion .atlas-motion-node {
  cursor: pointer;
  touch-action: manipulation;
}
.atlas-motion .atlas-motion-hit {
  fill: transparent;
  stroke: none;
}
.atlas-motion .atlas-motion-ring {
  fill: white;
  stroke: var(--red);
  stroke-width: 1.8;
}
.atlas-motion .atlas-motion-center,
.atlas-motion .atlas-motion-node-label {
  fill: var(--red);
}
.atlas-motion .atlas-motion-node-label {
  font-size: 18px;
  font-weight: 600;
  pointer-events: none;
}
.atlas-motion .atlas-motion-node[aria-pressed="true"] .atlas-motion-ring,
.atlas-motion .atlas-motion-node:hover .atlas-motion-ring {
  fill: var(--mint);
  stroke-width: 3;
}
.atlas-motion .atlas-motion-node[data-origin] .atlas-motion-ring {
  stroke-dasharray: 2 3;
}
.atlas-motion .atlas-motion-node:focus-visible {
  outline: none;
}
.atlas-motion .atlas-motion-node:focus-visible .atlas-motion-ring {
  stroke: var(--ink);
  stroke-width: 4;
}

@media (max-width: 760px) {
  .atlas-motion .atlas-motion-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .atlas-motion .atlas-motion-hit {
    r: 32px;
  }
}

@media (max-width: 410px) {
  .atlas-motion .atlas-motion-picker {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.shift-title {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: .3rem 1rem;
}
.shift-date-range {
  font: 600 1rem/1.4 system-ui, sans-serif;
  letter-spacing: normal;
  white-space: nowrap;
}
@media (max-width: 670px) {
  .shift-title {
    flex-wrap: nowrap;
    gap: .45rem;
    font-size: clamp(1.25rem, 6vw, 1.75rem);
    white-space: nowrap;
  }
  .shift-date-range {
    font-size: clamp(.625rem, 2.8vw, .8125rem);
  }
}
.shift-toolbar {
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
}
.shift-week {
  display: grid;
  grid-template-columns: minmax(890px, 1fr);
  grid-auto-rows: max-content;
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 4px;
}
.shift-day {
  min-width: 0;
}
.shift-day-grid {
  display: grid;
  grid-template-columns: 130px minmax(0, 4fr) minmax(0, 1.4fr);
}
.shift-day[aria-current="date"] {
  background: #fff0f3;
  border-color: #dda4af;
}
.shift-day[aria-current="date"] h2 {
  background: #f8dfe5;
}
.shift-day h2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  margin: 0;
  padding: 12px;
  font-size: 17px;
  line-height: 20px;
}
.shift-week-number {
  margin-top: auto;
  font-size: 13px;
}
.shift-week-number[aria-current="true"] {
  color: #a5232d;
}
.shift-day h2 time span {
  display: block;
  white-space: nowrap;
}
.shift-day ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.shift-day .shift-regular {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.shift-regular > .shift-slot,
.shift-extra {
  block-size: 182px;
  overflow: auto;
}
.shift-regular > .shift-slot,
.shift-extra {
  border-inline-start: 1px solid var(--line);
}
.shift-regular > .shift-slot {
  border-top: 0;
}
.shift-extra h3,
.shift-extra > p {
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
}
.shift-slot {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  padding: 10px 12px;
  border-top: 1px solid var(--line);
}
.shift-booked-count {
  margin-block-start: auto;
}
.shift-period,
.shift-status {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 6px;
}
.shift-period strong {
  font-size: 14px;
}
.shift-period small {
  font-size: 11px;
  white-space: nowrap;
}
.shift-status {
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.shift-slot .shift-symbol {
  width: 44px;
  padding: 0;
  font-size: calc(1.2rem + 3px);
}
.shift-slot p {
  margin: 0;
  overflow-wrap: anywhere;
}
.shift-staff {
  font-size: 12px;
}
.shift-slot small {
  color: var(--muted);
}
.shift-control {
  cursor: pointer;
  font-family: inherit;
  border: 1px solid var(--line);
}
.shift-control.shift-staff {
  color: inherit;
  background: var(--paper);
  border-radius: 6px;
  padding: 3px 9px;
  text-align: left;
  overflow-wrap: anywhere;
  max-width: 100%;
}
.shift-control:hover {
  border-color: var(--teal);
}
.shift-control:disabled {
  cursor: wait;
}
.shift-add { grid-column: 1 / -1; }
.shift-add button { width: 100%; white-space: normal; }
.shift-toolbar button,
.shift-slot button {
  min-height: 44px;
}
@media (min-width: 601px) {
  .shift-day h2 {
    padding-inline: 10px;
  }
}
.revenue-panel {
  margin-bottom: 22px;
}
.revenue-panel .card-header {
  flex-wrap: wrap;
}
.revenue-panel .button,
.revenue-panel summary {
  min-height: 44px;
}
.revenue-periods {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.revenue-period {
  min-width: 0;
  overflow-wrap: anywhere;
}
.revenue-period .stat-value {
  font-size: calc(clamp(18px, 2.3vw, 28px) + 3px);
}
.revenue-period dl {
  margin: 10px 0 0;
  font-size: 15px;
}
.revenue-period dl div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}
.revenue-period dd {
  margin: 0;
}
.revenue-export-toolbar {
  flex-wrap: wrap;
  align-items: end;
  gap: 12px;
  margin: 18px 0 0;
}
.revenue-export-toolbar .text-note {
  align-self: center;
  margin: 0;
}
.revenue-export-toolbar .inline-actions {
  margin-inline-start: auto;
  flex-wrap: wrap;
}
.revenue-entries {
  margin-top: 12px;
}
.revenue-entries summary {
  cursor: pointer;
  align-content: center;
}
#payment-entry-form select {
  max-width: 100%;
}
.checkout-quick-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}
.checkout-quick {
  padding: 16px;
  text-align: left;
  font: inherit;
  color: var(--ink);
}
.checkout-quick:hover,
.checkout-quick:focus-visible {
  border-color: var(--red);
}
.checkout-quick strong,
.checkout-quick small {
  display: block;
}
.checkout-quick small {
  margin-top: 4px;
  color: var(--muted);
}
.checkout-stats .stat-card {
  overflow-wrap: anywhere;
}
.checkout-money {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
#checkout-form select {
  max-width: 100%;
}
.checkout-total {
  margin: 16px 0 0;
  font-size: 19px;
  font-weight: 700;
  color: var(--red);
}
.customer-detail {
  margin-top: 18px;
  scroll-margin-block-start: 16px;
}
.customer-detail .card-header > div {
  min-width: 0;
  overflow-wrap: anywhere;
}
.customer-detail .card-header .button {
  flex: none;
}
#customers-table tr:has([aria-expanded="true"]) {
  background: #fcf3f1;
}
.package-history-item > button {
  align-self: flex-start;
  flex: none;
}
.package-history-item summary {
  cursor: pointer;
}
.finance-range-card {
  margin-bottom: 20px;
}
.finance-range-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}
.finance-range-form > .field {
  min-width: 0;
}
.finance-range-form > .field-error {
  flex-basis: 100%;
  margin: 0;
}
.finance-range-form > .field-error:empty {
  display: none;
}
.finance-range-totals {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 130px), 1fr));
  margin-bottom: 14px;
}
.finance-range-totals .stat-card {
  padding: 14px;
  overflow-wrap: anywhere;
}
.finance-range-totals .stat-value {
  font-size: calc(clamp(18px, 2.25vw, 26px) + 3px);
}
.finance-export-actions {
  flex-wrap: wrap;
}
.finance-receipt .document-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,160px),1fr));
  gap: 12px;
  overflow-wrap: anywhere;
}
.finance-receipt .document-summary dd {
  margin: 0;
  font-weight: 600;
}
.finance-receipt th,
.finance-receipt td {
  overflow-wrap: anywhere;
}
.finance-receipt h2 {
  font-size: calc(1rem + 3px);
}
@media (max-width: 600px) {
  .revenue-periods {
    grid-template-columns: minmax(0, 1fr);
  }
  .checkout-quick-grid {
    grid-template-columns: minmax(0, 1fr);
  }

}

.settings-nav[hidden], #navigation a[hidden] { display: none; }
.settings-nav > span { display: block; margin: .75rem .8rem .2rem; font-size: .8rem; }
.account-card { padding: 1rem; }
.account-card #account-list { margin-top: 1rem; }
.account-actions { display: flex; gap: .4rem; flex-wrap: wrap; }
body:has(> .app-shell) > .brand-backdrop {
  --brand-jin: url("/brand/xi-login-ink.svg");
  --jin-right: 0px;
}

.dashboard-weather {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .35em;
  margin-inline-start: .35em;
  font-variant-numeric: tabular-nums;
}

.main-shell > .topbar {
  position: sticky;
  top: 0;
  z-index: 5;
  height: auto;
  min-height: 72px;
  padding-block: 10px;
  gap: 10px 20px;
  flex-wrap: wrap;
  align-items: center;
}

.topbar-context {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 20px;
  min-width: 0;
}

.topbar-context .dashboard-weather {
  margin-inline-start: 0;
  color: var(--muted);
  font-size: 14px;
}

@media (max-width: 670px) {
  .main-shell > .topbar {
    align-items: flex-start;
  }

  .topbar-context {
    flex: 1 1 230px;
    gap: 4px 10px;
  }

  .topbar-context .dashboard-weather {
    font-size: 13px;
  }
}

.profile-photo {
  display: block;
  width: 6rem;
  height: 6rem;
  object-fit: cover;
  border-radius: 12px;
  margin-block: 0.75rem;
}
#personal-profile-form input[type="file"] { width: 100%; min-width: 0; }
#my-profile-details dd, #manager-profile-details dd { overflow-wrap: anywhere; }
.profile-resume {
  max-width: 48rem;
  padding: clamp(1rem, 4vw, 2.25rem);
  border: 1px solid var(--line);
  border-top: 3px solid var(--teal);
  background: var(--paper);
}
.profile-resume-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: clamp(.75rem, 3vw, 1.5rem);
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--line);
}
.profile-resume-name { min-width: 0; overflow-wrap: anywhere; }
.profile-resume-name h2 { margin: 0; font-size: clamp(1.5rem, 4vw, 2.25rem); }
.profile-resume-name p { margin: .35rem 0 0; }
.profile-resume-header .profile-photo {
  flex: none;
  width: clamp(3rem, 14vw, 6rem);
  height: auto;
  aspect-ratio: 1;
  margin: 0;
}
.profile-resume-contact { margin-top: 1rem; }
.profile-resume-contact dl {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
  gap: .75rem 1.25rem;
  margin: .65rem 0 0;
}
.profile-resume-contact dt { font-weight: 600; }
.profile-resume-contact dd { margin: .2rem 0 0; }
.identity-photos { min-width: 0; margin: 1rem 0; padding: 0.75rem; border: 1px solid var(--line); border-radius: 12px; }
.identity-photos summary { font-weight: 700; cursor: pointer; }
.identity-photos[open] summary { margin-bottom: .75rem; }
.identity-photo-side { min-width: 0; }
.identity-photo { display: block; width: 100%; max-height: 18rem; object-fit: contain; object-position: left center; margin-block: 0.5rem; }

.shift-today-fish {
  align-self: center;
  flex: none;
  margin-block: auto;
  width: 52px;
  height: 52px;
}

.page-heading > .dashboard-booking-actions {
  flex: none;
  flex-wrap: nowrap;
  justify-content: flex-end;
  margin-inline-start: auto;
}
.dashboard-booking-actions > .button {
  zoom: 0.9;
  white-space: nowrap;
}
.dashboard-booking-actions > .button.secondary-action {
  display: inline-flex;
}
@media (max-width: 670px) {
  .page-heading > .dashboard-booking-actions {
    width: 100%;
  }
}

/* Keep the schedule controls in view while the day cards scroll. */
.schedule-layout {
  display: flex;
  flex-direction: column;
  height: 100vh;
  height: 100dvh;
  min-width: 0;
}
.schedule-layout > .topbar,
.schedule-layout > .app-footer {
  flex: none;
}
.schedule-layout > main#main,
.schedule-layout #view {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  min-width: 0;
  width: 100%;
}
.schedule-layout > main#main {
  margin-block: 0;
  padding-block: 12px 0;
}
.shift-controls {
  flex: none;
}
.shift-controls .page-heading {
  margin-bottom: 10px;
}
.shift-week {
  flex: 1;
  min-height: 0;
  overflow: auto;
  scrollbar-gutter: stable;
  align-content: start;
}
@media (max-height: 550px) {
  .schedule-layout {
    min-height: 36rem;
  }
}

.checkout-product-row {
  min-width: 0;
  margin: 12px 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
}
#checkout-add-product {
  margin-top: 12px;
}

.history-item .purchase-history-meta {
  font-size: 15px;
  color: #617254;
  overflow-wrap: anywhere;
}