:root{--ink:#202521;--sub:#79817a;--muted:#9aa19a;--line:#e7eae5;--paper:#f8f9f6;--white:#fff;--dark:#161b17;--green:#cfe8ad;--forest:#4f785d;--side:252px;--radius:17px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}a{color:inherit;text-decoration:none}.muted{color:var(--sub)}.small{font-size:12px}.boot{display:flex;gap:15px;align-items:center;justify-content:center;min-height:70vh;color:#79847a;font-size:14px}.spinner{width:22px;height:22px;border:2px solid #dadfd4;border-top-color:#557c5e;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* AUTH */
.auth-layout{display:grid;grid-template-columns:minmax(470px,53%) minmax(380px,47%);min-height:100vh}.auth-visual{min-height:850px;background:#1a211b;color:#f3f5ea;position:relative;overflow:hidden;padding:36px 46px 28px;display:flex;flex-direction:column}.auth-visual::before{content:"";position:absolute;border:1px solid #4e5b4b;border-radius:50%;width:900px;height:900px;left:-370px;bottom:-570px;opacity:.45;pointer-events:none}.auth-visual::after{content:"";position:absolute;border:1px solid #4e5b4b;border-radius:50%;width:1200px;height:1200px;left:-530px;bottom:-790px;opacity:.3;pointer-events:none}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;letter-spacing:-1px;color:#edf2e6;line-height:1}.brandmark{width:36px;height:36px;border-radius:12px;background:#cfe9ab;display:grid;place-items:center;color:#182119;font-family:Georgia,serif;font-size:28px;font-style:italic;line-height:1;font-weight:800}.branddot{color:#cfe9ab}.brand small{display:block;font-size:8px;color:#8c9c8e;letter-spacing:1.4px;margin-top:7px;font-weight:700}.auth-hero{max-width:720px;margin:auto 0;position:relative;z-index:1}.auth-kicker{font-size:10px;letter-spacing:2px;color:#bbd2b2;font-weight:700;display:flex;gap:10px;align-items:center;margin-top:70px}.signal{width:7px;height:7px;background:#caec9f;border-radius:50%;box-shadow:0 0 0 5px #adcd8922}.auth-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(68px,7.6vw,116px);letter-spacing:-6px;line-height:1.08;margin:26px 0 20px}.auth-hero h1 em{font-style:italic;color:#cbe5a9}.auth-hero>p{max-width:440px;color:#b2beb0;font-size:16px;line-height:1.8}.auth-art{height:350px;position:relative;margin-top:48px}.floating-page{position:absolute;width:270px;height:310px;border-radius:2px;box-shadow:0 20px 70px #0007}.back-page{background:#899f8b;left:180px;top:-13px;transform:rotate(10deg);padding:24px}.art-eye{font-size:11px;font-weight:800;letter-spacing:2px;color:#20352c}.art-circle{background:#627e71;width:150px;height:150px;border-radius:50%;position:absolute;left:60px;top:75px;box-shadow:0 0 0 22px #bed0bd}.front-page{background:#d7d9ca;left:50px;top:25px;transform:rotate(-8deg);padding:20px;display:flex;flex-direction:column}.art-frame{flex:1;background:#829186;position:relative;overflow:hidden;padding:18px;color:#edf0e8}.art-frame::before{content:"";position:absolute;width:190px;height:260px;border-radius:100px 100px 5px 5px;background:#546d62;left:60px;top:80px;transform:rotate(-22deg)}.art-frame::after{content:"";position:absolute;width:90px;height:260px;background:#c5d3b8;left:42px;top:80px;transform:rotate(30deg)}.art-frame span{font-family:Georgia,serif;font-size:32px;line-height:1.03;position:relative;z-index:1}.art-bottom{display:flex;justify-content:space-between;color:#38443b;font-size:8px;letter-spacing:1.2px;margin-top:14px;font-weight:800}.auth-stat-float{position:absolute;z-index:3;left:323px;top:139px;background:#f6f8f0;color:#263327;width:174px;padding:17px 20px;border-radius:9px;box-shadow:0 20px 50px #0004;transform:rotate(4deg)}.stat-float-caption{font-size:8px;letter-spacing:1px;color:#7b887e;font-weight:800}.auth-stat-float strong{display:block;font-size:42px;letter-spacing:-2px;margin:8px 0}.auth-stat-float strong span{font-size:14px;color:#95a292}.stat-float-bars{height:40px;display:flex;gap:6px;align-items:end}.stat-float-bars i{flex:1;background:#aecb9b;border-radius:3px 3px 0 0;height:60%}.stat-float-bars i:nth-child(2){height:85%}.stat-float-bars i:nth-child(3){height:48%}.stat-float-bars i:nth-child(4){height:70%}.stat-float-bars i:nth-child(5){height:93%}.stat-float-bars i:nth-child(6){height:62%}.stat-float-bars i:nth-child(7){height:80%}.stat-float-bars i:nth-child(8){height:100%}.stat-float-bars i:nth-child(9){height:76%}.auth-bottom{font-size:9px;letter-spacing:1.2px;color:#859683;display:flex;justify-content:space-between;gap:12px}.auth-form-col{display:flex;align-items:center;justify-content:center;padding:48px 42px;background:#fcfcfa}.auth-form-wrap{max-width:430px;width:100%}.auth-small-brand{font-weight:900;font-size:22px;letter-spacing:-1px;margin-bottom:80px}.auth-small-brand span{color:#83a466}.eyebrow{color:#8b9b84;text-transform:uppercase;font-size:10px;letter-spacing:2px;font-weight:800;margin:0 0 15px}.auth-form-wrap h2{font-family:Georgia,serif;letter-spacing:-1.7px;font-size:43px;font-weight:400;margin:0 0 14px}.auth-form-wrap>.muted{font-size:14px;line-height:1.7;max-width:340px;margin-bottom:35px}.auth-tabs{display:flex;border-bottom:1px solid #e3e9e1;margin-bottom:27px;gap:25px}.auth-tabs button{border:0;background:none;padding:12px 0 16px;color:#99a29a;font-size:13px;font-weight:650}.auth-tabs button.current{border-bottom:2px solid #47714e;color:#2b3a2f}.auth-form{display:grid;gap:19px}.auth-form label,.modal label{display:grid;gap:9px;font-size:12px;color:#505c51;font-weight:700}.auth-form input,.modal input,.modal select,.modal textarea{width:100%;padding:14px 15px;border:1px solid #e1e7df;background:#fff;border-radius:9px;color:#263128;font-size:13px;outline:none;transition:border .2s}.auth-form input:focus,.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:#739877;box-shadow:0 0 0 3px #bdd9a633}.auth-submit{margin-top:8px!important;justify-content:space-between!important;width:100%;padding:16px 19px!important}.divider-text{display:flex;align-items:center;gap:13px;color:#adb5aa;font-size:9px;letter-spacing:1.2px;margin:32px 0;font-weight:700}.divider-text::before,.divider-text::after{content:"";flex:1;height:1px;background:#e4e9e1}.demo-btn{display:flex!important;width:100%;justify-content:space-between!important;border:1px solid #dbe2da!important;background:white!important;color:#344738!important;padding:14px 18px!important}.auth-privacy{display:flex;align-items:center;gap:6px;color:#9aa39b;font-size:11px;margin-top:24px;line-height:1.5}
/* SHARED */
.workspace{display:flex;min-height:100vh}.side{width:var(--side);min-width:var(--side);position:sticky;top:0;height:100vh;background:#171d19;display:flex;flex-direction:column;padding:31px 17px 15px;color:#eaf2e7;z-index:10}.side .brand{padding-left:10px;margin-bottom:57px}.side .brandmark{height:34px;width:34px;border-radius:9px}.side .brand small{font-size:7px}.side .brand{font-size:21px}.navlabel{padding:0 16px;color:#728477;letter-spacing:1.7px;font-size:9px;font-weight:800;margin-bottom:17px}.navlabel.second{margin-top:35px}.nav{display:grid;gap:5px}.navitem{height:44px;display:flex;align-items:center;gap:13px;border:0;color:#9ca99f;background:none;text-align:left;border-radius:8px;padding:0 15px;font-size:13px;font-weight:600;transition:background .16s,color .16s}.navitem:hover{background:#28342a;color:#eef5eb}.navitem.active{background:#d5eab6;color:#202c22;font-weight:700}.navitem svg{opacity:.9}.navcount{margin-left:auto;color:inherit;opacity:.6;font-size:11px}.sidespacer{flex:1}.sidenote{background:#252f27;border:1px solid #344237;border-radius:13px;padding:20px 16px 19px;margin:14px 5px 20px;color:#dce9da}.sidenote-icon{color:#c6e6a3;margin-bottom:11px}.sidenote b{font-size:13px}.sidenote p{font-size:11px;line-height:1.7;color:#a9b8aa}.sidenote button{padding:0;border:0;background:transparent;color:#d4f0b2;font-size:11px;font-weight:750;display:flex;align-items:center;gap:10px;margin-top:15px}.sideprofile{display:flex;align-items:center;gap:10px;border-top:1px solid #2c382f;padding:20px 2px 0}.avatar{display:grid;place-items:center;width:35px;height:35px;background:#bed9a8;color:#324331;border-radius:11px;font-size:14px;font-weight:800;border:0}.avatar.small{width:31px;height:31px;border-radius:50%;font-size:12px}.profiletext{display:grid;gap:4px;min-width:0;flex:1}.profiletext b{font-size:11px;font-weight:700}.profiletext span{font-size:10px;color:#8e9d91;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.iconbtn{border:0;background:transparent;display:inline-grid;place-items:center;color:#636e65;padding:7px;border-radius:8px}.iconbtn:hover{background:#edf1eb}.iconbtn.light{color:#95aa99}.iconbtn.light:hover{background:#38483a}.main{flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid #e6e9e3;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4.3vw,66px)}.crumb{display:flex;gap:12px;align-items:center;font-size:12px;color:#909991}.crumb strong{color:#303d32;font-weight:700}.toptools{display:flex;align-items:center;gap:24px}.secure{display:flex;align-items:center;gap:6px;font-size:11px;color:#79887a}.content{padding:44px clamp(24px,4.3vw,66px) 90px;max-width:1710px;margin:0 auto}.demo-banner{display:flex;align-items:center;gap:9px;background:#edf4e4;color:#5d705b;padding:12px 16px;border:1px solid #d6e5d3;border-radius:9px;font-size:12px;margin-bottom:27px}.demo-banner strong{color:#334e35}.demo-banner button{margin-left:auto;border:0;background:none;font-weight:800;color:#3c6c48;display:flex;align-items:center;gap:5px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}.page-heading h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,3.5vw,45px);letter-spacing:-1.6px;font-weight:400;line-height:1.12;margin:0 0 12px;color:#202d23}.page-heading .subtitle{margin:0;font-size:13px}.button{border:0;border-radius:9px;padding:12px 17px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:750;white-space:nowrap;transition:transform .16s,background .16s}.button:hover{transform:translateY(-1px)}.button.primary{background:#273d2d;color:#f8fcf5}.button.primary:hover{background:#3b5840}.button.outline{background:#fff;border:1px solid #e1e7df;color:#3e4c41}.button.outline:hover{background:#f0f5ed}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{background:white;border:1px solid #e8ebe5;border-radius:var(--radius);padding:21px 23px;min-height:153px;display:flex;flex-direction:column;gap:12px}.stat-card.accent-card{background:#e6efd9;border-color:#e1ebd1}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#5c695e;font-size:11px;font-weight:750}.stat-icon{color:#708a70;display:grid;place-items:center}.stat-val{font-size:34px;letter-spacing:-1.7px;color:#26382a;font-weight:550}.stat-bottom{margin-top:auto;color:#89948b;font-size:11px}.accent-card .stat-bottom{color:#70846c}.panel{background:#fff;border:1px solid #e7ebe5;border-radius:var(--radius);padding:24px 26px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.panel-head h2{font-size:17px;line-height:1.25;letter-spacing:-.4px;font-weight:720;color:#28372b;margin:8px 0 0}.panel-head .muted{font-size:12px;margin:10px 0 0}.overline{font-size:9px;letter-spacing:1.5px;color:#849487;font-weight:850}.pill{display:inline-flex;align-items:center;background:#f1f5ee;padding:7px 11px;font-size:10px;font-weight:700;color:#677d69;border-radius:20px}.pill.subtle{background:#f6f7f5;color:#879188}.dashboard-mid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.94fr);gap:20px;margin-bottom:20px}.pulse-panel{min-height:385px}.chart-meta{display:flex;align-items:center;justify-content:space-between}.chart-big{font-size:33px;letter-spacing:-1px;font-weight:600}.chart-unit{font-size:11px;color:#98a398;margin-left:9px}.chart-up{font-size:10px;color:#6e9573;background:#eff6e9;padding:7px 10px;display:flex;align-items:center;gap:4px;border-radius:6px}.chart svg{width:100%;height:216px;overflow:visible}.chart svg text{font-size:10px;fill:#a0aaa0}.chart-legend{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#737f75}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend small{color:#a7afa7}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#bed5a8}.legend-dot.green{background:#7ea27b}.legend-dot.grey{background:#e5ebe0}.insight-panel{min-height:385px}.insight-row{width:100%;border:0;background:transparent;display:flex;gap:14px;align-items:center;text-align:left;border-bottom:1px solid #edf0eb;padding:15px 0}.insight-row:hover .insight-info b{color:#54785a}.insight-rank{font-family:Georgia,serif;font-style:italic;color:#a6b1a0;font-size:20px}.insight-info{flex:1;display:grid;gap:6px;min-width:0}.insight-info b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insight-info span{font-size:10px;color:#89968b}.insight-row strong{font-size:25px;font-weight:600;color:#486b50}.insight-row strong small{font-size:10px;color:#b0bbb0;font-weight:600}.little-context{font-size:11px;color:#a5afa4;line-height:1.5;margin-top:18px}.insight-foot{margin-top:17px;border-top:1px solid #eff1ed;padding-top:15px;color:#99a59b;font-size:10px;display:flex;align-items:center;gap:7px;line-height:1.5}.empty-insight{text-align:center;padding:25px 16px;color:#8c9a8c}.empty-insight .bulb{color:#779a73}.empty-insight h3{color:#3d5341;font-size:15px}.empty-insight p{line-height:1.7;font-size:12px}.treatments-panel{margin-bottom:20px}.textbutton{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#65846b;font-size:11px;font-weight:800}.treatment-list{display:grid}.treatment-row{border:0;border-bottom:1px solid #edf0eb;display:flex;align-items:center;gap:18px;padding:15px 3px;width:100%;background:none;text-align:left}.treatment-row:last-child{border-bottom:0;padding-bottom:0}.treatment-row:hover .treat-name b{color:#62836b}.cover{height:220px;position:relative;display:flex;flex-direction:column;justify-content:space-between;border-radius:6px;overflow:hidden;padding:19px;color:#2a372d;isolation:isolate}.cover::before{content:"";height:130%;width:72%;background:linear-gradient(150deg,#ffffff55,#ffffff05);border-radius:100% 20% 20% 80%;position:absolute;right:-12%;bottom:-32%;transform:rotate(-33deg)}.cover::after{content:"";position:absolute;width:62%;aspect-ratio:1;right:3%;top:10%;border-radius:50%;border:1.5px solid #ffffff88;transform:rotate(-20deg)}.cover-sage{background:#d3ddc5}.cover-lilac{background:#bfc2dd}.cover-peach{background:#e6c6af}.cover-stone{background:#deded3}.cover-blue{background:#c3d9e0}.cover-deco{height:22px;width:22px;border:2px solid currentColor;opacity:.5;border-radius:50%;display:block}.cover-kicker{position:absolute;top:23px;right:19px;max-width:70%;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:1.5px;text-align:right}.cover-title{position:relative;font-family:Georgia,serif;font-size:29px;line-height:1.04;letter-spacing:-.9px;max-width:190px;z-index:2}.cover-footer{font-size:8px;font-weight:800;letter-spacing:1.2px}.cover.cover-small{height:59px;width:63px;min-width:63px;padding:7px;border-radius:5px}.cover-small .cover-deco{width:8px;height:8px;border-width:1px}.cover-small .cover-kicker{display:none}.cover-small .cover-title{font-size:11px;line-height:1;max-width:51px;letter-spacing:-.3px}.cover-small .cover-footer{font-size:4px;letter-spacing:0}.treat-name{flex:1;display:grid;gap:8px;min-width:150px}.treat-name b{font-size:12px;font-weight:750;overflow:hidden;text-overflow:ellipsis}.treat-name span{font-size:11px;color:#95a096;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sep{font-style:normal;margin:0 5px}.category-chip{display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--chip) 27%,white);color:#526454;font-size:10px;font-weight:800;padding:7px 10px;border-radius:6px;white-space:nowrap}.category-chip::before{content:"";height:7px;width:7px;background:var(--chip);border-radius:50%}.treat-stat{display:grid;gap:5px;text-align:center;min-width:75px}.treat-stat b{font-size:14px;font-weight:700;color:#3a493d}.treat-stat span{font-size:10px;color:#a1aaa1}.rowarrow{margin-left:5px;color:#9ba89b}.activity-item{display:flex;align-items:center;gap:14px;border-bottom:1px solid #eff1ed;padding:13px 0}.activity-item:last-child{border:0;padding-bottom:0}.activity-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f0f5ed;color:#628e65;flex-shrink:0}.activity-item>div:nth-child(2){display:grid;gap:6px;flex:1;min-width:0}.activity-item b{font-size:12px;font-weight:700}.activity-item .normal{font-weight:400;color:#8a968b}.activity-item span:not(.normal){font-size:10px;color:#93a095}.activity-item time{font-size:10px;color:#aab3a9;white-space:nowrap;align-self:flex-start;padding-top:4px}.empty-state{text-align:center;padding:65px 30px;display:flex;align-items:center;flex-direction:column}.empty-image{height:71px;width:71px;background:#f0f5eb;border-radius:20px;display:grid;place-items:center;color:#76997c}.empty-state h3{font-family:Georgia,serif;font-weight:400;font-size:24px;margin:20px 0 7px}.empty-state p{max-width:400px;color:#8a968d;line-height:1.6;font-size:12px;margin-bottom:22px}.empty-mini{text-align:center;color:#9da79e;font-size:12px;padding:35px 12px;line-height:1.7}
/* library, insights */
.library-panel{min-height:300px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:15px}.library-toolbar>span{font-size:11px;color:#9ba69a}.searchbox{background:#fafbf9;border:1px solid #e5eae2;border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 13px;color:#97a397;max-width:400px;flex:1}.searchbox input{border:0;background:none;padding:12px 0;outline:0;width:100%;font-size:12px;color:#344436}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.library-card{background:white;border:1px solid #e7ebe6;border-radius:11px;padding:9px 9px 15px;text-align:left;transition:box-shadow .2s,transform .2s;min-width:0}.library-card:hover{box-shadow:0 15px 40px #22332213;transform:translateY(-3px)}.library-card .cover{border-radius:6px}.library-meta{display:flex;align-items:center;justify-content:space-between;padding:16px 7px;gap:10px}.library-meta>div{display:grid;gap:7px;min-width:0}.library-meta b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-meta span{font-size:11px;color:#8e9c91}.library-numbers{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #eef1ed;padding:13px 8px 0;font-size:10px;color:#718174}.library-numbers span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.score-list{display:grid}.score-row{display:flex;align-items:center;gap:30px;padding:16px 3px;border:0;border-bottom:1px solid #edf0ed;background:transparent;text-align:left;width:100%}.score-row:last-child{border:0}.score-name{width:215px;display:grid;gap:5px}.score-name b{font-size:13px}.score-name span{font-size:10px;color:#9ca69d}.score-track{flex:1;background:#f0f3ed;height:9px;border-radius:20px;overflow:hidden}.score-track div{height:100%;background:#97bd8f;border-radius:20px}.score-row strong{font-size:17px;color:#3b5d43;min-width:70px}.score-row strong small{font-size:10px;color:#a3aea2}.explainer-grid,.split-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.explainer h2{font-family:Georgia,serif;font-size:26px;font-weight:400;letter-spacing:-.6px}.explainer p{color:#7d8b7f;line-height:1.8;font-size:12px}.formula-row{display:flex;justify-content:space-between;border-top:1px solid #edf0eb;padding:12px 0;font-size:12px}.formula-row b{color:#557a55}.formula-row span{color:#657367}.note-box,.mode-disclaimer{display:flex;align-items:flex-start;gap:12px;padding:17px;background:#f0f5e9;border-radius:10px;color:#557057;font-size:12px;line-height:1.7;margin-top:20px}.mode-disclaimer{border:1px solid #dce6d5;margin:24px 0}.mode-disclaimer b{display:block;color:#3c5940;margin-bottom:3px}.mode-disclaimer span{color:#748875}.country-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #edf0ed;font-size:12px}.country-row:last-child{border:0}.country-row b{width:120px;overflow:hidden;text-overflow:ellipsis}.country-row strong{font-size:11px;color:#59765d;min-width:15px;text-align:right}.country-meter{flex:1;height:8px;background:#f1f3ee;border-radius:12px;overflow:hidden}.country-meter span{display:block;height:100%;background:#a5c896;border-radius:10px}.audience-split{display:flex;align-items:center;justify-content:center;gap:30px;padding:12px 0}.audience-donut{width:166px;height:166px;flex-shrink:0;border-radius:50%;background:conic-gradient(#8fb886 var(--pct),#e9eee5 0);display:grid;place-items:center}.audience-donut>span{background:white;border-radius:50%;height:120px;width:120px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:29px;font-weight:600;color:#49694d}.audience-donut small{font-size:10px;font-weight:500;color:#a1a9a0;margin-top:5px}.audience-legend{display:grid;gap:17px;font-size:11px;color:#7e8a7f}.audience-legend>span{display:flex;align-items:center;gap:7px}.audience-legend strong{margin-left:auto;color:#425a46}.soft-note{font-size:10px;color:#a0aa9f;line-height:1.7}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.category-card{display:flex;align-items:center;gap:13px;border:1px solid #eef0eb;border-radius:10px;padding:16px}.category-glyph{width:43px;height:43px;border-radius:9px;display:grid;place-items:center;color:#526153;flex-shrink:0}.category-card>div:nth-child(2){flex:1;display:grid;gap:5px}.category-card b{font-size:12px}.category-card span{font-size:10px;color:#9aa59a}.category-card>svg{color:#aebaae}
/* DETAIL */
.backlink{display:flex;align-items:center;gap:8px;background:none;border:0;color:#6b8270;font-size:12px;margin:0 0 22px;padding:0}.detail-hero{display:flex;align-items:stretch;gap:32px;margin-bottom:26px}.detail-hero>.cover{width:248px;height:235px;min-width:248px}.detail-body{flex:1;padding:14px 0;display:flex;flex-direction:column;align-items:start}.detail-meta{display:flex;gap:8px;align-items:center;margin-bottom:13px}.detail-body h1{font-family:Georgia,serif;font-size:clamp(32px,3.6vw,48px);font-weight:400;letter-spacing:-1.5px;margin:0 0 10px;line-height:1.12}.detail-body p{color:#839186;font-size:12px;margin:0 0 22px}.detail-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:auto}.detail-stats{margin-top:24px}.detail-charts{margin-top:0}.chart-unavailable{min-height:250px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:10px;color:#90a28e;padding:20px}.chart-unavailable b{color:#4d6552;font-size:13px}.chart-unavailable p{max-width:280px;line-height:1.7;font-size:11px;margin:0}.retention-chart{height:240px;position:relative;display:flex;padding-left:43px;padding-top:7px;margin-top:18px}.retention-grid{position:absolute;left:0;top:2px;bottom:22px;display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:#a1aaa0}.retention-bars{display:flex;align-items:end;gap:3px;flex:1;height:200px;border-bottom:1px solid #e8ece5;background:repeating-linear-gradient(to top,transparent,transparent calc(25% - 1px),#eef1ed 25%);overflow:hidden}.retention-col{height:100%;flex:1;min-width:2px;display:flex;flex-direction:column;align-items:center;justify-content:end;position:relative}.retention-bar{width:100%;min-height:2px;background:#8fb78a;border-radius:3px 3px 0 0;transition:background .18s}.retention-col:hover .retention-bar{background:#557c5d}.retention-col span{font-size:8px;color:#a0aaa0;position:absolute;top:calc(100% + 5px);white-space:nowrap}.retention-note{font-size:10px;color:#9aa69a;display:flex;align-items:center;gap:6px;margin-top:12px}.drop-callout{margin-top:22px;border-radius:8px;background:#edf3e8;color:#668566;padding:14px;display:flex;gap:13px;font-size:11px;line-height:1.6}.drop-callout b{display:block;color:#3b5c43;margin-bottom:3px}.small-explain{color:#a2aba0;font-size:10px;margin-top:25px}.score-ring{width:170px;height:170px;border-radius:50%;background:conic-gradient(#8eb789 var(--score),#edf1e9 0);margin:26px auto 13px;display:grid;place-items:center}.score-ring span{width:137px;height:137px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:600;color:#395d41}.score-ring small{font-size:14px;color:#aab5a9;margin-top:15px}.score-qualifier{text-align:center;color:#6d8b70;font-size:11px;margin-bottom:24px}.score-legend{display:grid;gap:0}.score-legend>div{border-top:1px solid #edf0e9;display:flex;justify-content:space-between;font-size:11px;padding:12px 2px;color:#88968a}.score-legend b{color:#5a795c}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}.data-table th{font-size:9px;color:#9ba79c;letter-spacing:1.2px;font-weight:850;border-bottom:1px solid #e9eee6;padding:12px 14px}.data-table td{padding:16px 14px;border-bottom:1px solid #edf1ec;font-size:11px;color:#738374}.data-table td b{color:#3a4d3d;font-size:11px;font-weight:700}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:#f5f9f2}.table-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d0d9cb;margin-right:7px}.table-dot.returning{background:#86b57c}.media-panel{margin-top:20px}.media-list>div{display:flex;justify-content:space-between;font-size:12px;color:#748675;align-items:center;padding:12px;border-top:1px solid #eef0ec}.media-list button{border:0;background:none;color:#9b6459}.danger-zone{text-align:right;margin-top:20px}.danger-zone button{border:0;background:none;color:#b27f75;font-size:11px;display:inline-flex;align-items:center;gap:7px;padding:9px}
/* MODALS */
.modal-backdrop,.panel-backdrop{position:fixed;inset:0;background:#172319a8;z-index:50;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(3px)}.modal{width:min(100%,540px);max-height:90vh;overflow:auto;background:#fff;border-radius:15px;padding:35px;position:relative;box-shadow:0 35px 100px #0004}.modal-close{position:absolute;right:22px;top:20px}.modal-eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#839b7e;margin-bottom:12px}.modal h2{font-family:Georgia,serif;font-size:34px;letter-spacing:-1px;font-weight:400;margin:0 0 10px}.modal>p{font-size:12px;line-height:1.6;color:#8b978d;margin:0 0 25px;max-width:380px}.modal form{display:grid;gap:19px}.modal textarea{resize:vertical;line-height:1.5}.source-tabs{display:flex;gap:8px;margin-bottom:22px;background:#f4f7f1;padding:5px;border-radius:10px}.source-tabs button{flex:1;background:transparent;border:0;border-radius:7px;padding:10px 5px;color:#849187;font-size:11px;font-weight:800}.source-tabs button.chosen{background:#fff;color:#34563c;box-shadow:0 1px 5px #1d311a17}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.four-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.drop-upload{border:1.5px dashed #bfcdbd;border-radius:10px;padding:26px 20px;background:#fafcf8;display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center;color:#56775b}.drop-icon{background:#edf4e7;border-radius:12px;padding:11px}.drop-upload b{font-size:13px}.drop-upload p{font-size:11px;color:#899789;margin:0}.drop-upload input{padding:9px;max-width:285px;font-size:11px;background:white}.drop-upload small{font-size:10px;color:#a0aaa0}.form-explain{background:#f1f6ed;color:#759078;font-size:11px;line-height:1.7;padding:13px;border-radius:7px;display:flex;gap:9px}.form-explain svg{flex-shrink:0}.form-subhead{font-size:10px;font-weight:800;letter-spacing:1px;color:#8a9c8b;margin:0}.modal input.color-control{height:54px;padding:6px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #eff1ed;margin-top:10px;padding-top:21px}
/* SESSION PANEL */
.panel-backdrop{justify-content:flex-end;align-items:stretch;padding:0}.session-panel{width:min(490px,100%);overflow-y:auto;background:#fff;padding:30px 34px 60px;box-shadow:-10px 0 60px #0002}.session-panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.session-panel h2{font-family:Georgia,serif;font-size:33px;font-weight:400;letter-spacing:-.8px;margin:4px 0 6px}.session-panel>p{font-size:11px;margin-top:0}.session-status{margin:23px 0;background:#f2f6ed;color:#537658;padding:11px 14px;border-radius:8px;display:flex;gap:8px;align-items:center;font-size:11px;font-weight:800}.session-status span:last-child{font-size:10px;margin-left:auto;font-weight:500;color:#8ca08d}.status-dot{width:7px;height:7px;background:#9dc58f;border-radius:50%}.session-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:29px}.session-summary>div{background:#f6f8f4;border-radius:9px;padding:14px 11px;display:grid;gap:12px}.session-summary span{font-size:9px;letter-spacing:.8px;font-weight:800;color:#a1afa1}.session-summary strong{font-size:21px;letter-spacing:-1px;font-weight:650;color:#38543d}.panel-section{border-top:1px solid #ebefe8;padding:23px 0}.profile-fields{display:grid;gap:16px;margin-top:20px}.profile-fields>div{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;font-size:11px}.profile-fields span{color:#98a598;white-space:nowrap}.profile-fields b{font-weight:650;color:#4a604e;text-align:right;overflow-wrap:anywhere}.dwell-list{margin-top:19px;display:grid;gap:10px}.dwell-list>div{display:flex;gap:12px;align-items:center;font-size:10px}.dwell-list>div>span{width:50px;color:#7d8b7e}.dwell-meter{background:#eff2ec;height:8px;flex:1;border-radius:5px;overflow:hidden}.dwell-meter i{display:block;background:#99bf90;height:100%;border-radius:5px}.dwell-list b{width:55px;text-align:right;color:#496c4f}.timeline{margin-top:20px;border-left:1px solid #dfe8de;margin-left:6px;display:grid;gap:20px}.timeline-item{position:relative;display:grid;grid-template-columns:75px minmax(0,1fr);gap:13px;margin-left:17px}.timeline-dot{position:absolute;left:-21px;top:4px;width:8px;height:8px;border:2px solid #82ad7c;background:#fff;border-radius:50%}.timeline-item time{font-size:10px;color:#9eaba0;padding-top:3px}.timeline-item>div{display:grid;gap:6px;min-width:0}.timeline-item b{font-size:11px;color:#4b624e}.timeline-item span:not(.timeline-dot){font-size:10px;color:#9ba99d;line-height:1.5;overflow-wrap:anywhere}.timeline-link{font-size:9px;display:flex;align-items:center;color:#66896d;gap:5px;overflow-wrap:anywhere}
/* TOAST */
#toast{position:fixed;z-index:100;right:26px;bottom:26px;pointer-events:none}.toast{display:flex;gap:11px;align-items:center;background:#243d2b;color:#f5fbf0;box-shadow:0 12px 60px #0002;border-radius:10px;padding:14px 20px;font-size:12px;font-weight:650;max-width:360px;line-height:1.4}.toast.error{background:#79453d}
@media(max-width:1180px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-mid{grid-template-columns:1fr}.treat-stat:nth-of-type(5){display:none}.content{padding-left:30px;padding-right:30px}.topbar{padding-left:30px;padding-right:30px}}@media(max-width:930px){:root{--side:210px}.side{padding-left:11px;padding-right:11px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.treat-stat{display:none}.category-chip{display:none}.auth-layout{grid-template-columns:1fr}.auth-visual{min-height:470px}.auth-art{display:none}.auth-hero h1{font-size:65px;margin:20px 0}.auth-hero{margin:auto 0}.auth-kicker{margin-top:30px}.auth-form-col{min-height:580px}.auth-small-brand{margin-bottom:45px}}@media(max-width:690px){.workspace{display:block}.side{position:static;width:100%;height:auto;min-width:0;padding:13px 14px}.side .brand{margin:0 0 12px}.side .navlabel,.side .sidenote,.side .sideprofile,.side .navlabel.second{display:none}.side .nav{display:flex;gap:4px;overflow-x:auto}.navitem{min-width:max-content;padding:0 11px;height:35px;font-size:11px}.navitem svg{width:14px}.navcount{display:none}.topbar{height:49px;padding:0 17px}.toptools .secure{display:none}.content{padding:28px 16px 60px}.page-heading{align-items:flex-start}.page-heading h1{font-size:33px}.page-heading .button{padding:11px 12px;font-size:0;gap:0}.page-heading .button svg{width:19px;height:19px}.stat-card{padding:15px;min-height:133px}.stat-val{font-size:28px}.stat-grid{gap:10px}.panel{padding:20px 16px}.library-grid,.split-panels,.explainer-grid,.category-grid{grid-template-columns:1fr}.library-grid{gap:12px}.library-card .cover{height:180px}.detail-hero{gap:15px}.detail-hero>.cover{min-width:115px;width:115px;height:165px;padding:9px}.detail-hero>.cover .cover-title{font-size:16px}.detail-hero .cover-kicker{display:none}.detail-body h1{font-size:29px}.detail-actions{gap:6px}.detail-actions .button{padding:9px;font-size:10px}.detail-body{padding:0}.detail-meta .pill{display:none}.treatment-row{gap:10px}.treat-name{min-width:0}.treat-name b{font-size:11px}.treat-name span{font-size:10px}.score-row{gap:10px}.score-name{width:145px}.auth-visual{padding:28px 24px;min-height:380px}.auth-hero h1{font-size:58px;letter-spacing:-3px}.auth-hero>p{font-size:13px}.auth-bottom{font-size:7px}.auth-form-col{padding:45px 24px}.modal{padding:28px 22px}.two-fields{grid-template-columns:1fr}.four-fields{gap:5px}.demo-banner{flex-wrap:wrap}.demo-banner button{margin-left:0}.session-panel{padding:24px 20px 50px}.activity-item time{display:none}}@media(min-width:1650px){.library-grid{grid-template-columns:repeat(4,1fr)}}
/* Large EPUB upload progress */
.upload-progress{margin-top:18px;text-align:left;width:100%;padding:14px;border-radius:10px;background:rgba(14,20,24,.055)}
.upload-progress[hidden]{display:none}
.upload-progress-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:12px;font-weight:600;margin-bottom:10px}
.upload-progress-track{height:7px;width:100%;background:#dce0db;border-radius:20px;overflow:hidden}
.upload-progress-track>div{height:100%;background:#819873;border-radius:20px;transition:width .2s ease}
.upload-progress small{display:block;margin-top:8px;opacity:.65;font-size:11px}

/* Document previews: never alter original EPUB page styles or fonts. */
.cover-document{padding:0!important;background:#e8e9e5!important;display:block!important;position:relative!important;overflow:hidden!important;}
.cover-document::before,.cover-document::after{content:none!important;display:none!important;}
.folio-preview-visual{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;background:#e8e9e5;}
.folio-preview-epub-frame{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
.folio-preview-epub-frame iframe{border:0!important;position:absolute;left:50%;top:50%;transform-origin:center center;pointer-events:none;display:block;background:white;}
.folio-preview-pdf{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 4px 18px #1112;}
.folio-preview-embed{width:100%;height:100%;border:0;pointer-events:none;background:white;}
.folio-preview-version{position:absolute;right:9px;top:9px;font-size:10px;font-weight:800;border-radius:4px;background:#1b241dcc;color:#fff;padding:5px 7px;z-index:2;}
.folio-preview-fallback{position:absolute;bottom:7px;right:8px;background:#171d19a8;color:#fff;border-radius:3px;padding:4px 7px;font-size:9px;z-index:2;}

/* Consent breakdown: link loads, not unique visitors. */
.consent-ratio{padding:0 20px 18px}.consent-ratio-track{width:100%;height:14px;overflow:hidden;display:flex;background:#e6e9e5;border-radius:999px}.consent-ratio-track span{height:100%;display:block;flex:none}.consent-ratio-accepted{background:#55946d}.consent-ratio-declined{background:#d2a064}.consent-ratio-undecided{background:#aeb8af}.consent-ratio-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;color:#596e5b;font-size:12px}.consent-ratio-legend>span{display:flex;gap:5px;align-items:center}.consent-ratio-legend small{opacity:.75}.consent-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.consent-yes{background:#55946d}.consent-no{background:#d2a064}.consent-unknown{background:#aeb8af}

.access-setting-choice{display:flex!important;align-items:center;gap:12px;font-size:13px!important;padding:11px 0}.access-setting-choice input{width:18px!important;height:18px!important;flex:none}

/* Account settings */
.account-tabs{display:flex;gap:8px;margin:20px 0 24px;flex-wrap:wrap}.account-tabs button{border:1px solid #dce2d9;border-radius:24px;padding:11px 18px;background:transparent;color:inherit;cursor:pointer}.account-tabs button.chosen{background:#253b2b;color:white;border-color:#253b2b}.settings-card{max-width:820px;border:1px solid #e1e5df;background:white;border-radius:18px;padding:28px;margin-bottom:20px}.settings-card h2{font-size:25px;margin:8px 0 23px}.settings-card h3{margin:24px 0 12px}.account-form{display:grid;gap:16px;max-width:560px}.account-form label{display:grid;gap:7px;font-size:13px;font-weight:600}.account-form input{width:100%;border:1px solid #d9dfd6;border-radius:9px;padding:13px;font:inherit;background:white;color:#18251c}.account-form .button{justify-self:start}.account-photo-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:25px}.account-photo{width:96px;height:96px;border-radius:50%;background:#dce9d7;display:grid;place-items:center;font-size:36px;overflow:hidden}.account-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.avatar{overflow:hidden}.photo-upload{display:inline-flex;cursor:pointer;margin-top:7px}.settings-message{background:#eef4ec;padding:16px;border-radius:10px;margin:15px 0;color:#304335}.account-plan{display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap}.account-plan b{font-size:20px}.billing-placeholder{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #e2e8df}.billing-placeholder span:last-child{color:#7b897b}

/* v3.4 Audience directory */
.viewer-directory-panel{margin-bottom:20px}.viewer-directory-panel .panel-head p{margin:8px 0 0;font-size:12px;color:#859383}.viewer-directory-body{min-height:95px}.viewer-directory-table{width:100%}.viewer-directory-header,.viewer-directory-row{display:grid;grid-template-columns:minmax(180px,2.5fr) 1fr 1fr 1fr 18px;align-items:center;gap:12px}.viewer-directory-header{font-size:9px;letter-spacing:1px;font-weight:800;color:#98a79a;border-bottom:1px solid #edf0eb;padding:0 12px 13px}.viewer-directory-row{width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #edf0eb;padding:16px 12px;cursor:pointer;color:#536654;font:inherit;font-size:12px}.viewer-directory-row:hover,.viewer-history-row:hover{background:#f6f9f4}.viewer-directory-person{display:flex;align-items:center;gap:12px;min-width:0}.viewer-directory-person>span:last-child{display:grid;gap:4px;min-width:0}.viewer-directory-person b{font-size:13px;color:#304335;overflow-wrap:anywhere}.viewer-directory-person small{font-size:11px;color:#89998a;overflow-wrap:anywhere}.viewer-initial{width:36px;height:36px;flex:none;background:#e5efdf;color:#45674a;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:700}.viewer-profile{display:grid;gap:18px}.viewer-profile-head{display:flex;align-items:center;gap:15px}.viewer-profile-head .viewer-initial{width:52px;height:52px;font-size:21px}.viewer-profile-head h3{margin:0 0 5px;font-size:20px}.viewer-profile-head span,.viewer-profile-sub{color:#869488;font-size:12px}.viewer-history{border-top:1px solid #edf0eb}.viewer-history-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;background:transparent;border:0;border-bottom:1px solid #edf0eb;padding:16px 10px;text-align:left;cursor:pointer;color:#506753}.viewer-history-row>span:first-child{display:grid;gap:5px}.viewer-history-row small{font-size:11px;color:#8e9b8d}.viewer-history-row>span:last-child{display:flex;align-items:center;gap:8px}.insights-status{margin:8px 18px 15px;display:grid;gap:6px;font-size:12px;background:#f3f7f0;border-radius:10px;padding:15px;color:#4b6951}.insights-status span{line-height:1.6}.insight-progress-list{padding:10px 20px 22px;display:grid;gap:12px}.insight-progress-item{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0eb;padding:10px 0;font-size:12px}.insight-progress-item span{color:#879888;text-align:right}@media(max-width:690px){.viewer-directory-header{display:none}.viewer-directory-row{grid-template-columns:minmax(130px,1fr) 55px 24px;gap:8px}.viewer-directory-row>span:nth-child(3),.viewer-directory-row>span:nth-child(4){display:none}.viewer-directory-row>span:nth-child(2):after{content:' items';font-size:9px;color:#a1afa1}.viewer-directory-panel .panel-head{gap:8px}.insight-progress-item{flex-direction:column}}

/* v3.5: persistent demo-to-signup call to action */
.demo-signup-banner{position:sticky;top:0;z-index:28;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;margin:0 0 25px;border-radius:14px;background:#e5efdc;border:1px solid #b3c9a4;box-shadow:0 9px 28px rgba(39,63,36,.11)}
.demo-signup-copy{display:flex;flex-direction:column;gap:5px}.demo-signup-copy strong{font-size:22px;line-height:1.15;color:#24442c}.demo-signup-copy span{font-size:12px;color:#596b57;line-height:1.5}.demo-signup-banner .button{flex-shrink:0;white-space:nowrap}
@media(max-width:690px){.demo-signup-banner{padding:16px;align-items:flex-start;flex-direction:column;gap:13px}.demo-signup-copy strong{font-size:19px}.demo-signup-banner .button{width:100%;justify-content:center}}

/* v3.8 library and analytics selectors */
.date-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;background:var(--surface,#fff);border:1px solid #e1e5df;padding:13px 16px;border-radius:13px;margin-bottom:20px}.date-toolbar label{font-size:12px;color:#647065;display:flex;align-items:center;gap:8px;font-weight:600}.date-toolbar select,.date-toolbar input,.category-picker select{border:1px solid #d5ddd1;border-radius:8px;padding:8px 10px;background:white;color:#293a30;font:inherit;min-width:145px}.category-picker{display:flex;align-items:center;gap:9px;font-size:12px;color:#657367}.library-toolbar{flex-wrap:wrap;gap:12px}@media(max-width:700px){.date-toolbar label{flex-wrap:wrap}}

/* v3.9 compact analytics filter and folder library */
.date-toolbar{display:inline-flex;max-width:min(100%,670px);width:max-content;gap:10px;padding:9px 12px;align-items:center;box-sizing:border-box}
.date-toolbar select,.date-toolbar input{min-width:0;max-width:175px;font-size:12px;padding:7px 9px}
.library-card-shell{min-width:0;border:1px solid #e7ebe6;border-radius:11px;overflow:hidden;background:#fff}.library-card-shell .library-card{width:100%;border:0;border-radius:0}.folder-assign-label{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid #eef1ed;color:#718174}.folder-assign-label select{width:100%;border:1px solid #dbe3d8;border-radius:7px;background:#fff;color:#526353;padding:6px;font-size:11px}.category-filter-card{cursor:pointer;text-align:left;background:#fff;width:100%;font:inherit}.category-filter-card:hover,.category-filter-card.selected{border-color:#83a78a;background:#f3f8ef}.category-filter-card.selected{box-shadow:inset 0 0 0 1px #83a78a}@media(max-width:700px){.date-toolbar{width:100%;max-width:100%}.date-toolbar label{flex-wrap:wrap}}

/* v3.9.2 folder browser: visual folder navigation, no filter dropdown */
.folder-browser{border-bottom:1px solid #e8eee6;margin-bottom:17px;padding-bottom:20px}
.folder-browser-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.folder-browser-top h2{font-size:16px;margin:6px 0 0;color:#2b3e30}
.folder-tiles{display:flex;gap:10px;flex-wrap:wrap}
.folder-tile{display:flex;align-items:center;gap:11px;border:1px solid #e0e8dd;border-radius:11px;padding:12px 16px;background:#fff;color:#314737;cursor:pointer;min-width:155px;max-width:245px;text-align:left;transition:background .15s,border-color .15s;flex:0 1 auto}
.folder-tile>span:last-child{display:grid;gap:4px;min-width:0}.folder-tile b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-tile small{font-size:10px;color:#7d8c7e}.folder-icon{color:#728b72;display:flex;align-items:center}.folder-tile:hover{background:#f5f9f2;border-color:#aec8a6}.folder-tile.selected{background:#e9f3e2;border-color:#83a68a;box-shadow:inset 0 0 0 1px #a4c3a3}.folder-tile.selected .folder-icon{color:#355b3b}
@media(max-width:620px){.folder-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.folder-tile{min-width:0;max-width:100%}.folder-browser-top .button{padding:9px 10px}}

/* v3.9.3: Keep first-page thumbnails unobstructed in Overview > Recent Treatments. */
.treatments-panel .treatment-row .folio-preview-fallback{display:none;}

/* Organizer management and recommended import formats */
.folder-tile-wrap,.category-tile-wrap{display:flex;position:relative;align-items:stretch;gap:3px;min-width:0}
.folder-tile-wrap .folder-tile{flex:1;min-width:0}
.category-tile-wrap .category-card{flex:1;min-width:0}
.organizer-edit{border:1px solid #e0e8dd;background:#f8faf6;border-radius:9px;color:#637868;padding:0 9px;cursor:pointer;display:grid;place-items:center}
.organizer-edit:hover{background:#e9f3e2;color:#274b2e}
.category-tile-wrap .organizer-edit{margin-left:2px}
.split-actions{justify-content:space-between!important}.danger-text{color:#aa4d4d!important}
.source-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.source-tabs button{display:grid;gap:6px;padding:12px 9px}.source-tabs small{font-size:9px;font-weight:700;color:#a35d47}.source-tabs .source-recommended small{color:#42794b}.source-tabs .source-limited{opacity:.78}
.export-help-trigger{border:0;background:transparent;color:#426946;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:12px;font-weight:700;padding:0 0 15px;text-decoration:underline;text-underline-offset:3px}
.export-guide{font-size:12px;color:#657366;line-height:1.7;max-height:56vh;overflow:auto}.export-guide h3{color:#345c39;margin:16px 0 6px;font-size:14px}.export-guide ol{padding-left:21px}.export-guide li{margin-bottom:6px}
@media(max-width:620px){.folder-tile-wrap{min-width:0}.category-grid{grid-template-columns:1fr 1fr}}

/* v3.9.6: central organizer management */
.organizer-header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.organizer-management-list{display:grid;gap:8px;max-height:360px;overflow-y:auto;margin:18px 0}
.organizer-management-row{border:1px solid #e4eae1;border-radius:10px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.organizer-management-name{display:flex;align-items:center;gap:10px;min-width:0;color:#314737}
.organizer-management-name b{font-size:13px;overflow-wrap:anywhere}
.organizer-color-dot{display:inline-block;width:16px;height:16px;min-width:16px;border-radius:5px}
@media(max-width:620px){.folder-browser-top,.categories-panel .panel-head{align-items:flex-start;flex-direction:column}.organizer-header-actions{width:100%}}

.edit-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#777);margin:16px 0 8px}
/* FOLIO Reels workspace */
.reel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}.reel-header h1{font-size:44px;margin:8px 0 10px}.reel-actions{display:flex;gap:9px}.reel-mini-tabs{display:flex;gap:10px;margin:14px 0 20px}.reel-mini-tabs button{padding:10px 16px;background:transparent;border:1px solid #d5dcd3;border-radius:9px;color:inherit;cursor:pointer}.reel-mini-tabs .selected{background:#e6eee1}.reel-panel{background:#fff;border:1px solid #e3e7e1;border-radius:16px;padding:24px;margin-bottom:20px}.reel-section-title,.reel-editor-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.reel-section-title h2{margin:0;font-size:23px}.reel-section-title>span{color:#829080;font-size:13px}.reel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:16px}.reel-tile{border:1px solid #e3e8e2;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.reel-tile-picture{aspect-ratio:16/9;background:#233328;color:#e3f3dc;display:grid;place-items:center;font-size:38px;border-radius:8px}.reel-tile small,.reel-video-meta small{color:#7a867a;font-size:12px}.reel-tile-buttons{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto}.reel-tile-buttons .button{font-size:12px;padding:7px 10px}.reel-video-grid{display:grid;gap:8px}.reel-video-card{display:flex;gap:14px;align-items:center;border-bottom:1px solid #edf0ed;padding:9px 0}.reel-video-thumb{width:130px;aspect-ratio:16/9;background:#1e2b23;color:white;display:grid;place-items:center;border-radius:6px;overflow:hidden;flex-shrink:0}.reel-video-thumb img{width:100%;height:100%;object-fit:cover}.reel-video-meta{display:flex;flex:1;flex-direction:column;gap:4px}.reel-form{display:grid;gap:15px}.reel-form label,.reel-dialog label{display:grid;gap:6px;font-size:13px;color:#4c5c50}.reel-form input,.reel-form select,.reel-dialog input,.reel-dialog select{padding:11px;border:1px solid #cdd8cd;border-radius:8px;background:white;color:#1d271f;width:100%;font:inherit}.reel-item{display:flex;align-items:center;gap:15px;padding:12px;border:1px solid #e1e8df;border-radius:8px;margin-bottom:8px}.reel-item>span:nth-child(2){flex:1}.reel-order-number{font-size:12px;color:#718171}.reel-item button{padding:5px 10px;background:#f1f4ef;border:1px solid #d5ded2;border-radius:6px;cursor:pointer}.reel-pick-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.reel-pick{padding:12px;border:1px solid #d6e1d5;background:#f8faf6;border-radius:8px;text-align:left;cursor:pointer}.reel-pick small{display:block;color:#7c8a7c}.reel-modal-host:empty{display:none}.reel-dialog-backdrop{position:fixed;inset:0;background:#0d1b14aa;display:grid;place-items:center;z-index:1100;padding:20px}.reel-dialog{width:min(550px,100%);max-height:90vh;overflow:auto;background:#fff;color:#1d2b1e;padding:30px;border-radius:16px;position:relative}.reel-dialog form{display:grid;gap:14px}.reel-dialog-close{position:absolute;top:16px;right:16px;background:transparent;border:0;font-size:25px;cursor:pointer}.reel-modal-actions{display:flex;justify-content:flex-end;gap:10px}.reel-analytics-summary{display:flex;align-items:center;gap:18px;padding:20px;background:#f2f6ef;border-radius:10px}.reel-analytics-summary strong{font-size:36px}.reel-stats-table{border-collapse:collapse;width:100%;margin:15px 0}.reel-stats-table td,.reel-stats-table th{padding:10px;text-align:left;border-bottom:1px solid #e3e9e1}.reel-stats-table th{font-size:12px;color:#71816f}@media(max-width:700px){.reel-header{display:block}.reel-actions{margin-top:15px}.reel-panel{padding:14px}.reel-video-thumb{width:90px}}

/* Reel library composer */
.reel-dialog{width:min(640px,100%);padding:28px 30px;max-height:92vh}.reel-form-heading h2{margin:6px 0}.reel-form-heading p{margin:0 0 18px}.reel-form-section{display:grid;gap:13px;border-top:1px solid #e5eae3;padding:18px 0}.reel-form-step{display:flex;align-items:center;gap:11px}.reel-form-step>b{background:#edf3e8;color:#466046;font-size:11px;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.reel-form-step>strong{font-size:14px}.reel-form-step small{font-weight:400;color:#819080}.reel-source-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.reel-source-choice{cursor:pointer}.reel-source-choice input{position:absolute;opacity:0;width:1px;height:1px}.reel-source-choice span{border:1px solid #d7e0d4;border-radius:9px;min-height:45px;display:grid;place-items:center;text-align:center;font-size:12px;padding:8px}.reel-source-choice input:checked+span{background:#e8f2e2;border-color:#678568;font-weight:650}.reel-source-choice input:focus-visible+span{outline:2px solid #668568}.reel-form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reel-form-section small{color:#778477}.reel-upload-track{height:9px;border-radius:999px;background:#e6ebe4;overflow:hidden}.reel-upload-track div{height:100%;background:#587c58;width:0%;transition:width .15s}.reel-upload-status{color:#536653;font-size:12px}.reel-dialog [hidden]{display:none!important}@media(max-width:520px){.reel-source-choices{grid-template-columns:repeat(2,1fr)}.reel-form-two{grid-template-columns:1fr}.reel-dialog{padding:22px 18px}}

/* v5.3: A compact, responsive navigation with no promotional panel. */
.side .sidenote{display:none!important}
.side{min-height:0}
.side .brand{margin-bottom:clamp(20px,4vh,42px)}
.side .nav{overflow-y:auto;overflow-x:hidden;min-height:0;overscroll-behavior:contain;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#495d4d transparent}
.side .sideprofile{flex:0 0 auto;margin-top:auto;background:#171d19;padding-bottom:3px}
.side .sidespacer{flex:1 1 8px;min-height:5px}
.mobile-nav-toggle{display:none}
/* Four default categories, including All Types, stay on one line. Extra custom types scroll horizontally. */
.categories-panel .category-grid{display:flex;gap:10px;overflow-x:auto;max-width:100%;padding:2px 2px 9px;scrollbar-width:thin;scrollbar-color:#ccd8c7 transparent}
.categories-panel .category-grid>.category-card,.categories-panel .category-grid>.category-tile-wrap{flex:1 0 calc((100% - 30px)/4);min-width:148px;max-width:none}
.categories-panel .category-card{min-width:0;padding:13px 10px;gap:9px;white-space:nowrap}
.categories-panel .category-card>div:nth-child(2){min-width:0;text-align:left}
.categories-panel .category-card b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.categories-panel .category-glyph{height:33px;width:33px;min-width:33px}
@media(max-width:1120px){
 .categories-panel .category-grid>.category-card,.categories-panel .category-grid>.category-tile-wrap{flex:0 0 178px;min-width:178px}
}
@media(max-height:730px) and (min-width:691px){
 .side{padding-top:15px;padding-bottom:8px}
 .side .brand{margin-bottom:18px}
 .side .navitem{height:38px}
 .sideprofile{padding-top:10px}
}
@media(max-width:690px){
 .side{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;height:auto;padding:10px 14px;gap:0;background:#171d19}
 .side .brand{grid-column:1;grid-row:1;margin:0;padding-left:0}
 .mobile-nav-toggle{grid-column:2;grid-row:1;display:inline-flex;align-items:center;gap:8px;border:1px solid #425143;color:#eaf2e7;background:#263329;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:600}
 .side .nav{grid-column:1/-1;grid-row:2;display:none;flex-direction:column;overflow-y:auto;overflow-x:hidden;max-height:min(65vh,500px);gap:3px;padding:13px 0 8px}
 .side.mobile-open .nav{display:flex}
 .side .navlabel.second{display:block!important;margin:13px 0 5px;padding:0 12px;font-size:9px}
 .side .navitem{min-width:0;width:100%;height:40px;font-size:12px;padding:0 12px;flex-shrink:0}
 .side .navcount{display:inline;margin-left:auto}
 .side .sideprofile{grid-column:1/-1;grid-row:3;display:none;border-top:1px solid #2c382f;padding:12px 0 3px;margin-top:0}
 .side.mobile-open .sideprofile{display:flex}
 .side .sidespacer{display:none}
 .categories-panel .category-grid{display:flex;overflow-x:auto;gap:9px}
 .categories-panel .category-grid>.category-card,.categories-panel .category-grid>.category-tile-wrap{flex:0 0 164px;min-width:164px}
}

/* Reel thumbnail picker: keeps media and scrubber inside the modal at every width. */
.reel-thumbnail-picker{min-width:0;width:100%;display:grid;gap:10px}
.reel-thumbnail-picker [hidden]{display:none!important}
.reel-video-preview{width:100%;max-width:100%;aspect-ratio:16/9;background:#162119;border-radius:10px;overflow:hidden;display:grid;place-items:center}
.reel-video-preview video{display:block;width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}
.reel-scrub-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;font-size:12px;color:#647366;min-width:0}
.reel-scrub-row input[type=range]{width:100%;min-width:0;padding:0;accent-color:#436b48;cursor:pointer}
.reel-thumbnail-picker .button{justify-self:start}
.reel-chosen-thumbnail{display:flex;align-items:center;gap:12px;min-width:0;background:#edf3e8;border-radius:9px;padding:9px;font-size:12px}
.reel-chosen-thumbnail img{width:110px;max-width:40%;aspect-ratio:16/9;object-fit:cover;border-radius:6px}
.reel-thumbnail-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.reel-thumbnail-choice{padding:3px;border:2px solid transparent;background:#e7eee5;border-radius:9px;cursor:pointer;min-width:0;overflow:hidden}
.reel-thumbnail-choice.selected{border-color:#406d45}
.reel-thumbnail-choice img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.reel-dialog,.reel-form-section,.reel-video-preview{min-width:0;box-sizing:border-box}
@media(max-width:520px){.reel-thumbnail-options{grid-template-columns:repeat(2,minmax(0,1fr))}.reel-scrub-row{gap:6px}}

/* v5.6: Reels uses the Treatments visual system rather than a second UI language. */
.reel-header{margin-bottom:34px;align-items:flex-start;}
.reel-header h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,3.5vw,45px);font-weight:400;letter-spacing:-1.6px;line-height:1.12;color:#202d23;margin:0 0 12px;}
.reel-header .eyebrow{margin:0 0 13px;}
.reel-header .subtitle{font-size:13px;margin:0;line-height:1.55;}
.reel-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.reel-panel{background:#fff;border:1px solid #e7ebe5;border-radius:var(--radius);padding:24px 26px;margin-bottom:22px;min-width:0;}
.reel-section-title{margin-bottom:20px;align-items:flex-start;}
.reel-section-title .overline{margin-bottom:0;}
.reel-section-title h2,.reel-editor-head h2{font-family:Inter,'Helvetica Neue',Arial,sans-serif;font-size:17px;line-height:1.25;letter-spacing:-.4px;font-weight:720;color:#28372b;margin:8px 0 0;}
.reel-section-title>span{font-size:11px;color:var(--sub);font-weight:550;}
.reel-mini-tabs{gap:7px;margin:0 0 22px;border-bottom:1px solid var(--line);padding-bottom:9px;overflow-x:auto;}
.reel-mini-tabs button{font:inherit;font-size:12px;font-weight:650;padding:9px 13px;border-radius:8px;border:1px solid transparent;color:#68766a;white-space:nowrap;}
.reel-mini-tabs button.selected{background:#edf3e8;border-color:#d9e5d5;color:#344f3a;}
.reel-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;}
.reel-tile{border:1px solid #e7ebe5;border-radius:12px;padding:13px;gap:9px;background:#fff;min-width:0;}
.reel-tile>b,.reel-video-meta>b{font-size:13px;line-height:1.35;color:#28372b;letter-spacing:-.15px;}
.reel-tile small,.reel-video-meta small{font-size:11px;line-height:1.5;color:var(--sub);}
.reel-tile-picture{background:#24362b;border-radius:9px;}
.reel-video-card{border-bottom:1px solid var(--line);padding:13px 0;min-width:0;}
.reel-video-card:last-child{border-bottom:0;}
.reel-video-thumb{border-radius:9px;width:140px;}
.reel-video-meta{min-width:0;}
.reel-editor-head{gap:12px;flex-wrap:wrap;}
.reel-editor-head h2{margin:0;flex:1;}
.reel-editor-head>a{font-size:12px;font-weight:650;color:#45664b;}
.reel-item,.reel-pick{border-radius:10px;border-color:var(--line);}
.reel-analytics-summary{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:19px 22px;background:#f8faf6;border:1px solid var(--line);border-radius:12px;}
.reel-analytics-summary strong{font-size:32px;line-height:1.15;font-weight:720;letter-spacing:-1px;color:#28372b;}
.reel-analytics-summary span:last-child{font-size:12px;color:var(--sub);}
.reel-stats-table{font-size:12px;line-height:1.5;margin:19px 0;table-layout:auto;}
.reel-stats-table th{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:#7b887c;background:#f9faf7;}
.reel-stats-table td,.reel-stats-table th{padding:13px 12px;border-bottom:1px solid var(--line);}
.reel-dialog{border-radius:15px;box-shadow:0 28px 80px #0e221533;}
.reel-form-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:30px;font-weight:400;letter-spacing:-.8px;color:#233529;}
.reel-form-step>strong{font-size:13px;color:#344536;}
@media(max-width:930px){.reel-header{gap:16px;}.reel-header h1{font-size:33px;}.reel-header .button{font-size:12px;padding:10px 13px;}.reel-panel{padding:20px;}}
@media(max-width:680px){.reel-header{display:flex;flex-direction:column;}.reel-actions{justify-content:flex-start;width:100%;}.reel-panel{padding:17px;}.reel-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));}.reel-video-thumb{width:100px;}.reel-stats-table{min-width:540px;}.reel-panel:has(.reel-stats-table){overflow-x:auto;}.reel-section-title{gap:8px;}}

/* v5.7: first-video cover image scales to the existing 16:9 reel card. */
.reel-tile-picture{overflow:hidden;position:relative}.reel-tile-picture img{width:100%;height:100%;display:block;object-fit:cover}.reel-tile-picture span{display:grid;place-items:center;width:100%;height:100%}

/* v5.8: Reel insights use the shared Treatment analytics panel language. */
.reel-analytics-page{display:grid;gap:18px}.reel-analytics-page>.reel-editor-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.reel-analytics-page>.reel-editor-head h2{font-family:Georgia,serif;font-weight:400;flex:1;font-size:29px}.reel-analytics-page .panel{min-width:0}.reel-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-radius:10px;overflow:hidden;margin-top:16px}.reel-metric{padding:20px;background:#fff;display:grid;gap:8px;min-width:0}.reel-metric>span{font-size:10px;font-weight:800;letter-spacing:.6px;color:#849488}.reel-metric strong{font-size:clamp(23px,2.5vw,35px);font-weight:650;color:#355c3b;letter-spacing:-1px}.reel-metric small{color:#8d9c8f;font-size:10px}.reel-analytics-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:18px}.reel-analytics-note{font-size:11px;line-height:1.65;margin:15px 0 0}.reel-source-tag{display:block;color:#8c9b8b;font-size:10px;margin-top:4px}.reel-interaction-list{margin-top:10px}.reel-interaction-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf0e9;font-size:12px;color:#728473}.reel-interaction-list b{color:#3b5d41}.reel-event-timeline{max-height:360px;overflow:auto}.reel-event-timeline>div{display:grid;grid-template-columns:170px 140px minmax(0,1fr);gap:10px;padding:11px 0;border-bottom:1px solid #edf0e9;font-size:11px}.reel-event-timeline time,.reel-event-timeline span{color:#8a998c}.reel-event-timeline b{color:#3d5c41}@media(max-width:1080px){.reel-analytics-columns{grid-template-columns:1fr}}@media(max-width:690px){.reel-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reel-event-timeline>div{grid-template-columns:1fr 1fr}.reel-event-timeline span{grid-column:1/-1}}

.reel-treatment-help{font-size:11px;color:#819080;line-height:1.5}
/* v5.11: project-first video library */
.folio-library-toolbar{display:grid;gap:14px;margin-bottom:18px;min-width:0}.folio-folder-scroller{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding-bottom:4px}.folio-folder-chip{border:1px solid var(--line,#dfe5dd);border-radius:9px;padding:9px 12px;white-space:nowrap;background:#fff;color:inherit;cursor:pointer;font:inherit;font-size:13px}.folio-folder-chip.selected{background:#e8efe6;border-color:#9fb59e}.folio-folder-chip small{margin-left:6px;opacity:.55}.folio-library-tools{display:flex;gap:9px;flex-wrap:wrap}.folio-library-tools input{flex:1 1 250px;min-width:0;padding:10px 12px;border:1px solid #d8e1d5;border-radius:9px;background:white;font:inherit}.folio-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:14px}.folio-project-card{border:1px solid #e2e8e0;border-radius:13px;overflow:hidden;background:white;min-width:0;display:flex;flex-direction:column}.folio-project-cover{height:132px;background:#1a271e;display:grid;place-items:center;color:white;overflow:hidden}.folio-project-cover img{width:100%;height:100%;object-fit:cover}.folio-project-body{padding:15px;display:grid;gap:12px;min-width:0}.folio-project-name{display:grid;gap:3px}.folio-project-name b{font-size:16px}.folio-project-name small,.folio-source,.folio-pick-project small{font-size:12px;color:#788577}.folio-version-list{display:grid;gap:6px;max-height:228px;overflow:auto}.folio-version-row{display:flex;align-items:center;gap:8px;background:#f7f9f5;border-radius:8px;padding:7px 9px;min-width:0}.folio-version-pill{font-size:12px;font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folio-version-row .folio-source{margin-left:auto}.folio-version-row .button{padding:5px 9px;font-size:12px}.folio-project-actions{display:flex;gap:7px;flex-wrap:wrap}.folio-project-actions .button{font-size:12px}.folio-reel-pick-projects{display:grid;gap:8px}.folio-pick-project{display:grid;grid-template-columns:minmax(120px,1fr) minmax(150px,1fr) auto;align-items:center;gap:10px;border:1px solid #e1e7df;border-radius:10px;padding:10px 12px}.folio-pick-project>div{display:grid;gap:3px;min-width:0}.folio-pick-project strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folio-pick-project select{min-width:0;width:100%;padding:9px;border:1px solid #d5dfd3;border-radius:8px;background:white;color:#243027}.folio-pick-project .button{white-space:nowrap}@media(max-width:650px){.folio-pick-project{grid-template-columns:minmax(0,1fr) auto}.folio-pick-project>div{grid-column:1/-1}.folio-project-cover{height:110px}.folio-library-tools .button{flex:0 0 auto}}

/* v5.12 reel access and session details */
.reel-access-panel{display:grid;gap:12px;padding:18px;border:1px solid var(--border,#dfe4df);border-radius:10px;margin:16px 0}.reel-access-panel label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}.reel-access-panel input[type=checkbox]{width:auto}.reel-session-identity{display:block;font-size:11px;color:var(--muted,#687873)}.reel-session-details{display:grid;gap:8px;padding:12px}.reel-session-details>div{display:grid;grid-template-columns:100px 155px minmax(0,1fr);gap:12px;align-items:start;padding:8px 0;border-bottom:1px solid #e5e9e8}.reel-session-details time{font-size:12px;color:#6f7b80}@media(max-width:680px){.reel-session-details>div{grid-template-columns:80px minmax(0,1fr)}.reel-session-details span{grid-column:2}}

/* v5.24 desktop-inspired folder browser */
.desktop-folder-tiles,.folio-desktop-folders{display:flex;gap:10px;overflow-x:auto;padding:3px 2px 12px;scrollbar-width:thin;align-items:stretch}
.desktop-folder-tiles .folder-tile{flex:0 0 165px;min-width:145px;white-space:normal;text-align:left}
.folio-desktop-folder{border:1px solid var(--line,#dce2d9);background:var(--panel,#fff);border-radius:11px;min-width:146px;max-width:190px;min-height:72px;display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:11px 14px;cursor:pointer;text-align:left;color:inherit;font:inherit}
.folio-desktop-folder>span{font-weight:650;overflow:hidden;text-overflow:ellipsis;max-width:100%}.folio-desktop-folder small{opacity:.65;font-size:11px}.folio-desktop-folder.selected{background:#edf3ed;border-color:#8da98d}
.desktop-breadcrumbs,.folio-desktop-crumbs{display:flex;gap:9px;align-items:center;min-height:32px;margin:8px 0 14px;font-size:13px;color:var(--muted,#607061)}
.desktop-breadcrumbs button,.folio-desktop-crumbs button{border:0;background:none;font:inherit;color:inherit;text-decoration:underline;cursor:pointer;padding:2px}
.folio-drop-hint{font-size:12px;margin:3px 0 14px}.is-dragging{opacity:.45}.is-drop-target{outline:2px solid #548c6b!important;outline-offset:-3px;background:#e3efe5!important;transform:translateY(-1px)}
@media(max-width:650px){.desktop-folder-tiles .folder-tile{flex-basis:140px}.folio-desktop-folder{min-width:132px}.desktop-folder-tiles,.folio-desktop-folders{gap:7px}}

/* v5.25: Reels and Video Library share Treatments folder-browser UI */
.folio-shared-folder-browser{margin-bottom:0}
.folio-shared-folder-browser .folder-browser-top h2{margin:0}
.folio-shared-folder-browser .folder-icon{font-size:20px;line-height:1;width:24px;display:grid;place-items:center}
.reel-panel>.folio-shared-folder-browser{padding-bottom:8px}
.folio-shared-folder-browser .desktop-folder-tiles{margin-top:12px}
@media(max-width:650px){.folio-shared-folder-browser .organizer-header-actions{flex-wrap:wrap;justify-content:flex-start}}

/* v5.27 · Reel composer: compact, clearly separated columns that match Treatments */
.reel-settings-form{display:grid;gap:16px;max-width:100%;min-width:0}
.reel-settings-core{padding:18px;border:1px solid var(--line,#e0e6dc);border-radius:13px;background:#fff;min-width:0}
.reel-settings-overline,.reel-editor-column-heading{font-size:11px;font-weight:750;letter-spacing:.1em;color:#829080;margin-bottom:11px}
.reel-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}
.reel-settings-grid label{display:grid;gap:6px;min-width:0;margin:0;font-size:13px;font-weight:600}
.reel-settings-grid .reel-link-field{grid-column:1/-1}
.reel-settings-grid input{box-sizing:border-box;width:100%;min-width:0;padding:10px 12px;border:1px solid #dce4d9;border-radius:9px;background:white;font:inherit}
.reel-settings-disclosure{border:1px solid #dee6dc;border-radius:12px;background:white;min-width:0;overflow:hidden}
.reel-settings-disclosure>summary{cursor:pointer;list-style:none;display:flex;gap:12px;justify-content:space-between;align-items:center;padding:14px 16px}
.reel-settings-disclosure>summary::-webkit-details-marker{display:none}
.reel-settings-disclosure-heading{display:grid;gap:3px;min-width:0}
.reel-settings-disclosure-heading strong{font-size:14px;color:#233329}
.reel-settings-disclosure-heading small{font-size:12px;color:#829080}
.reel-settings-disclosure-body{border-top:1px solid #e7ece5;padding:15px;min-width:0}
.reel-settings-disclosure[open] .reel-disclosure-arrow{transform:rotate(180deg)}
.reel-settings-videos{padding:0;min-width:0}
.reel-settings-videos-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:0 0 12px}
.reel-settings-videos-heading h3{font-size:18px;margin:0 0 3px}
.reel-settings-videos-heading p{font-size:12px;margin:0}
.reel-settings-count{font-size:12px;color:#6a7c6a;white-space:nowrap}
.reel-editor-columns{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:14px;align-items:start}
.reel-editor-selection{min-width:0;background:#fff;border:1px solid #dee6dc;border-radius:12px;padding:15px}
.reel-library-disclosure{min-width:0}
.reel-library-disclosure[open] .reel-settings-disclosure-body{max-height:460px;overflow-y:auto;overscroll-behavior:contain}
.reel-library-disclosure .folio-reel-picker-search-label{display:grid;gap:6px;position:sticky;top:-15px;background:#fff;z-index:2;padding:3px 0 10px;font-size:12px;font-weight:600}
.reel-library-disclosure .folio-reel-picker-search-label input{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid #dce4d9;border-radius:9px;font:inherit}
.reel-library-disclosure .folio-pick-project{grid-template-columns:minmax(0,1fr) minmax(105px,.65fr) auto;gap:7px;padding:9px}
.reel-library-disclosure .folio-pick-project .button{padding:8px 10px}
.reel-settings-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px;border-top:1px solid #e6ece3;padding-top:15px}
@media(max-width:1000px){.reel-editor-columns{grid-template-columns:minmax(0,1fr)}.reel-library-disclosure[open] .reel-settings-disclosure-body{max-height:390px}}
@media(max-width:620px){.reel-settings-grid{grid-template-columns:minmax(0,1fr)}.reel-settings-grid .reel-link-field{grid-column:auto}.reel-settings-core,.reel-editor-selection{padding:12px}.reel-settings-footer{flex-wrap:wrap}.reel-library-disclosure .folio-pick-project{grid-template-columns:minmax(0,1fr) auto}.reel-library-disclosure .folio-pick-project>div{grid-column:1/-1}}

/* v5.31: compact, responsive Reel viewer-access editor */
.reel-access-disclosure .reel-access-layout{display:grid;gap:14px;padding:16px}
.reel-access-intro{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 12px}
.reel-access-intro strong{font-size:13px;color:#293c30}
.reel-access-intro span,.reel-access-privacy{font-size:11px;color:#7a897d}
.reel-access-toggles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.reel-access-toggles .reel-access-choice{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid #e0e7de;border-radius:9px;background:#fafcf9;cursor:pointer;margin:0}
.reel-access-toggles .reel-access-choice:has(input:checked){background:#eff6ed;border-color:#abc4ab}
.reel-access-choice input{flex:none;width:16px;height:16px;margin:0;accent-color:#496d4d}
.reel-access-choice span{display:grid;gap:2px;min-width:0}
.reel-access-choice strong{font-size:12px;color:#304233}
.reel-access-choice small{font-size:10px;color:#7f8e81;line-height:1.3}
.reel-access-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;align-items:end}
.reel-access-fields label{display:grid;gap:6px;min-width:0;font-size:12px;font-weight:650;color:#405545;margin:0}
.reel-access-fields input{box-sizing:border-box;width:100%;min-width:0;padding:10px 12px;border:1px solid #dce4d9;border-radius:8px;background:#fff;font:inherit;font-weight:400}
.reel-access-fields .reel-access-password{grid-column:1/-1;display:none}
.reel-access-disclosure:has(input[name="gatePassword"]:checked) .reel-access-password{display:grid}
.reel-access-privacy{margin:0;line-height:1.45}
@media(max-width:620px){.reel-access-toggles{grid-template-columns:minmax(0,1fr)}.reel-access-fields{grid-template-columns:minmax(0,1fr)}}

/* Brand mark uses the existing favicon artwork rather than a separately styled letter. */
.brandmark{background:transparent;overflow:hidden;border-radius:0;flex:0 0 auto}
.brandmark img{display:block;width:100%;height:100%;object-fit:contain}

/* v5.33: free/pro account display and feature gating */
.side .brand{gap:0!important}.side .brand>span:last-child{margin-left:0}
.folio-plan-tag{cursor:pointer;border:1px solid #dae5d8;border-radius:8px;padding:7px 11px;background:#f2f7ed;font-size:10px;font-weight:800;letter-spacing:.4px;color:#4b7251}
.folio-upgrade-backdrop{position:fixed;inset:0;z-index:99999;background:#121d16a6;display:grid;place-items:center;padding:18px}
.folio-upgrade-card{width:min(550px,100%);max-height:calc(100dvh - 36px);overflow:auto;background:#fff;color:#27382c;border-radius:17px;padding:29px;box-shadow:0 24px 80px #0005;position:relative}
.folio-upgrade-card h2{font:normal 30px Georgia,serif;margin:8px 0 12px}
.folio-upgrade-card .folio-upgrade-reason{font-size:13px;line-height:1.6;color:#5a6a5b}
.folio-upgrade-close{position:absolute;right:20px;top:14px;border:none;background:none;font-size:26px;color:#687568;cursor:pointer}
.folio-upgrade-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.folio-upgrade-comparison>div{background:#f5f8f3;border:1px solid #e4ede2;border-radius:9px;padding:17px}
.folio-upgrade-comparison b{font-size:17px}
.folio-upgrade-comparison p{font-size:12px;line-height:1.5;margin:9px 0}
.folio-upgrade-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}
@media(max-width:600px){.folio-upgrade-comparison{grid-template-columns:1fr}.folio-upgrade-card{padding:21px}}

/* v5.34 platform administration and sample library */
.folio-admin-panel{margin-top:18px}.folio-admin-search{display:block;max-width:420px;margin:16px 0}.folio-admin-search input{display:block;width:100%;margin-top:6px}.folio-admin-table-wrap{width:100%;overflow-x:auto}.folio-admin-table{width:100%;border-collapse:collapse;text-align:left;min-width:680px}.folio-admin-table th,.folio-admin-table td{padding:13px 11px;border-bottom:1px solid var(--border,#e6e9e3);font-size:13px}.folio-admin-table td small{display:block;font-size:11px;opacity:.65;margin-top:3px}.folio-admin-table select{min-width:92px}.folio-admin-audit>div{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #e9ede8;padding:10px 0}.folio-admin-audit small{margin-left:auto;opacity:.6}.folio-demo-cover{background:linear-gradient(135deg,var(--demo-tone),#243247)!important;display:flex;align-items:center;justify-content:center;color:#fff}.folio-demo-cover span{font-size:28px}.folio-demo-reel-list{display:flex;gap:5px;flex-wrap:wrap;padding:8px 0}.folio-demo-reel-list span{font-size:11px;padding:5px 7px;background:#eef0ee;border-radius:5px}.folio-demo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.folio-demo-metrics>div{border:1px solid #e1e7df;padding:16px;border-radius:9px}.folio-demo-metrics small{display:block;color:#67766a}.folio-demo-metrics b{display:block;font-size:28px;margin-top:7px}@media(max-width:720px){.folio-demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Temporary local plan selector in Billing settings */
.folio-plan-test-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(140px,230px);gap:10px 16px;align-items:center;margin:18px 0 24px;padding:16px;border:1px solid var(--line, #d9dfd5);border-radius:12px}
.folio-plan-test-row label{font-weight:650}
.folio-plan-test-row select{width:100%;min-height:40px;border-radius:9px;padding:8px 12px;border:1px solid #c9d2c7;background:var(--surface,#fff);color:inherit}
.folio-plan-test-row .muted{grid-column:1/-1;font-size:12px;margin:0}
@media(max-width:600px){.folio-plan-test-row{grid-template-columns:1fr}}

/* v5.36 admin console */
.folio-admin-tabs{display:flex;gap:6px;overflow-x:auto;margin:18px 0 22px;border-bottom:1px solid #e2e8de;padding-bottom:8px}.folio-admin-tabs button{white-space:nowrap;background:transparent;border:0;border-radius:7px;padding:11px 15px;cursor:pointer;color:#627264;font-weight:600}.folio-admin-tabs button.selected{background:#eaf2e3;color:#243a25}.folio-admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.folio-admin-metric{padding:20px;border:1px solid #e1e8dc;background:#fff;border-radius:11px;display:flex;flex-direction:column;gap:7px;min-width:0}.folio-admin-metric small{color:#69776c;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.folio-admin-metric strong{font-size:27px}.folio-admin-metric b{font-size:15px;overflow-wrap:anywhere}.folio-admin-metric span{font-size:11px;color:#728070}.folio-admin-controls{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.folio-admin-controls input{flex:1;min-width:200px}.folio-admin-controls select{min-width:135px}.folio-admin-controls input,.folio-admin-controls select{border:1px solid #d9e2d7;border-radius:7px;padding:10px;background:#fff}.folio-admin-status{display:inline-block;padding:5px 9px;border-radius:99px;background:#e8f2e6;color:#2e683d;text-transform:capitalize;font-size:11px;font-weight:700}.folio-admin-status.suspended{background:#fae9e7;color:#a23a33}.folio-admin-small{padding:7px 10px;font-size:11px}.folio-admin-help{display:block;color:#7a847c;margin-top:10px}@media(max-width:900px){.folio-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.folio-admin-metrics{grid-template-columns:1fr 1fr}.folio-admin-metric{padding:13px}}

/* HTML5 text-export compatibility decision, separate from upload progress. */
.svg-warning-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(16,24,19,.77);backdrop-filter:blur(5px)}
.svg-warning-dialog{box-sizing:border-box;width:min(100%,540px);max-height:90vh;overflow:auto;border-radius:16px;background:#fff;color:#202820;padding:32px;box-shadow:0 28px 90px #0007;text-align:left}
.svg-warning-dialog h2{font:400 30px/1.18 Georgia,serif;color:#172319;margin:0 0 17px}
.svg-warning-dialog p{font-size:14px;line-height:1.65;color:#4a574b;margin:0 0 16px}
.svg-warning-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:25px}
.svg-warning-actions button{white-space:normal}
@media(max-width:520px){.svg-warning-dialog{padding:24px}.svg-warning-actions{flex-direction:column}.svg-warning-actions button{width:100%}}


/* Manual chapter list within Edit Treatment. */
.toc-editor-rows{display:grid;gap:9px;margin:11px 0 12px}
.toc-editor-row{display:grid;grid-template-columns:minmax(0,1fr) 78px 30px 30px 30px;align-items:center;gap:6px}
.modal .toc-editor-row input{width:100%;min-width:0;padding:10px 9px;font-size:13px}
.toc-editor-row button{width:30px;height:35px;border:1px solid #d3ddd1;background:#f0f5ed;border-radius:7px;color:#304535;cursor:pointer;font-size:16px}
.toc-editor-row button:hover{background:#dbead3}
@media(max-width:460px){.toc-editor-row{grid-template-columns:minmax(0,1fr) 57px 26px 26px 26px;gap:3px}.toc-editor-row button{width:26px}.modal .toc-editor-row input{padding:9px 5px;font-size:12px}}

/* Mobile workspace: compact navigation, readable cards and no file publishing. */
@media(max-width:700px){
 html,body,#app{max-width:100%;overflow-x:hidden}
 .workspace,.main,.content{min-width:0;max-width:100%}
 .main{width:100%;overflow-x:clip}
 .content{padding:16px 14px max(32px,env(safe-area-inset-bottom))!important}
 .topbar{min-width:0;padding:10px 14px!important;gap:8px}
 .topbar .crumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .topbar .toptools{flex-shrink:0;gap:7px}
 .page-heading{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:18px}
 .page-heading>div{min-width:0;max-width:100%}
 .page-heading h1{font-size:clamp(27px,7vw,39px);line-height:1.14;overflow-wrap:anywhere}
 .page-heading .subtitle{max-width:100%;line-height:1.5}
 .panel,.stat-card,.settings-card,.detail-body{min-width:0;max-width:100%}
 .stat-grid,.stats-grid,.feature-grid,.split-panels,.detail-charts,.explainer-grid{grid-template-columns:minmax(0,1fr)!important}
 .panel-head{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
 .panel-head>*{min-width:0}
 .date-toolbar,.filters,.filterbar,.library-toolbar{max-width:100%;flex-wrap:wrap;gap:8px}
 input,select,textarea{max-width:100%;min-width:0}
 .modal,.modal-card,.modal-content{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}
 .modal-backdrop{padding:12px!important}
 .side.mobile-open{max-height:100dvh;overflow-y:auto}
 .side .navitem{min-height:44px}
 .content button,.content a{touch-action:manipulation}
 /* Publishing stays on desktop; mobile is for managing and reviewing work. */
 [data-action="create"],[data-action="replace-treatment"],[data-action="media"],
 [data-source],[data-replace-source],.reel-source-choices input[value="upload"],
 .reel-form-section:has(input[type="file"]),

 .content input[type="file"],.modal input[type="file"]{display:none!important}
 .toc-editor-row{grid-template-columns:minmax(0,1fr) 52px 25px 25px 25px;gap:4px}
 .toc-editor-row input{min-width:0}
}
@media(max-width:390px){
 .content{padding-inline:11px!important}
 .topbar{padding-inline:11px!important}
 .toptools .folio-plan-tag{font-size:10px;padding:7px}
 .page-heading h1{font-size:27px}
 .panel{padding:15px}
}

@media(max-width:700px){

 .reel-actions:empty{display:none}
 .reel-grid,.reel-project-grid,.treatment-grid{grid-template-columns:minmax(0,1fr)!important}
 .reel-tile,.treatment-card,.reel-project-card{min-width:0;max-width:100%}
 .reel-editor-columns{grid-template-columns:minmax(0,1fr)!important}
 .reel-modal-host{max-width:100vw}
}

/* Mobile reels: link-based publishing, comfortably sized editors and actions. */
@media(max-width:700px){
 .reel-header .reel-actions{width:100%;display:flex;gap:8px}
 .reel-header .reel-actions .button{flex:1;min-height:44px;justify-content:center}
 .reel-editor-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
 .reel-editor-head h2{min-width:0;flex:1;font-size:clamp(20px,6vw,27px)}
 .reel-editor-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}
 .reel-settings-grid,.reel-form-two,.reel-access-layout,.reel-access-fields{grid-template-columns:minmax(0,1fr)!important}
 .reel-settings-core,.reel-settings-videos{min-width:0;padding:14px!important}
 .reel-settings-disclosure,.reel-editor-selection{min-width:0}
 .reel-settings-disclosure-body{min-width:0;padding:12px!important}
 .reel-settings-footer{display:flex;flex-direction:column;align-items:stretch;gap:10px}
 .reel-settings-footer .button{width:100%;min-height:46px}
 .reel-item{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
 .reel-item>span:nth-child(2){min-width:0;flex:1;overflow-wrap:anywhere}
 .reel-item button{min-width:34px;min-height:36px}
 .reel-pick-project{min-width:0}
 .reel-dialog-backdrop{padding:0!important;align-items:flex-end!important}
 .reel-dialog{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 12px)!important;overflow-y:auto!important;border-radius:18px 18px 0 0!important;padding:22px 16px max(22px,env(safe-area-inset-bottom))!important;overscroll-behavior:contain}
 .reel-form-heading h2{font-size:clamp(24px,7vw,32px)}
 .reel-source-choices{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .reel-source-choice{min-width:0;text-align:center}
 .reel-form-section{min-width:0}
 #reel-video-form input:not([type=radio]):not([type=checkbox]):not([type=file]),#reel-video-form select{width:100%;max-width:100%;font-size:16px;min-height:44px}
 .reel-modal-actions{display:flex;flex-wrap:wrap;gap:8px}
 .reel-modal-actions .button{min-height:44px;flex:1}
 .reel-modal-actions .button.primary{flex-basis:100%;order:-1}
 .reel-desktop-thumbnail-upload{display:none!important}
 .reel-dialog-close{min-width:40px;min-height:40px}
}

/* Accurate period-aware portfolio pulse and compact dashboard layouts. */
.pulse-panel,.pulse-chart{min-width:0;max-width:100%}
.pulse-chart{width:100%;overflow:hidden}
.pulse-plot{height:190px;display:flex;align-items:stretch;gap:clamp(2px,.45vw,7px);padding:16px 2px 0;border-bottom:1px solid #dce4d9;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#e9eee7 calc(25% - 1px),#e9eee7 25%)}
.pulse-bar-col{flex:1 1 0;min-width:0;display:flex;align-items:flex-end}
.pulse-bar{width:100%;min-height:2px;background:linear-gradient(180deg,#7aa780,#cee5c2);border-radius:5px 5px 0 0;transition:height .2s}
.pulse-axis{display:flex;justify-content:space-between;gap:8px;padding:10px 0 18px;color:#8b968d;font-size:11px}
.pulse-axis span{white-space:nowrap}
@media(max-width:700px){
 .folio-overview .stat-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
 .folio-overview .stat-card{min-width:0;min-height:118px;padding:13px 11px;gap:9px}
 .folio-overview .stat-top{font-size:10px;gap:3px;align-items:flex-start;line-height:1.3}
 .folio-overview .stat-icon{flex:none}
 .folio-overview .stat-val{font-size:clamp(22px,6.5vw,31px);letter-spacing:-1px;overflow-wrap:anywhere}
 .folio-overview .stat-bottom{font-size:10px;line-height:1.35}
 .pulse-panel{padding:15px!important;min-height:0}
 .pulse-panel .panel-head{display:flex;gap:8px;align-items:flex-start}
 .pulse-panel .panel-head .pill{max-width:100%;font-size:10px}
 .pulse-plot{height:160px;gap:3px}
 .pulse-axis{font-size:10px}
 .pulse-chart .chart-meta{flex-wrap:wrap;gap:5px}
 .pulse-chart .chart-big{font-size:30px}
 .pulse-chart .chart-unit{font-size:10px}
 .chart-legend{flex-wrap:wrap;gap:6px}
 .library-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px!important;align-items:center}
 .library-toolbar>.searchbox{grid-column:1/-1;width:100%;max-width:none;min-width:0;flex:none}
 .searchbox input{min-width:0;width:100%;font-size:16px}
 .library-toolbar>.category-picker{min-width:0}
 .library-toolbar>.category-picker select{max-width:100%;min-width:0}
 .library-toolbar>span{white-space:nowrap;text-align:right}
 .categories-panel,.category-grid{max-width:100%;min-width:0}
 .category-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
 .category-card{min-width:0;padding:10px 8px;gap:8px;text-align:left}
 .category-card .category-glyph{width:33px;height:33px;flex:0 0 33px}
 .category-card>div:nth-child(2){min-width:0}
 .category-card b,.category-card span{overflow-wrap:anywhere}
 .category-card b{font-size:11px}
 .category-card span{font-size:10px}
}
@media(max-width:390px){
 .category-grid{grid-template-columns:minmax(0,1fr)!important}
}

/* Administrator invitation management. */
.folio-invite-created{margin:16px 0;padding:18px;border:1px solid #b5cda9;background:#eef6e9;border-radius:12px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.folio-invite-created[hidden]{display:none!important}
.folio-invite-created span{font-size:12px;color:#5b765f}
.folio-invite-created strong{font-size:14px;letter-spacing:.02em;overflow-wrap:anywhere;flex:1 1 220px}
.folio-invite-list{display:grid;gap:7px;margin-top:15px}
.folio-invite-item{padding:12px 14px;border-radius:9px;border:1px solid #e2e9df;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}
.folio-invite-item b{color:#47664b}
@media(max-width:700px){.folio-invite-created{align-items:stretch;flex-direction:column}.folio-invite-created strong{flex:auto}.folio-invite-created button{width:100%}}

/* Invite requests on signup and administrative review. */
.folio-request-link{border:0;background:transparent;color:#4b7659;text-decoration:underline;text-underline-offset:3px;font-size:12px;font-weight:650;padding:5px 0;margin:2px 0 12px;cursor:pointer}
.folio-request-section{margin-top:28px;border-top:1px solid #e4e9e1;padding-top:22px}
.folio-request-section h3{font-size:18px;margin:0 0 14px}
.folio-request-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:#fafbf9;border:1px solid #e2e8df;border-radius:10px;padding:13px 14px;margin:7px 0;color:#26382a}
.folio-request-row>span:first-child{display:grid;gap:5px;min-width:0}
.folio-request-row small{font-size:12px;color:#768879;overflow-wrap:anywhere}
.folio-request-row>span:last-child{text-transform:capitalize;font-size:11px;color:#4f7659}
.folio-invitation-shade{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;background:#111b15bb;padding:16px;backdrop-filter:blur(7px)}
.folio-invitation-card{position:relative;background:#fff;color:#253629;width:min(100%,490px);max-height:calc(100dvh - 32px);overflow:auto;border-radius:16px;padding:32px;box-shadow:0 24px 90px #1118}
.folio-invitation-card h2{font:normal clamp(25px,6vw,32px)/1.2 Georgia,serif;margin:10px 0}
.folio-invitation-card h3{font-size:14px;margin-top:22px}
.folio-invitation-card form{display:grid;gap:14px;margin-top:22px}
.folio-invitation-card form label{display:grid;gap:6px;font-size:12px;font-weight:650}
.folio-invitation-card input,.folio-invitation-card textarea{display:block;width:100%;font-size:16px;padding:12px;border-radius:8px;border:1px solid #d3dfd0;background:#fcfdfa;color:#1c2c20}
.folio-invitation-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;flex-wrap:wrap}
.folio-invitation-actions button{min-height:44px}
.folio-invitation-close{position:absolute;right:14px;top:12px;font-size:25px;background:transparent;border:0;color:#536a57}
.folio-request-reason{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;color:#3b5040}
@media(max-width:700px){.folio-invitation-shade{align-items:flex-end;padding:0}.folio-invitation-card{width:100%;max-height:95dvh;border-radius:18px 18px 0 0;padding:28px 18px max(24px,env(safe-area-inset-bottom))}.folio-invitation-actions{flex-direction:column}.folio-invitation-actions button{width:100%}}

.folio-request-folders{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.folio-request-folders button{border:1px solid #dae4d7;background:#fff;color:#617567;border-radius:9px;padding:10px 14px;min-height:42px;font-weight:650;font-size:12px;cursor:pointer}
.folio-request-folders button.selected{background:#e6f1de;border-color:#8caf83;color:#294c33}
.folio-request-folders button span{font-weight:500;margin-left:4px}
@media(max-width:520px){.folio-request-folders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.folio-request-folders button{padding:9px 5px;font-size:11px}}

/* Admin usage and abuse-prevention controls */
.folio-admin-signups{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:650;color:#344c38;cursor:pointer}
.folio-admin-signups input{width:18px;height:18px;accent-color:#547b59}
#folio-usage-sort{margin-left:8px;padding:10px;border-radius:8px;border:1px solid #d6dfd3;background:#fff;max-width:100%}
#folio-usage-rows tr td{vertical-align:middle}
#folio-usage-rows tr td small{display:block;margin-top:4px;font-size:11px;color:#718174}
@media(max-width:700px){.folio-admin-signups{padding:12px 0}.folio-admin-panel>.panel-head{align-items:flex-start;flex-wrap:wrap}#folio-usage-sort{margin:7px 0 0;display:block;width:100%}}

/* Security Center and usage limits */
.folio-security-alert{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #e7ece5}
.folio-security-alert>span{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}
.folio-security-alert b{font-size:12px;text-transform:capitalize}
.folio-security-alert small{font-size:11px;color:#738377;line-height:1.55}
.folio-security-alert .button{flex:none;min-height:38px}
.folio-security-quota-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.folio-security-quota-form label,.folio-invite-controls label{display:grid;gap:7px;font-size:12px;font-weight:650;color:#526353}
.folio-security-quota-form input,.folio-invite-controls input,.folio-invite-controls select{width:100%;min-width:0;min-height:42px;border:1px solid #d6dfd1;border-radius:8px;padding:10px;background:#fff;font-size:16px;color:#25392a}
.folio-security-quota-form>button{grid-column:1/-1;justify-self:start}
.folio-safety-actions{display:flex;flex-wrap:wrap;gap:5px}
.folio-safety-actions button{white-space:nowrap}
.folio-invite-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.5fr);gap:12px;margin:18px 0}
@media(max-width:700px){.folio-security-alert{align-items:flex-start;flex-wrap:wrap}.folio-security-quota-form,.folio-invite-controls{grid-template-columns:1fr}.folio-security-quota-form>button{width:100%}.folio-safety-actions{flex-direction:column;align-items:stretch}.folio-safety-actions button{min-height:40px}}


/* Treatment workspace layout controls */
.treatment-display-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}
.treatment-display-controls label{display:flex;align-items:center;gap:6px;font-size:11px;color:#6d7b70}
.treatment-display-controls select,.treatment-display-controls button{border:1px solid #e1e7df;border-radius:8px;background:#fff;color:#334639;padding:8px 10px;font-size:12px}
.treatment-view-buttons{display:flex;gap:3px;padding:3px;border:1px solid #e1e7df;border-radius:10px;background:#f6f8f5}
.treatment-view-buttons button{display:flex;align-items:center;justify-content:center;border:0;background:transparent}
.treatment-view-buttons button.active{background:#dfead8;color:#294633}
.treatment-display-controls button:hover{background:#eef4e9}
.treatment-display-controls [hidden]{display:none!important}
.library-grid.treatment-size-small{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.library-grid.treatment-size-medium{grid-template-columns:repeat(3,minmax(0,1fr))}
.library-grid.treatment-size-large{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.library-grid.treatment-size-small .library-meta{padding:9px 5px}
.library-grid.treatment-size-small .library-meta b{font-size:12px}
.library-grid.treatment-size-small .library-meta span{font-size:10px}
.library-grid.treatment-size-small .library-numbers{font-size:10px;flex-wrap:wrap}
.library-grid.treatment-layout-list{display:flex;flex-direction:column;gap:7px}
.library-grid.treatment-layout-list .library-card-shell{display:flex;align-items:stretch;min-width:0}
.library-grid.treatment-layout-list .library-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;flex:1;padding:8px;min-width:0}
.library-grid.treatment-layout-list .library-card .cover{width:64px;height:70px;object-fit:cover;grid-row:1/3;grid-column:1}
.library-grid.treatment-layout-list .library-card{display:flex}
.library-grid.treatment-layout-list .library-card>.cover{flex:0 0 65px;max-width:65px;max-height:76px;overflow:hidden}
.library-grid.treatment-layout-list .library-meta{flex:1;min-width:0;padding:5px}
.library-grid.treatment-layout-list .library-numbers{min-width:170px;flex:0 1 245px;border-top:0;padding:5px;align-items:center}
.library-grid.treatment-layout-list .folder-assign-label{max-width:165px;width:26%;min-width:115px;border-top:0;border-left:1px solid #eef1ed}
@media(max-width:1000px){.library-grid.treatment-size-small{grid-template-columns:repeat(3,minmax(0,1fr))}.library-grid.treatment-size-large{grid-template-columns:repeat(2,minmax(0,1fr))}.treatment-display-controls{margin-left:0}}
@media(max-width:700px){.library-grid.treatment-size-small{grid-template-columns:repeat(2,minmax(0,1fr))!important}.library-grid.treatment-size-medium,.library-grid.treatment-size-large{grid-template-columns:minmax(0,1fr)!important}.library-grid.treatment-layout-list{display:flex!important}.library-grid.treatment-layout-list .library-card-shell{flex-direction:column}.library-grid.treatment-layout-list .library-numbers{min-width:0;flex-basis:auto;flex-wrap:wrap}.library-grid.treatment-layout-list .folder-assign-label{max-width:none;width:100%;border-left:0;border-top:1px solid #eef1ed}.library-toolbar{flex-wrap:wrap}.treatment-display-controls{width:100%;justify-content:flex-start}}


/* Shared organization controls for Reels and Video Library */
.folio-layout-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:16px 0}
.folio-layout-tools label{display:flex;align-items:center;gap:6px;color:#667969;font-size:11px}
.folio-layout-tools select,.folio-layout-tools button{background:#fff;border:1px solid #e1e7df;border-radius:8px;padding:8px 10px;color:#344639;font-size:12px}
.folio-layout-tools .folio-layout-switch{display:flex;gap:3px;background:#f6f8f5;border:1px solid #e1e7df;padding:3px;border-radius:10px}
.folio-layout-switch button{border:0;background:transparent;min-width:33px}
.folio-layout-switch button.active{background:#dfead8}
.folio-layout-tools [hidden]{display:none!important}
.folio-project-grid.folio-size-small,.reel-grid.folio-organizer-reels.folio-size-small{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.folio-project-grid.folio-size-medium,.reel-grid.folio-organizer-reels.folio-size-medium{grid-template-columns:repeat(3,minmax(0,1fr))}
.folio-project-grid.folio-size-large,.reel-grid.folio-organizer-reels.folio-size-large{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.folio-project-grid.folio-size-small .folio-project-name b,.folio-organizer-reels.folio-size-small .reel-tile>b{font-size:12px}
.folio-project-grid.folio-layout-list,.reel-grid.folio-organizer-reels.folio-layout-list{display:flex;flex-direction:column;gap:8px}
.folio-project-grid.folio-layout-list .folio-project-card{display:flex;align-items:center;gap:14px;padding:9px;min-width:0}
.folio-project-grid.folio-layout-list .folio-project-cover{width:108px;min-width:108px;max-width:108px;aspect-ratio:16/9;align-self:center}
.folio-project-grid.folio-layout-list .folio-project-body{flex:1;min-width:0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.folio-project-grid.folio-layout-list .folio-project-name{flex:1;min-width:150px}
.folio-project-grid.folio-layout-list .folio-version-list{flex:2;min-width:180px}
.folio-project-grid.folio-layout-list .folio-project-actions{flex:1;min-width:140px}
.reel-grid.folio-organizer-reels.folio-layout-list .reel-tile{display:flex;align-items:center;gap:14px;width:100%;min-width:0}
.reel-grid.folio-organizer-reels.folio-layout-list .reel-tile-picture{width:110px;min-width:110px;aspect-ratio:16/9;align-self:center}
.reel-grid.folio-organizer-reels.folio-layout-list .reel-tile>b{flex:1;min-width:120px}
.reel-grid.folio-organizer-reels.folio-layout-list .reel-tile>small{flex:1}
.reel-grid.folio-organizer-reels.folio-layout-list .reel-tile-buttons{flex:2;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:950px){.folio-project-grid.folio-size-small,.reel-grid.folio-organizer-reels.folio-size-small{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.folio-project-grid.folio-size-small,.reel-grid.folio-organizer-reels.folio-size-small{grid-template-columns:repeat(2,minmax(0,1fr))!important}.folio-project-grid.folio-size-medium,.folio-project-grid.folio-size-large,.reel-grid.folio-organizer-reels.folio-size-medium,.reel-grid.folio-organizer-reels.folio-size-large{grid-template-columns:1fr!important}.folio-project-grid.folio-layout-list,.reel-grid.folio-organizer-reels.folio-layout-list{display:flex!important}.folio-project-grid.folio-layout-list .folio-project-card,.reel-grid.folio-organizer-reels.folio-layout-list .reel-tile{flex-wrap:wrap}.folio-layout-tools{justify-content:flex-start}}


/* Reels / Video Library redesign: media-forward reels, compact project management */
.reel-panel .folio-layout-tools{margin:14px 0 18px;padding:10px 12px;background:#f7f9f6;border:1px solid #e9eee7;border-radius:12px;justify-content:flex-end;gap:10px}
.reel-panel .folio-layout-tools select{max-width:156px;background:white}
.reel-panel .folio-layout-switch{background:#edf2ea}
.reel-panel .folio-layout-switch button{font-size:17px;width:32px;height:30px;padding:4px}
.reel-panel .folio-layout-switch button.active{background:white;box-shadow:0 1px 4px #1e37201a}
.reel-grid.folio-organizer-reels.folio-size-small{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.reel-grid.folio-organizer-reels.folio-size-medium{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.reel-grid.folio-organizer-reels.folio-size-large{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}
.reel-grid.folio-organizer-reels .reel-tile{position:relative;min-width:0;padding:9px;background:#fff;border:1px solid #e5eae4;border-radius:14px;gap:0;box-shadow:0 2px 10px #182c1807;transition:border-color .18s,box-shadow .18s}
.reel-grid.folio-organizer-reels .reel-tile:hover{border-color:#cbdacb;box-shadow:0 8px 22px #182c1814}
.reel-grid.folio-organizer-reels .reel-tile-picture{border-radius:9px;overflow:hidden;width:100%;aspect-ratio:16/9;min-width:0;background:#233328}
.reel-grid.folio-organizer-reels .reel-tile-picture img{width:100%;height:100%;display:block;object-fit:cover}
.reel-grid.folio-organizer-reels .reel-tile-information{display:flex;flex-direction:column;gap:5px;padding:14px 5px 12px;min-width:0}
.reel-grid.folio-organizer-reels .reel-tile-information>b{font-size:15px;font-weight:730;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reel-grid.folio-organizer-reels .reel-tile-information>small{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.5;color:#718072}
.reel-grid.folio-organizer-reels .reel-tile-buttons{display:flex;align-items:center;gap:6px;margin-top:auto;padding:0 4px 4px;flex-wrap:nowrap}
.reel-grid.folio-organizer-reels .reel-tile-buttons>.button{font-size:12px;padding:8px 11px;white-space:nowrap}
.reel-grid.folio-organizer-reels .reel-primary-action{flex:1}
.reel-grid.folio-organizer-reels .reel-item-more{position:relative;flex:0 0 auto}
.reel-grid.folio-organizer-reels .reel-item-more summary{list-style:none;cursor:pointer;display:grid;place-items:center;font-size:19px;letter-spacing:1px;width:34px;height:34px;border:1px solid #e2e8e0;border-radius:8px;line-height:1;background:white}
.reel-grid.folio-organizer-reels .reel-item-more summary::-webkit-details-marker{display:none}
.reel-grid.folio-organizer-reels .reel-item-menu{position:absolute;bottom:calc(100% + 7px);right:0;z-index:12;background:#fff;border:1px solid #dce6dc;box-shadow:0 10px 28px #12271921;border-radius:9px;min-width:166px;padding:5px;display:grid;gap:2px}
.reel-grid.folio-organizer-reels .reel-item-menu button{border:0;background:transparent;text-align:left;border-radius:6px;padding:10px;font-size:12px;color:#2d3b30}
.reel-grid.folio-organizer-reels .reel-item-menu button:hover{background:#f2f5ef}
.reel-grid.folio-organizer-reels .reel-item-menu .reel-danger-action{color:#a3463d}
.reel-grid.folio-organizer-reels.folio-size-small .reel-tile-information{padding:10px 4px}
.reel-grid.folio-organizer-reels.folio-size-small .reel-open-action{display:none}
.reel-grid.folio-organizer-reels.folio-layout-list{display:flex;flex-direction:column;gap:8px}
.reel-grid.folio-organizer-reels.folio-layout-list .reel-tile{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:16px;align-items:center;padding:9px 12px;width:100%;min-width:0}
.reel-grid.folio-organizer-reels.folio-layout-list .reel-tile-picture{width:160px;min-width:0;aspect-ratio:16/9}
.reel-grid.folio-organizer-reels.folio-layout-list .reel-tile-information{padding:0;min-width:0}
.reel-grid.folio-organizer-reels.folio-layout-list .reel-tile-information>b{font-size:14px}
.reel-grid.folio-organizer-reels.folio-layout-list .reel-tile-buttons{padding:0;flex:0 0 auto;justify-content:flex-end}
.reel-grid.folio-organizer-reels.folio-layout-list .reel-primary-action{flex:none}
.folio-project-grid.folio-size-small{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.folio-project-grid.folio-size-medium{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:15px}
.folio-project-grid.folio-size-large{grid-template-columns:repeat(auto-fill,minmax(390px,1fr));gap:18px}
.folio-project-grid .folio-project-card{border-radius:13px;box-shadow:0 2px 10px #14281907;border:1px solid #e4eae2;background:white;transition:border-color .18s;overflow:visible}
.folio-project-grid .folio-project-card:hover{border-color:#c8dbc7}
.folio-project-grid .folio-project-cover{height:auto;aspect-ratio:16/9;border-radius:12px 12px 0 0;overflow:hidden}
.folio-project-grid .folio-project-body{padding:15px;gap:12px}
.folio-project-grid .folio-project-name b{font-size:15px;font-weight:730;line-height:1.35;overflow-wrap:anywhere}
.folio-project-grid .folio-project-name small{line-height:1.5}
.folio-project-grid .folio-project-versions{border:1px solid #e8eee6;border-radius:9px;min-width:0;background:#fafbf9}
.folio-project-grid .folio-project-versions>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;font-size:12px;font-weight:700;cursor:pointer;color:#354b39}
.folio-project-grid .folio-project-versions>summary::-webkit-details-marker{display:none}
.folio-project-grid .folio-project-versions>summary span{font-size:11px;color:#859487;font-weight:500}
.folio-project-grid .folio-version-list{padding:0 8px 8px;gap:5px;max-height:220px;overflow:auto}
.folio-project-grid .folio-version-row{background:#fff;border:1px solid #edf1eb;padding:6px 8px;gap:7px}
.folio-project-grid .folio-project-actions{display:flex;flex-wrap:wrap;gap:7px}
.folio-project-grid .folio-project-actions .button{font-size:11px;padding:8px 10px}
.folio-project-grid.folio-size-small .folio-project-body{padding:11px}
.folio-project-grid.folio-size-small .folio-version-row{flex-wrap:wrap}
.folio-project-grid.folio-layout-list{display:flex;flex-direction:column;gap:8px}
.folio-project-grid.folio-layout-list .folio-project-card{display:grid;grid-template-columns:145px minmax(140px,1.1fr) minmax(200px,1fr);align-items:center;gap:15px;padding:10px 12px}
.folio-project-grid.folio-layout-list .folio-project-cover{width:145px;max-width:145px;min-width:0;height:auto;aspect-ratio:16/9;border-radius:8px}
.folio-project-grid.folio-layout-list .folio-project-body{display:contents}
.folio-project-grid.folio-layout-list .folio-project-name{align-self:center;min-width:0}
.folio-project-grid.folio-layout-list .folio-project-name>b{font-size:14px}
.folio-project-grid.folio-layout-list .folio-project-versions{align-self:center;min-width:0}
.folio-project-grid.folio-layout-list .folio-project-versions>summary{padding:9px 10px}
.folio-project-grid.folio-layout-list .folio-project-actions{grid-column:3;justify-content:flex-end;min-width:0}
.folio-project-grid.folio-layout-list .folio-project-versions[open]{align-self:stretch}
@media(max-width:1100px){.folio-project-grid.folio-layout-list .folio-project-card{grid-template-columns:120px minmax(0,1fr) minmax(170px,1fr)}.folio-project-grid.folio-layout-list .folio-project-cover{width:120px}.reel-grid.folio-organizer-reels.folio-layout-list .reel-tile{grid-template-columns:125px minmax(0,1fr) auto}.reel-grid.folio-organizer-reels.folio-layout-list .reel-tile-picture{width:125px}}
@media(max-width:790px){.folio-project-grid.folio-layout-list .folio-project-card{grid-template-columns:105px minmax(0,1fr);gap:10px}.folio-project-grid.folio-layout-list .folio-project-cover{width:105px}.folio-project-grid.folio-layout-list .folio-project-versions{grid-column:1/-1}.folio-project-grid.folio-layout-list .folio-project-actions{grid-column:1/-1;justify-content:flex-start}.reel-grid.folio-organizer-reels.folio-layout-list .reel-tile{grid-template-columns:110px minmax(0,1fr)}.reel-grid.folio-organizer-reels.folio-layout-list .reel-tile-picture{width:110px}.reel-grid.folio-organizer-reels.folio-layout-list .reel-tile-buttons{grid-column:2;justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:700px){.folio-project-grid.folio-size-small,.folio-project-grid.folio-size-medium,.folio-project-grid.folio-size-large,.reel-grid.folio-organizer-reels.folio-size-small,.reel-grid.folio-organizer-reels.folio-size-medium,.reel-grid.folio-organizer-reels.folio-size-large{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))!important}.folio-project-grid.folio-layout-list,.reel-grid.folio-organizer-reels.folio-layout-list{display:flex!important}.reel-grid.folio-organizer-reels.folio-layout-list .reel-tile{grid-template-columns:92px minmax(0,1fr);gap:10px}.reel-grid.folio-organizer-reels.folio-layout-list .reel-tile-picture{width:92px}.reel-grid.folio-organizer-reels.folio-layout-list .reel-tile-buttons{grid-column:1/-1}.folio-project-grid.folio-layout-list .folio-project-card{display:grid;grid-template-columns:95px minmax(0,1fr)}.folio-project-grid.folio-layout-list .folio-project-cover{width:95px}.reel-panel .folio-layout-tools{justify-content:flex-start}}


/* Reel analytics: a distinct editorial performance environment */
.reel-analytics-hub,.reel-analytics-page{--ra-ink:#202d27;--ra-accent:#476d5c;display:grid;gap:20px}
.reel-analytics-hero{background:linear-gradient(118deg,#182820 0%,#254337 68%,#355747 100%);border-radius:20px;padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:28px;color:#f4f7f0;overflow:hidden;position:relative}
.reel-analytics-hero:after{content:"";position:absolute;right:-90px;bottom:-145px;width:330px;height:330px;border:1px solid #ffffff22;border-radius:50%;pointer-events:none;box-shadow:0 0 0 50px #ffffff07,0 0 0 105px #ffffff05}
.reel-analytics-eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:#8db8a4;text-transform:uppercase}
.reel-analytics-hero-copy{position:relative;z-index:1;max-width:620px}
.reel-analytics-hero h2{color:#fff;font-size:clamp(25px,3vw,37px);line-height:1.13;letter-spacing:-.035em;margin:15px 0}
.reel-analytics-hero p{font-size:13px;color:#c5d7cc;line-height:1.75;margin:0;max-width:510px}
.reel-analytics-hero-stat{position:relative;z-index:1;flex:0 0 185px;padding:22px;background:#ffffff12;border:1px solid #ffffff29;border-radius:15px;display:flex;flex-direction:column;gap:7px;backdrop-filter:blur(6px)}
.reel-analytics-hero-stat span{font-size:10px;letter-spacing:.12em;font-weight:800;color:#c1ddce}
.reel-analytics-hero-stat strong{font-size:48px;line-height:1;font-weight:650;letter-spacing:-.04em;color:#fff}
.reel-analytics-hero-stat small{font-size:11px;color:#c8d8ce}
.reel-analytics-directory{border-radius:17px;padding:24px}
.reel-report-list{display:grid;gap:8px}
.reel-report-row{display:flex;align-items:center;gap:18px;padding:11px 14px;border:1px solid #e7ede6;border-radius:12px;background:#fff;transition:background .18s,border-color .18s}
.reel-report-row:hover{background:#f6faf5;border-color:#cbdccc}
.reel-report-preview{width:118px;min-width:118px;aspect-ratio:16/9;border-radius:8px;background:#1c3026;color:#e5f2e6;display:grid;place-items:center;overflow:hidden;font-size:26px}
.reel-report-preview img{width:100%;height:100%;object-fit:cover}
.reel-report-meta{flex:1;min-width:0;display:grid;gap:6px}
.reel-report-meta strong{font-size:14px;color:#24372b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reel-report-meta small{font-size:12px;color:#809081;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reel-report-open{border:1px solid #d6e3d7;background:#f2f7ef;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:750;color:#3d614d;white-space:nowrap}
.reel-report-open:hover{background:#e3efdf}
.reel-report-open span{margin-left:12px;font-size:14px}
.reel-report-empty{padding:30px 10px;color:#879488;text-align:center}
.reel-analytics-report-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:8px 0 3px}
.reel-analytics-report-title{display:grid;gap:9px}
.reel-analytics-back{border:0;background:transparent;color:#53725e;text-align:left;padding:0;font-size:12px;font-weight:700;width:max-content;margin-bottom:12px}
.reel-analytics-report-title h2{font-size:clamp(27px,3vw,37px);letter-spacing:-.035em;line-height:1.15;margin:0;color:#24372c}
.reel-analytics-report-title p{font-size:12px;margin:0;color:#879389}
.reel-analytics-range{display:flex;flex-direction:column;gap:7px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:750;color:#79897a}
.reel-analytics-range select{min-width:145px;max-width:190px;border:1px solid #dfe8dc;border-radius:9px;padding:10px 12px;background:#fff;color:#304c37;font-size:12px;text-transform:none;letter-spacing:normal}
.reel-analytics-page>.panel{border:1px solid #e6ebe4;border-radius:16px}
.reel-analytics-page .panel-head .overline{letter-spacing:.14em;color:#698a74}
.reel-analytics-overview{background:linear-gradient(180deg,#fff,#f8faf7)}
.reel-analytics-page .reel-metrics-grid{gap:12px}
.reel-analytics-page .reel-metric{background:#fff;border:1px solid #e6eee5;border-radius:12px;padding:19px 17px;min-width:0;display:flex;flex-direction:column;gap:10px}
.reel-analytics-page .reel-metric strong{font-size:clamp(25px,2.6vw,34px);letter-spacing:-.045em;color:#263c2f;font-weight:730;line-height:1.1}
.reel-analytics-page .reel-metric>span{font-size:11px;color:#748678;font-weight:700}
.reel-analytics-page .reel-metric small{font-size:11px;line-height:1.45;color:#96a196}
.reel-analytics-page .reel-metric[data-metric-index="0"],.reel-analytics-page .reel-metric[data-metric-index="3"]{background:#eaf2e9;border-color:#dce9db}
.reel-analytics-page .reel-metric[data-metric-index="0"] strong,.reel-analytics-page .reel-metric[data-metric-index="3"] strong{color:#2a6246}
.reel-analytics-consent .consent-ratio{margin-top:12px}
.reel-analytics-page .data-table thead{background:#f5f8f4}
.reel-analytics-page .reel-event-timeline>div,.reel-analytics-page .reel-interaction-list>div{border-color:#edf1ec}
@media(max-width:800px){.reel-analytics-hero{padding:25px;gap:15px}.reel-analytics-hero-stat{flex-basis:135px;padding:15px}.reel-analytics-hero-stat strong{font-size:38px}}
@media(max-width:600px){.reel-analytics-hero{flex-direction:column;align-items:stretch;padding:25px 22px}.reel-analytics-hero-stat{flex:0 0 auto}.reel-report-row{gap:10px;padding:10px;flex-wrap:wrap}.reel-report-preview{min-width:85px;width:85px}.reel-report-open{margin-left:auto}.reel-analytics-report-head{flex-wrap:wrap}.reel-analytics-range{width:100%}.reel-analytics-range select{max-width:none;width:100%}}


/* Recipient-specific reel links and analytics scope */
.reel-grid.folio-organizer-reels .reel-link-generate{font-size:11px;white-space:nowrap;padding:8px 9px;border-color:#b9d3bf;color:#3b6c4a;background:#f3f8f1}
.reel-grid.folio-organizer-reels.folio-size-small .reel-link-generate{font-size:10px;padding:7px 6px}
.reel-grid.folio-organizer-reels .reel-tile-buttons{flex-wrap:wrap}
.reel-grid.folio-organizer-reels .reel-primary-action{flex:1 1 auto}
.reel-grid.folio-organizer-reels .reel-link-generate{flex:1 1 auto}
.reel-analytics-report-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.reel-analytics-report-filters .reel-analytics-range select{min-width:170px}
.reel-generated-link-notice{position:relative;z-index:10;display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 17px;background:#eaf3e8;border:1px solid #bdd8bd;border-radius:12px;padding:13px 15px;color:#365b42}
.reel-generated-link-notice b{font-size:13px}
.reel-generated-link-notice input{flex:1 1 280px;min-width:160px;padding:10px;border:1px solid #cadcc8;border-radius:8px;background:white;color:#254632;font-size:12px}
.reel-generated-link-notice button{padding:9px 12px;background:white;border:1px solid #bdd3bd;border-radius:8px;color:#365b42;font-weight:700;font-size:12px}
@media(max-width:650px){.reel-analytics-report-filters{width:100%}.reel-analytics-report-filters .reel-analytics-range{flex:1 1 150px}}


/* Personalized reel recipient dialog */
.reel-recipient-backdrop{position:fixed;inset:0;z-index:10050;background:#101b15a8;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(5px)}
.reel-recipient-dialog{position:relative;width:min(100%,480px);background:#fff;border:1px solid #e2e9df;border-radius:19px;box-shadow:0 25px 90px #07180b42;padding:30px;display:grid;gap:13px}
.reel-recipient-dialog h2{font-size:25px;line-height:1.15;letter-spacing:-.035em;color:#1d3224;margin:0}
.reel-recipient-dialog>p{font-size:13px;line-height:1.65;color:#778579;margin:0 0 5px}
.reel-recipient-form{display:grid;gap:17px}
.reel-recipient-form label{font-size:12px;font-weight:750;color:#405847;display:grid;gap:8px}
.reel-recipient-form label small{color:#8e9d91;font-weight:500}
.reel-recipient-form input,.reel-recipient-result input,.reel-recipient-output input{width:100%;border:1px solid #dfe8dd;border-radius:9px;background:#fbfcfa;padding:13px 14px;font-size:13px;color:#223929;outline:none}
.reel-recipient-form input:focus,.reel-recipient-output input:focus{border-color:#8ead92;box-shadow:0 0 0 3px #b7d3b331}
.reel-recipient-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:8px}
.reel-recipient-actions button,.reel-recipient-output button{padding:11px 15px;border-radius:9px;font-size:12px;font-weight:700}
.reel-recipient-output{display:grid;gap:9px;padding-top:12px}
.reel-recipient-output[hidden]{display:none!important}
.reel-recipient-output button{border:1px solid #9fbea1;background:#e4efdd;color:#365d43}
.viewer-directory-row .viewer-directory-person{min-width:0}
.viewer-directory-table .viewer-directory-header,.viewer-directory-table .viewer-directory-row{grid-template-columns:minmax(150px,2fr) minmax(70px,.7fr) minmax(125px,1.25fr) minmax(135px,1.5fr) 20px}
.viewer-reel-history{padding-top:18px;border-top:1px solid #e9eee7;margin-top:18px}
.viewer-reel-history h4{font-size:14px;color:#364c3c}
@media(max-width:700px){.reel-recipient-dialog{padding:24px}.viewer-directory-table .viewer-directory-header,.viewer-directory-table .viewer-directory-row{min-width:650px}}


/* Unique reel link education and management */
.reel-recipient-help{border:1px solid #dce9da;border-radius:10px;background:#f3f8f0;padding:12px 14px;font-size:12px;line-height:1.65;color:#496452;margin:10px 0}
.reel-recipient-help b{color:#315742}
.reel-links-dialog{width:min(92vw,820px);max-height:min(85vh,850px);overflow:auto;gap:15px}
.reel-links-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.reel-links-title p,.reel-links-note{font-size:12px;line-height:1.6;color:#798a7b;margin:7px 0 0}
.reel-links-note{background:#f5f8f3;border:1px solid #e5eee2;border-radius:10px;padding:12px;margin:0}
.reel-links-list{display:grid;gap:9px}
.reel-links-row{border:1px solid #e1e9df;border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;flex-wrap:wrap}
.reel-links-person{display:grid;gap:5px;min-width:160px;flex:1}
.reel-links-person strong{font-size:13px;color:#274332}
.reel-links-person small,.reel-links-person span{font-size:11px;color:#809083}
.reel-links-actions{display:flex;gap:6px;flex-wrap:wrap}
.reel-links-actions button{border:1px solid #dce7da;background:#fbfcfa;border-radius:8px;padding:8px 10px;font-size:11px;color:#46634f;font-weight:700}
.reel-links-actions button:hover{background:#edf5ea}
.reel-links-actions button:disabled{opacity:.45;cursor:not-allowed}
.reel-links-actions [data-link-revoke]{color:#a04c47}
.reel-links-row .reel-recipient-output{flex:1;min-width:220px;display:flex;align-items:center}
.reel-links-row .reel-recipient-output input{flex:1;min-width:150px}
.reel-grid.folio-organizer-reels .reel-manage-links{flex:1 1 auto;font-size:11px;white-space:nowrap}


/* Compact personalized reel dialogs */
.reel-recipient-dialog:not(.reel-links-dialog){width:min(100%,430px);padding:22px 24px;gap:9px;border-radius:15px;max-height:90vh;overflow:auto}
.reel-recipient-dialog:not(.reel-links-dialog) h2{font-size:22px}
.reel-recipient-dialog:not(.reel-links-dialog)>p{font-size:12px;line-height:1.5}
.reel-recipient-dialog:not(.reel-links-dialog) .reel-recipient-help{padding:9px 11px;margin:5px 0;font-size:11px;line-height:1.55}
.reel-recipient-dialog:not(.reel-links-dialog) .reel-recipient-form{gap:10px}
.reel-recipient-dialog:not(.reel-links-dialog) .reel-recipient-form input{padding:10px 12px}
.reel-recipient-dialog:not(.reel-links-dialog) .reel-recipient-actions{margin-top:3px}
.reel-recipient-form[hidden],.reel-recipient-finish[hidden]{display:none!important}
.reel-recipient-finish button{border:1px solid #d4e1d2;border-radius:9px;padding:10px 18px;background:#f3f8f0;color:#315941;font-weight:700}


/* Match FOLIO's native editor dialog styling for unique link creation */
.reel-recipient-dialog.folio-link-create{width:min(440px,100%);padding:27px 28px 24px;border-radius:16px;display:flex;flex-direction:column;gap:11px;box-shadow:0 18px 55px #0f261e32;border:0}
.folio-link-create .reel-link-eyebrow{font-size:10px;letter-spacing:.14em;color:#64866b;font-weight:800}
.folio-link-create h2{font-size:24px;letter-spacing:-.025em;color:var(--ink);margin:0;padding-right:25px}
.folio-link-create .reel-link-intro{font-size:12.5px;line-height:1.6;color:var(--sub);margin:0}
.folio-link-create .reel-recipient-help{display:flex;flex-direction:column;gap:5px;margin:2px 0;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:#f8faf7;font-size:11.5px;color:#65766b;line-height:1.55}
.folio-link-create .reel-recipient-help b{font-size:11.5px;color:#344d3b}
.folio-link-create .reel-recipient-form{display:flex;flex-direction:column;gap:13px;margin-top:5px}
.folio-link-create .reel-recipient-form label{gap:6px;font-size:12px;font-weight:650;color:var(--ink)}
.folio-link-create .reel-recipient-form label small{font-size:11px;color:var(--sub);font-weight:400}
.folio-link-create .reel-recipient-form input,.folio-link-create .reel-recipient-output input{padding:11px 12px;border-radius:8px;background:#fff;border:1px solid #dce4dc;font-size:13px}
.folio-link-create .reel-recipient-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:9px;border-top:1px solid var(--line);margin-top:7px}
.folio-link-create .reel-recipient-actions .button,.folio-link-create .reel-recipient-output .button{font-size:12px;padding:10px 14px}
.folio-link-create .reel-recipient-output{padding-top:8px}
.folio-link-create .reel-recipient-output label{display:grid;gap:7px;font-size:12px;font-weight:650}
.folio-link-create .reel-dialog-close{top:13px;right:15px;font-size:23px}
@media(max-width:600px){.reel-recipient-dialog.folio-link-create{padding:23px 20px}}


/* Treatment recipient analytics shares the established FOLIO link dialogs */
.treatment-link-filter-label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#46624b}
.treatment-link-filter{width:100%;padding:11px 12px;border:1px solid #dce6d9;border-radius:9px;background:white;color:#2c4834;font-size:13px}
.treatment-link-stat-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.treatment-link-stat-summary>div{padding:15px 12px;background:#f4f8f2;border:1px solid #e6eee3;border-radius:10px;display:grid;gap:7px}
.treatment-link-stat-summary small{font-size:10px;line-height:1.35;color:#758a7a}
.treatment-link-stat-summary strong{font-size:22px;letter-spacing:-.035em;color:#2b5138}
.treatment-link-sessions{max-height:300px;overflow:auto}
@media(max-width:650px){.treatment-link-stat-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Native FOLIO treatment recipient analytics section */
.treatment-link-scope-panel{padding:0;overflow:hidden;border-radius:15px}
.treatment-scope-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 25px 18px;border-bottom:1px solid var(--line,#e7ebe5)}
.treatment-scope-header h2{font-size:21px;letter-spacing:-.035em;margin:6px 0}
.treatment-scope-header p{font-size:12px;color:var(--sub,#758277);margin:0;line-height:1.5}
.treatment-scope-refresh{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px}
.treatment-scope-controls{display:grid;grid-template-columns:auto minmax(200px,290px) 1fr;align-items:center;gap:13px;padding:17px 25px;background:var(--surface,#fff)}
.treatment-scope-controls>label{font-size:10px;letter-spacing:.085em;color:var(--muted,#738174);font-weight:750;white-space:nowrap}
.treatment-scope-select-wrap{position:relative;display:flex;align-items:center}
.treatment-scope-select-wrap select{width:100%;appearance:none;border:1px solid #dbe5d8;border-radius:9px;background:#f9fbf8;color:var(--ink,#243b2b);padding:11px 34px 11px 13px;font-size:12px;font-weight:700;outline:none;cursor:pointer}
.treatment-scope-select-wrap select:focus{border-color:#91b49a;box-shadow:0 0 0 3px #7fab8f24}
.treatment-scope-select-wrap svg{position:absolute;right:11px;pointer-events:none;color:#6f8573}
.treatment-scope-context{font-size:11px;color:var(--sub,#829185);line-height:1.45}
.treatment-link-scope-panel>.treatment-link-stat-summary{padding:4px 25px 20px;grid-template-columns:repeat(5,minmax(0,1fr))}
.treatment-link-scope-panel .treatment-link-stat-summary>div{background:#f7f9f6;border:1px solid #e7ede5;padding:13px 12px}
.treatment-link-scope-panel .treatment-link-stat-summary strong{font-size:22px}
.treatment-scope-footer{border-top:1px solid var(--line,#e7ebe5);padding:11px 25px 15px;color:var(--sub,#7d887d);font-size:11px}
.treatment-scope-footer>span{display:inline-flex;gap:8px;align-items:center}
.treatment-scope-footer .treatment-tracking-diagnostics{margin-top:9px}
.treatment-scope-footer .treatment-tracking-diagnostics summary{font-size:11px;cursor:pointer}
@media(max-width:830px){.treatment-scope-controls{grid-template-columns:1fr 1fr}.treatment-scope-context{grid-column:1/-1}.treatment-link-scope-panel>.treatment-link-stat-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:570px){.treatment-scope-header{padding:19px 18px}.treatment-scope-controls{padding:15px 18px;grid-template-columns:1fr;gap:9px}.treatment-scope-context{grid-column:auto}.treatment-link-scope-panel>.treatment-link-stat-summary{padding:0 18px 17px;grid-template-columns:repeat(2,minmax(0,1fr))}.treatment-scope-footer{padding:12px 18px}}


/* Explained engagement scoring */
.score-breakdown-list{display:grid;gap:16px;margin:21px 0 5px}
.score-breakdown-row{display:grid;gap:7px}
.score-breakdown-top,.score-breakdown-detail{display:flex;justify-content:space-between;align-items:center;gap:10px}
.score-breakdown-top>b{font-size:12px;color:var(--ink,#283e30);font-weight:700}
.score-breakdown-top>span{font-size:11px;color:#738575;white-space:nowrap}
.score-breakdown-top strong{font-size:14px;color:#2d5b3c}
.score-breakdown-track{height:7px;background:#e9f0e7;border-radius:20px;overflow:hidden}
.score-breakdown-track>span{display:block;height:100%;background:#79a584;border-radius:20px;transition:width .25s ease}
.score-breakdown-detail{align-items:flex-start;font-size:10.5px;color:#8a988c;line-height:1.5}
.score-breakdown-detail span{flex:1}
.score-breakdown-detail b{white-space:nowrap;color:#718977;font-weight:600}
.score-breakdown-note{font-size:10.5px;line-height:1.6;color:#88978a;margin:15px 0 0}
@media(max-width:550px){.score-breakdown-detail{flex-wrap:wrap}.score-breakdown-detail b{white-space:normal}}


/* Live insights interpretation, matching FOLIO's analytics system */
.insights-interpretation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:15px}
.insights-interpretation-stat{background:#f7faf5;border:1px solid #e5eee3;border-radius:11px;padding:15px}
.insights-interpretation-stat>span,.insights-interpretation-highlight>span,.insights-interpretation-label{display:block;font-size:10px;font-weight:750;letter-spacing:.09em;color:#819585}
.insights-interpretation-stat strong{display:block;font-size:27px;font-weight:700;letter-spacing:-.05em;color:#315c3c;margin:7px 0 2px}
.insights-interpretation-stat strong small{font-size:13px;color:#8a9b8d;font-weight:500;letter-spacing:0}
.insights-interpretation-stat p{font-size:11px;line-height:1.5;margin:0}
.insights-interpretation-highlight{border-top:1px solid #e9eee7;margin-top:15px;padding-top:14px;display:grid;gap:4px}
.insights-interpretation-highlight button{display:inline-flex;align-items:center;gap:4px;border:0;padding:0;background:transparent;font:inherit;font-weight:700;color:#365d41;text-align:left;cursor:pointer}
.insights-interpretation-highlight strong{color:#365d41;font-size:13px}
.insights-category-comparison{margin-top:15px;border-top:1px solid #e9eee7;padding-top:13px}
.insights-category-comparison>div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #eef2ec;padding:9px 0;font-size:11px}
.insights-category-comparison b{color:#365a41}
.insights-category-comparison span{color:#7e8c80}
.insights-comparison-note{font-size:11px!important;line-height:1.55!important;margin-top:14px}
.insights-interpretation-empty{display:grid;gap:8px;margin-top:18px;padding:20px;border:1px dashed #cbdacb;border-radius:11px;background:#f9fbf8;color:#67806c}
.insights-interpretation-empty b{font-size:13px;color:#33523b}
.insights-interpretation-empty p{font-size:11px;line-height:1.6;margin:0}
@media(max-width:530px){.insights-interpretation{grid-template-columns:1fr}.insights-category-comparison>div{flex-wrap:wrap}}


/* Treatment analytics geographic overview */
.treatment-geo-panel{margin-top:20px;overflow:hidden}
.treatment-geo-panel .panel-head{padding-bottom:17px}
.treatment-geo-panel .panel-head p{margin:5px 0 0;font-size:11px}
.treatment-geo-grid{display:grid;grid-template-columns:minmax(0,1fr) 215px;gap:18px;padding:0 20px 18px}
.treatment-geo-canvas{position:relative;overflow:hidden;border:1px solid #e0eae0;border-radius:12px;background:#f6f9f5;min-height:230px}
.treatment-geo-canvas svg{display:block;width:100%;height:100%;min-height:230px}
.treatment-geo-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:9px;border:1px solid #dce8dc;background:#fffffff0;color:#748579;padding:12px 16px;font-size:12px;text-align:center;width:max-content;max-width:90%}
.treatment-geo-sidebar{display:grid;align-content:start;gap:3px}
.treatment-geo-summary{display:flex;flex-direction:column;gap:2px;padding:7px 2px 13px;margin-bottom:4px;border-bottom:1px solid #e7ede6}
.treatment-geo-summary strong{font-size:26px;color:#32593e;letter-spacing:-.035em}
.treatment-geo-summary strong small{font-size:12px;font-weight:500;color:#93a496}
.treatment-geo-summary>span{color:#859286;font-size:11px}
.treatment-geo-city{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 3px;border-bottom:1px solid #eef2ec}
.treatment-geo-city>span{display:grid;gap:3px}
.treatment-geo-city b{color:#365844;font-size:12px}
.treatment-geo-city small{font-size:10px;color:#8a9c8d}
.treatment-geo-city strong{font-size:12px;color:#547a5d}
.treatment-geo-footnote{border-top:1px solid #eef1ec;margin:0;padding:12px 20px 15px;font-size:10px;color:#8a968a;line-height:1.55}
@media(max-width:760px){.treatment-geo-grid{grid-template-columns:1fr}.treatment-geo-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.treatment-geo-summary{grid-column:1/-1}}

/* Interactive OpenStreetMap city map */
.treatment-geo-canvas{height:330px;min-height:250px;background:#eef3ec}
.treatment-leaflet-map{height:100%;min-height:330px;width:100%;z-index:0;font-family:inherit}
.treatment-geo-canvas .leaflet-container{background:#eef3ec;font-family:inherit}
.treatment-geo-canvas .leaflet-control-attribution{font-size:10px;background:#fffffff2}
.treatment-geo-canvas .leaflet-popup-content{font-size:12px;line-height:1.5;color:#324f3c}
.treatment-geo-canvas .leaflet-control-zoom a{color:#365a43}
.treatment-map-unavailable{display:flex;align-items:center;justify-content:center;padding:24px;color:#6e806f;font-size:12px;text-align:center}
@media(max-width:760px){.treatment-geo-canvas,.treatment-leaflet-map{min-height:280px;height:280px}}


/* Real-world Natural Earth SVG silhouette and accurately projected viewer markers. */
.treatment-geo-canvas{height:auto;min-height:0;background:#f6f9f5}
.treatment-geo-canvas .folio-world-map{display:block;width:100%;height:auto;min-height:0;aspect-ratio:2 / 1;background:#f6f9f5}
.folio-geo-halo{fill:#75a588;opacity:.2}
.folio-geo-dot{fill:#477b56;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}
.folio-geo-marker{cursor:help;outline:none}
.folio-geo-marker:hover .folio-geo-halo,.folio-geo-marker:focus .folio-geo-halo{opacity:.38}
.folio-geo-marker:hover .folio-geo-dot,.folio-geo-marker:focus .folio-geo-dot{fill:#285c38;stroke-width:2.5}
@media(max-width:760px){.treatment-geo-canvas,.treatment-geo-canvas .folio-world-map{height:auto;min-height:0}}


/* Lightweight interactive SVG map controls */
.treatment-geo-canvas .folio-world-map{cursor:grab;touch-action:none;user-select:none}
.treatment-geo-canvas .folio-world-map.is-dragging{cursor:grabbing}
.treatment-geo-canvas .folio-geo-marker{cursor:pointer}
.treatment-geo-zoom{position:absolute;top:12px;right:12px;display:flex;gap:4px;z-index:2;background:#fffffff0;border:1px solid #dce6db;border-radius:9px;padding:4px;box-shadow:0 3px 12px #233d2720}
.treatment-geo-zoom button{border:0;background:transparent;color:#365d41;font-size:17px;line-height:1;min-width:30px;min-height:30px;border-radius:6px;cursor:pointer;font-family:inherit;font-weight:600}
.treatment-geo-zoom button:last-child{font-size:11px;padding:0 7px}
.treatment-geo-zoom button:hover,.treatment-geo-zoom button:focus-visible{background:#e9f1e7;outline:none}


/* Country-map city hover card and fixed geographic aspect */
.treatment-geo-canvas .folio-world-map{aspect-ratio:2 / 1;height:auto;min-height:0;}
.folio-geo-tooltip{position:absolute;z-index:4;transform:translate(-50%,-100%);pointer-events:none;padding:9px 12px;border-radius:9px;background:#263f30;color:#fff;box-shadow:0 6px 20px #17302133;white-space:nowrap;font-size:11px;line-height:1.5;text-align:left}
.folio-geo-tooltip[hidden]{display:none}
.folio-geo-tooltip strong,.folio-geo-tooltip span{display:block}
.folio-geo-tooltip strong{font-size:12px;font-weight:700}
.folio-geo-tooltip span{color:#d8e8da}
.folio-geo-tooltip:after{content:"";position:absolute;bottom:-5px;left:calc(50% - 5px);width:10px;height:10px;background:#263f30;transform:rotate(45deg)}


/* Match map-to-chart rhythm to the rest of Treatment Analytics. */
.treatment-geo-panel + .detail-charts{margin-top:20px}
.reel-analytics-page > .reel-geo-panel{margin-top:0;margin-bottom:0}

/* Consistent spacing between retention/reading breakdown and the next analytics section. */
.detail-charts + .panel{margin-top:20px}


/* Mobile treatment list: keep metadata and metrics in separate rows, without clipping. */
@media(max-width:700px){
 .library-grid.treatment-layout-list .library-card-shell{width:100%;min-width:0}
 .library-grid.treatment-layout-list .library-card{
  display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;
  align-items:center;column-gap:13px;row-gap:11px;width:100%;min-width:0;padding:13px;
 }
 .library-grid.treatment-layout-list .library-card>.cover{
  grid-column:1;grid-row:1;flex:none;width:76px;max-width:76px;height:92px;max-height:92px;min-width:0;overflow:hidden
 }
 .library-grid.treatment-layout-list .library-meta{
  grid-column:2;grid-row:1;min-width:0;width:100%;padding:0;display:flex;align-items:flex-start;gap:7px
 }
 .library-grid.treatment-layout-list .library-meta>div{min-width:0;flex:1;gap:6px}
 .library-grid.treatment-layout-list .library-meta b{
  display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-overflow:clip;
  font-size:13px;line-height:1.35
 }
 .library-grid.treatment-layout-list .library-meta span{
  display:block;white-space:normal;overflow:visible;text-overflow:clip;
  overflow-wrap:anywhere;line-height:1.45;font-size:11px
 }
 .library-grid.treatment-layout-list .library-meta>svg{flex-shrink:0;width:15px}
 .library-grid.treatment-layout-list .library-numbers{
  grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;
  align-items:center;justify-content:flex-start;gap:8px 15px;min-width:0;width:100%;
  padding:10px 1px 0;border-top:1px solid #edf1ec
 }
 .library-grid.treatment-layout-list .library-numbers span{
  display:inline-flex;align-items:center;gap:5px;min-width:0;
  white-space:nowrap;font-size:10px
 }
 .library-grid.treatment-layout-list .folder-assign-label{padding:10px 13px}
 .library-grid.treatment-layout-list .folder-assign-label select{min-width:0}
}

/* Keep reel open/report arrows as monochrome vector icons on iOS. */
.reel-report-open,.reel-open-action{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.reel-action-arrow{display:inline-block;flex:0 0 15px;vertical-align:middle;color:inherit}

/* Reel engagement overview: responsive cards that never squeeze metrics on phones. */
.reel-analytics-overview .reel-metrics-grid{background:transparent;overflow:visible;grid-template-columns:repeat(3,minmax(0,1fr))}
.reel-analytics-overview .reel-metric{min-width:0;overflow-wrap:anywhere}
.reel-analytics-overview .reel-metric strong{max-width:100%;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
@media(max-width:800px){
 .reel-analytics-overview .reel-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .reel-analytics-overview .reel-metric{padding:15px 12px;gap:8px;min-height:125px}
 .reel-analytics-overview .reel-metric strong{font-size:clamp(22px,5.2vw,29px);line-height:1.15;letter-spacing:-.035em}
 .reel-analytics-overview .reel-metric>span{font-size:10px;line-height:1.35}
 .reel-analytics-overview .reel-metric small{font-size:10px;line-height:1.4}
}
@media(max-width:390px){
 .reel-analytics-overview .reel-metrics-grid{grid-template-columns:1fr 1fr;gap:8px}
 .reel-analytics-overview .reel-metric{padding:12px 10px;min-height:118px}
 .reel-analytics-overview .reel-metric strong{font-size:clamp(19px,5.4vw,24px)}
}

/* iOS Safari zooms the entire viewport when focused form controls use text smaller than 16px. */
@media (hover:none) and (pointer:coarse){
 .reel-dialog input,.reel-dialog select,.reel-dialog textarea,
 .reel-form input,.reel-form select,.reel-form textarea,
 .reel-recipient-dialog input,.reel-recipient-dialog select,.reel-recipient-dialog textarea,
 .reel-links-dialog input,.reel-links-dialog select,
 .reel-editor input,.reel-editor select,.reel-editor textarea{
  font-size:16px!important;
 }
 .reel-dialog-backdrop{min-height:100dvh;align-items:center}
 .reel-dialog{max-height:min(90dvh,calc(100dvh - 32px));overscroll-behavior:contain}
}


/* Create Reel: purpose-built mobile form */
.reel-create-dialog{padding:0;max-width:440px;overflow:hidden}
.reel-create-header{padding:29px 28px 22px;background:linear-gradient(145deg,#f8fbf6,#eef4eb);border-bottom:1px solid #e6eee4}
.reel-create-header h2{font-family:Georgia,serif;font-weight:400;color:#223a2b;font-size:30px;letter-spacing:-.8px;margin:10px 0}
.reel-create-header p{font-size:12px;line-height:1.6;color:#718473;margin:0;max-width:350px}
.reel-create-dialog .reel-dialog-close{top:13px;right:15px;z-index:2;width:36px;height:36px;border-radius:50%;background:#ffffffbf;display:grid;place-items:center;color:#455f49}
.reel-create-form{display:block!important}
.reel-create-body{padding:25px 28px 28px}
.reel-create-body label{font-size:10px;font-weight:800;letter-spacing:1px;color:#6f8172;margin:0 0 10px}
.reel-create-body input{display:block;width:100%;box-sizing:border-box;min-width:0;font-size:16px;padding:15px 14px;line-height:1.35;border:1px solid #ccd9c9;border-radius:10px;background:#fff;color:#243a29;outline:none}
.reel-create-body input:focus{border-color:#759d7b;box-shadow:0 0 0 3px #a8c6a34d}
.reel-create-help{font-size:11px;color:#91a092;line-height:1.5;margin:10px 0 0}
.reel-create-actions{display:flex;justify-content:flex-end;gap:10px;padding:17px 28px;border-top:1px solid #edf1ea;background:#fafcf9}
.reel-create-actions .button{min-height:45px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:700px){
 .reel-dialog-backdrop:has(.reel-create-dialog){align-items:end;justify-items:stretch;padding:0;min-height:100dvh}
 .reel-create-dialog{width:100%;max-width:none;max-height:calc(100dvh - 12px);border-radius:20px 20px 0 0;overflow-y:auto;overscroll-behavior:contain;padding:0;margin:0;box-shadow:0 -15px 50px #091c1633}
 .reel-create-header{padding:28px 22px 22px}
 .reel-create-header h2{font-size:29px}
 .reel-create-header p{font-size:12px;padding-right:20px}
 .reel-create-body{padding:24px 22px 27px}
 .reel-create-body input{font-size:16px!important;min-height:51px}
 .reel-create-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 22px max(18px,env(safe-area-inset-bottom));position:sticky;bottom:0}
 .reel-create-actions .button{width:100%;min-width:0;min-height:48px;padding:12px}
}


/* Compact edit-reel mobile navigation: one back button and clear actions. */
@media(max-width:700px){
 .reel-edit-nav{display:none}
 .reel-editor-head{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:12px!important;align-items:center!important;margin-bottom:20px}
 .reel-editor-head>[data-reel-back]{grid-column:1;grid-row:1;white-space:nowrap;min-height:42px;padding:10px 12px}
 .reel-editor-head>h2{grid-column:2;grid-row:1;min-width:0;flex:none!important;font-size:clamp(23px,6vw,29px)!important;line-height:1.2;margin:0;white-space:normal}
 .reel-editor-head>.reel-editor-actions{grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px!important;width:100%;margin-top:5px}
 .reel-editor-actions>a,.reel-editor-actions>button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:44px;padding:10px 11px;border:1px solid #dbe4d9;border-radius:9px;background:#fff;font-size:12px;font-weight:700;text-decoration:none;color:#3c5844;white-space:nowrap}
 .reel-editor-actions>.reel-danger-action{color:#94544e;border-color:#ebdedc}
}


/* Visual video-library picker for reel creation */
.folio-pick-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px}
.folio-pick-intro h3{font-family:Georgia,serif;font-size:23px;font-weight:400;letter-spacing:-.5px;margin:6px 0}
.folio-pick-intro p{margin:0;font-size:12px;line-height:1.55}
.folio-pick-available{flex-shrink:0;border-radius:20px;background:#edf4e9;color:#5c785e;padding:7px 10px;font-size:10px;font-weight:750}
.folio-reel-picker-search-label{display:grid;gap:7px;margin-bottom:18px;font-size:11px;font-weight:750;color:#647869}
.folio-reel-picker-search-label input{width:100%;min-width:0;padding:12px 14px;border:1px solid #dce5d8;border-radius:10px;background:#fff;color:#26392b;outline:none}
.folio-reel-picker-search-label input:focus{border-color:#8baa89;box-shadow:0 0 0 3px #d9e8d6}
.folio-reel-pick-projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:13px;align-items:stretch}
.folio-reel-pick-projects .folio-pick-project{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #e1e9df;border-radius:13px;background:#fff;transition:border-color .15s,box-shadow .15s}
.folio-reel-pick-projects .folio-pick-project:hover{border-color:#adc9aa;box-shadow:0 7px 20px #27442a12}
.folio-reel-pick-projects .folio-pick-project[hidden]{display:none!important}
.folio-pick-thumbnail{position:relative;aspect-ratio:16/9;background:#e9eee7;overflow:hidden}
.folio-pick-thumbnail img{width:100%;height:100%;display:block;object-fit:cover}
.folio-pick-no-preview{height:100%;display:grid;place-items:center;color:#8da18e;font-size:12px;font-weight:750;letter-spacing:2px}
.folio-pick-count{position:absolute;bottom:9px;right:9px;background:#1d3027d9;color:#fff;padding:5px 8px;border-radius:5px;font-size:10px}
.folio-pick-body{padding:13px;display:flex;flex:1;flex-direction:column;gap:14px}
.folio-pick-heading{min-width:0;display:grid;gap:5px}
.folio-pick-heading strong{font-size:13px;color:#293c2d;line-height:1.4;overflow-wrap:anywhere}
.folio-pick-heading small{font-size:11px;color:#879589;line-height:1.4;overflow-wrap:anywhere}
.folio-pick-controls{display:grid;gap:7px;margin-top:auto;min-width:0}
.folio-pick-controls label{font-size:10px;font-weight:750;color:#697f6c}
.folio-pick-select-row{display:flex;gap:7px;min-width:0}
.folio-pick-select-row select{min-width:0;flex:1;max-width:100%;border:1px solid #dce5d8;border-radius:8px;background:#fff;color:#344b39;padding:8px;font-size:12px}
.folio-pick-select-row .folio-pick-add{flex-shrink:0;padding:9px 11px;font-size:11px;border-radius:8px}
.folio-pick-placeholder{grid-column:1/-1;text-align:center;padding:24px 12px;color:#8b9d8e;font-size:12px}
@media(max-width:700px){
 .folio-pick-intro{align-items:flex-start;gap:8px}
 .folio-pick-intro h3{font-size:21px}
 .folio-reel-pick-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .folio-pick-body{padding:10px;gap:10px}
 .folio-pick-heading strong{font-size:12px}
 .folio-pick-heading small{font-size:10px}
 .folio-pick-count{bottom:6px;right:6px;font-size:9px}
 .folio-pick-select-row{flex-wrap:wrap}
 .folio-pick-select-row select,.folio-pick-select-row .folio-pick-add{width:100%;flex:1 0 100%;min-height:40px;font-size:16px}
 .folio-pick-available{font-size:9px}
 .folio-reel-picker-search-label input{font-size:16px}
}
@media(max-width:350px){.folio-reel-pick-projects{grid-template-columns:minmax(0,1fr)}}


/* Pro upsell: clean feature-led upgrade presentation */
.folio-upgrade-card{width:min(520px,100%);padding:0;overflow:auto;border-radius:20px;max-height:calc(100dvh - 24px);border:1px solid #dfe9dd}
.folio-upgrade-hero{padding:31px 30px 27px;background:linear-gradient(138deg,#1d3425,#35563a);color:#f6fbf3}
.folio-upgrade-kicker{font-size:11px;letter-spacing:2px;font-weight:700;color:#bed2bc}
.folio-upgrade-kicker b{color:#dbedb7}
.folio-upgrade-card .folio-upgrade-hero h2{font:400 clamp(28px,5vw,35px)/1.13 Georgia,serif;letter-spacing:-.8px;color:#fff;margin:13px 24px 11px 0}
.folio-upgrade-card .folio-upgrade-hero .folio-upgrade-reason{margin:0;color:#d7e5d5;font-size:12px;line-height:1.65}
.folio-upgrade-close{right:17px;top:15px;z-index:1;color:#fff;background:#ffffff20;border-radius:50%;width:32px;height:32px;line-height:30px;text-align:center}
.folio-upgrade-content{padding:24px 30px 26px}
.folio-upgrade-section-label{margin:0 0 13px;letter-spacing:1.6px;font-size:10px;font-weight:800;color:#718575}
.folio-upgrade-features{display:grid;gap:0}
.folio-upgrade-features>div{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #edf1eb}
.folio-upgrade-check{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;background:#e8f2e3;color:#406c42;border-radius:50%;font-size:13px;font-weight:800}
.folio-upgrade-features>div>span:last-child{display:grid;gap:4px;min-width:0}
.folio-upgrade-features b{font-size:13px;color:#273d2c}
.folio-upgrade-features small{font-size:11px;line-height:1.45;color:#849588}
.folio-upgrade-note{font-size:11px;line-height:1.5;color:#839083;margin:17px 0}
.folio-upgrade-actions{display:flex;gap:9px;margin-top:18px}
.folio-upgrade-actions .button{flex:1;min-height:46px}
@media(max-width:700px){
 .folio-upgrade-backdrop{padding:12px;align-items:center}
 .folio-upgrade-card{width:100%;max-height:calc(100dvh - 24px);border-radius:17px}
 .folio-upgrade-hero{padding:26px 22px 20px}
 .folio-upgrade-card .folio-upgrade-hero h2{font-size:28px}
 .folio-upgrade-content{padding:18px 22px 22px}
 .folio-upgrade-features>div{padding:9px 0}
 .folio-upgrade-features b{font-size:12px}
 .folio-upgrade-actions .button{padding:11px 8px}
}
/* Mobile authentication: remove the promotional splash and show the form immediately */
@media(max-width:700px){
 .auth-layout{display:block;min-height:100dvh;height:auto}
 .auth-layout>.auth-visual{display:none!important}
 .auth-layout>.auth-form-col{display:flex;align-items:center;justify-content:center;min-height:100dvh;min-height:100svh;height:auto;padding:20px 23px max(20px,env(safe-area-inset-bottom));box-sizing:border-box}
 .auth-layout .auth-form-wrap{width:100%;max-width:390px;margin:0 auto;padding:0}
 .auth-layout .auth-small-brand{margin:0 0 20px}
 .auth-layout .auth-form-wrap h2{font-size:clamp(26px,7vw,34px)}
 .auth-layout .auth-form-wrap .auth-tabs{margin-top:17px}
 .auth-layout .auth-form{gap:12px}
 .auth-layout .auth-form input{font-size:16px!important}
}
@media(max-width:700px) and (max-height:680px){
 .auth-layout>.auth-form-col{align-items:flex-start;padding-top:14px}
 .auth-layout .auth-small-brand{margin-bottom:12px}
 .auth-layout .auth-form-wrap h2{margin-top:7px;margin-bottom:7px}
}


/* Mobile treatment library toolbar: prevent filter/sort controls overlapping. */
@media (max-width:700px) {
  .library-toolbar:has(> .treatment-display-controls) {
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch;
    gap:12px!important;
  }
  .library-toolbar:has(> .treatment-display-controls) > .searchbox,
  .library-toolbar:has(> .treatment-display-controls) > .category-picker,
  .library-toolbar:has(> .treatment-display-controls) > .treatment-display-controls,
  .library-toolbar:has(> .treatment-display-controls) > span {
    grid-column:1/-1;
    width:100%;
    min-width:0;
  }
  .library-toolbar:has(> .treatment-display-controls) > .category-picker {
    display:flex;
    align-items:center;
    gap:10px;
  }
  .library-toolbar:has(> .treatment-display-controls) > .category-picker select {
    flex:1;
    width:100%;
    min-width:0;
    min-height:44px;
  }
  .library-toolbar > .treatment-display-controls {
    display:grid;
    grid-template-columns:minmax(0,1fr) 44px auto;
    gap:8px;
    margin-left:0;
    align-items:center;
  }
  .library-toolbar > .treatment-display-controls > label:first-child {
    min-width:0;
    display:flex;
    align-items:center;
    gap:8px;
  }
  .library-toolbar > .treatment-display-controls > label:first-child select {
    min-width:0;
    flex:1;
    width:100%;
    min-height:44px;
  }
  .library-toolbar > .treatment-display-controls > .treatment-direction {
    width:44px;
    height:44px;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0;
  }
  .library-toolbar > .treatment-display-controls > .treatment-view-buttons {
    min-width:0;
    justify-self:end;
  }
  .library-toolbar > .treatment-display-controls > .treatment-view-buttons button {
    min-width:40px;
    min-height:40px;
    padding:8px;
  }
  .library-toolbar > .treatment-display-controls > .treatment-icon-size {
    grid-column:1/-1;
    min-width:0;
    display:flex;
    align-items:center;
  }
  .library-toolbar > .treatment-display-controls > .treatment-icon-size:not([hidden]) select {
    min-width:0;
    flex:1;
    min-height:44px;
  }
  .library-toolbar:has(> .treatment-display-controls) > span {
    text-align:left;
  }
}

/* Admin console mobile overflow: preserve access to every column and cost. */
.folio-admin-panel,.folio-admin-tabs,.folio-admin-controls,.folio-admin-metrics,#folio-traffic-breakdown,#folio-publication-traffic{min-width:0;max-width:100%}
.folio-admin-table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.folio-admin-table{table-layout:auto}
.folio-admin-table th,.folio-admin-table td{overflow-wrap:anywhere}
#folio-traffic-breakdown>section{min-width:0;max-width:100%}
#folio-traffic-breakdown>section div{min-width:0}
#folio-traffic-breakdown>section span,#folio-traffic-breakdown>section small{overflow-wrap:anywhere}
@media(max-width:700px){
 .folio-admin-tabs{width:100%;scrollbar-width:thin}
 .folio-admin-panel{padding:15px;overflow:visible}
 .folio-admin-controls{display:grid;grid-template-columns:minmax(0,1fr)}
 .folio-admin-controls input,.folio-admin-controls select{width:100%;min-width:0;max-width:100%}
 .folio-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .folio-admin-metric{min-width:0;padding:12px}
 .folio-admin-metric strong{font-size:clamp(19px,5vw,27px);overflow-wrap:anywhere}
 #folio-traffic-breakdown>section>div{flex-wrap:wrap}
 #folio-traffic-breakdown>section>div strong{margin-left:auto}
 .folio-traffic-sources{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))!important}
}
@media(max-width:360px){.folio-admin-metrics{grid-template-columns:minmax(0,1fr)}}


/* Interactive portfolio pulse: accessible hover, tap and keyboard session details. */
.pulse-plot .pulse-bar-col{appearance:none;border:0;background:transparent;padding:0;margin:0;border-radius:4px 4px 0 0;cursor:pointer;position:relative;min-width:0;min-height:100%;align-items:flex-end}
.pulse-plot .pulse-bar-col .pulse-bar{display:block;pointer-events:none;flex:0 0 auto}
.pulse-plot .pulse-bar-col:hover .pulse-bar,.pulse-plot .pulse-bar-col.is-active .pulse-bar,.pulse-plot .pulse-bar-col:focus-visible .pulse-bar{background:linear-gradient(180deg,#426d49,#8fbd88)}
.pulse-plot .pulse-bar-col:focus-visible{outline:2px solid #426d49;outline-offset:2px}
.pulse-detail{font-size:12px;font-weight:650;color:#416748;min-height:35px;display:flex;align-items:center;padding:9px 2px 0;line-height:1.5;overflow-wrap:anywhere}


/* Treatment detail: intentional action hierarchy and responsive toolbar */
.detail-body{min-width:0;width:100%}
.detail-commandbar{width:100%;margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.detail-primary-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.detail-primary-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:10px 15px;border-radius:10px;font-size:12px;font-weight:700;white-space:nowrap}
.detail-primary-actions .button.primary{padding-inline:19px}
.detail-secondary-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px;padding-top:11px;border-top:1px solid #e5ebe2;width:100%}
.detail-quiet-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 10px;color:#647769;background:transparent;border:1px solid transparent;border-radius:8px;font:inherit;font-size:12px;font-weight:650;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.detail-quiet-action:hover,.detail-quiet-action:focus-visible{color:#2b4633;background:#edf3ea}
.detail-quiet-action:focus-visible{outline:2px solid #789c7b;outline-offset:2px}
.detail-actions-separator{height:19px;border-left:1px solid #dce4d9;margin-inline:3px}
.detail-version-inline{font-size:10px;font-weight:750;border-radius:5px;background:#eef1eb;padding:3px 5px}
@media(max-width:900px){
 .detail-commandbar{gap:10px}
 .detail-primary-actions{width:100%}
 .detail-primary-actions .button{flex:1 1 auto}
}
@media(max-width:700px){
 .detail-primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .detail-primary-actions .button{white-space:normal;min-width:0;min-height:44px;line-height:1.3;padding:9px}
 .detail-primary-actions .button:first-child{grid-column:1/-1}
 .detail-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding-top:8px}
 .detail-quiet-action{justify-content:flex-start;min-width:0;white-space:normal;text-align:left}
 .detail-actions-separator{display:none}
}

/* FOLIO treatment library quick actions: quiet native-style buttons. */
.treatment-library-quick-actions{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-width:0}
.treatment-library-quick-actions button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;border:1px solid #e1e7df;border-radius:9px;background:#fff;color:#3e4c41;font:inherit;font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.treatment-library-quick-actions button svg{width:15px;height:15px;flex:none}
.treatment-library-quick-actions button:hover{background:#f0f5ed;border-color:#cbdac8;color:#294a32}
.treatment-library-quick-actions button:focus-visible{outline:2px solid #7caa7e;outline-offset:2px}
.library-grid:not(.treatment-layout-list) .treatment-library-quick-actions{padding:0 9px 10px}
.library-grid:not(.treatment-layout-list) .treatment-library-quick-actions button{flex:1;min-width:0;padding-inline:6px}
.library-grid.treatment-layout-list .treatment-library-quick-actions{flex:0 0 auto;padding:0 12px;border-left:1px solid #eef1ed}
@media(max-width:950px){.library-grid.treatment-layout-list .treatment-library-quick-actions{padding:7px 9px;flex-wrap:wrap}.library-grid.treatment-layout-list .treatment-library-quick-actions button{min-height:34px;padding:7px 9px}}
@media(max-width:700px){.library-grid.treatment-layout-list .treatment-library-quick-actions{width:100%;border-left:0;border-top:1px solid #eef1ed;padding:9px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.library-grid.treatment-layout-list .treatment-library-quick-actions button{min-width:0;min-height:40px}.library-grid:not(.treatment-layout-list) .treatment-library-quick-actions{gap:5px}.library-grid:not(.treatment-layout-list) .treatment-library-quick-actions button{font-size:10px}}

/* Compact, refined Add Video / Edit Video dialog */
.reel-dialog:has(.folio-video-compact-form){width:min(680px,calc(100vw - 32px));max-height:min(90dvh,850px);overflow-y:auto;overscroll-behavior:contain;padding:24px 27px;border-radius:16px}
.folio-video-form-heading{margin-bottom:16px;padding-right:32px}
.folio-video-form-heading .eyebrow{font-size:10px;letter-spacing:1.2px}
.folio-video-form-heading h2{font-size:clamp(24px,3vw,30px);line-height:1.1;letter-spacing:-.8px;margin:5px 0 7px}
.folio-video-form-heading p{font-size:12px;line-height:1.5;max-width:530px;margin:0;color:#768679}
.folio-video-compact-form{display:grid;gap:0;min-width:0}
.folio-video-compact-form .reel-form-section{padding:14px 0;gap:10px;min-width:0}
.folio-video-compact-form .reel-form-step{gap:9px}
.folio-video-compact-form .reel-form-step>b{width:23px;height:23px;flex:none;font-size:10px}
.folio-video-compact-form .reel-form-step>strong{font-size:12px;letter-spacing:.01em}
.folio-video-compact-form .reel-source-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.folio-video-compact-form .reel-source-choice{min-width:0}
.folio-video-compact-form .reel-source-choice span{min-height:43px;padding:10px 12px;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;line-height:1.2;text-align:center}
.folio-video-compact-form .reel-source-choice small{font-size:9px!important;margin-top:0!important}
.folio-video-compact-form label:not(.reel-source-choice){min-width:0;font-size:11px;font-weight:650;color:#506354}
.folio-video-compact-form label input:not([type=radio]):not([type=file]),.folio-video-compact-form label select{display:block;width:100%;min-width:0;min-height:40px;margin-top:5px;padding:9px 11px;border-radius:8px;border:1px solid #dce5da;background:#fff;color:#2d4031;font-size:13px;font-weight:450}
.folio-video-compact-form label input:focus,.folio-video-compact-form label select:focus{outline:2px solid #9ebc9b;outline-offset:1px}
.folio-video-compact-form .reel-form-two{gap:9px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.folio-video-compact-form .reel-desktop-thumbnail-upload{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:9px 12px;border:1px dashed #cbdac7;border-radius:8px;background:#f8faf6;cursor:pointer}
.folio-video-compact-form .reel-desktop-thumbnail-upload input{max-width:58%;font-size:11px}
.folio-video-compact-form .reel-modal-actions{position:sticky;bottom:-24px;z-index:2;margin:9px -27px -24px;padding:13px 27px max(13px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e5ebe3;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.folio-video-compact-form .reel-modal-actions .button{min-height:40px;border-radius:9px;font-size:12px}
@media(max-width:700px){
 .reel-dialog:has(.folio-video-compact-form){width:100%;max-height:94dvh;padding:19px 16px 0;border-radius:17px 17px 0 0}
 .folio-video-form-heading{margin-bottom:12px}
 .folio-video-compact-form .reel-form-section{padding:12px 0;gap:9px}
 .folio-video-compact-form .reel-form-two{grid-template-columns:minmax(0,1fr)}
 .folio-video-compact-form label input:not([type=radio]):not([type=file]),.folio-video-compact-form label select{min-height:44px;font-size:16px}
 .folio-video-compact-form .reel-source-choice span{padding:8px 5px;font-size:11px}
 .folio-video-compact-form .reel-modal-actions{bottom:0;margin:8px -16px 0;padding:11px 16px max(12px,env(safe-area-inset-bottom));flex-wrap:nowrap}
 .folio-video-compact-form .reel-modal-actions .button{min-width:0;flex:1;padding:10px 7px}
}

/* Compact, map-first viewer geography cards on phones (treatments and reels). */
@media(max-width:700px){
 .treatment-geo-panel{margin-top:12px;border-radius:14px}
 .treatment-geo-panel .panel-head{padding:16px 16px 11px!important;display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
 .treatment-geo-panel .panel-head>div{min-width:0;flex:1 1 200px}
 .treatment-geo-panel .panel-head .overline{font-size:9px;letter-spacing:1.4px}
 .treatment-geo-panel .panel-head h2{font-size:18px!important;line-height:1.18;margin:7px 0 4px!important;letter-spacing:-.45px}
 .treatment-geo-panel .panel-head p{font-size:11px!important;line-height:1.45;margin:4px 0 0;max-width:36ch}
 .treatment-geo-panel .panel-head>.pill{flex:none;font-size:10px;padding:6px 9px;margin:0}
 .treatment-geo-panel .treatment-geo-grid{display:flex;flex-direction:column;gap:10px;padding:0 14px 12px}
 .treatment-geo-panel .treatment-geo-canvas{height:auto!important;min-height:0!important;border-radius:10px}
 .treatment-geo-panel .treatment-geo-canvas .folio-world-map{width:100%;height:auto!important;min-height:0!important;aspect-ratio:2/1}
 .treatment-geo-panel .treatment-geo-zoom{right:7px;top:7px;padding:2px;gap:1px;border-radius:7px;box-shadow:0 2px 8px #233d2716}
 .treatment-geo-panel .treatment-geo-zoom button{min-height:29px;min-width:29px;font-size:16px}
 .treatment-geo-panel .treatment-geo-zoom button:last-child{font-size:10px;padding:0 5px}
 .treatment-geo-panel .treatment-geo-empty{top:auto;bottom:9px;left:50%;transform:translateX(-50%);max-width:calc(100% - 18px);width:auto;padding:6px 10px;font-size:10px;line-height:1.35;white-space:normal;box-shadow:0 2px 12px #1f35200d}
 .treatment-geo-panel .treatment-geo-sidebar{display:flex;flex-direction:column;gap:0;min-width:0}
 .treatment-geo-panel .treatment-geo-summary{display:flex;flex-direction:row;align-items:center;gap:10px;border-bottom:0;margin:0;padding:5px 2px}
 .treatment-geo-panel .treatment-geo-summary strong{font-size:20px;white-space:nowrap}
 .treatment-geo-panel .treatment-geo-summary>span{font-size:11px}
 .treatment-geo-panel .treatment-geo-sidebar>.muted{margin:4px 2px;font-size:11px;line-height:1.4}
 .treatment-geo-panel .treatment-geo-city{padding:8px 2px}
 .treatment-geo-panel .treatment-geo-footnote{padding:9px 16px 13px;font-size:10px;line-height:1.4}
}

/* Account usage explanation for Free downgrades. */
.folio-account-usage{margin:18px 0;padding:18px;border:1px solid #e0e9dc;border-radius:12px;background:#f9fbf7}
.folio-account-usage-title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#304636;font-size:14px}
.folio-over-limit-badge{border-radius:20px;background:#f3ebe1;color:#835e38;font-size:10px;padding:5px 9px;font-weight:750}
.folio-account-usage>p{color:#65796a;font-size:12px;line-height:1.55;margin:10px 0 16px}
.folio-account-usage-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.folio-account-usage-row{display:grid;grid-template-columns:1fr auto;gap:8px;color:#536a57;font-size:11px}
.folio-account-usage-row b{color:#304d36;font-variant-numeric:tabular-nums}
.folio-account-usage-track{height:5px;background:#e5ede2;border-radius:30px;overflow:hidden;grid-column:1/-1}
.folio-account-usage-track i{display:block;height:100%;background:#779979;border-radius:30px}
.folio-account-usage>small{display:block;color:#7b8a7e;line-height:1.5;margin-top:13px;font-size:10px}
@media(max-width:650px){.folio-account-usage{padding:14px}.folio-account-usage-list{grid-template-columns:1fr;gap:14px}}

/* New-account seven-day Pro trial offer and expiry status */
.folio-trial-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-radius:14px;padding:20px 23px;margin:0 0 20px;border:1px solid #cfe0c8;background:linear-gradient(120deg,#e8f3df,#f7faf4);color:#2c4832}
.folio-trial-banner>div:first-child{flex:1 1 300px;max-width:680px}
.folio-trial-banner .eyebrow{font-size:10px;letter-spacing:1.5px;color:#688669;margin:0}
.folio-trial-banner h3{font-size:22px;letter-spacing:-.6px;margin:6px 0 7px;font-weight:700;line-height:1.2}
.folio-trial-banner p{font-size:12px;line-height:1.6;color:#627864;margin:0}
.folio-trial-buttons{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.folio-trial-banner .button{min-height:41px;padding:10px 13px;border-radius:9px;font-size:12px;white-space:nowrap}
.folio-trial-active{background:#f4f8f0;border-color:#dbe6d4}
.folio-trial-ended{background:#fbf8f2;border-color:#e7dfcf}
@media(max-width:700px){.folio-trial-banner{padding:16px;gap:14px;margin-bottom:15px}.folio-trial-banner h3{font-size:19px}.folio-trial-banner .folio-trial-buttons{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.folio-trial-banner .button{white-space:normal;line-height:1.3;min-width:0}.folio-trial-banner>button{width:100%}}

/* Protected account removal */
.folio-delete-confirm{padding:5px 0;max-width:500px}.folio-delete-confirm h2{font-size:23px;margin:4px 0 10px;color:#7f3734}.folio-delete-confirm p{color:#657267;font-size:13px;line-height:1.6}.folio-delete-confirm form{display:grid;gap:12px;margin-top:20px}.folio-delete-confirm label{display:grid;gap:5px;color:#415348;font-weight:650;font-size:12px}.folio-delete-confirm input{min-height:43px;padding:10px 12px;border-radius:9px;border:1px solid #d9e1d8;font:inherit;font-size:14px;min-width:0}.folio-delete-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:8px}.folio-delete-submit{background:#8d3f3b!important;color:#fff!important;border:1px solid #8d3f3b!important}.folio-delete-submit:hover{background:#73302d!important}@media(max-width:700px){.folio-delete-actions .button{flex:1}}

.folio-mail-test{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:16px 0;padding:14px 16px;border:1px solid #dfebdf;background:#f6faf5;border-radius:11px}.folio-mail-test strong{font-size:13px;color:#36533e}.folio-mail-test p{font-size:11px;margin:5px 0 0}.folio-mail-test .button{white-space:nowrap}@media(max-width:650px){.folio-mail-test .button{width:100%}}

.folio-email-test-result{flex:1 0 100%;margin:2px 0 0;padding:10px 12px;border-radius:8px;font-size:12px;line-height:1.5;background:#edf5e8;color:#34573a;overflow-wrap:anywhere}.folio-email-test-result[data-status='error']{background:#fff2ee;color:#903c31}.folio-email-test-result[data-status='pending']{background:#f4f5f0;color:#637466}.folio-email-test-result[hidden]{display:none}

/* Email verification gate — compact, aligned with FOLIO's editorial UI */
.folio-verify-wrap{min-height:100svh;display:grid;place-items:center;padding:24px 16px;background:#101c17}
.folio-verify-panel{width:min(100%,420px);background:#fff;border:1px solid #e5eae3;border-radius:18px;box-shadow:0 20px 65px #0002;overflow:hidden;color:#202521}
.folio-verify-header{padding:27px 32px 23px;border-bottom:1px solid #eef0eb}
.folio-verify-logo{font-size:22px;font-weight:800;letter-spacing:-1px;line-height:1;color:#202521}
.folio-verify-logo>span{color:#4f785d}
.folio-verify-logo small{display:block;font-size:8px;letter-spacing:1.35px;color:#879187;margin-top:7px;font-weight:700}
.folio-verify-body{padding:30px 32px 29px}
.folio-verify-symbol{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:#edf5e7;color:#4f785d;margin-bottom:21px}
.folio-verify-panel h1{font:400 32px/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.7px;margin:0 0 16px;color:#202521}
.folio-verify-description{font-size:13px;line-height:1.5;color:#778179;margin:0 0 5px}
.folio-verify-address{font-size:14px;font-weight:700;color:#27352b;overflow-wrap:anywhere;line-height:1.45}
.folio-verify-instructions{font-size:13px;line-height:1.65;color:#68736a;margin:15px 0 0}
.folio-verify-panel .folio-verify-notice{font-size:11.5px;line-height:1.55;color:#68766b;background:#f5f7f3;border-radius:9px;padding:11px 12px;margin:20px 0 18px}
.folio-verify-primary{width:100%;min-height:44px;display:flex;justify-content:center;align-items:center;gap:9px;border-radius:9px}
.folio-verify-resend{display:block;width:100%;margin-top:12px;padding:9px 6px;border:0;background:transparent;color:#4f785d;font-size:12px;font-weight:700;cursor:pointer}
.folio-verify-resend:hover{text-decoration:underline}
.folio-verify-footer{border-top:1px solid #eef0eb;text-align:center;padding:17px 22px}
.folio-verify-signout{border:0;background:none;color:#7a867d;font-size:11.5px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
@media(max-width:480px){.folio-verify-wrap{padding:15px 12px}.folio-verify-panel{border-radius:15px}.folio-verify-header{padding:22px 25px 18px}.folio-verify-body{padding:25px 25px 22px}.folio-verify-panel h1{font-size:30px}.folio-verify-symbol{margin-bottom:17px}}

/* Keep reel and demo unique-link dialogs within all viewport sizes. */
.reel-dialog-backdrop{box-sizing:border-box;width:100%;max-width:100vw;overflow-y:auto;overflow-x:hidden;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));}
.reel-dialog,.reel-dialog *{box-sizing:border-box;min-width:0;}
.reel-dialog{width:min(550px,100%);max-width:100%;max-height:min(90dvh,900px);overflow-y:auto;overflow-x:hidden;overflow-wrap:anywhere;padding:clamp(18px,4vw,30px);}
.reel-dialog form,.reel-dialog label,.reel-dialog input,.reel-dialog select,.reel-dialog button{max-width:100%;min-width:0;}
.reel-dialog input,.reel-dialog select{display:block;width:100%;}
#demo-link-result{overflow-wrap:anywhere;word-break:break-word;}
@media(max-width:600px){.reel-dialog-backdrop{place-items:center;padding:12px}.reel-dialog{max-height:calc(100dvh - 24px);border-radius:14px}}

/* Reel card action layout: unique link buttons must never exceed card width. */
.reel-tile,.reel-tile-buttons,.reel-tile .treatment-library-quick-actions{min-width:0;max-width:100%;box-sizing:border-box}
.reel-tile .reel-tile-buttons,.reel-tile .treatment-library-quick-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:6px}
.reel-tile button[data-reel-generate]{box-sizing:border-box;max-width:100%;min-width:0;flex:1 1 145px;white-space:normal;overflow-wrap:break-word;text-align:center;line-height:1.25}
.reel-grid.folio-organizer-reels .reel-tile-buttons>.reel-link-generate{white-space:normal;min-width:0;max-width:100%}
.reel-tile .treatment-library-quick-actions>button{max-width:100%;min-width:0;white-space:normal;overflow-wrap:break-word}
@media(max-width:420px){.reel-tile button[data-reel-generate]{flex-basis:100%}}

/* Treatment details: purposeful, readable mobile actions. Desktop remains unchanged. */
@media(max-width:700px){
 .detail-commandbar{width:100%;gap:12px;min-width:0}
 .detail-primary-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;width:100%}
 .detail-primary-actions .button,.detail-primary-actions .button:first-child{grid-column:1/-1;width:100%;min-width:0;max-width:100%;min-height:47px;padding:12px 15px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:9px;line-height:1.25;font-size:13px;font-weight:700;white-space:normal;text-align:center;border-radius:11px}
 .detail-primary-actions .button svg{flex:0 0 auto}
 .detail-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;min-width:0;padding-top:13px}
 .detail-secondary-actions .detail-quiet-action{min-width:0;min-height:44px;box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:10px 11px;text-align:left;white-space:normal;overflow-wrap:normal;line-height:1.3;font-size:12px;font-weight:650;color:#4e6855;border:1px solid #e1e8de;border-radius:10px;background:#fff}
 .detail-secondary-actions .detail-quiet-action svg{flex:0 0 16px}
 .detail-secondary-actions .detail-quiet-action:disabled{opacity:.55}
 .detail-actions-separator{display:none}
}


/* Session journey: shared treatment and reel engagement visualization */
.folio-journey-section{padding:22px 0;min-width:0}
.folio-journey-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:10px 0 22px}
.folio-journey-heading h3{font-size:20px;letter-spacing:-.5px;margin:0;color:#253c32}
.folio-journey-heading>span{font-size:11px;font-weight:650;color:#8b9b91;white-space:nowrap}
.folio-journey-ruler{display:flex;justify-content:space-between;font-size:10px;color:#849589;margin-bottom:8px;font-variant-numeric:tabular-nums}
.folio-journey-track{position:relative;height:44px;margin:0 5px;border-radius:10px;background:linear-gradient(90deg,#e5efe8,#f3f6ef);border:1px solid #dce8df}
.folio-journey-track:before{content:"";position:absolute;top:21px;left:9px;right:9px;height:2px;background:#b2c8ba}
.folio-journey-tick{position:absolute;z-index:1;top:11px;width:4px;height:22px;transform:translateX(-50%);border-radius:8px;background:#4a8971;box-shadow:0 0 0 2px #fff;cursor:default}
.folio-journey-tick.folio-journey-click{background:#e0a65c;height:28px;top:8px}
.folio-journey-tick.folio-journey-video{background:#6686ce;height:32px;top:6px}
.folio-journey-legend{display:flex;gap:16px;flex-wrap:wrap;margin:13px 0 20px;font-size:10px;color:#7e9084}
.folio-journey-legend span{display:flex;gap:6px;align-items:center}
.folio-journey-legend i,.folio-journey-stop>i{display:inline-block;flex:none;background:#4a8971;width:9px;height:9px;border-radius:50%}
.folio-journey-legend .folio-journey-click,.folio-journey-stop>.folio-journey-click{background:#e0a65c}
.folio-journey-legend .folio-journey-video,.folio-journey-stop>.folio-journey-video{background:#6686ce}
.folio-journey-stops{border:1px solid #e5ebe5;border-radius:13px;overflow:hidden;background:#fff}
.folio-journey-stop{display:grid;grid-template-columns:44px 10px minmax(0,1fr);gap:13px;padding:12px 14px;align-items:start;border-bottom:1px solid #edf1ed}
.folio-journey-stop:last-child{border-bottom:0}
.folio-journey-stop:nth-child(even){background:#fafbf9}
.folio-journey-stop time{font-size:10px;color:#849589;font-variant-numeric:tabular-nums;padding-top:2px}
.folio-journey-stop>i{margin-top:4px}
.folio-journey-stop strong{font-size:12px;color:#3c5848;display:block;line-height:1.35}
.folio-journey-stop small{display:block;font-size:10px;color:#7e9283;margin-top:3px;overflow-wrap:anywhere}
.reel-session-details .folio-journey-section{padding:8px 0}
@media(max-width:690px){.folio-journey-stop{grid-template-columns:38px 9px minmax(0,1fr);gap:9px;padding:11px}.folio-journey-heading h3{font-size:17px}}

/* FOLIO folder creation dialog (reels and video library). */
.reel-folder-dialog{width:min(440px,100%);background:#18291f;color:#ecf5e9;border:1px solid #46634b;box-shadow:0 28px 90px #030c08b8;padding:28px;border-radius:16px}
.reel-folder-dialog .eyebrow{font-size:10px;font-weight:750;letter-spacing:.13em;color:#bfe3a8}
.reel-folder-dialog h2{font-size:25px;letter-spacing:-.04em;margin:9px 0 8px}
.reel-folder-dialog .muted{color:#a8beac;font-size:13px;line-height:1.5;margin:0 0 20px}
.reel-folder-dialog label{color:#d9e9d6;font-weight:650;font-size:12px}
.reel-folder-dialog input{display:block;width:100%;min-width:0;border-radius:9px;border:1px solid #587059;background:#101d15;color:#f0f6ec;padding:13px 14px;font-size:15px;outline:none}
.reel-folder-dialog input:focus{border-color:#d5edba;box-shadow:0 0 0 3px #d5edba20}
.reel-folder-dialog .reel-dialog-close{color:#c0d2c0}
.reel-folder-dialog .reel-folder-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}
.reel-folder-dialog .reel-folder-error{color:#ffc1ad;font-size:12px;margin:0}
@media(max-width:600px){.reel-folder-dialog{padding:24px 20px}.reel-folder-dialog .reel-folder-dialog-actions{flex-wrap:wrap}.reel-folder-dialog .reel-folder-dialog-actions button{flex:1}}

.folio-journey-extra{border-top:1px solid #e5ebe5}.folio-journey-extra>summary{list-style:none;cursor:pointer;padding:13px 15px;text-align:center;color:#4b755b;background:#f4f8f3;font-size:12px;font-weight:700}.folio-journey-extra>summary::-webkit-details-marker{display:none}.folio-journey-extra>summary:hover{background:#eaf3e9}.folio-journey-extra[open]>summary{border-bottom:1px solid #e5ebe5}.folio-journey-extra .folio-journey-stop:last-child{border-bottom:0}

/* Timeline marker hover cards */
.folio-journey-track{overflow:visible;isolation:isolate}
.folio-journey-tick{cursor:default}
.folio-journey-tick:hover,.folio-journey-tick:focus-visible{z-index:10}
.folio-journey-tick[data-journey-tip]::after{content:attr(data-journey-tip);display:block;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(4px);width:max-content;max-width:min(220px,70vw);min-width:95px;white-space:normal;box-sizing:border-box;padding:10px 12px;border:1px solid #526d59;border-radius:9px;background:#1d3327;color:#f4f9f1;font:600 11px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;box-shadow:0 12px 30px #13291d44;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,transform .12s ease;overflow-wrap:anywhere;text-align:left}
.folio-journey-tick[data-journey-tip]:hover::after,.folio-journey-tick[data-journey-tip]:focus-visible::after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.folio-journey-tick[data-journey-tip]:first-child::after{left:0;transform:translateX(0)}
.folio-journey-tick[data-journey-tip]:last-child::after{left:auto;right:0;transform:translateX(0)}

/* Chronological activity: keep long treatment sessions compact. */
.folio-activity-extra{margin:14px 0 0 17px;border-top:1px solid #e5ebe5}
.folio-activity-extra>summary{cursor:pointer;list-style:none;padding:14px 12px;border-radius:8px;background:#f4f8f3;color:#4b755b;font-size:12px;font-weight:700;text-align:center}
.folio-activity-extra>summary::-webkit-details-marker{display:none}
.folio-activity-extra>summary:hover{background:#eaf3e9}
.folio-activity-extra>.timeline{margin-top:20px}

/* Reel session journey v2: responsive, contained within analytics table */
.reel-session-details{display:block;min-width:0;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}
.reel-session-details .reel-journey-v2{font-family:inherit;width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:22px 20px;border:1px solid #dce8df;border-radius:16px;background:#fbfdf9;color:#284133;overflow:hidden}
.reel-journey-header{display:flex;align-items:start;justify-content:space-between;gap:14px}
.reel-journey-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:800;color:#7a9880}
.reel-journey-header h3{font-size:23px;line-height:1.2;letter-spacing:-.7px;margin:5px 0 5px;color:#253c32}
.reel-journey-header p{font-size:12px;line-height:1.5;color:#829488;margin:0}
.reel-journey-duration{flex:none;border:1px solid #d9e6db;border-radius:20px;background:white;padding:7px 10px;font-size:11px;font-weight:700;color:#54715c;white-space:nowrap}
.reel-journey-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 22px}
.reel-journey-metrics>div{display:flex;flex-direction:column;gap:5px;min-width:0;padding:13px;background:#fff;border:1px solid #e7ede7;border-radius:11px}
.reel-journey-metrics strong{font-size:21px;color:#284934;font-variant-numeric:tabular-nums}
.reel-journey-metrics span{font-size:10px;color:#7e9284;line-height:1.3}
.reel-journey-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px;font-size:10px;font-weight:800;letter-spacing:.1em;color:#819787}
.reel-journey-section-title span{letter-spacing:normal;font-weight:600}
.reel-journey-chapters{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:2px 0 10px;scroll-snap-type:x proximity}
.reel-journey-chapter{flex:0 0 132px;min-width:0;min-height:89px;box-sizing:border-box;padding:11px;border:1px solid #e1ebe2;border-radius:11px;background:#fff;display:flex;flex-direction:column;gap:7px;scroll-snap-align:start}
.reel-journey-chapter-marker{height:4px;width:32px;background:#a3b9a7;border-radius:4px}
.reel-journey-chapter-marker.reel-journey-play{background:#6686ce}
.reel-journey-chapter strong{font-size:11px;color:#4d6654;font-variant-numeric:tabular-nums}
.reel-journey-chapter>span:last-child{font-size:11px;color:#596f60;overflow:hidden;text-overflow:ellipsis;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.reel-journey-events{background:#fff;border:1px solid #e2eae2;border-radius:12px;overflow:hidden}
.reel-journey-event{display:grid;grid-template-columns:44px 28px minmax(0,1fr);gap:10px;align-items:center;min-width:0;padding:11px 13px;border-bottom:1px solid #edf1ed}
.reel-journey-event:last-child{border-bottom:0}
.reel-journey-time{font-size:11px;font-weight:600;color:#8a9a8e;font-variant-numeric:tabular-nums}
.reel-journey-symbol{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:8px;background:#eaf1eb;color:#567d61;font-size:12px}
.reel-journey-symbol.reel-journey-play{background:#e9edfa;color:#5976bb}
.reel-journey-symbol.reel-journey-control{background:#faf0e2;color:#bc8545}
.reel-journey-event-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.reel-journey-event-copy strong{color:#344e3d;font-size:12px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
.reel-journey-event-copy span{color:#809287;font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.reel-journey-more{margin-top:8px}
.reel-journey-more>summary{display:flex;justify-content:center;gap:9px;align-items:center;cursor:pointer;border-radius:9px;border:1px solid #e0e9e0;background:#f0f6ef;padding:12px;font-size:12px;font-weight:700;color:#53755c;list-style:none}
.reel-journey-more>summary::-webkit-details-marker{display:none}
.reel-journey-more[open]>summary span{transform:rotate(180deg)}
.reel-journey-more>.reel-journey-events{margin-top:8px}
.reel-journey-footnote{font-size:10px;line-height:1.5;color:#91a197;margin:13px 0 0}
.reel-journey-empty{padding:14px;font-size:12px;color:#829488}
@media(max-width:690px){
 .reel-session-details{padding:0!important}
 .reel-session-details .reel-journey-v2{padding:14px 12px;border-radius:12px}
 .reel-journey-header{flex-wrap:wrap;gap:9px}
 .reel-journey-header h3{font-size:20px}
 .reel-journey-header p{font-size:11px}
 .reel-journey-duration{padding:5px 8px}
 .reel-journey-metrics{gap:5px;margin:15px 0}
 .reel-journey-metrics>div{padding:9px 7px}
 .reel-journey-metrics strong{font-size:18px}
 .reel-journey-metrics span{font-size:9px}
 .reel-journey-chapter{flex-basis:124px;min-height:83px}
 .reel-journey-event{grid-template-columns:38px 24px minmax(0,1fr);gap:7px;padding:10px 8px}
 .reel-journey-time{font-size:10px}
 .reel-journey-symbol{width:23px;height:23px}
}

/* A single-column session card stack on smaller displays */
@media(max-width:760px){
 .reel-history-wrap{overflow:visible!important;max-width:100%;min-width:0}
 .reel-history-table,.reel-history-table tbody{display:block;width:100%;min-width:0!important}
 .reel-history-table thead{display:none}
 .reel-history-table tr.reel-history-record{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 10px;padding:13px;border:1px solid #e2ebe3;border-radius:13px;background:#fff}
 .reel-history-table tr.reel-history-record td{display:block;min-width:0;width:auto!important;border:0!important;padding:0!important;font-size:12px;overflow-wrap:anywhere}
 .reel-history-record td::before{content:attr(data-label);display:block;font-size:9px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:#91a296;margin-bottom:4px}
 .reel-history-record td:first-child{grid-column:1/-1}
 .reel-history-record td.reel-history-action{grid-column:1/-1}
 .reel-history-action button{display:block;width:100%}
 .reel-history-table tr.reel-history-expanded:not([hidden]){display:block;margin:-4px 0 15px;max-width:100%;width:100%}
 .reel-history-expanded>td{display:block;width:100%!important;max-width:100%;min-width:0;padding:0!important;border:0!important}
 .reel-history-expanded .reel-session-details{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
}

/* Reel journey: restored interactive timeline */
.reel-journey-timeline{margin:19px 0 22px;min-width:0}
.reel-journey-timeline-scale{display:flex;justify-content:space-between;color:#809286;font-size:10px;font-variant-numeric:tabular-nums;margin:4px 2px 9px}
.reel-journey-timeline-track{height:46px;position:relative;border:1px solid #dae8de;border-radius:11px;background:linear-gradient(90deg,#eaf3ed,#f6f9f5);margin:0 4px}
.reel-journey-timeline-track:before{content:"";position:absolute;left:8px;right:8px;top:22px;height:2px;background:#b8cec0}
.reel-journey-timeline-marker{appearance:none;-webkit-appearance:none;position:absolute;z-index:1;top:10px;display:block;width:6px;height:25px;border:0;border-radius:5px;transform:translateX(-50%);padding:0;background:#4a8971;cursor:pointer}
.reel-journey-timeline-marker.reel-journey-play{background:#6686ce;top:7px;height:31px}
.reel-journey-timeline-marker.reel-journey-control{background:#dfa458;top:12px;height:21px}
.reel-journey-timeline-marker:hover,.reel-journey-timeline-marker:focus-visible,.reel-journey-timeline-marker.is-selected{z-index:5;outline:2px solid #263e30;outline-offset:3px}
.reel-journey-timeline-marker:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 14px);transform:translateX(-50%);width:max-content;min-width:100px;max-width:min(230px,65vw);white-space:normal;overflow-wrap:anywhere;text-align:left;padding:9px 11px;border-radius:9px;background:#1d3327;color:#fff;font:600 11px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 10px 28px #10251848;opacity:0;visibility:hidden;pointer-events:none}
.reel-journey-timeline-marker:hover:after,.reel-journey-timeline-marker:focus-visible:after{opacity:1;visibility:visible}
.reel-journey-timeline-legend{display:flex;gap:14px;flex-wrap:wrap;margin:12px 0;font-size:10px;color:#718777}
.reel-journey-timeline-legend span{display:flex;align-items:center;gap:6px}
.reel-journey-timeline-legend i{display:block;width:8px;height:8px;border-radius:50%;background:#4a8971}
.reel-journey-timeline-legend .reel-journey-play{background:#6686ce}
.reel-journey-timeline-legend .reel-journey-control{background:#dfa458}
.reel-journey-timeline-selection{font-size:11px;line-height:1.45;padding:11px 13px;border-radius:9px;background:#edf4ed;color:#45654e;overflow-wrap:anywhere}
@media(max-width:690px){.reel-journey-timeline-marker{width:12px}.reel-journey-timeline-marker:after{display:none}.reel-journey-timeline-selection{min-height:36px}.reel-journey-timeline-track{margin:0 6px}}

/* Use a CSS chevron rather than a platform-dependent arrow glyph. */
.reel-journey-chevron{display:inline-block;width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);transition:transform .15s ease}
.reel-journey-more[open] .reel-journey-chevron{transform:rotate(225deg)}
.reel-journey-symbol svg{display:block;flex:none}

/* Reel history: make the journey an expansion of its own session card. */
.reel-history-session .reel-history-expanded>td{background:transparent;border-top:0;padding:0 12px 14px}
.reel-history-session .reel-history-expanded .reel-journey-v2{box-shadow:none}
.reel-history-session .reel-history-record:has(+ .reel-history-expanded:not([hidden]))>td{border-bottom:0}
@media(max-width:760px){
 .reel-history-table tbody.reel-history-session{display:block;margin:0 0 12px;border:1px solid #e2ebe3;border-radius:13px;background:#fff;overflow:hidden}
 .reel-history-table .reel-history-session tr.reel-history-record{margin:0;border:0;border-radius:0}
 .reel-history-table .reel-history-session tr.reel-history-expanded:not([hidden]){margin:0;padding:0 10px 12px;border-top:1px solid #edf1ed;width:100%;box-sizing:border-box}
 .reel-history-table .reel-history-session .reel-history-expanded>td{padding:12px 0 0!important}
 .reel-history-table .reel-history-session .reel-journey-v2{border:0;padding:8px 4px 4px;background:#fff}
}

/* Prevent reel timeline hover cards from clipping at either edge. */
.reel-journey-timeline-marker::after{transform:translateX(calc(-50% + var(--reel-tip-offset,0px)))}

/* Keep expanded sample and live reel journeys inside the Viewing History card.
   The table previously expanded to the timeline's intrinsic content width. */
.reel-history-wrap{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.reel-history-table{width:100%!important;max-width:100%;table-layout:fixed}
.reel-history-table td,.reel-history-table th{min-width:0;overflow-wrap:anywhere}
.reel-history-table .reel-history-expanded>td{width:auto;max-width:0;box-sizing:border-box}
.reel-history-table .reel-session-details,
.reel-history-table .reel-journey-v2,
.reel-history-table .reel-journey-timeline,
.reel-history-table .reel-journey-overview,
.reel-history-table .reel-journey-events{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.reel-history-table .reel-journey-chapters{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}
@media(max-width:760px){
 .reel-history-table .reel-history-expanded>td{max-width:100%!important}
 .reel-history-wrap{overflow:visible!important}
}

/* Video library: single-video preview using Folio reel viewer visual language */
.folio-preview-cover{display:block;width:100%;border:0;padding:0;cursor:pointer;text-align:inherit;background:transparent}
.folio-preview-cover img{width:100%;height:100%;object-fit:cover}
.folio-preview-cover:focus-visible,.folio-version-preview:focus-visible{outline:2px solid #bde3a9;outline-offset:3px}
.folio-version-preview{display:flex;align-items:center;gap:10px;min-width:0;border:0;background:transparent;padding:3px 6px;border-radius:7px;color:inherit;cursor:pointer}
.folio-version-preview:hover{background:#e8f0e8}
.folio-video-preview-backdrop{z-index:1200;padding:16px;background:#08150edf;backdrop-filter:blur(8px)}
.folio-video-preview-dialog{width:min(980px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;min-width:0;background:#14251c;border:1px solid #3b5140;border-radius:17px;box-shadow:0 30px 90px #0009;overflow:hidden;color:#f3f8ef}
.folio-video-preview-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 21px}
.folio-video-preview-top>div{min-width:0}
.folio-video-preview-top small{display:block;color:#a5cd9f;font-size:10px;letter-spacing:.12em;font-weight:800}
.folio-video-preview-top h2{font-size:20px;line-height:1.25;margin:6px 0 3px;overflow-wrap:anywhere;color:#f6faf4}
.folio-video-preview-top span{display:block;font-size:12px;color:#a6bba9}
.folio-video-preview-close{flex:none;width:35px;height:35px;border:1px solid #4b6653;border-radius:50%;background:#233a2c;color:#f7fff5;cursor:pointer;font-size:24px;line-height:1}
.folio-video-preview-screen{position:relative;aspect-ratio:16/9;width:100%;min-height:0;background:#050808}
.folio-video-preview-screen iframe{width:100%;height:100%;position:absolute;inset:0;border:0}
.folio-video-preview-empty{display:grid;place-items:center;width:100%;height:100%;padding:24px;color:#c3d3c2;text-align:center;font-size:13px}
.folio-video-preview-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;color:#a9c0ac;font-size:11px}
.folio-video-preview-bottom button{border:1px solid #536a55;background:transparent;color:#eaf5e6;border-radius:8px;padding:8px 12px;cursor:pointer}
@media(max-width:650px){.folio-video-preview-backdrop{padding:9px}.folio-video-preview-dialog{max-height:calc(100dvh - 18px);border-radius:12px}.folio-video-preview-top{padding:13px 12px}.folio-video-preview-top h2{font-size:16px}.folio-video-preview-screen{aspect-ratio:16/9}.folio-video-preview-bottom{padding:10px 12px}}

.folio-project-title-preview{display:block;max-width:100%;background:transparent;border:0;padding:0;color:inherit;font:inherit;font-weight:750;text-align:left;cursor:pointer;overflow-wrap:anywhere}.folio-project-title-preview:hover{text-decoration:underline;text-underline-offset:3px}.folio-project-title-preview:focus-visible{outline:2px solid #a6d69d;outline-offset:3px;border-radius:3px}

/* Cutdown creation: distinguish inherited project metadata from editable cutdown details. */
.folio-cutdown-form .folio-inherited-field{color:#84958b}
.folio-cutdown-form .folio-inherited-field input[readonly],
.folio-cutdown-form .folio-inherited-field select:disabled{background:#e9eeea!important;color:#7b8b80!important;border-color:#d8e1d9!important;opacity:1;cursor:not-allowed;box-shadow:none}
.folio-cutdown-form .folio-cutdown-version-field{display:block;padding:12px;border:1px solid #a3caa3;border-radius:12px;background:#f2f9ef;color:#2e5636;font-weight:750}
.folio-cutdown-form .folio-cutdown-version-field small{display:inline-block;margin-left:7px;color:#688a6f;font-size:11px;font-weight:500}
.folio-cutdown-form .folio-cutdown-version-field input{display:block;width:100%;margin-top:9px;border:2px solid #80b18a!important;background:#fff!important;box-shadow:0 0 0 3px #b4dfae35!important}
.folio-cutdown-form .folio-cutdown-version-field input:focus{outline:0;border-color:#3f8760!important;box-shadow:0 0 0 4px #8acb944f!important}

/* Keep the library preview as a centered modal even where mobile edit dialogs use bottom sheets. */
.reel-dialog-backdrop.folio-video-preview-backdrop{position:fixed!important;inset:0!important;display:grid!important;place-items:center!important;align-items:center!important;justify-items:center!important;padding:12px!important;min-height:100dvh;overflow-y:auto}
.folio-video-preview-backdrop .folio-video-preview-dialog{position:relative!important;margin:auto!important;align-self:center!important;justify-self:center!important;width:min(980px,100%)!important;max-width:100%!important;max-height:calc(100dvh - 24px)!important;border-radius:16px!important;transform:none!important}
.folio-video-preview-close{display:grid;place-items:center;align-items:center;justify-content:center;line-height:1!important;padding:0!important;font-family:Arial,sans-serif;font-size:23px}
.folio-version-row>.folio-version-preview{flex:1 1 auto;min-width:0;text-align:left;justify-content:flex-start}
.folio-version-row>.button[data-reel-edit-video]{margin-left:auto!important;flex:0 0 auto}
@media(max-width:760px){.reel-dialog-backdrop.folio-video-preview-backdrop{align-items:center!important;place-items:center!important;padding:10px!important}.folio-video-preview-backdrop .folio-video-preview-dialog{margin:auto!important;max-height:calc(100dvh - 20px)!important;border-radius:12px!important}}

/* Compact, consistent pagination for Treatment and Video Libraries */
.folio-library-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 4px 4px;color:#789080;font-size:12px}
.folio-library-page-actions{display:flex;align-items:center;gap:10px}
.folio-library-page-actions>span{white-space:nowrap;font-size:12px;color:#57715e}
.folio-library-page-actions button{border:1px solid #d5e3d5;background:#fff;color:#35573e;border-radius:8px;padding:8px 12px;font-weight:650;font-size:12px;cursor:pointer}
.folio-library-page-actions button:hover:not(:disabled){background:#eff6ee;border-color:#a8c8ad}
.folio-library-page-actions button:disabled{opacity:.4;cursor:default}
@media(max-width:600px){.folio-library-pagination{justify-content:center;text-align:center}.folio-library-page-actions{width:100%;justify-content:center}}

/* Reel and video libraries: folder controls form the card header. */
.reel-panel>.folio-shared-folder-browser{padding-top:0}
.reel-panel .folio-shared-folder-browser .folder-browser-top{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}
.reel-panel .folio-shared-folder-browser .folder-browser-top>div:first-child{min-width:0}
.reel-panel .folio-shared-folder-browser .folder-browser-top h2{margin:3px 0 0}
.folio-folder-item-count{display:block;margin-top:5px;color:#829188;font-size:11px;font-weight:450}
.reel-panel .folio-shared-folder-browser .organizer-header-actions{display:flex;align-items:center;justify-content:flex-end;width:auto;flex-wrap:wrap;gap:8px}
@media(max-width:550px){.reel-panel .folio-shared-folder-browser .folder-browser-top{flex-wrap:wrap;align-items:flex-start}.reel-panel .folio-shared-folder-browser .organizer-header-actions{width:100%;justify-content:flex-start}}

/* Folder management dialog — video library and reels */
.folio-manage-folders-dialog{width:min(650px,100%);padding:30px;max-height:min(88dvh,760px);overflow-y:auto}
.folio-manage-folders-dialog h2{margin:8px 0;font-size:25px}
.folio-manage-folders-dialog>.muted{margin-bottom:22px;line-height:1.5}
.folio-folder-manager-list{display:grid;gap:10px;margin:18px 0 22px}
.folio-folder-manager-row{display:flex;align-items:center;gap:10px;border:1px solid #e2eae1;background:#f8faf7;border-radius:12px;padding:12px}
.folio-folder-manager-icon{color:#72937a;font-size:23px;line-height:1}
.folio-folder-manager-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.folio-folder-manager-name span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#718678;font-weight:700}
.folio-folder-manager-name input{width:100%;min-width:0;border:1px solid #d1decf;border-radius:8px;padding:10px 11px;background:white;color:#213b29;font:inherit}
.folio-folder-manager-name input:focus{outline:2px solid #8ab997;outline-offset:1px}
.folio-folder-manager-row>.button{flex:0 0 auto}
.folio-folder-delete-button{flex:0 0 auto;display:grid;place-items:center;width:35px;height:35px;border:1px solid #efd6d3;border-radius:9px;background:#fff;color:#a4544f;cursor:pointer}
.folio-folder-delete-button:hover{background:#fdf0ef}
.folio-folder-empty{color:#718678;text-align:center;padding:25px}
.folio-manage-folders-dialog .reel-folder-dialog-actions{display:flex;justify-content:flex-end}
@media(max-width:650px){.reel-dialog-backdrop.folio-manage-folders-backdrop{align-items:center!important;place-items:center!important;padding:12px!important}.folio-manage-folders-dialog{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 24px)!important;border-radius:16px!important;padding:25px 15px!important}.folio-folder-manager-row{flex-wrap:wrap;padding:10px;gap:8px}.folio-folder-manager-name{flex:1 1 calc(100% - 50px)}.folio-folder-manager-row>.button{margin-left:auto}}