/* === Reset === */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{margin:0;min-height:100vh;background:#f7f3ed;color:#241f1b;font-family:'Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:400;line-height:1.6}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,textarea,select{font:inherit}

/* === Typography === */
h1,h2,h3,h4,.brand{font-family:'Cormorant Garamond',Georgia,serif}
h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;letter-spacing:-0.02em;margin:0 0 4px}
h3{font-size:1rem;font-weight:600;margin:0 0 12px}
.card-stat{font-family:'Cormorant Garamond',Georgia,serif}

/* === Views === */
.view{display:none}
.view.active{display:flex;flex-direction:column;min-height:100vh}
#login-view{display:none;align-items:center;justify-content:center;background:linear-gradient(180deg,#fbf7f1 0%,#f5efe6 100%);position:relative;min-height:100vh;padding:20px;overflow:hidden}
#login-view.active{display:flex}
.view[data-app-view="therapist"],.view[data-app-view="client"]{position:relative;background:linear-gradient(180deg,#fcf7f1 0%,#f6efe5 100%);overflow:hidden}
.view[data-app-view="therapist"]::before,.view[data-app-view="client"]::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 8% 11%, rgba(255,214,199,.26) 0 10%, transparent 11%),radial-gradient(circle at 89% 14%, rgba(120,211,196,.18) 0 12%, transparent 13%),radial-gradient(circle at 16% 73%, rgba(245,233,163,.24) 0 10%, transparent 11%),radial-gradient(circle at 87% 78%, rgba(170,222,208,.16) 0 11%, transparent 12%),linear-gradient(135deg, rgba(255,247,239,.9) 0%, rgba(245,233,220,.7) 46%, rgba(222,244,238,.72) 100%);opacity:.16;pointer-events:none;z-index:0}
.view[data-app-view="therapist"]::after,.view[data-app-view="client"]::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 28% 24%, rgba(255,238,165,.16) 0 8%, transparent 9%),radial-gradient(circle at 76% 33%, rgba(255,196,175,.15) 0 10%, transparent 11%),radial-gradient(circle at 30% 86%, rgba(129,221,204,.12) 0 12%, transparent 13%),radial-gradient(circle at 74% 88%, rgba(245,219,150,.15) 0 9%, transparent 10%);filter:blur(2px);pointer-events:none;z-index:0}
.view[data-app-view="therapist"] .app-header,.view[data-app-view="therapist"] .side-nav,.view[data-app-view="therapist"] .bottom-nav,.view[data-app-view="therapist"] .app-main,.view[data-app-view="client"] .app-header,.view[data-app-view="client"] .side-nav,.view[data-app-view="client"] .bottom-nav,.view[data-app-view="client"] .app-main{position:relative;z-index:1}
.view[data-app-view="therapist"] .app-main::before,.view[data-app-view="client"] .app-main::before{content:'';position:fixed;right:-70px;top:120px;width:240px;height:240px;border-radius:50%;background:rgba(239,244,161,.18);filter:blur(4px);pointer-events:none;z-index:-1;box-shadow:-380px 180px 0 28px rgba(255,212,198,.10),-160px 480px 0 12px rgba(176,230,220,.10),-640px 560px 0 18px rgba(205,198,255,.08)}
.view[data-app-view="therapist"] .app-main::after,.view[data-app-view="client"] .app-main::after{content:'';position:fixed;left:-80px;top:48%;width:220px;height:220px;border-radius:50%;background:rgba(92,206,194,.10);filter:blur(3px);pointer-events:none;z-index:-1;box-shadow:240px -260px 0 16px rgba(255,225,169,.10),520px -80px 0 20px rgba(255,213,229,.08),760px 220px 0 16px rgba(169,225,214,.08)}
.login-bg{position:absolute;inset:0;background:radial-gradient(circle at 18% 24%, rgba(76,201,190,.22) 0 14%, transparent 15%),radial-gradient(circle at 82% 18%, rgba(244,176,120,.20) 0 12%, transparent 13%),radial-gradient(circle at 15% 78%, rgba(133,153,120,.22) 0 18%, transparent 19%),radial-gradient(circle at 88% 76%, rgba(244,232,160,.28) 0 16%, transparent 17%),radial-gradient(circle at 52% 16%, rgba(214,205,255,.16) 0 10%, transparent 11%),radial-gradient(circle at 58% 86%, rgba(255,214,229,.14) 0 12%, transparent 13%),linear-gradient(160deg, rgba(255,247,241,.92) 0%, rgba(246,237,226,.82) 42%, rgba(222,246,240,.76) 100%);opacity:0.18;z-index:0}
.login-card{position:relative;z-index:1;background:rgba(255,252,247,0.9);backdrop-filter:blur(24px);border-radius:48px;padding:48px 40px 32px;max-width:760px;width:100%;text-align:center;box-shadow:0 30px 80px rgba(57,43,31,0.10),0 0 0 1px rgba(255,255,255,0.55);overflow:hidden;isolation:isolate}
.login-card::before,.login-card::after{content:'';position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(2px)}
.login-card::before{width:260px;height:260px;left:-140px;top:-120px;background:rgba(255,226,191,.16)}
.login-card::after{width:180px;height:180px;right:-90px;bottom:-90px;background:rgba(175,232,220,.14)}
.login-card > *:not(.login-orb){position:relative;z-index:1}
.login-orb{position:absolute;border-radius:999px;pointer-events:none;filter:blur(2px);opacity:.14;z-index:0}
.orb-a{width:220px;height:220px;background:#35d3c8;left:-170px;top:168px}
.orb-b{width:130px;height:130px;background:#ffd8c7;right:-54px;top:128px}
.orb-c{width:84px;height:84px;background:#f6eea4;right:8px;top:244px}
.login-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:6px}
.logotype{width:44px;height:44px;color:#2e7d78}
.login-brand{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.8rem;font-weight:600;color:#241f1b}
.login-kicker,.section-kicker{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:#ba6d5f;font-weight:800;margin:8px 0 12px}
.login-title{font-size:clamp(2.4rem,5vw,3.5rem);line-height:.96;margin-bottom:14px}
.login-sub{color:#6b645e;margin:0 auto 22px;font-size:1rem;max-width:52ch}
.login-highlights{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:24px}
.highlight-pill{padding:9px 13px;border-radius:999px;background:#fffaf4;border:1px solid #e9decd;color:#5f554c;font-size:.82rem;font-weight:600;box-shadow:0 8px 20px rgba(84,73,60,.05)}
.auth-shell{margin-top:18px;display:grid;gap:14px;text-align:left}
.auth-mode-toggle{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.auth-role-tab{border:1px solid #ded4c7;background:#fffdfa;color:#5f5852;border-radius:999px;padding:10px 16px;font-weight:700;cursor:pointer;transition:.18s ease}
.auth-role-tab.active{background:#1f1b18;color:#fff;border-color:#1f1b18;box-shadow:0 12px 24px rgba(31,27,24,.12)}
.auth-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.auth-panel{display:grid;gap:10px;padding:20px;border-radius:28px;border:1px solid #e7ddd0;background:rgba(255,255,255,.92);box-shadow:0 14px 30px rgba(60,49,39,.05)}
.auth-panel-soft{background:linear-gradient(180deg,#fff9f4,#fbfaf8)}
.auth-panel-head h3{font-size:1.45rem;margin:0 0 6px}
.auth-panel-head p{margin:0;color:#6b645e;font-size:.9rem}
.auth-label{font-size:.8rem;font-weight:700;color:#5f5852;margin-top:2px}
.auth-input{width:100%;border:1px solid #ddd5ca;background:#fffdfa;border-radius:16px;padding:13px 14px;color:#241f1b}
.auth-input:focus{outline:none;border-color:#2b5f8a;box-shadow:0 0 0 3px rgba(43,95,138,.12)}
.auth-submit{margin-top:6px;justify-content:center}
.auth-submit[disabled]{opacity:.65;cursor:wait;transform:none;box-shadow:none}
.auth-feedback{padding:12px 14px;border-radius:18px;background:#fffaf4;border:1px solid #e7ddd0;color:#5f5852;font-size:.88rem;text-align:center}
.auth-feedback[data-tone="success"]{background:#eef8f6;border-color:#d8ece7;color:#2e7d78}
.auth-feedback[data-tone="error"]{background:#fff5f2;border-color:#f0d2c8;color:#9b4f43}
.login-feature-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:center;margin:10px 0 24px;text-align:left}
.feature-copy h2{font-size:clamp(1.9rem,3vw,2.7rem);line-height:.98;margin:0 0 10px;font-family:'Cormorant Garamond',Georgia,serif}
.feature-copy p{margin:0;color:#5f5852;font-size:.97rem;max-width:42ch}
.feature-visual{position:relative;min-height:290px;display:grid;place-items:center}
.feature-blob{position:absolute;inset:10px 0 0 10px;background:#f4f39f;border-radius:50%}
.illustration-panel{position:relative;z-index:1;width:100%;min-height:168px;border-radius:26px;background:linear-gradient(145deg, rgba(255,255,255,.9) 0%, rgba(255,242,229,.92) 36%, rgba(219,244,237,.94) 100%);border:1px solid rgba(229,218,205,.9);box-shadow:0 20px 36px rgba(34,24,18,.08);overflow:hidden}
.illustration-panel::before,.illustration-panel::after{content:'';position:absolute;border-radius:999px;pointer-events:none}
.illustration-panel::before{width:160px;height:160px;left:-28px;top:-30px;background:rgba(255,214,199,.45)}
.illustration-panel::after{width:120px;height:120px;right:-18px;bottom:-22px;background:rgba(120,211,196,.28)}
.illustration-panel-tall{width:88%;height:260px;border-radius:120px 120px 28px 28px}
.illustration-panel-wide{width:100%;height:200px;min-height:200px}
.illustration-panel-alt::before{background:rgba(244,232,160,.42)}
.illustration-panel-alt::after{background:rgba(214,205,255,.24)}
.entry-grid{display:grid;gap:12px;margin-top:10px}
.login-role{display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:22px;border:1px solid #e4dbcf;background:rgba(255,255,255,.92);transition:all 0.2s;text-align:left;color:#241f1b;font-weight:500;box-shadow:0 16px 30px rgba(60,49,39,.05)}
.login-role:hover{background:#fffdf9;border-color:#2e7d78;box-shadow:0 0 0 1px #2e7d78,0 18px 34px rgba(46,125,120,.10)}
.login-role.primary{border-color:#2e7d78;background:linear-gradient(180deg,#f4fcfa,#fffdf9)}
.role-icon{width:32px;height:32px;display:flex;align-items:center;color:#2e7d78;flex-shrink:0}
.role-icon svg{width:100%;height:100%}
.role-copy{display:flex;flex-direction:column;gap:3px;flex:1}
.role-copy strong{font-size:1rem}
.role-copy small{font-size:0.84rem;color:#6b645e;line-height:1.45}
.role-arrow{font-size:1.2rem;color:#8a8178;align-self:center}
.login-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.mini-card{padding:18px;border-radius:28px;text-align:left;border:1px solid rgba(0,0,0,.04);box-shadow:0 12px 24px rgba(58,44,30,.05)}
.mini-card h3{font-size:1.15rem;margin-bottom:6px}
.mini-card p{margin:0;color:#5f5852;font-size:.9rem}
.mini-icon{font-size:1.35rem;margin-bottom:10px}
.coral-card{background:#ffe6de}
.mint-card{background:#daf7f1}
.butter-card{background:#faf2be}
.login-footnote{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-top:16px;text-align:left}
.login-note{margin:0;color:#6b645e;font-size:0.82rem;max-width:38ch}
.login-updated{margin:0;color:#7a746d;font-size:0.78rem;font-weight:600;white-space:nowrap}

/* === Header / nav === */
.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:56px;background:rgba(250,246,239,0.86);backdrop-filter:blur(16px);border-bottom:1px solid #e7ddd0;position:sticky;top:0;z-index:20}
.header-left,.header-right{display:flex;align-items:center;gap:12px}
.hamburger{background:none;border:none;width:28px;height:28px;padding:0;cursor:pointer;color:#4a4440;display:none}
.header-brand{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.3rem;font-weight:600;color:#1f1b18;letter-spacing:-0.02em}
.pill{font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;padding:4px 12px;border-radius:999px;background:#e7f3f1;color:#2e7d78;white-space:nowrap}
.pill.patient{background:#e7dcd0;color:#7a5c3a}
.avatar{width:28px;height:28px;color:#6b645e}
.avatar svg{width:100%;height:100%}
.header-name{font-weight:500;font-size:0.9rem;color:#1f1b18}
.side-nav{position:fixed;top:56px;left:0;bottom:0;width:240px;background:rgba(255,250,245,.72);backdrop-filter:blur(18px);border-right:1px solid #eadfce;padding:12px 10px;overflow-y:auto;z-index:10}
.side-nav .nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;margin-bottom:2px;color:#4a4440;font-weight:500;font-size:0.9rem;transition:all 0.15s;position:relative}
.side-nav .nav-item svg{width:20px;height:20px;flex-shrink:0}
.side-nav .nav-item:hover{background:#eaebea}
.side-nav .nav-item.active{background:#e0e6ed;color:#2b5f8a;font-weight:600}
.side-nav .nav-item.logout{margin-top:auto;color:#b9816f}
.side-nav .nav-item.logout:hover{background:#f3e8e5}
.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:rgba(255,248,241,0.92);backdrop-filter:blur(18px);border-top:1px solid #eadfce;justify-content:space-around;align-items:center;z-index:20}
.bottom-item{display:flex;flex-direction:column;align-items:center;gap:2px;color:#6b645e;font-size:0.65rem;font-weight:500;padding:4px 8px;border-radius:10px;transition:all 0.15s;position:relative}
.bottom-item svg{width:22px;height:22px}
.bottom-item.active{color:#2b5f8a}

/* === Main / general cards === */
.app-main{margin-left:240px;padding:20px 24px 80px;flex:1}
.therapist-hero .hero-copy,.patient-hero .hero-copy,.builder-intro,.library-summary,.care-flow-card,.patient-spotlight-card,.pending-patient-requests-card,.integration-note{backdrop-filter:blur(4px)}
.page{display:none;position:relative;padding:10px 0 2px;isolation:isolate}
.page.active{display:block}
.page::before,.page::after{content:'';position:absolute;pointer-events:none;z-index:0}
.page::before{inset:-10px -8px 0 -8px;background-repeat:no-repeat;background-size:cover,auto,auto,auto,auto,auto,auto,auto;opacity:.16;background-image:var(--page-photo, linear-gradient(135deg, rgba(255,248,242,.94) 0%, rgba(250,239,222,.86) 44%, rgba(224,244,239,.86) 100%)),radial-gradient(circle at 8% 10%, rgba(255,214,201,.26) 0 8%, transparent 9%),radial-gradient(circle at 27% 24%, rgba(251,236,171,.18) 0 6%, transparent 7%),radial-gradient(circle at 88% 14%, rgba(166,227,214,.18) 0 8%, transparent 9%),radial-gradient(circle at 74% 34%, rgba(255,206,221,.14) 0 7%, transparent 8%),radial-gradient(circle at 16% 78%, rgba(165,224,245,.14) 0 9%, transparent 10%),radial-gradient(circle at 86% 82%, rgba(255,219,177,.18) 0 10%, transparent 11%),radial-gradient(circle at 48% 88%, rgba(208,201,255,.10) 0 8%, transparent 9%)}
.page::after{inset:0;background:radial-gradient(circle at 14% 16%, rgba(255,255,255,.24) 0 16%, transparent 17%),radial-gradient(circle at 84% 22%, rgba(255,255,255,.18) 0 13%, transparent 14%),radial-gradient(circle at 22% 70%, rgba(255,244,218,.16) 0 18%, transparent 19%),radial-gradient(circle at 78% 74%, rgba(220,242,236,.16) 0 14%, transparent 15%),radial-gradient(circle at 56% 48%, rgba(255,225,238,.08) 0 20%, transparent 21%);filter:blur(2px);opacity:.9}
.page > *{position:relative;z-index:1}
.themed-page{position:relative}
.themed-page > *{position:relative;z-index:1}
.page.themed-coral{--page-photo:linear-gradient(135deg, rgba(255,242,236,.95) 0%, rgba(255,226,214,.82) 52%, rgba(255,245,238,.9) 100%)}
.page.themed-mint{--page-photo:linear-gradient(135deg, rgba(239,250,247,.95) 0%, rgba(220,244,237,.84) 52%, rgba(247,252,250,.92) 100%)}
.page.themed-butter{--page-photo:linear-gradient(135deg, rgba(255,250,232,.96) 0%, rgba(248,239,192,.84) 54%, rgba(255,252,241,.92) 100%)}
.page.themed-dawn{--page-photo:linear-gradient(135deg, rgba(255,247,239,.95) 0%, rgba(244,230,213,.84) 50%, rgba(233,245,239,.88) 100%)}
.page-header{margin-bottom:20px}
.page-header .sub{color:#6b645e;font-size:0.9rem;margin:0}
.page-date{font-size:0.85rem;color:#6b645e;margin:2px 0 0}
.dashboard-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr);gap:16px;align-items:stretch}
.hero-copy,.hero-side{border-radius:28px}
.hero-side{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,250,243,.86),rgba(255,255,255,.8))}
.hero-side::before{content:'';position:absolute;right:-54px;bottom:-58px;width:150px;height:150px;border-radius:50%;background:rgba(246,231,163,.16);filter:blur(2px);pointer-events:none}
.hero-side > *{position:relative;z-index:1}
.hero-copy{padding:28px;background:linear-gradient(135deg,rgba(255,247,241,.94) 0%,rgba(253,244,218,.9) 38%,rgba(223,247,240,.88) 100%);border:1px solid rgba(234,223,206,.92);box-shadow:0 18px 42px rgba(53,42,33,.05);border-radius:36px;overflow:hidden;position:relative}
.hero-copy::before,.hero-copy::after{content:'';position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(2px)}
.hero-copy::before{width:220px;height:220px;right:-88px;top:-84px;background:rgba(255,215,201,.24)}
.hero-copy::after{width:170px;height:170px;left:-72px;bottom:-88px;background:rgba(168,231,219,.18)}
.hero-copy > *{position:relative;z-index:1}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.hero-badges span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(222,205,186,.8);color:#5f5852;font-size:.82rem;font-weight:600}
.soft-panel{background:linear-gradient(180deg,#fffaf3,#fff)}
.hero-inline-image{width:100%;height:168px;object-fit:cover;border-radius:26px;margin-top:18px}
.mini-timeline{display:grid;gap:10px;margin-top:18px}
.mini-timeline div{display:flex;gap:12px;padding:10px 0;border-top:1px solid #ece5dc}
.mini-timeline div:first-child{border-top:none;padding-top:0}
.mini-timeline strong{min-width:56px;font-size:.86rem}
.mini-timeline span{color:#5f5852;font-size:.88rem}
.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:20px}
.care-flow-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
.care-flow-steps,.patient-spotlight-list{display:grid;gap:12px}
.flow-step,.spotlight-row{display:flex;gap:12px;padding:12px 14px;border-radius:16px;background:#fbfaf8;border:1px solid #ebe4da}
.flow-step span{width:30px;height:30px;border-radius:999px;background:#e7f3f1;color:#2e7d78;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}
.flow-step,.spotlight-row{border-radius:24px;background:linear-gradient(180deg,#fffdf9,#fbf7f1)}
.flow-step.active span{background:#2e7d78;color:#fff}
.flow-step small,.spotlight-row small{display:block;color:#6b645e;margin-top:2px}
.spotlight-row{justify-content:space-between;align-items:center}
.spotlight-row strong{font-size:.92rem}
.patient-overview-lead{margin:0 0 10px;color:#5f5852;font-size:.9rem}
.patient-overview-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.patient-overview-summary span,.patient-overview-meta span{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f6f2eb;color:#6b645e;font-size:.78rem;font-weight:600}
.patient-overview-list{gap:10px}
.patient-overview-item{display:grid;gap:10px;padding:14px;border-radius:22px;background:linear-gradient(180deg,#fffdf9,#fbf7f1);border:1px solid #ebe4da}
.patient-overview-main{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.patient-overview-main strong{display:block}
.patient-overview-main small{display:block;color:#6b645e;margin-top:3px}
.patient-overview-meta{display:flex;flex-wrap:wrap;gap:8px}
.patient-overview-activity{display:grid;gap:3px}
.patient-overview-activity strong{font-size:.86rem}
.patient-overview-activity small{color:#6b645e}
.patient-overview-actions{display:flex;flex-wrap:wrap;gap:8px}
.pending-patient-requests-card{display:flex;flex-direction:column}
.pending-requests-status{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.pending-requests-status span{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f6f2eb;color:#9a7a4d;font-size:.78rem;font-weight:600}
.pending-requests-list{display:grid;gap:10px}
.pending-request-info{display:flex;flex-direction:column;gap:3px}
.pending-request-info strong{font-size:.92rem}
.pending-request-info small{color:#6b645e}
.pending-request-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.new-approval-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 10px;border-radius:999px;background:#eef6ef;color:#41664a;border:1px solid #d6e8d7;font-size:.76rem;font-weight:800}
.nav-notification-badge{position:absolute;top:6px;right:10px;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#41664a;color:#f7f4ef;border:2px solid rgba(255,250,245,.9);font-size:.7rem;font-weight:800;line-height:1;box-shadow:0 8px 18px rgba(65,102,74,.18)}
.nav-item .nav-notification-badge[hidden],.bottom-item .nav-notification-badge[hidden]{display:none}
.bottom-item .nav-notification-badge{top:2px;right:12px;border-color:rgba(255,248,241,.96)}
.nav-item.has-notification,.bottom-item.has-notification{font-weight:700}
.accepted-relationship-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:2px}
.accepted-relationship-bulk-action{align-self:flex-start}
.accepted-relationship-notices-card .status-pill{background:#eef6ef;border-color:#d6e8d7;color:#41664a}
.pending-request-note{font-size:.85rem;color:#6b645e;line-height:1.5}
.pending-request-note p{margin:0}
.spotlight-row-empty{display:grid;justify-content:stretch}
.library-page-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end}
.library-summary{min-width:260px;padding:18px 20px;border-radius:28px;background:linear-gradient(180deg,#fff9f4,#fdfdfb)}
.library-summary strong,.library-summary small{display:block}
.library-summary small{color:#6b645e;margin-top:4px}
.library-summary-image{width:100%;height:120px;object-fit:cover;border-radius:22px;margin-top:14px}
.builder-intro{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px;background:linear-gradient(135deg,#fff8f2,#ffffff 60%,#eef8f6)}
.builder-intro-steps{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;flex:1}
.builder-intro-steps div{padding:12px 14px;border-radius:16px;background:#fbfaf8;border:1px solid #ece4da}
.builder-intro-steps strong{display:block;font-size:.78rem;color:#2b5f8a;margin-bottom:4px}
.builder-intro-steps span{font-size:.88rem}
.card{background:rgba(255,255,255,.84);border-radius:18px;padding:16px;border:1px solid rgba(230,220,207,.88);box-shadow:0 10px 28px rgba(0,0,0,0.035);backdrop-filter:blur(16px)}
.card-icon{width:24px;height:24px;color:#2b5f8a;margin-bottom:10px}
.card-icon svg{width:100%;height:100%}
.card-stat{font-size:2rem;font-weight:600;color:#1f1b18;line-height:1.1;margin-bottom:2px}
.card-label{font-size:0.78rem;color:#6b645e;font-weight:500}
.card-list h3{font-size:0.9rem;font-weight:600;margin-bottom:12px;color:#1f1b18}
.card-list .list-item{padding:10px 0;border-bottom:1px solid #f0efec}
.card-list .list-item:last-child{border:none}
.list-primary{display:block;font-weight:500;font-size:0.88rem;color:#1f1b18}
.list-secondary{display:block;font-size:0.78rem;color:#6b645e;margin-top:2px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mt-lg{margin-top:14px}
.split-layout{display:grid;grid-template-columns:320px 1fr;gap:14px}
.library-grid,.assignment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.library-card{display:grid;gap:14px;padding:18px;background:linear-gradient(180deg,#fff,#fbfaf7)}
.library-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;min-width:0}
.library-card-head h3{margin:0;font-size:1.15rem;overflow-wrap:anywhere}
.library-card-type{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef8f6;color:#2e7d78;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.library-card p{margin:0;color:#5f5852;font-size:.9rem}
.library-card-meta{display:flex;flex-wrap:wrap;gap:8px}
.library-card-meta span{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f6f2eb;color:#6b645e;font-size:.78rem;font-weight:600}
.library-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.message-sidebar .list-item,.message-thread .list-item{border-bottom:1px solid #f0efec}
.chat-bubble{max-width:80%;padding:12px 14px;border-radius:14px;margin-bottom:10px;font-size:0.92rem;line-height:1.5}
.chat-bubble.incoming{background:#fff5ee;color:#322c27;border-top-left-radius:6px}
.chat-bubble.outgoing{background:#e0e6ed;color:#21384d;margin-left:auto}
.composer-placeholder{margin-top:18px;padding:14px;border-radius:12px;border:1px dashed #d8d3cd;color:#6b645e;background:#fbfaf8;font-size:0.87rem}
.message-thread-list,.message-bubble-list{display:grid;gap:12px}
.message-thread-button{width:100%;text-align:left;border:1px solid #ece4da;background:linear-gradient(180deg,#fffdf9,#fbf7f1);border-radius:18px;padding:14px;display:grid;gap:8px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.message-thread-button:hover{border-color:#b8c7d7;box-shadow:0 10px 24px rgba(43,95,138,0.08);transform:translateY(-1px)}
.message-thread-button.active{border-color:#2b5f8a;box-shadow:0 0 0 2px rgba(43,95,138,0.12)}
.message-thread-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.message-thread-meta{display:flex;flex-wrap:wrap;gap:8px;color:#6b645e;font-size:.78rem}
.message-thread-preview{color:#5f5852;font-size:.88rem;line-height:1.45}
.message-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#eef8f6;color:#2e7d78;font-size:.76rem;font-weight:700}
.message-thread{display:grid;gap:14px}
.message-thread-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.message-bubble-list{min-height:240px;align-content:start}
.chat-bubble{display:grid;gap:6px}
.chat-bubble small{display:block;color:inherit;opacity:.72;font-size:.74rem}
.message-composer{display:grid;gap:10px;margin-top:6px;padding-top:14px;border-top:1px solid #ece4da}
.composer-label{font-size:.82rem;font-weight:700;color:#5f5852}
.composer-textarea{width:100%;min-height:104px;border-radius:18px;border:1px solid #ddd5ca;background:#fffdfa;padding:14px 16px;color:#241f1b;resize:vertical}
.composer-textarea:focus{outline:none;border-color:#2b5f8a;box-shadow:0 0 0 3px rgba(43,95,138,0.12)}
.composer-actions{display:flex;gap:12px;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}
.message-quick-replies{display:flex;gap:8px;flex-wrap:wrap}
.quick-reply-chip{border:1px solid #e0d6c7;background:#fffdfa;color:#5f5852;border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.quick-reply-chip:hover{transform:translateY(-1px);border-color:#b8c7d7;box-shadow:0 8px 20px rgba(43,95,138,0.08)}
.message-empty-state{padding:20px;border-radius:18px;border:1px dashed #d8d3cd;background:#fbfaf8;color:#6b645e}
.integration-note p{margin:0;color:#5f5852}
.therapist-image-area{margin-top:20px;border-radius:16px;overflow:hidden;max-height:200px}
.therapist-image-area{position:relative}
.therapist-image-area::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,0));pointer-events:none}
.workspace-tabs{display:flex;gap:4px;margin-bottom:16px}
.workspace-tabs .tab{background:transparent;border:none;padding:10px 18px;border-radius:10px;font-weight:500;color:#6b645e;cursor:pointer;font-family:'Inter',sans-serif;font-size:0.9rem}
.workspace-tabs .tab.active{background:white;color:#2b5f8a;box-shadow:0 0 0 1px #dedad4}

@media (max-width: 820px){
  .auth-card-grid{grid-template-columns:1fr}
}

/* === Builder === */
.material-builder{display:grid;gap:14px}
.builder-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:32px;background:linear-gradient(135deg,rgba(255,247,239,.92),rgba(232,247,243,.86));padding:18px 20px}
.builder-eyebrow{display:inline-block;font-size:0.72rem;text-transform:uppercase;letter-spacing:0.12em;color:#7a746d;font-weight:700;margin-bottom:6px}
.builder-toolbar{display:flex;flex-wrap:wrap;gap:10px;min-width:0}
.builder-toolbar::-webkit-scrollbar,.block-library::-webkit-scrollbar{height:8px}
.builder-toolbar::-webkit-scrollbar-thumb,.block-library::-webkit-scrollbar-thumb{background:#d2cbc2;border-radius:999px}
.builder-action,.settings-toggle,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e0d6c7;background:#fffdfa;border-radius:18px;color:#1f1b18;padding:11px 14px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;max-width:100%}
.builder-action svg,.settings-toggle svg,.icon-button svg{width:18px;height:18px}
.builder-action:hover,.settings-toggle:hover,.icon-button:hover{transform:translateY(-1px);border-color:#b8c7d7;box-shadow:0 10px 24px rgba(43,95,138,0.08)}
.builder-action.accent{background:#1f1b18;color:#f7f4ef;border-color:#1f1b18}
.builder-action.accent-soft{background:#eef6ef;color:#41664a;border-color:#d6e8d7}
.builder-action.danger{color:#9b4f43;border-color:#e6c8c0;background:#fff8f6}
.builder-action.ghost{padding:8px 12px;font-size:.84rem}
.builder-layout{display:grid;grid-template-columns:minmax(240px,296px) minmax(0,1fr) minmax(252px,312px);gap:14px;align-items:start}
.builder-panel,.builder-canvas{min-height:620px;min-width:0}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.panel-head h3{margin-bottom:0;font-size:1.2rem}
.canvas-count{font-size:0.82rem;color:#6b645e;background:#f5f2ed;border-radius:999px;padding:7px 10px}
.block-library{display:grid;gap:10px;min-width:0}
.library-block{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon badge" "icon text";align-items:start;column-gap:12px;row-gap:6px;width:100%;text-align:left;padding:16px;border-radius:24px;border:1px solid #e8dece;background:linear-gradient(180deg,#fffdfa 0%,#fbfaf8 100%);cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;min-width:0;overflow:hidden}
.library-block:hover{border-color:#b4c4d4;transform:translateY(-1px);box-shadow:0 12px 24px rgba(31,27,24,0.06)}
.library-block > span:last-child{grid-area:text;min-width:0}
.library-block strong{display:block;font-size:0.95rem;line-height:1.25;overflow-wrap:anywhere}
.library-block small{display:block;color:#6b645e;line-height:1.4;margin-top:4px;overflow-wrap:anywhere}
.library-icon{grid-area:icon;width:38px;height:38px;border-radius:14px;background:#eaf7f4;color:#2e7d78;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.library-icon svg{width:20px;height:20px}
.library-add-badge{grid-area:badge;justify-self:start;font-size:0.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#2e7d78;background:#eef8f6;border:1px solid #d8ece7;border-radius:999px;padding:4px 8px;flex-shrink:0}
.dropzone{position:relative;min-height:540px;border:2px dashed rgba(223,211,196,.9);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,0.72),rgba(252,248,243,0.88));padding:16px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;overflow:hidden;display:grid;grid-template-rows:auto 1fr;backdrop-filter:blur(18px)}
.dropzone::after{content:'';position:absolute;inset:14px;border-radius:18px;border:1px solid rgba(215,209,201,0.45);pointer-events:none}
.dropzone-header{display:flex;align-items:center;justify-content:flex-start;padding:4px 2px 16px;color:#6b645e}
.dropzone-header strong{display:block;color:#1f1b18;font-size:0.95rem}
.dropzone-header small{display:block;margin-top:2px}
.empty-dropzone{position:absolute;inset:58px 16px 16px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;color:#6b645e;padding:24px;border-radius:18px;pointer-events:none}
.empty-dropzone svg{width:34px;height:34px;color:#8e8881}
.empty-dropzone p{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.6rem;color:#2b2927}
.empty-dropzone small{max-width:320px}
.canvas-stack{display:grid;gap:12px;position:relative;z-index:1;align-content:start;min-width:0;width:100%;padding:0;overflow:hidden}
.canvas-block{position:relative;border:1px solid #e7ddd0;border-radius:24px;background:#fffdfa;padding:14px;width:100%;max-width:100%;min-width:0;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden}
.canvas-block{margin:0}
.canvas-block:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(31,27,24,0.06)}
.canvas-block.selected{border-color:#2b5f8a;box-shadow:0 0 0 2px rgba(43,95,138,0.12),0 10px 20px rgba(43,95,138,0.08)}
.block-order-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;margin:-14px -14px 14px;background:linear-gradient(180deg,#fff7ef,#fcfbf8);border-bottom:1px solid #eee7dd}
.block-order-copy{display:grid;gap:2px;min-width:0}
.block-order-label{font-size:0.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6a635d}
.block-order-copy small{color:#7b746d;line-height:1.4}
.reorder-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}
.reorder-button{width:36px;height:36px;border-radius:10px;border:1px solid #ddd5ca;background:#fff;color:#5d5650;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}
.reorder-button svg{width:17px;height:17px}
.reorder-button:hover:not(:disabled){transform:translateY(-1px);border-color:#b8c7d7;background:#eef3f8;color:#2b5f8a;box-shadow:0 10px 20px rgba(43,95,138,0.1)}
.reorder-button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}
.block-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;min-width:0}
.block-meta{display:flex;align-items:center;gap:10px;min-width:0;flex:1;overflow:hidden}
.block-meta > div{min-width:0}
.block-chip{font-size:0.75rem;text-transform:uppercase;letter-spacing:.08em;color:#2b5f8a;background:#eef3f8;border-radius:999px;padding:5px 9px;font-weight:700;flex-shrink:0}
.block-title{font-weight:600;font-size:1rem;line-height:1.2;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.block-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.block-collapse,.block-remove{width:34px;height:34px;border-radius:10px;border:1px solid #ece7e0;background:#fbfaf8;color:#6b645e;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.block-collapse:hover{border-color:#b8c7d7;background:#eef3f8;color:#2b5f8a}
.block-remove:hover{background:#f9eeea;border-color:#e4c8be}
.block-remove{color:#a5604b}
.block-collapse svg,.block-remove svg{width:16px;height:16px}
.block-collapse svg{transition:transform .18s ease}
.block-body{display:grid;gap:12px;max-height:900px;opacity:1;transition:max-height .22s ease,opacity .18s ease,margin-top .18s ease;overflow:hidden;min-width:0;margin-top:6px}
.block-body.is-collapsed{max-height:0;opacity:0;margin-top:0;gap:0}
.canvas-block.collapsed .block-collapse svg{transform:rotate(-90deg)}
.canvas-block.collapsed{padding:10px 14px}
.canvas-block.collapsed .block-top{margin-bottom:0}
.canvas-block.collapsed .block-meta small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}
.info-content,.preview-text{white-space:pre-wrap;color:#4c4640;line-height:1.7;overflow-wrap:anywhere}
.patient-field-preview{border:1px dashed #cfc7be;background:#fbfaf8;border-radius:12px;padding:14px;color:#8a8178;overflow-wrap:anywhere}
.text-field-preview-list,.assignment-text-field-list,.text-field-list{display:grid;gap:12px}
.text-field-preview-item,.text-field-card{border:1px solid #ece7e0;border-radius:14px;padding:12px;background:#fcfbf8;min-width:0}
.text-field-preview-head,.assignment-text-field{display:grid;gap:6px;min-width:0}
.text-field-preview-head strong,.assignment-field-title{font-size:.92rem;color:#1f1b18}
.text-field-preview-head small,.assignment-field-help{display:block;color:#6b645e;line-height:1.5;overflow-wrap:anywhere}
.text-field-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.rating-row{display:flex;flex-wrap:wrap;gap:8px}
.rating-step{min-width:34px;height:34px;border-radius:12px;border:1px solid #d9d3cc;background:#f9f7f3;color:#3f3b36;display:inline-flex;align-items:center;justify-content:center;font-weight:600}
.rating-step.active{background:#1f1b18;color:#fff;border-color:#1f1b18}
.slider-preview{display:flex;align-items:flex-end;gap:16px}
.slider-preview.horizontal{display:grid;gap:12px}
.slider-rail{width:22px;height:180px;border-radius:999px;background:linear-gradient(180deg,#ece7e0 0%,#d4dbe2 100%);position:relative;padding:10px 0}
.slider-rail.horizontal{width:100%;height:18px;padding:0;background:#e7e1d9;overflow:visible}
.slider-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#d4dbe2,#2b5f8a)}
.slider-thumb{position:absolute;left:50%;transform:translateX(-50%);width:32px;height:32px;border-radius:50%;background:#2b5f8a;border:4px solid #fff;box-shadow:0 8px 18px rgba(43,95,138,0.25)}
.slider-thumb.horizontal{top:50%;transform:translateY(-50%)}
.slider-scale{display:grid;gap:8px;color:#6b645e;font-size:0.82rem}
.slider-scale.horizontal{display:flex;align-items:center;justify-content:space-between;gap:12px}
.slider-scale.horizontal span{flex:1;text-align:center}
.emoji-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;min-width:0}
.emoji-pill{padding:12px 8px;border-radius:14px;background:#fbfaf8;border:1px solid #e1ddd7;text-align:center}
.emoji-pill.active{border-color:#2b5f8a;box-shadow:0 0 0 2px rgba(43,95,138,0.12)}
.emoji-char{display:block;font-size:1.4rem;line-height:1;margin-bottom:6px}
.emoji-tone{display:block;font-size:0.74rem;color:#6b645e}
.table-wrapper{overflow:auto;border:1px solid #ece7e0;border-radius:14px;max-width:100%;background:#fff}
.material-table{width:100%;border-collapse:collapse;min-width:0;table-layout:fixed}
.material-table td,.material-table th{border:1px solid #ece7e0;padding:10px;vertical-align:top;font-size:0.88rem}
.material-table th{background:#f5f2ed;font-weight:600}
.table-cell-static{color:#2f2b27}
.table-cell-patient{min-height:52px;background:#fbfaf8;border:1px dashed #cfc7be;border-radius:10px;padding:8px;color:#8a8178}
.table-row-heading-cell{font-weight:700;color:#2f2b27;background:#f8f4ee}
.table-cell-editor{display:grid;gap:10px}
.table-cell-badge{display:inline-flex;align-items:center;gap:6px;font-size:0.74rem;color:#6b645e}
.table-cell-badge span{width:9px;height:9px;border-radius:999px;background:#2b5f8a;display:inline-block}
.settings-empty{display:grid;place-items:center;text-align:center;min-height:260px;color:#6b645e;gap:10px}
.settings-empty svg{width:32px;height:32px;color:#8e8881}
.settings-section{display:grid;gap:14px}
.field-group{display:grid;gap:8px}
.field-label{font-size:0.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b645e}
.form-control,.settings-panel textarea,.settings-panel input[type="number"],.settings-panel input[type="text"],.settings-panel select{width:100%;border:1px solid #d8d2ca;border-radius:12px;padding:11px 12px;background:#fbfaf8;color:#1f1b18}
.settings-panel textarea{min-height:120px;resize:vertical}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;background:#fbfaf8;border:1px solid #ece7e0}
.toggle-switch{position:relative;width:48px;height:28px;display:inline-block}
.toggle-switch input{opacity:0;width:0;height:0}
.toggle-slider{position:absolute;inset:0;background:#d6d1ca;border-radius:999px;transition:.18s}
.toggle-slider::before{content:'';position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.18s;box-shadow:0 4px 10px rgba(0,0,0,0.16)}
.toggle-switch input:checked + .toggle-slider{background:#2b5f8a}
.toggle-switch input:checked + .toggle-slider::before{transform:translateX(20px)}
.inline-help{font-size:0.8rem;color:#6b645e;margin-top:-2px}
.radio-row{display:grid;gap:8px}
.radio-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid #ece7e0;background:#fbfaf8}
.radio-option input{accent-color:#2b5f8a}
.table-config-grid{display:grid;gap:12px}
.cell-grid{display:grid;gap:10px}
.cell-editor-card{border:1px solid #ece7e0;border-radius:14px;padding:12px;background:#fff}
.cell-editor-card.is-header{background:#f8f5f0}
.cell-editor-card strong{display:block;margin-bottom:8px}
.cell-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.doubleclick-hint{font-size:0.74rem;color:#6b645e}
.mobile-only{display:none}

/* === Modals / toast === */
.overlay-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:50;padding:20px}
.overlay-modal.open{display:flex}
.modal-backdrop{position:absolute;inset:0;background:rgba(31,27,24,0.45);backdrop-filter:blur(6px)}
.modal-card{position:relative;z-index:1;width:min(520px,100%);max-height:min(88vh,980px);overflow:auto;background:#fff;border-radius:24px;padding:20px;border:1px solid rgba(255,255,255,0.7);box-shadow:0 30px 80px rgba(0,0,0,0.18)}
.modal-large{width:min(880px,100%)}
.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.icon-button{width:40px;height:40px;padding:0;background:#fbfaf8}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.preview-shell{max-height:min(72vh,860px);overflow:auto;padding:6px 4px 6px 0;display:grid;gap:14px}
.preview-shell.device-preview{position:relative;max-width:420px;margin:0 auto;padding:72px 18px 22px;border-radius:40px;background:linear-gradient(180deg,#1f1b18 0 44px,#2f2822 44px 58px,#f8f3ed 58px,#f8f3ed 100%);box-shadow:0 26px 60px rgba(31,27,24,.18),inset 0 0 0 1px rgba(255,255,255,.06)}
.preview-shell.device-preview::before{content:'';position:absolute;top:16px;left:50%;transform:translateX(-50%);width:132px;height:26px;border-radius:16px;background:rgba(0,0,0,.78)}
.preview-shell.device-preview::after{content:'09:41';position:absolute;top:18px;left:28px;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:#f7f1ea}
.preview-phone-brand{position:absolute;top:22px;right:28px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(247,241,234,.72);font-weight:700}
.preview-patient-card{display:grid;gap:14px;padding:18px;border-radius:24px;background:linear-gradient(160deg,rgba(255,253,249,.96),rgba(248,239,230,.92) 58%,rgba(238,247,245,.9));border:1px solid #eadfd1;box-shadow:0 14px 30px rgba(31,27,24,.06)}
.preview-patient-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.preview-patient-meta{display:flex;flex-wrap:wrap;gap:8px}
.preview-patient-meta span,.preview-status-chip{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#fff;border:1px solid #e5ddd2;color:#5a534d;font-size:.78rem;font-weight:600}
.preview-status-chip{background:#eef6ef;border-color:#d6e8d7;color:#41664a}
.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;font-size:.76rem;font-weight:700;border:1px solid #e5ddd2;background:#fff;color:#5a534d;white-space:nowrap}
.status-tilldelad{background:#fff7ea;border-color:#ecd8ab;color:#8a6220}
.status-påbörjad{background:#eef4ff;border-color:#d6e2ff;color:#3f5f9b}
.status-inskickad{background:#f4efff;border-color:#ddd2ff;color:#6545a2}
.status-granskad{background:#eef6ef;border-color:#d6e8d7;color:#41664a}
.preview-helper-note{padding:12px 14px;border-radius:16px;background:#f6efe7;border:1px solid #eadfd1;color:#5f5852;font-size:.85rem}
.assignment-modal-card{width:min(1100px,100%)}
.assignment-shell{max-height:min(74vh,900px);padding-right:0}
.assignment-stage{display:grid;gap:16px;padding:18px;border-radius:24px;background:linear-gradient(180deg,#f7f3ee,#ffffff);border:1px solid #e7e1d9}
.assignment-stage h4{margin:0;font-size:1.45rem}
.assignment-stage .section-kicker{margin:0}
.assignment-summary{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:6px}
.assignment-summary div{padding:12px;border-radius:14px;background:#fff;border:1px solid #ece4da}
.assignment-summary strong{display:block;font-size:.78rem;color:#7a746d;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.assignment-stage p{margin:0;color:#5f5852}
.assignment-form-card{background:#fffdfa;border:1px solid #e7e1d9;border-radius:26px;padding:18px;min-width:0}
.assignment-input,.assignment-textarea,.assignment-table-input{width:100%;border:1px solid #d8d2ca;border-radius:12px;padding:12px;background:#fff;color:#1f1b18}
.assignment-textarea{min-height:140px;resize:vertical}
.assignment-feedback-box{display:grid;gap:8px;padding:16px 18px;border-radius:18px;background:linear-gradient(180deg,#eef6ef,#f9fcf8);border:1px solid #d6e8d7}
.assignment-feedback-box strong{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#41664a}
.assignment-feedback-box p{margin:0;color:#2f2b27;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.assignment-feedback-meta{font-size:.82rem;color:#5f5852}
.submission-answer-box{margin-top:10px;padding:14px 16px;border-radius:14px;background:#f8f4ee;border:1px solid #e7e1d9;color:#2f2b27;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.submission-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin:4px 0 10px}
.submission-toolbar-actions{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-end;gap:12px;flex:1}
.submission-filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 16px}
.submission-filter-chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid #ddd4c9;background:#fffdfa;color:#5a534d;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .15s ease}
.submission-filter-chip:hover{border-color:#cdbda8;background:#fff7ef}
.submission-filter-chip.is-active{background:#1f1b18;border-color:#1f1b18;color:#f8f4ee;box-shadow:0 10px 22px rgba(31,27,24,.12)}
.submission-next-button[disabled]{opacity:.58;cursor:not-allowed;box-shadow:none;transform:none}
.submission-next-button[disabled]:hover{border-color:#e0d6c7;background:#eef6ef;color:#41664a}
.submission-sort-control{display:grid;gap:6px;min-width:220px;color:#5f5852;font-size:.84rem;font-weight:700}
.submission-sort-control select{appearance:none;border:1px solid #ddd4c9;background:#fffdfa;color:#2f2b27;border-radius:14px;padding:11px 14px;font:inherit;box-shadow:0 8px 18px rgba(31,27,24,.04)}
.submission-sort-control select:focus{outline:none;border-color:#1f1b18;box-shadow:0 0 0 3px rgba(31,27,24,.08)}
.submission-list-summary{margin:0 0 16px;color:#5f5852;font-size:.9rem;line-height:1.5}
.submission-feedback-panel{display:grid;gap:10px;margin-top:16px;padding:16px;border-radius:20px;background:#fbf8f4;border:1px solid #e7e1d9}
.submission-feedback-input{min-height:110px}
.assignment-rating-row,.assignment-emoji-row{display:flex;flex-wrap:wrap;gap:10px}
.assignment-rating-button,.assignment-emoji-button{border:1px solid #d9d3cc;background:#fff;border-radius:14px;padding:10px 12px;cursor:pointer;min-width:48px;transition:all .15s ease}
.assignment-rating-button.active,.assignment-emoji-button.active{background:#1f1b18;color:#fff;border-color:#1f1b18;box-shadow:0 8px 18px rgba(31,27,24,0.14)}
.assignment-slider-wrap{display:grid;gap:12px}
.assignment-slider-meta{display:flex;justify-content:space-between;gap:10px;color:#6b645e;font-size:.82rem}
.assignment-slider{width:100%}
.preview-intro,.preview-block{display:grid;gap:14px;padding:22px;border-radius:24px;background:linear-gradient(180deg,#f7f3ee,#ffffff);border:1px solid #e7e1d9}
.preview-kicker{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#7b746d;font-weight:800;margin-bottom:6px}
.preview-intro h4{margin:0 0 6px;font-size:1.6rem}
.preview-intro p{margin:0;color:#5f5852}
.preview-meta-pills{display:flex;gap:8px;flex-wrap:wrap}
.preview-meta-pills span{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#fff;border:1px solid #e5ddd2;color:#5a534d;font-size:.82rem;font-weight:600}
.preview-block h4{margin:0 0 8px;font-size:1.35rem}
.toast-area{position:fixed;right:20px;bottom:84px;display:grid;gap:10px;z-index:60}
.toast{background:#1f1b18;color:#f8f4ee;padding:12px 14px;border-radius:14px;box-shadow:0 14px 28px rgba(0,0,0,0.18);min-width:220px}
.toast small{display:block;opacity:.78}

/* === Responsive === */
@media(max-width:1240px){
  .builder-layout{grid-template-columns:minmax(224px,252px) minmax(0,1fr) minmax(236px,280px);gap:12px}
  .library-block{padding:12px;column-gap:10px}
  .library-block strong{font-size:.9rem}
  .library-block small{font-size:.82rem;line-height:1.35}
  .library-add-badge{font-size:.64rem;padding:4px 7px}
}
@media(max-width:1120px){
  .builder-layout{grid-template-columns:248px minmax(0,1fr)}
  .settings-panel{grid-column:1/-1;min-height:auto}
}
@media(max-width:860px){
  .dropzone::after{inset:12px}
  .side-nav{display:none}
  .app-main{margin-left:0;min-width:0;overflow-x:hidden}
  .bottom-nav{display:flex}
  .dashboard-grid{grid-template-columns:repeat(2,1fr)}
  .row,.split-layout,.dashboard-hero,.care-flow-grid{grid-template-columns:1fr}
  .library-page-head,.builder-intro{grid-template-columns:1fr;display:grid}
  .builder-intro-steps,.assignment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .login-footnote{flex-direction:column;align-items:flex-start}
  .hamburger{display:block}
  .builder-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:10px;overflow:hidden;padding-bottom:6px}
  .builder-toolbar .builder-action{width:100%;min-width:0;white-space:normal;text-align:center}
  .composer-actions .builder-action{width:auto}
  .builder-layout{grid-template-columns:1fr;gap:12px;min-width:0}
  .block-panel,.builder-canvas{min-height:auto;min-width:0;width:100%}
  .block-panel{overflow:hidden;padding:12px}
  .block-library{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .library-block{scroll-snap-align:start;flex:0 0 82vw;min-width:82vw;max-width:82vw;min-height:100%;overflow:hidden}
  .library-block strong,.library-block small{overflow-wrap:anywhere;word-break:break-word}
  .builder-canvas{min-width:0}
  .dropzone{min-height:420px;padding:14px;overflow:hidden;border-radius:24px}
  .canvas-stack{gap:10px}
  .canvas-block{padding:12px}
  .material-table{min-width:540px}
  .reorder-actions{justify-content:flex-start}
  .mobile-only{display:inline-flex}
  .settings-panel{position:fixed;left:12px;right:12px;bottom:12px;top:auto;z-index:45;transform:translateY(calc(100% + 24px));transition:transform .22s ease;max-height:78vh;overflow:auto;border-radius:24px;box-shadow:0 24px 44px rgba(31,27,24,.16)}
  .settings-panel.open{transform:translateY(0)}
  .settings-panel::before{content:'';position:fixed;inset:0;background:rgba(31,27,24,0.24);z-index:-1}
  .login-feature-hero{grid-template-columns:1fr;gap:14px}
  .feature-visual{min-height:240px}
  .login-mini-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .login-card{padding:32px 20px;border-radius:32px}
  .login-title{font-size:2.3rem}
  .highlight-pill{width:100%;justify-content:center}
  .role-arrow{display:none}
  .card{padding:12px}
  .card-stat{font-size:1.6rem}
  .app-main{padding:16px}
  .builder-topbar{align-items:flex-start;flex-direction:column}
  .builder-toolbar{gap:8px;grid-template-columns:1fr}
  .builder-toolbar .builder-action{white-space:normal}
  .message-thread-top{flex-direction:column}
  .chat-bubble{max-width:100%}
  .composer-textarea{min-height:120px}
  .library-block{min-width:86vw;max-width:86vw;padding:12px}
  .field-row{grid-template-columns:1fr}
  .block-order-bar{align-items:flex-start;flex-direction:column}
  .reorder-actions{width:100%;justify-content:flex-start}
  .block-top{align-items:flex-start}
  .block-meta{align-items:flex-start}
  .submission-toolbar{align-items:stretch}
  .submission-toolbar-actions{width:100%;justify-content:stretch}
  .submission-toolbar-actions > *{width:100%}
  .submission-filter-bar{gap:8px;margin-bottom:0}
  .submission-filter-chip{padding:9px 12px;font-size:.8rem}
  .submission-sort-control{min-width:0;width:100%}
  .text-field-card-head{align-items:flex-start}
  .emoji-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .toast-area{left:16px;right:16px;bottom:76px}
  .toast{min-width:0}
  .assignment-stage{padding:14px}
  .assignment-summary{grid-template-columns:1fr}
  .modal-actions{display:grid;grid-template-columns:1fr;justify-content:stretch}
  .modal-actions .builder-action{width:100%}
  .preview-shell.device-preview{max-width:100%;padding:66px 14px 18px;border-radius:32px}
  .preview-patient-head{flex-direction:column}
  .assignment-form-card{padding:14px}
  .login-card{padding:28px 18px 24px;border-radius:34px}
  .orb-a{width:124px;height:124px;left:-92px;top:168px;opacity:.12}
  .orb-b{width:78px;height:78px;right:-26px;top:196px;opacity:.12}
  .orb-c{width:48px;height:48px;right:8px;top:262px;opacity:.10}
  .feature-copy h2{font-size:2rem}
  .feature-visual img{width:92%;height:220px}
}