/* Rose Haven — Your care, beautifully connected. Studio 23 Esthetics. */
:root{--ink:#342b30;--muted:#786772;--pearl:#f6f1ec;--paper:#fffdfb;--dark:#241e25;--pink:#9a5c73;--gold:#98754e;--line:#e2d5ca;--serif:Georgia,'Times New Roman',serif;--sans:'Trebuchet MS',Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--pearl);color:var(--ink);font:14px/1.7 var(--sans)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font:400 32px/1.15 var(--serif);letter-spacing:-.5px;overflow-wrap:anywhere}p{overflow-wrap:anywhere}h1 em,h2 em{font-weight:400;color:var(--pink)}[hidden]{display:none!important}button,a,input,textarea,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #ab637f;outline-offset:4px}a:hover{text-decoration:none}.skip-link{position:fixed;top:-100px;left:15px;z-index:500;padding:10px 18px;background:#fff;border:2px solid var(--pink)}.skip-link:focus{top:12px}.haven-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh;min-height:100dvh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow-y:auto;z-index:50;padding:31px 22px 23px;background:radial-gradient(ellipse at 0 0,#6d40544d,transparent 57%),repeating-linear-gradient(105deg,transparent 0,#ffffff03 1px,transparent 2px,transparent 6px),var(--dark);border-right:1px solid #b6986c35;color:#e7d6cc}.studio-brand{display:block;padding:0 18px 27px;border-bottom:1px solid #c0a17e2b}.studio-brand img{width:160px;height:110px;object-fit:contain;margin:auto}.haven-brand{margin:26px 0 4px;text-align:center}.haven-brand strong{display:block;color:#f5e6dc;font:31px var(--serif)}.haven-brand span{display:block;font-size:7px;letter-spacing:1.4px;text-transform:uppercase;color:#c0a48a;line-height:1.8;margin-top:11px}.navigation{display:flex;flex-direction:column;gap:6px;margin:27px 0}.navigation a{display:flex;align-items:center;gap:13px;min-height:49px;padding:12px 14px;border:1px solid transparent;border-radius:9px;color:#d0bfc3;font-size:12px}.navigation a span{width:19px;font-size:20px;color:#c2a17d}.navigation a:hover,.navigation a[aria-current]{border-color:#ba8d6e40;background:linear-gradient(110deg,#ad6e7e28,#dfb28c0a);color:#fae8de;box-shadow:inset 2px 0 #cf9b9f}.sidebar-note{display:flex;gap:13px;align-items:center;padding:19px 10px;border-top:1px solid #c0a17e2b;color:#bfa4a8;font-size:10px;line-height:1.8;margin-top:auto}.sidebar-note>span{font-size:32px;color:#caa47d}.sidebar-footer{border-top:1px solid #c0a17e2b;padding:22px 10px 0}.sidebar-footer a{display:block;font-size:9px;line-height:1.8;color:#c8ac89;margin-bottom:12px}.sidebar-footer a:hover{text-decoration:underline;text-underline-offset:3px}.main-column{min-width:0;background:radial-gradient(ellipse at 100% 0,#f1e1d9a0,transparent 38%),var(--pearl)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:85px;padding:20px 36px;border-bottom:1px solid var(--line);background:#fffaf6a6}.workspace-label{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#8b727c}.account-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-left:auto}.account-bar>span{font-size:11px;color:var(--muted);overflow-wrap:anywhere;max-width:220px}.content{padding:37px 36px 27px;max-width:1450px;margin:auto}.eyebrow{display:block;text-transform:uppercase;font-size:9px;letter-spacing:1.7px;color:var(--gold);margin-bottom:13px}.welcome>h1{font-size:46px;line-height:1.12;letter-spacing:-1.5px;margin-bottom:17px}.intro{max-width:690px;font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:28px}.hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:28px;min-height:294px;padding:35px 34px;border:1px solid #ddc9bb;border-radius:19px;background:radial-gradient(ellipse at 98% 10%,#e8c3cc90,transparent 60%),linear-gradient(120deg,#fff9f0,#f0e3da);box-shadow:0 10px 35px #49312b09}.hero h2{font-size:42px;line-height:1.12;letter-spacing:-1.3px;margin-top:19px}.hero p{color:#856b75;font-size:12px;max-width:500px;margin-top:19px;line-height:1.9}.hero .button-row{margin-top:24px}.rose-orb{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:145px;height:145px;margin:0 auto;border:1px solid #c6a382;border-radius:50%;background:radial-gradient(ellipse at 28% 22%,#fffdf8 0%,#efcbd0 24%,#c391a2 53%,#835866 83%);box-shadow:inset 0 -14px 25px #734f5a40,0 20px 40px #9d677d26,0 0 0 14px #fff5eb44}.rose-orb:before{content:'';position:absolute;inset:-25px;border:1px solid #b8926260;border-radius:50%;transform:rotate(-24deg) scaleY(.56)}.rose-orb>span{font:48px var(--serif);line-height:1;color:#fff0dbd0}.rose-orb small{font-size:6px;color:#fff0db;letter-spacing:1.7px;text-align:center;line-height:1.8;margin-top:9px}.pill{display:inline-flex;align-items:center;max-width:100%;border:1px solid #d8c6b5;border-radius:30px;background:#fff8ef77;padding:6px 11px;font-size:8px;letter-spacing:.5px;line-height:1.6;color:#927352}.section{margin-top:43px;scroll-margin-top:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}.section-heading h2{font-size:32px;letter-spacing:-.65px}.section-heading .eyebrow{margin-bottom:10px}.card{padding:27px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fffefc,#fffaf6);box-shadow:0 10px 35px #49312b07;min-width:0}.card h3{font-size:28px;margin-bottom:17px}.card h4{font-size:23px;margin:20px 0 12px}.card>.muted{margin-bottom:20px}.card form{margin-top:24px}.access-grid,.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px;align-items:start}.access-note{background:radial-gradient(ellipse at 100% 0,#f1dde180,transparent 80%),#fbf5ee}.access-note h3{font-size:34px;line-height:1.2}.large-star{display:block;font:40px var(--serif);color:#b48b65;margin-bottom:28px}.notice{border:1px solid #d9c4b4;border-left:3px solid #b78c78;background:#f7ede5;border-radius:9px;padding:14px 17px;margin:0 0 20px;font-size:12px;color:#80616a;line-height:1.8;overflow-wrap:anywhere}.notice:empty{display:none}.notice.error{background:#f9e9e8;border-color:#d3adb0;color:#89495a}.notice.success{background:#eef1e8;border-color:#c8d3ba;color:#52634c}.muted{color:var(--muted);font-size:12px;line-height:1.9}.small-note{font-size:10px;color:#947b84;line-height:1.9;margin:20px 0 0}.small-note a{color:#87576a;text-decoration:underline;text-underline-offset:3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:45px;border:1px solid transparent;border-radius:7px;padding:11px 18px;font:11px/1.7 var(--sans);text-align:center;transition:background .18s,box-shadow .18s;max-width:100%}.button.primary{background:linear-gradient(110deg,#90556c,#ac7181);border-color:#925b6d;color:#fff7f3;box-shadow:0 4px 12px #9e67751a}.button.primary:hover{background:linear-gradient(110deg,#814b60,#9a6071)}.button.secondary{background:#fbf5ed;border-color:#d0b79f;color:#805447}.button.secondary:hover{background:#f4e7dc}.button.quiet{background:transparent;color:#8a596b}.button.quiet:hover{background:#f3e6e3}.button.small{font-size:10px;min-height:40px;padding:8px 13px}.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:7px;margin:0 0 18px;min-width:0}.field label{font-size:11px;color:#785c69}.field input,.field textarea,.field select{width:100%;max-width:100%;min-height:47px;min-width:0;border:1px solid #d5c1b2;border-radius:7px;background:#fffdfa;color:#5c4452;padding:11px 13px;font-size:13px;line-height:1.6}.field textarea{resize:vertical;min-height:110px}.field input::placeholder,.field textarea::placeholder{color:#a38d95}.field small{font-size:10px;color:#927984}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-feedback{color:#8a485c;font-size:11px;line-height:1.8;margin-bottom:15px;overflow-wrap:anywhere}.form-feedback:empty{display:none}.form-feedback.success{color:#52634c}.resource-links{display:flex;flex-direction:column}.resource-links a{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid #e8d9cf;font-size:12px;color:#80556b}.resource-links a:hover{color:#a05d78}.resource-links a:first-child{border-top:0}.appointment-card{background:radial-gradient(ellipse at 100% 0,#eed2d560,transparent 85%),#fbf3eb}.appointment-card>.eyebrow{margin-bottom:18px}.appointment-card .button{margin-top:6px}.page-footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:40px 0 0;padding:22px 0;border-top:1px solid var(--line);font-size:9px;color:#947b84}.page-footer a:last-child{margin-left:auto}.page-footer a:hover{text-decoration:underline;text-underline-offset:3px}.workspace{padding-top:10px}.workspace .section-heading{margin-bottom:23px}.client-select{max-width:500px}.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px;align-items:start}.workspace-grid>.full{grid-column:1/-1}.empty-state{padding:22px 0;color:#927a84;font-size:12px;line-height:1.9}.plan-focus{color:#7b5a6a;font-size:13px;line-height:1.9;white-space:pre-wrap;margin-bottom:22px}.plan-meta{font-size:9px;letter-spacing:.5px;color:#9a7a60;margin-bottom:15px}.routine-list{display:flex;flex-direction:column;gap:10px;margin:18px 0}.routine-item{display:flex;gap:12px;align-items:flex-start;border:1px solid #e5d6cb;border-radius:9px;background:#fcf6ef;padding:14px;font-size:12px;color:#705260}.routine-item input{width:21px;height:21px;min-width:21px;margin:1px 0 0;accent-color:#a76276}.routine-item strong{display:block;font-weight:400;color:#624954}.routine-item small{display:block;color:#947c86;font-size:10px;line-height:1.8;margin-top:4px;white-space:pre-wrap}.routine-item:has(input:checked){background:#f2e6e5;border-color:#d9bdc5}.period{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:var(--gold);margin:20px 0 10px}.thread{display:flex;flex-direction:column;gap:14px;max-height:460px;overflow:auto;margin:22px 0;padding:0 5px 10px 0;scrollbar-color:#ceb0bc transparent;scrollbar-width:thin}.message{max-width:88%;align-self:flex-start;border:1px solid #e1d0c3;border-radius:13px 13px 13px 3px;background:#f6ede3;padding:14px 17px;min-width:0}.message.own{align-self:flex-end;background:#f0dfe6;border-color:#dfc0cc;border-radius:13px 13px 3px 13px}.message-meta{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:7px;font-size:9px;color:#97717e}.message p{font-size:12px;line-height:1.9;white-space:pre-wrap;color:#705261}.checkin-list{list-style:none;margin:22px 0 0;padding:0}.checkin-list li{padding:14px 0;border-top:1px solid var(--line);font-size:12px;color:#7d626e}.checkin-list p{margin-top:7px;white-space:pre-wrap}.checkin-list time{display:block;font-size:9px;color:#987e87;margin-top:5px}.capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.capability{border:1px solid var(--line);border-radius:11px;padding:20px;background:#f6eee7}.capability h4{font:23px var(--serif);margin:0 0 13px}.capability p{color:#957b83;font-size:10px;margin-top:10px}.plan-editor-row{display:grid;grid-template-columns:110px minmax(0,1fr) 44px;gap:10px;padding:17px 0;border-top:1px solid var(--line);align-items:end}.plan-editor-row .field{margin-bottom:0}.plan-editor-row .detail-field{grid-column:1/3;margin-top:3px}.plan-editor-row>button{grid-column:3;grid-row:1;min-height:47px}.plan-editor-row input,.plan-editor-row select{font-size:12px}.editor-actions{margin:21px 0}.nav-close,.menu-toggle,.nav-shade{display:none}.credit-menu{position:fixed;z-index:300;max-width:calc(100vw - 16px);padding:16px 18px;border:1px solid #b28d6a;border-radius:7px;background:#30242b;color:#e7c9ad;box-shadow:0 6px 25px #281b2580;font-size:12px}.credit-menu a{display:block;line-height:1.8}.credit-menu a:hover{color:#fff0df}.session-hidden{display:none}
@media(min-width:1600px){.content{padding:47px 45px 30px}.hero{padding:42px}.card{padding:31px}}
@media(max-width:1250px){.haven-shell{grid-template-columns:230px minmax(0,1fr)}.sidebar{padding-left:17px;padding-right:17px}.content{padding:29px 26px}.topbar{padding:18px 26px}.hero{grid-template-columns:minmax(0,1fr) 135px;gap:20px;padding:30px}.rose-orb{width:112px;height:112px}.hero h2{font-size:38px}.account-bar>span{max-width:150px}.capabilities{grid-template-columns:1fr}.capability{padding:20px}}
@media(max-width:980px){.haven-shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;max-width:calc(100vw - 45px);transform:translateX(-100%);visibility:hidden;transition:transform .2s,visibility .2s;z-index:120;box-shadow:16px 0 35px #27182340;padding-top:36px}.nav-open .sidebar{transform:translateX(0);visibility:visible}.nav-shade{display:block;position:fixed;inset:0;border:0;background:#271a2566;backdrop-filter:blur(3px);z-index:110}.nav-open{overflow:hidden}.menu-toggle{display:inline-flex;gap:7px;align-items:center;padding:10px 13px;min-height:45px;background:#f8eee5;border:1px solid #d6bfae;border-radius:6px;color:#8b6174;font-size:11px}.menu-toggle>span{font-size:19px}.nav-close{display:block;position:absolute;right:13px;top:10px;width:38px;height:38px;border:1px solid #c0a17e4d;border-radius:50%;background:#ffffff05;color:#d8bbc3;font-size:25px;line-height:1}.topbar{gap:14px}.workspace-label{flex:1;max-width:150px}.account-bar{gap:4px}.account-bar>span{max-width:130px}.hero{grid-template-columns:minmax(0,1fr) 150px}.rose-orb{width:120px;height:120px}.capabilities{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){body{font-size:13px}.content{padding:27px 18px 20px}.topbar{padding:14px 18px;gap:11px}.workspace-label{font-size:8px;letter-spacing:1px;max-width:none}.account-bar{width:100%;justify-content:space-between;margin:0}.account-bar>span{max-width:calc(100% - 95px)}.account-bar>.button.secondary{margin-left:auto}.welcome>h1{font-size:36px;letter-spacing:-1px}.intro{font-size:12px;margin-bottom:25px}.hero{display:block;min-height:350px;padding:28px 24px 110px;border-radius:15px}.hero h2{font-size:35px;line-height:1.15}.hero p{font-size:12px}.rose-orb{position:absolute;bottom:22px;right:35px;width:68px;height:68px;opacity:.85;box-shadow:inset 0 -10px 20px #734f5a40,0 10px 20px #9d677d26,0 0 0 9px #fff5eb44}.rose-orb:before{inset:-16px}.rose-orb>span{font-size:29px}.rose-orb>small{display:none}.pill{font-size:8px}.section{margin-top:35px}.section-heading{gap:13px}.section-heading h2{font-size:29px}.eyebrow{font-size:8px;letter-spacing:1.5px}.card{padding:23px;border-radius:15px}.card h3{font-size:28px}.access-grid,.two-column,.workspace-grid{grid-template-columns:1fr;gap:17px}.workspace-grid>.full{grid-column:auto}.access-note h3{font-size:31px}.large-star{margin-bottom:20px}.button{min-height:47px;padding:11px 15px}.button.small{min-height:42px}.button-row{gap:8px}.notice{padding:13px 15px;font-size:11px}.field input,.field textarea,.field select{font-size:16px;min-height:49px}.field-row{grid-template-columns:1fr;gap:0}.muted,.resource-links a{font-size:12px}.page-footer{gap:10px 17px;font-size:9px;margin-top:32px}.page-footer a:last-child{flex-basis:100%;margin:0}.capabilities{grid-template-columns:1fr;gap:12px}.capability{padding:18px}.plan-editor-row{grid-template-columns:85px minmax(0,1fr) 40px;gap:7px}.plan-editor-row input,.plan-editor-row select{font-size:16px;padding:10px 8px}.message{max-width:94%;padding:13px 15px}.message-meta{font-size:9px}.thread{max-height:400px}.account-bar>.button.secondary{font-size:10px}.plan-meta{font-size:9px}}
@media(max-width:380px){.content{padding-left:13px;padding-right:13px}.topbar{padding-left:13px;padding-right:13px}.card{padding:19px}.hero{padding-left:20px;padding-right:20px}.hero h2{font-size:32px}.welcome>h1{font-size:33px}.button-row>.button{flex:1}.account-bar>.button.secondary{font-size:9px}.workspace-label{font-size:7px}.plan-editor-row{grid-template-columns:75px minmax(0,1fr) 37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{body{background:#fff;color:#000}.haven-shell{display:block}.sidebar,.topbar,.hero,.welcome,.access-grid,.navigation,.button,.credit-menu,.notice,#appointments,.page-footer,form{display:none!important}.main-column{background:#fff}.content{padding:0;max-width:none}.section{margin:0}.workspace-grid{display:block}.card{box-shadow:none;background:#fff;border-color:#aaa;margin-bottom:20px;break-inside:avoid}.card p,.muted,.plan-focus,.routine-item{color:#333}.thread{max-height:none;overflow:visible}.message,.routine-item{background:#fff;border-color:#aaa}.capabilities{display:none}h2,h3{color:#000}.plan-meta,.eyebrow{color:#555}}
/* Refinement v02: narrow layouts, readable metadata, touch and keyboard access. */
:root{--gold:#795c3c}
.topbar{flex-wrap:wrap}.topbar>*{min-width:0}.account-bar{min-width:0;max-width:100%}
.pill{color:#775838;overflow-wrap:anywhere;font-size:10px}.eyebrow{font-size:11px}
.small-note,.plan-meta,.page-footer,.workspace-label,.message-meta,.checkin-list time{color:#755c67;font-size:11px}
.capability p,.field small{color:#755c67;font-size:11px}.routine-item>span{min-width:0;overflow-wrap:anywhere}.routine-item small{color:#755c67;font-size:11px}
.button.primary{background:linear-gradient(110deg,#8a4e64,#995d71)}.button.primary:hover{background:linear-gradient(110deg,#7c4359,#8d5268)}
.button.small,.nav-close{min-width:44px;min-height:44px}.plan-editor-row>button{padding:0;min-width:44px;min-height:48px}.plan-editor-row{grid-template-columns:110px minmax(0,1fr) 44px}
.sidebar-footer a{font-size:11px;padding:5px 0}.sidebar-note{font-size:11px}.haven-brand span{font-size:9px;letter-spacing:1px}
.sidebar{overscroll-behavior:contain}.thread{overscroll-behavior:contain}.credit-menu{max-height:calc(100dvh - 16px);overflow:auto}.credit-menu a{padding:5px 0}
@media(max-width:980px){.topbar .workspace-label{flex:1;max-width:none}.nav-close{top:8px;right:10px}.sidebar{padding-top:max(42px,env(safe-area-inset-top));padding-bottom:max(23px,env(safe-area-inset-bottom))}}
@media(max-width:680px){.topbar{display:grid;grid-template-columns:auto minmax(0,1fr)}.topbar>.account-bar{grid-column:1/-1;display:flex;width:100%;flex-wrap:wrap}.account-bar>span{flex:1 1 120px;max-width:100%}.account-bar>.button.secondary{flex:0 1 auto}.button.small{min-height:44px}.plan-editor-row{grid-template-columns:85px minmax(0,1fr) 44px}.eyebrow{font-size:10px;letter-spacing:1.2px}.pill{font-size:10px}.workspace-label{font-size:10px}.page-footer,.small-note{font-size:11px}.sidebar-footer a{min-height:44px;display:flex;align-items:center}.resource-links a{min-height:48px}.menu-toggle{min-height:48px}}
@media(max-width:380px){.plan-editor-row{grid-template-columns:75px minmax(0,1fr) 44px}.workspace-label{font-size:10px;letter-spacing:.8px}.account-bar>.button.secondary{font-size:10px;max-width:100%}}
@media(forced-colors:active){.button,.pill,.card,.notice,.routine-item,.message,.capability,.credit-menu{border:1px solid CanvasText}.button.primary{background:ButtonFace;color:ButtonText}.rose-orb{display:none}}

/* v08: give the care-space heading its own horizontal row on touch layouts.
   The original nowrap flex row could squeeze this paragraph to one letter wide. */
.topbar > .workspace-label{
  flex:1 0 16rem;
  min-width:0;
  max-width:100%;
  margin:0;
  font-size:11px;
  line-height:1.6;
  letter-spacing:.1em;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  writing-mode:horizontal-tb;
  text-orientation:mixed;
}
.topbar > .account-bar{flex:0 1 auto;min-width:0;max-width:100%}
.topbar .account-bar > #account-name:empty{display:none}
.topbar .account-bar .button{max-width:100%;word-break:normal;overflow-wrap:normal}
.topbar .account-bar .button > [aria-hidden="true"]{flex:0 0 auto}
@media(max-width:980px){
  .topbar{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    grid-template-areas:"menu actions" "label label";
    align-items:start;
    gap:12px 14px;
  }
  .topbar > .menu-toggle{grid-area:menu;align-self:start;white-space:nowrap}
  .topbar > .workspace-label{
    grid-area:label;
    grid-column:1 / -1;
    width:100%;
    max-width:none;
    padding-top:3px;
  }
  .topbar > .account-bar{
    grid-area:actions;
    grid-column:2;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    align-items:center;
    gap:8px;
    width:100%;
    margin:0;
  }
  .topbar .account-bar > #account-name{flex:1 1 100%;min-width:0;max-width:100%;text-align:right}
  .topbar .account-bar > #logout-button{flex:0 0 auto;white-space:nowrap}
  .topbar .account-bar > .button.secondary{flex:0 1 auto;margin:0}
}

/* V22 candidate: studio-only tools use the existing authenticated data flows. */
.studio-tools {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:center;margin:0 0 24px;padding:24px;border:1px solid #d5c1b2;border-radius:16px;background:linear-gradient(120deg,#f3e5dd,#fffaf6)}
.studio-tools h3 {font:30px/1.2 var(--serif);margin:0 0 12px;color:#4c3542}
.studio-tools .eyebrow,.studio-summary .eyebrow {color:#795c3c}
.studio-tools .muted {margin:0;font-size:13px}
.studio-tools-actions {min-width:0}
.studio-tools-actions .small-note {margin-top:12px}
.studio-directory {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:12px}
.studio-directory .field {max-width:none}
.studio-directory .small-note {margin-top:0}
.studio-summary-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.studio-summary-item {min-width:0;padding:18px;border:1px solid #e0cfc3;border-radius:11px;background:#fbf3ec}
.studio-summary-item h4 {margin:10px 0;font-size:23px;line-height:1.35}
.studio-summary-item .small-note {margin:12px 0}
.studio-summary-item .button {padding-inline:0;text-align:start;justify-content:flex-start;min-height:44px}
.studio-summary {scroll-margin-top:24px}
#client-checkins,#plan-editor,#conversation,#care-plan {scroll-margin-top:24px}
.studio-tools[hidden],.studio-directory[hidden] {display:none!important}
@media(max-width:980px){.studio-summary-grid {grid-template-columns:1fr}.studio-tools {grid-template-columns:1fr;gap:18px}}
@media(max-width:680px){.studio-directory {grid-template-columns:1fr;gap:0}.studio-tools {padding:20px}.studio-tools-actions .button {width:100%}.studio-summary-item {padding:16px}.editor-actions .button {flex:1 1 190px}}
@media print{.studio-tools,.studio-directory {display:none!important}}