/* Aprobado · Verde Signal. Shared by workspace, client portal and landing. */
:root {
  --ink:#17251d; --muted:#6d7871; --green:#008235; --green-dark:#006d2d;
  --green-pale:#eef5f0; --paper:#f7f8f7; --line:#e5eae6;
  --shadow:0 16px 60px #3895580c;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:#f7f8f7;
}
body { line-height:1.45; }
button,a,input,select,textarea { transition:background .15s,border-color .15s,box-shadow .15s; }
input:focus,textarea:focus,select:focus { outline:2px solid #cdd5d0; }
input,textarea,select { border-radius:12px; font-size:13px; }
.button { border-radius:12px; font-size:12px; min-height:44px; }
.button:hover { background:#f9f9f9; border-color:#dbe0dd; }
.button.primary { box-shadow:0 5px 12px #00823515; }
.button.primary:hover { background:#006d2d; border-color:#006d2d; }
.icon-button { width:38px; height:38px; border-radius:11px; }
.icon-button:hover { background:#eef5f0; }
.brand { font-size:25px; letter-spacing:-1.2px; font-weight:800; }
.brand-mark { background:linear-gradient(145deg,#00b84a,#008235); border-radius:11px; }
.eyebrow { color:#92a598; font-size:9px; letter-spacing:1.5px; }
.tiny { color:#6f8777; }
.notice { color:#5e7265; background:#f7f8f7; border-color:#e9ecea; }
.toast { background:#333e37; border-radius:14px; }
.status { font-weight:600; }
.status.review { background:#eef5f0; color:#4cbb72; }
.status.changes { background:#fff1dd; color:#a3691d; }
.status.approved { background:#e8f6ef; color:#287757; }
.app-page { background:radial-gradient(ellipse at 8% 0%,#f0f3f1,transparent 55%),#f1f4f2; padding:20px; }
.workspace { max-width:1800px; margin:auto; min-height:calc(100vh - 40px); border:1px solid #ffffff;
  border-radius:28px; background:#f6f8f7; box-shadow:0 20px 80px #38935710; }
.sidebar { width:230px; background:transparent; border:0; padding:29px 18px 22px;
  top:20px; height:calc(100dvh - 40px); overflow-y:auto; scrollbar-width:thin; }
.sidebar .brand { padding:0 10px; }
.agency-label { margin:30px 10px 20px; padding-bottom:23px; border-color:#e7ebe8; }
.agency-label strong { color:#647b6c; font-size:12px; font-weight:600; }
.nav-item { font-size:12px; color:#728c7b; padding:12px 14px; min-height:44px; border-radius:13px; gap:11px; }
.nav-item:hover { background:#eef0ef; }
.nav-item.active[data-section] { background:var(--green); color:#fff; box-shadow:0 6px 15px #00823520; }
.nav-item.active[data-client] { background:#ebeeec; color:#3ea461; }
.nav-item .count { border:0; background:#ffffff26; color:inherit; border-radius:6px; }
.client-avatar { border-radius:9px; width:28px; height:28px; background:#e9edea; color:#779080; }
[data-client]:nth-of-type(3n) .client-avatar { color:#a17247; background:#f5e8d9; }
[data-client]:nth-of-type(3n+1) .client-avatar { color:#618b86; background:#e0eeeb; }
.sidebar-section { margin-top:30px; }
.profile { border-color:#e7ebe8; }
.sidebar-bottom { padding-top:30px; }
.workspace-main { background:white; border-radius:26px; }
.topbar { height:80px; padding:0 32px; border-radius:26px 26px 0 0; border-color:#f1f3f2; }
.breadcrumbs { gap:12px; font-size:12px; }
.breadcrumbs .client-avatar { width:34px; height:34px; border-radius:12px; }
.top-actions { gap:10px; }
.top-actions .button.ghost { background:#fbfcfb; border-color:#f1f3f2; color:#7a9383; }
.demo-strip { background:#fbfcfb; color:#83998a; font-size:10px; padding:8px 16px; }
.demo-strip a { color:#5ec280; text-decoration:none; }
.planner { padding:30px 32px 35px; }
.planner-eyebrow { display:block; margin-bottom:8px; }
.page-title { align-items:center; margin-bottom:24px; }
.page-title h1 { font-size:28px; font-weight:750; letter-spacing:-1.2px; color:#17251d; }
.page-title p { font-size:12px; color:#91a598; margin-top:8px; }
.tabs { border-color:#f0f2f1; gap:26px; }
.tab { font-size:12px; padding:13px 1px; color:#899f91; }
.tab.active { color:var(--green); }
.calendar-toolbar { margin:24px 0 20px; }
.month-control { gap:5px; }
.month-control strong { color:#425047; font-size:16px; min-width:140px; }
.month-control .icon-button { width:30px; height:30px; background:#f7f9f8; color:#5ec280; border-radius:9px; }
.view-switch { border:0; background:#f7f8f7; border-radius:10px; padding:4px; }
.view-switch button { padding:7px 16px; color:#8ba092; font-size:11px; border-radius:7px; }
.view-switch .active { color:white; background:var(--green); box-shadow:0 3px 7px #0082351f; }
.summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:20px; }
.summary>strong,.summary>span { display:flex; align-items:center; justify-content:space-between;
  background:#fafbfa; border:1px solid #eff2f0; border-radius:12px; min-height:46px; padding:10px 13px; font-size:13px; }
.summary>strong { color:#657b6c; font-size:12px; }
.summary .status { font-size:10px; }
.type-tray { padding:15px; border:1px dashed #dde2df; background:#fdfdfd; border-radius:14px; gap:8px; margin-bottom:20px; }
.type-tray .hint { display:flex; gap:9px; align-items:center; margin-bottom:5px; color:#8fa496; font-size:10px; }
.hint strong { font-size:11px; color:#6c8575; }
.type-chip { border-radius:8px; font-size:10px; padding:8px 10px; background:color-mix(in srgb,var(--tag-color) 8%,white); }
.type-chip:hover { box-shadow:0 3px 12px #50615612; }
.type-tray .button { min-height:32px; border:0; font-size:10px; color:#889e90; }
.calendar-grid { border-radius:16px; box-shadow:0 4px 20px #3a664905; }
.weekday { background:#f6f8f7; color:#849a8b; font-size:10px; font-weight:600; padding:13px; }
.day { padding:8px 7px; min-height:122px; }
.day.outside { background:#fcfdfc; }
.day-number { color:#8fa396; font-size:11px; padding:0 2px; margin-bottom:8px; min-height:22px; }
.outside .day-number { color:#c8d1cb; }
.day-number.today span { width:23px; height:23px; background:#74ca91; }
.day-add { color:#8bd3a3; }
.day.drag-over { background:#f0f2f1; }
.post-card { border:1px solid color-mix(in srgb,var(--piece-color) 13%,white);
  border-left:3px solid color-mix(in srgb,var(--piece-color) 56%,white); padding:6px;
  background:color-mix(in srgb,var(--piece-color) 4%,white); border-radius:8px; }
.post-card:hover { border-color:#cad2cd; box-shadow:0 3px 10px #00823512; }
.post-card.selected { background:#f6f8f7; border-color:#97d8ad; box-shadow:0 0 0 1px #ade0be; }
.post-title { font-size:10px; color:#495a4f; font-weight:650; line-height:1.4; }
.post-thumb { height:64px; border-radius:5px; margin-bottom:7px; }
.post-placeholder { background:#f0f3f1; color:#aab9af; }
.post-card .tag { padding:1px 0; background:none; font-size:8px; }
.post-card .status { font-size:8px; }
.card-meta { gap:4px; font-size:8px; color:#879c8e; }
.list-card { border-radius:15px; padding:14px; gap:14px; border-color:#ecefed; transition:transform .15s,box-shadow .15s; }
.list-card:hover { box-shadow:0 5px 18px #50615609; border-color:#d8ddda; }
.list-card.selected { border-color:#afe0c0; background:#fafbfa; }
.list-card h3 { color:#3c4a41; font-size:13px; margin:5px 0; }
.list-card img,.list-card>video { width:72px; height:80px; object-fit:cover; border-radius:10px; }
.list-card>.post-placeholder { width:72px; height:80px; flex-shrink:0; margin:0; }
.list-card .tag { font-size:9px; }
.list-card .card-meta { font-size:10px; }
.strategy { border-radius:18px; border-color:#e9ecea; box-shadow:var(--shadow); }
.drawer { margin:26px 22px 22px 0; width:360px; top:22px; height:calc(100dvh - 44px);
  border:1px solid #eceeed; border-top:4px solid var(--green); border-radius:18px;
  box-shadow:0 12px 35px #3f705009; scrollbar-width:thin; }
.drawer-head { padding:18px 20px 0; border-color:#eff2f0; background:#fff; position:sticky; top:0; z-index:2; }
.drawer-head h2 { font-size:17px; color:#415046; }
.drawer-tabs { gap:18px; }
.drawer-tabs .tab { font-size:11px; }
.drawer-body { padding:20px; }
.drawer-body label { font-size:11px; color:#789181; }
.drawer-body input,.drawer-body textarea,.drawer-body select { color:#445349; border-color:#e6eae7; font-size:12px; }
.drawer-body .two-col { margin:16px 0 0; }
.preview { border-radius:13px; background:#f3f5f4; }
.preview .slide-count { background:#2b342e99; }
.slide-controls { overflow-x:auto; padding-bottom:3px; }
.slide-thumb { flex-shrink:0; border-radius:8px; width:46px; height:46px; }
.slide-tools { flex-wrap:nowrap; gap:5px; }
.slide-tools .button { font-size:10px; padding:7px 9px; min-width:0; }
.slide-tools .icon-button { width:26px; min-width:26px; flex-shrink:0; }
.platform-option { border-radius:9px; font-size:10px; }
.platform-option.active { background:#f4f6f5; border-color:#dbe0dd; color:#4aba70; }
.field-heading { color:#789181; }
.comment { border-color:#f0debe; border-radius:12px; background:#fffbf4; font-size:12px; }
.comment.resolved { border-color:#e5e9e6; background:#fafafa; }
.comment .tiny { font-size:10px; }
.drawer-footer { background:#fff; }
.history-event { display:flex; gap:10px; margin:17px 0; font-size:11px; }
.history-event p { font-size:10px; color:var(--muted); margin-top:4px; }
.event-dot { background:#b4e3c4; border:3px solid #f3f4f3; width:14px; height:14px; border-radius:50%; flex-shrink:0; margin-top:2px; }
.menu-scrim,.mobile-nav { display:none; }
dialog { border-radius:22px; box-shadow:0 30px 100px #32583f30; }
dialog::backdrop { background:#2d373055; backdrop-filter:blur(5px); }
dialog header { border-color:#eff2f0; }
.share-code { background:#f4f5f4; }
.auth-page { background:radial-gradient(ellipse at 50% 0%,#eaedeb,transparent 70%),#f7f8f7; }
.auth-card,.billing-card { border-radius:24px; border-color:#e7ebe8; }
.auth-card h1 { color:#30553d; }
/* Shared links get a focused, welcoming client workspace. */
.review-shell { max-width:1180px; margin:24px auto; background:white; padding:0 32px 40px; border-radius:25px; border:1px solid #edf0ee; }
.review-top { padding:24px 0; border-color:#f1f3f2; }
.review-top .brand { opacity:1; color:#6f8777; }
.review-brand { color:#5f7466; }
.review-heading { margin:32px 0 25px; gap:22px; }
.review-heading h1 { color:#17251d; font-weight:750; font-size:32px; }
.review-heading p { line-height:1.7; }
.review-layout { grid-template-columns:350px minmax(0,1fr); gap:24px; }
.review-piece { border-radius:20px; padding:25px; border-color:#e7eae8; box-shadow:0 8px 35px #3b6a4b06; }
.review-piece h2 { color:#404e45; }
.review-copy { color:#586c5f; font-size:14px; line-height:1.85; }
.review-empty { background:#fdfdfd; border-radius:18px; border-color:#e1e6e3; }
.review-piece textarea { border-color:#e1e5e2; background:#fdfefd; }
.review-piece form .row { gap:10px; }
.review-piece form .button { min-height:46px; }
/* Marketing and access use the same identity. */
.landing { background:#fcfcfc; }
.landing h1 { color:#2e3932; }
.landing h1 em { color:#60c281; }
.hero-label { background:#f2f4f3; border-color:#e6eae7; color:#8ca193; }
.hero-description { color:#849a8b; }
.preview-browser { border-color:#e1e6e3; border-radius:22px; box-shadow:0 20px 65px #38955813; }
.browser-top { background:#f3f5f4; }
.browser-top i { background:#d0d7d2; }
.browser-top span { color:#98ab9f; }
.lp-sidebar { background:#f4f6f5; }
.lp-side-item { color:#8ea295; border-radius:9px; }
.lp-side-item.active { color:#55bf79; background:#ebeeec; }
.lp-chips span { background:#f0f3f1; color:#899e90; }
.lp-day { color:#a0b2a6; }
.lp-day strong { color:#708979; }
.lp-review { background:#fff; }
.lp-review p { color:#8ca093; }
.pricing-section { background:#f0f2f1; }
.price-card { background:#fff; border-color:#e0e4e1; border-radius:24px; }
.feature-grid article { border-color:#e5e9e6; }
.feature-number { color:#98ab9f; }
@media(min-width:1600px) {
  .drawer { width:395px; } .planner { padding:32px 38px; } .day { min-height:140px; } .post-thumb { height:78px; }
}
@media(max-width:1350px) and (min-width:761px) {
  .sidebar { width:205px; padding:27px 13px; }
  .planner { padding:26px; }
  .drawer { position:fixed; z-index:45; right:18px; top:18px; height:calc(100dvh - 36px); width:390px; margin:0;
    box-shadow:0 20px 100px #325a4035; }
}
@media(max-width:1000px) and (min-width:761px) {
  .app-page { padding:12px; } .workspace { border-radius:22px; min-height:calc(100vh - 24px); }
  .sidebar { width:180px; padding:25px 10px; top:12px; height:calc(100dvh - 24px); }
  .sidebar .brand { font-size:21px; gap:7px; padding:0 7px; }
  .sidebar .brand-mark { width:28px; height:28px; }
  .nav-item { font-size:11px; padding:10px; }
  .topbar { padding:0 22px; }
  .planner { padding:24px 20px; }
  .page-title h1 { font-size:25px; }
  .top-actions .label { display:none; }
  .post-card { padding:4px; } .post-thumb { height:48px; }
  .summary { gap:6px; } .summary>strong,.summary>span { padding:8px; }
  .summary .status { font-size:9px; }
}
@media(max-width:760px) {
  .app-page { padding:0; background:#f8f9f8; }
  .workspace { display:block; border:0; border-radius:0; min-height:100dvh; background:#fff; }
  .workspace-main { border-radius:0; padding-bottom:76px; }
  .sidebar { left:-290px; width:272px; height:100dvh; top:0; padding:27px 18px; background:#f6f8f7; border-radius:0 24px 24px 0; z-index:60; }
  .sidebar.open { left:0; }
  .sidebar.open+.menu-scrim { display:block; position:fixed; inset:0; z-index:59; background:#233d2c44; backdrop-filter:blur(3px); }
  .sidebar .nav-item { font-size:13px; min-height:46px; }
  .topbar { height:72px; padding:0 15px; border-radius:0; position:relative; }
  .breadcrumbs { gap:8px; font-size:12px; min-width:0; }
  .breadcrumbs strong { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:125px; }
  .breadcrumbs .client-avatar { width:30px; height:30px; border-radius:10px; }
  .top-actions { gap:6px; }
  .top-actions .button { border-radius:11px; width:40px; min-height:40px; padding:0; }
  .demo-strip { font-size:9px; padding:8px 12px; flex-wrap:wrap; gap:4px 7px; }
  .planner { padding:26px 18px; }
  .planner-eyebrow { font-size:8px; letter-spacing:1.4px; margin-bottom:9px; }
  .page-title { margin-bottom:23px; gap:8px; }
  .page-title h1 { font-size:25px; line-height:1.2; letter-spacing:-1px; max-width:255px; }
  .page-title p { font-size:11px; line-height:1.65; max-width:240px; }
  .page-title>.button { display:none; }
  .tabs { gap:22px; overflow-x:auto; scrollbar-width:none; }
  .tabs .tab { font-size:11px; white-space:nowrap; padding:13px 0; }
  .calendar-toolbar { flex-wrap:wrap; gap:14px; margin:20px 0 17px; }
  .calendar-toolbar>.row { gap:7px; }
  .calendar-toolbar .label { display:none; }
  .calendar-toolbar .button { padding:8px; min-height:36px; }
  .month-control { gap:4px; }
  .month-control strong { min-width:114px; font-size:14px; }
  .month-control .icon-button { width:30px; height:34px; }
  .view-switch button { padding:7px 11px; font-size:10px; min-height:30px; }
  .summary { gap:7px; grid-template-columns:1fr 1fr; margin-bottom:17px; }
  .summary>strong,.summary>span { min-height:43px; padding:10px 13px; }
  .summary .status { font-size:10px; }
  .type-tray { padding:13px; gap:7px; margin-bottom:22px; }
  .type-tray .hint { display:block; margin-bottom:5px; }
  .hint strong { display:block; font-size:11px; margin-bottom:4px; }
  .hint span { font-size:9px; }
  .type-chip { min-height:36px; font-size:10px; padding:7px 9px; }
  .post-list { gap:11px; }
  .list-card { padding:12px; gap:12px; align-items:flex-start; position:relative; }
  .list-card img,.list-card>video,.list-card>.post-placeholder { width:73px; height:91px; border-radius:9px; }
  .list-card .list-info { padding-bottom:20px; }
  .list-card .tiny { font-size:9px; }
  .list-card h3 { font-size:12px; margin:5px 0 4px; }
  .list-card>.status { position:absolute; bottom:12px; left:97px; font-size:9px; padding:3px 6px; }
  .list-card .card-meta { margin:4px 0 0; font-size:9px; }
  .list-card .tag { font-size:8px; }
  .mobile-nav { display:flex; position:fixed; bottom:0; left:0; right:0; z-index:35;
    align-items:center; justify-content:space-around; background:#ffffffed; backdrop-filter:blur(18px);
    border-top:1px solid #eaedeb; padding:9px 10px max(11px,env(safe-area-inset-bottom)); box-shadow:0 -5px 30px #32593f06; }
  .mobile-nav button { display:grid; justify-items:center; gap:4px; color:#abbab0; min-width:50px; min-height:44px; padding:3px; font-size:8px; }
  .mobile-nav button.active { color:var(--green); }
  .mobile-nav .mobile-create { display:grid; place-items:center; background:var(--green); border-radius:15px;
    color:#fff; width:47px; height:47px; min-width:47px; box-shadow:0 5px 15px #00823524; margin:0 5px; }
  .calendar-grid { border-radius:12px; }
  .weekday { padding:11px 1px; font-size:9px; }
  .day { min-height:106px; padding:4px 2px; }
  .day-number { font-size:9px; padding:0 1px; margin-bottom:5px; }
  .day-number.today span { width:20px; height:20px; }
  .day-add { opacity:1; font-size:14px; }
  .post-card { padding:3px; border-left-width:2px; border-radius:5px; min-height:44px; }
  .post-thumb { height:36px; margin-bottom:4px; }
  .post-title { font-size:8px; line-height:1.3; }
  .post-card .status { font-size:0; gap:0; }
  .post-card .status i { width:6px; height:6px; }
  .drawer { position:fixed; inset:0; margin:0; width:100%; height:100dvh; border:0; border-radius:0; z-index:70; box-shadow:none; }
  .drawer-head { padding:19px 20px 0; border-top:4px solid var(--green); }
  .drawer-head h2 { font-size:19px; }
  .drawer-head .icon-button { background:#f5f7f6; }
  .drawer-head .tab { min-height:44px; font-size:12px; }
  .drawer-body { padding:20px 22px 35px; }
  .drawer-body label { font-size:12px; }
  .drawer-body input,.drawer-body textarea,.drawer-body select { font-size:16px; }
  .drawer-body .two-col input,.drawer-body .two-col select { min-width:0; }
  .drawer-body .platform-option { min-height:40px; font-size:11px; }
  .drawer-footer .button { min-height:48px; font-size:12px; }
  .slide-tools .button { min-height:40px; }
  .drawer-footer .tiny { font-size:11px; }
  .toast { bottom:86px; font-size:12px; }
  .review-shell { margin:0; border:0; border-radius:0; padding:0 18px 30px; min-height:100dvh; }
  .review-top { padding:20px 0; gap:10px; }
  .review-brand { font-size:11px; gap:6px; flex-wrap:wrap; }
  .review-top .brand { font-size:14px; gap:5px; }
  .review-heading { display:block; margin:26px 0 17px; }
  .review-heading h1 { font-size:29px; }
  .review-heading p { font-size:12px; margin-top:9px; }
  .review-heading .month-control { justify-content:space-between; margin-top:23px; background:#f6f8f7; border-radius:12px; padding:5px; }
  .review-heading .month-control strong { font-size:13px; }
  .review-heading .icon-button { width:38px; height:34px; background:#fff; }
  .review-shell .tabs { gap:24px; }
  .review-layout { grid-template-columns:1fr; margin-top:19px; }
  .review-piece { padding:16px; border-radius:17px; }
  .review-piece>.row:first-of-type { align-items:flex-start; gap:9px; }
  .review-piece h2 { font-size:18px; line-height:1.3; margin:0; }
  .review-piece .preview { margin-top:17px; }
  .review-piece>.tiny { font-size:10px; line-height:1.8; margin-top:10px; }
  .review-mobile-back { min-height:42px; margin-bottom:12px; color:#879c8e; font-size:11px; }
  .review-copy { font-size:13px; line-height:1.8; }
  .review-piece textarea,.review-piece select { font-size:16px; }
  .review-piece form .row { flex-wrap:wrap; gap:9px; }
  .review-piece form .button { font-size:11px; padding:11px 10px; }
  .review-calendar .day { min-height:106px; }
  .review-calendar .post-card .status { font-size:0; }
  .auth-card input { font-size:16px; }
  dialog { max-height:92dvh; border-radius:20px; }
  dialog input,dialog select,dialog textarea { font-size:16px; }
  .two-col { min-width:0; } .two-col label { min-width:0; }
  .landing h1 { letter-spacing:-2px; }
  .landing-product { grid-template-columns:minmax(0,1fr) 150px; }
}
@media(max-width:360px) {
  .planner { padding-left:13px; padding-right:13px; }
  .breadcrumbs .client-avatar { display:none; }
  .calendar-toolbar { gap:8px; }
  .calendar-toolbar>.row { gap:1px; }
  .month-control strong { min-width:105px; font-size:12px; }
  .month-control .icon-button { width:25px; }
  .view-switch button { padding:6px 9px; }
  .tabs { gap:18px; } .tabs .tab { font-size:10px; }
  .landing-product { grid-template-columns:1fr; } .lp-review { display:none; }
  .hero-buttons { flex-direction:column; }
  .review-shell { padding-left:12px; padding-right:12px; }
  .review-top .brand>span:last-child { display:none; }
}
@media(prefers-reduced-motion:reduce) { * { transition:none!important; } }
@media(min-width:761px) {
  .planner { padding-top:25px; }
  .page-title { margin-bottom:15px; }
  .page-title h1 { font-size:27px; }
  .planner-eyebrow { margin-bottom:5px; }
  .page-title p { margin-top:5px; }
  .tab { padding:11px 0; }
  .calendar-toolbar { margin:17px 0 14px; }
  .summary { margin-bottom:14px; }
  .summary>strong,.summary>span { min-height:39px; padding:8px 12px; }
  .type-tray { padding:11px 13px; margin-bottom:16px; }
  .type-tray .hint { margin-bottom:1px; }
  .type-chip { padding:6px 9px; }
  .day { min-height:130px; padding:6px; }
  .weekday { padding:10px; }
  .day-number { margin-bottom:4px; min-height:19px; }
  .post-thumb { height:44px; margin-bottom:5px; }
  .post-card .post-title { -webkit-line-clamp:1; font-size:10px; margin-bottom:3px; }
  .post-card .tag { display:none; }
  .post-card .card-meta { display:inline-flex; margin:0 4px 0 0; gap:3px; }
  .post-card .network { width:12px; height:12px; font-size:10px; }
  .post-card .status { font-size:8px; }
}
@media(max-width:760px) {
  .planner { padding-top:22px; }
  .page-title h1 { max-width:none; font-size:24px; font-weight:700; }
  .page-title p { max-width:none; margin-top:8px; }
  .page-title { margin-bottom:15px; }
  .summary>strong,.summary>span { min-height:38px; padding:8px 12px; }
  .type-tray { position:relative; flex-wrap:nowrap; overflow-x:auto; padding:35px 12px 12px; gap:7px; scrollbar-width:thin; margin-bottom:18px; }
  .type-tray .hint { position:absolute; top:10px; left:12px; width:auto; white-space:nowrap; }
  .type-tray .hint span { display:none; }
  .type-chip,.type-tray>.button { flex-shrink:0; }
  .type-chip { min-height:34px; }
}

/* Signal identity: saturated green, white workspace, optional graphite sidebar. */
:root { --signal:#00b84a; --green:#008235; --green-dark:#006c2c; --ink:#17251d; --muted:#65736a; --line:#e4eae6; --green-pale:#eff6f1; --paper:#f7f8f7; }
.app-page { background:#edf0ee; }
.workspace { background:#f5f7f5; border-color:#fff; }
.sidebar { background:#f5f7f5; border-radius:26px 0 0 26px; }
.sidebar .brand { color:#15261b; }
.sidebar .eyebrow { color:#64776b; }
.sidebar .nav-item { color:#4d6154; }
.sidebar .nav-item.active[data-client] { background:#e0eee4; color:#006c2c; }
.sidebar .nav-item.active[data-section] { background:var(--signal); color:#062a14; box-shadow:none; }
.sidebar .nav-item:hover { background:#e9eee9; }
.brand-mark { background:var(--signal); color:#062a14; }
.sidebar-theme-control { display:flex; justify-content:space-between; align-items:center; width:100%; padding:12px 10px; margin-bottom:14px; border:1px solid #dce5de; border-radius:11px; min-height:44px; color:#475a4d; font-size:11px; }
.sidebar-theme-control>span:first-child { display:flex; align-items:center; gap:9px; }
.theme-switch { width:29px; height:17px; border-radius:12px; background:#a6b4aa; padding:2px; flex-shrink:0; }
.theme-switch::after { content:''; display:block; width:13px; height:13px; border-radius:50%; background:white; transition:transform .15s; }
[aria-checked=true] .theme-switch { background:var(--signal); }
[aria-checked=true] .theme-switch::after { transform:translateX(12px); background:#082a16; }
[data-sidebar=dark] .sidebar { background:#111b16; color:#eaf1ec; }
[data-sidebar=dark] .sidebar .brand { color:#fff; }
[data-sidebar=dark] .sidebar .agency-label,[data-sidebar=dark] .sidebar .profile { border-color:#29372f; }
[data-sidebar=dark] .sidebar .agency-label strong { color:#e1eae4; }
[data-sidebar=dark] .sidebar .eyebrow { color:#91a598; }
[data-sidebar=dark] .sidebar .nav-item { color:#b5c5ba; }
[data-sidebar=dark] .sidebar .nav-item:hover { background:#23342a; color:white; }
[data-sidebar=dark] .sidebar .nav-item.active[data-section] { color:#082b16; background:var(--signal); }
[data-sidebar=dark] .sidebar .nav-item.active[data-client] { color:#c4f2d4; background:#243b2e; }
[data-sidebar=dark] .sidebar .client-avatar { background:#314039; color:#d4e0d7; }
[data-sidebar=dark] .sidebar .profile-text { color:#a4b5aa; }
[data-sidebar=dark] .sidebar .icon-button:hover { background:#293c31; }
[data-sidebar=dark] .sidebar-theme-control { border-color:#304136; color:#c2d2c7; }
.topbar,.workspace-main { background:white; }
.button.primary { background:var(--green); border-color:var(--green); color:#fff; box-shadow:0 3px 9px #00823512; }
.button.primary:hover { background:var(--green-dark); border-color:var(--green-dark); }
.day-number.today span { background:var(--green); }
.post-placeholder { background:#edf1ee; color:#8a9b90; }
.status.review { color:#375b92; background:#edf2fb; }
.status.approved { color:#087436; background:#e7f6ec; }
.status.changes { color:#96600b; background:#fff3db; }
.eyebrow,.tiny,.page-title p { color:#69796e; }
.tab { color:#6b7d70; }
.month-control strong,.page-title h1,.drawer-head h2,.review-heading h1,.review-piece h2,.list-card h3 { color:#1e3025; }
.view-switch button { color:#607667; }
.view-switch button.active { color:#fff; }
.type-tray .hint,.hint strong { color:#687c6f; }
.day-number { color:#627268; }
.outside .day-number { color:#98a39b; }
.post-title { color:#35473b; }
.auth-page { background:linear-gradient(145deg,#f0f4f1,#fafbfa); }
.landing { background:#fafcfa; }
.landing h1 em { color:var(--green); }
/* Self-hosted, recognisable SVG brand marks. */
.network { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:22px; height:22px; padding:3px; border-radius:6px; background:#fff; }
.network svg { display:block; width:100%; height:100%; }
.network.facebook { color:#0866ff; background:#edf4ff; }
.network.instagram { color:white; background:linear-gradient(35deg,#ffb340,#ed3259 48%,#9045ca); }
.network.tiktok { color:#fff; background:#12191b; }
.network.linkedin { color:#0a66c2; background:#edf5ff; }
.network.youtube { color:#ff0033; background:#fff1f4; }
.network.x { color:#fff; background:#171b18; }
.post-card .network { width:16px; height:16px; padding:2px; border-radius:4px; }
.post-card .card-meta { flex-wrap:wrap; }
.platform-option .network { width:23px; height:23px; }
.platform-option { gap:7px; }
.platform-option.active { color:#006b2c; border-color:#8bcaa3; background:#f1f9f3; }
/* Review cards keep the artwork, network, version and next action together. */
.list-card { gap:14px; padding:14px; position:relative; align-items:center; border-color:#e2e9e4; border-radius:16px; }
.list-card:hover { border-color:#9bc6aa; box-shadow:0 5px 20px #12392109; }
.list-card.selected { border-color:#008235; box-shadow:0 0 0 1px #008235; background:#fcfefc; }
.list-art { position:relative; flex:0 0 96px; width:96px; height:128px; overflow:hidden; border-radius:10px; background:#eff2ef; }
.list-card .list-art img,.list-card .list-art video,.list-card .list-art .post-placeholder { width:100%; height:100%; object-fit:contain; border-radius:0; margin:0; }
.list-format { position:absolute; bottom:6px; left:6px; display:flex; gap:4px; align-items:center; color:white; background:#15231adb; padding:4px 6px; border-radius:5px; font-size:9px; font-weight:600; }
.list-card .list-info { padding:0; }
.list-card .list-date { display:flex; gap:5px; align-items:center; flex-wrap:wrap; font-size:10px; color:#65786d; }
.list-card h3 { font-size:14px; line-height:1.35; margin:7px 0; overflow-wrap:anywhere; }
.list-classification { display:flex; gap:7px; align-items:center; }
.list-version { color:#728478; font-size:9px; }
.list-card .tag { font-size:9px; padding:3px 7px; }
.list-card .card-meta { gap:5px; flex-wrap:wrap; margin:8px 0; font-size:10px; }
.list-status { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.list-status .status { font-size:9px; }
.list-feedback { display:flex; gap:4px; align-items:center; font-size:9px; color:#91600e; }
.list-open { color:#8ca192; margin-left:auto; }
.review-layout { grid-template-columns:minmax(340px, .9fr) minmax(0,1.25fr); }
.review-list .list-open { display:none; }
.review-list .list-art { flex-basis:88px; width:88px; height:118px; }
.review-list .list-card h3 { font-size:13px; }
.review-list .list-format-name { display:none; }
/* Agency editor and client presentation. */
.strategy-editor { max-width:none; margin-top:0; padding:28px; box-shadow:none; }
.strategy-editor-heading { display:flex; justify-content:space-between; gap:22px; align-items:flex-start; padding-bottom:24px; border-bottom:1px solid var(--line); }
.strategy-editor-heading h2 { margin:8px 0; font-size:23px; letter-spacing:-.6px; }
.strategy-editor-heading .button { margin:0; }
.strategy-editor-section { padding:25px 0; }
.strategy-editor-section label { margin-top:14px; }
.strategy-editor-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding-top:4px; }
.strategy-editor-grid label { margin:0; }
.strategy-field-number { color:#52675a; font-size:11px; }
.strategy-editor textarea { min-height:145px; font-weight:400; }
.strategy-editor input { font-weight:400; }
.strategy-editor-footer { display:flex; gap:24px; align-items:center; justify-content:space-between; margin-top:26px; padding-top:22px; border-top:1px solid var(--line); }
.strategy-editor-footer p { max-width:430px; }
.strategy-editor-footer .button { margin:0; }
.strategy-presentation { margin-top:24px; overflow-wrap:anywhere; }
.strategy-cover { background:#111f17; color:#fff; padding:36px; border-radius:20px; position:relative; overflow:hidden; }
.strategy-cover.has-art { display:grid; grid-template-columns:minmax(0,1fr) 205px; gap:35px; }
.strategy-cover-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; min-width:0; }
.strategy-kicker { display:flex; align-items:center; gap:9px; color:#7fe7a4; font-weight:600; letter-spacing:1.2px; font-size:9px; flex-wrap:wrap; }
.strategy-kicker>span:last-child { color:#bdd0c3; letter-spacing:.5px; text-transform:uppercase; }
.strategy-check { background:var(--signal); color:#052610; border-radius:6px; display:grid; place-items:center; width:23px; height:23px; }
.strategy-client { font-size:12px; color:#b8cdbf; margin:28px 0 9px; }
.strategy-cover h2 { font-size:clamp(26px,3vw,38px); line-height:1.12; max-width:520px; letter-spacing:-1.3px; font-weight:720; margin:0; color:white; }
.strategy-intro { font-size:13px; color:#c5d2c9; max-width:450px; line-height:1.8; margin-top:17px; white-space:pre-wrap; }
.strategy-signature { display:flex; gap:8px; align-items:center; color:#91a99a; font-size:10px; margin-top:28px; }
.strategy-signature strong { color:#dce8df; font-weight:600; }
.strategy-signature img { width:auto; max-width:90px; max-height:28px; object-fit:contain; background:white; border-radius:4px; padding:3px; }
.strategy-cover-art { position:relative; min-height:270px; border-radius:13px; overflow:hidden; border:1px solid #ffffff24; }
.strategy-cover-art>img { width:100%; height:100%; object-fit:contain; position:absolute; inset:0; padding:10px 10px 43px; }
.strategy-cover-art>span { display:flex; align-items:center; gap:6px; position:absolute; bottom:10px; left:10px; right:10px; background:#15251ce8; color:#f1f5f2; border:1px solid #ffffff1a; border-radius:7px; font-size:8px; padding:8px; }
.strategy-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--line); border-radius:15px; background:#fff; margin:16px 0 27px; padding:19px 0; }
.strategy-metrics>div { display:flex; flex-direction:column; gap:4px; padding:0 24px; border-right:1px solid var(--line); }
.strategy-metrics>div:last-child { border:0; }
.strategy-metrics strong { font-size:27px; line-height:1; font-weight:700; letter-spacing:-1px; color:#172e20; }
.strategy-metrics span { color:#64776c; font-size:10px; }
.strategy-two-col { display:grid; grid-template-columns:1.15fr 1fr; gap:20px; }
.strategy-two-col>section { border:1px solid var(--line); border-radius:16px; padding:25px; min-width:0; }
.strategy-section-label { font-size:9px; letter-spacing:1px; font-weight:700; color:#527560; }
.strategy-presentation h3 { font-size:18px; letter-spacing:-.5px; line-height:1.3; margin:10px 0 16px; color:#172e20; }
.strategy-presentation section p { font-size:13px; line-height:1.85; color:#617367; white-space:pre-wrap; }
.strategy-two-col>.strategy-objective { border-top:3px solid var(--signal); padding-top:23px; }
.strategy-objective p { color:#264632!important; font-size:17px!important; font-weight:500; line-height:1.6!important; }
.strategy-pillars { padding:28px 0; }
.strategy-section-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.strategy-small-note { color:#6d8174; font-size:10px; }
.pillar-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.pillar-card { display:flex; flex-direction:column; align-items:flex-start; gap:18px; border:1px solid var(--line); border-radius:14px; padding:20px; background:#f9fbf9; }
.pillar-card>span { color:#00732e; font-size:11px; font-weight:700; width:28px; height:28px; display:grid; place-items:center; background:#e4f3e9; border-radius:8px; }
.pillar-card h4 { font-size:14px; line-height:1.5; color:#223d2c; margin:0; font-weight:600; white-space:pre-wrap; }
.strategy-formats { display:grid; gap:12px; }
.strategy-formats>div { display:flex; justify-content:space-between; align-items:center; padding-bottom:11px; border-bottom:1px solid #edf1ee; font-size:12px; }
.strategy-formats span { display:flex; align-items:center; gap:10px; color:#576e5f; }
.strategy-networks { display:flex; flex-wrap:wrap; gap:8px 13px; margin-top:22px; }
.strategy-networks>span { display:flex; align-items:center; gap:6px; font-size:10px; color:#526558; }
.strategy-date-range { display:flex; align-items:center; gap:10px; margin-top:20px; padding:13px; border-radius:10px; background:#f5f8f5; color:#456b51; }
.strategy-date-range small,.strategy-date-range strong { display:block; font-size:9px; }
.strategy-date-range strong { margin-top:4px; font-size:11px; font-weight:500; }
.strategy-next { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:25px; background:#f4f7f4; border-radius:16px; margin-top:20px; }
.strategy-next strong { font-size:15px; }
.strategy-next p { color:#64796b; font-size:11px; margin-top:6px; }
.strategy-empty-note { font-size:12px; margin:20px 0; color:#617368; }
.strategy-preview-dialog { width:min(1000px,calc(100vw - 32px)); max-width:1000px; }
.strategy-preview-dialog .modal-body { padding-top:0; }
@media(min-width:761px) {
 .sidebar-bottom { padding-top:22px; }
 .sidebar .agency-label { margin-top:25px; margin-bottom:17px; padding-bottom:18px; }
}
@media(max-width:1100px) {
 .strategy-cover.has-art { grid-template-columns:minmax(0,1fr) 155px; gap:22px; }
 .strategy-cover { padding:25px; }
 .strategy-cover-art { min-height:240px; }
 .strategy-cover h2 { font-size:29px; }
}
@media(max-width:760px) {
 .sidebar { border-radius:0 24px 24px 0; }
 .sidebar-theme-control { font-size:12px; }
 .list-card { padding:12px; gap:12px; }
 .list-art,.review-list .list-art { flex-basis:82px; width:82px; height:120px; }
 .list-card .list-info { padding:0; }
 .list-card h3,.review-list .list-card h3 { font-size:13px; margin:6px 0; }
 .list-card .list-date { font-size:9px; gap:4px; }
 .list-card .list-date svg { display:none; }
 .list-card .card-meta { margin:7px 0; }
 .list-card .network { width:21px; height:21px; }
 .list-open,.list-format-name { display:none; }
 .list-status { gap:6px; }
 .list-status .status { font-size:9px; }
 .review-layout { grid-template-columns:1fr; }
 .strategy-editor { padding:19px 16px; border-radius:15px; }
 .strategy-editor-heading { flex-direction:column; gap:16px; padding-bottom:20px; }
 .strategy-editor-heading h2 { font-size:21px; }
 .strategy-editor-section { padding:22px 0; }
 .strategy-editor-grid { grid-template-columns:1fr; gap:22px; }
 .strategy-editor textarea,.strategy-editor input { font-size:16px; }
 .strategy-editor textarea { min-height:130px; }
 .strategy-editor-footer { flex-direction:column; align-items:stretch; gap:16px; }
 .strategy-presentation { margin-top:20px; }
 .strategy-cover,.strategy-cover.has-art { display:block; padding:24px; border-radius:17px; }
 .strategy-cover-art { display:none; }
 .strategy-kicker { font-size:8px; letter-spacing:.7px; gap:7px; }
 .strategy-kicker>span:last-child { width:100%; padding-left:30px; }
 .strategy-client { margin-top:23px; }
 .strategy-cover h2 { font-size:32px; line-height:1.15; }
 .strategy-intro { font-size:12px; line-height:1.75; }
 .strategy-signature { margin-top:22px; font-size:9px; }
 .strategy-metrics { padding:17px 0; margin:13px 0 20px; }
 .strategy-metrics>div { padding:0 12px; gap:6px; }
 .strategy-metrics strong { font-size:25px; }
 .strategy-metrics span { font-size:9px; line-height:1.5; }
 .strategy-two-col { grid-template-columns:1fr; gap:14px; }
 .strategy-two-col>section { padding:21px; }
 .strategy-two-col>.strategy-objective { padding-top:19px; }
 .strategy-presentation h3 { font-size:18px; }
 .strategy-objective p { font-size:16px!important; }
 .strategy-presentation section p { font-size:12px; }
 .strategy-pillars { padding:25px 0; }
 .strategy-small-note { display:none; }
 .pillar-grid { grid-template-columns:1fr; gap:9px; }
 .pillar-card { flex-direction:row; align-items:center; padding:16px; gap:14px; }
 .pillar-card>span { flex-shrink:0; }
 .pillar-card h4 { font-size:13px; }
 .strategy-next { flex-direction:column; align-items:stretch; padding:22px; }
 .strategy-next .button { margin-top:4px; }
 .strategy-preview-dialog { width:calc(100vw - 16px); max-width:none; }
 .strategy-preview-dialog .modal-body { padding:0 12px 18px; }
}
@media(max-width:370px) {
 .list-art,.review-list .list-art { flex-basis:68px; width:68px; height:115px; }
 .list-card { padding:10px; gap:9px; }
 .list-card h3 { font-size:12px; }
 .list-feedback { font-size:8px; }
 .strategy-cover,.strategy-cover.has-art { padding:20px; }
 .strategy-cover h2 { font-size:29px; }
 .strategy-metrics>div { padding:0 9px; }
}

/* Account storage and subscription, shared on desktop and mobile. */
.storage-meter{padding:18px 20px;border:1px solid var(--border,#dfe7e2);border-radius:16px;background:#fff;font-size:12px;color:#41584a;margin-bottom:16px}.storage-meter strong{font-size:13px}.storage-meter progress{display:block;width:100%;height:7px;appearance:none;border:0;border-radius:8px;overflow:hidden;margin:12px 0;background:#e7eee9}.storage-meter progress::-webkit-progress-bar{background:#e7eee9}.storage-meter progress::-webkit-progress-value{background:#00963e}.storage-meter progress::-moz-progress-bar{background:#00963e}.storage-meter.caution progress::-webkit-progress-value{background:#bf7900}.storage-meter.critical progress::-webkit-progress-value{background:#d83e34}.storage-meter p{font-size:11px;line-height:1.5;margin:10px 0 0}.storage-meter.compact{margin:18px 8px;padding:14px 12px;background:transparent;color:inherit;border-color:#69776e55}.storage-meter.compact .row{flex-wrap:wrap;gap:5px}.storage-meter.compact button{color:inherit;text-decoration:underline;font-size:11px;padding:0;background:none;border:0;cursor:pointer}.storage-dialog{width:min(900px,calc(100vw - 24px));max-width:900px}.storage-policy{display:flex;gap:14px;padding:16px;border-radius:14px;background:#f1f6f3;font-size:13px;margin:16px 0}.storage-policy p{color:#607067;line-height:1.6;margin-top:5px}.policy-icon{color:#008235}.storage-filters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:end}.storage-check{display:flex;align-items:center;gap:8px;font-size:12px;margin:0}.storage-check input,.storage-file>input{width:17px;height:17px;min-width:17px;accent-color:#008235}.storage-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #e4ebe6}.storage-actions>span{font-size:12px;color:#637169}.storage-file{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #e4ebe6}.storage-thumbnail{width:56px;height:70px;background:#edf2ef;border-radius:10px;flex-shrink:0;display:grid;place-items:center;color:#008235;overflow:hidden}.storage-thumbnail img{width:100%;height:100%;object-fit:cover}.storage-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.storage-info strong{overflow-wrap:anywhere;font-size:13px}.storage-info details{font-size:11px}.file-expiry{display:flex;align-items:center;gap:5px;font-size:11px;color:#68766e;line-height:1.5;margin:8px 0}.file-expiry.urgent{color:#a46800}.storage-info .notice{font-size:11px;padding:9px;margin:0}.storage-dialog #delete-confirm .notice p{margin:9px 0}.storage-dialog #delete-confirm .button{margin:5px 5px 0 0}.post-placeholder{flex-direction:column;gap:6px;font-size:10px;text-align:center}.compression-preview{width:100%;max-height:320px;object-fit:contain;background:#071810;border-radius:13px}.compression-actions{display:flex;gap:10px;flex-wrap:wrap}.compression-dialog progress{width:100%;accent-color:#008235}.compression-dialog [hidden]{display:none!important}.subscription-page{max-width:1000px;margin:auto;padding:36px 28px 64px}.subscription-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:42px 0 28px}.subscription-heading h1{font-size:36px;line-height:1.15;letter-spacing:-1.3px;margin:8px 0 12px}.subscription-heading p{color:#68766e;font-size:13px}.plan-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0}.plan-card{border:1px solid #dce6df;border-radius:22px;padding:30px;background:#fff;position:relative;min-width:0}.plan-card.selected,.agency-plan{border-color:#008235;box-shadow:0 0 0 1px #008235}.plan-kicker{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#008235;margin-bottom:14px}.plan-card h2{font-size:27px;margin:0;letter-spacing:-.7px}.plan-description{font-size:13px;color:#68766e;line-height:1.6;min-height:42px;margin:8px 0 16px}.plan-price{font-size:50px;font-weight:750;letter-spacing:-2px;color:#11271a;margin:20px 0}.plan-price span{font-size:13px;color:#68766e;font-weight:400;letter-spacing:0;margin-left:8px}.plan-card ul{list-style:none;padding:0;display:grid;gap:13px;margin:24px 0;font-size:13px}.plan-card li{display:flex;align-items:center;gap:9px}.plan-card li svg{color:#008235;flex-shrink:0}.plan-footnote{font-size:12px;color:#68766e;line-height:1.7;margin:18px 0 28px}.checkout-panel{border:1px solid #dce6df;border-radius:20px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#f5f8f6}.checkout-panel h2{font-size:22px;margin:8px 0}.checkout-options{display:flex;flex-direction:column;gap:10px}.checkout-options .button{white-space:normal}.subscription-tools{margin-top:24px;display:grid;gap:24px}.subscription-tools .row{flex-wrap:wrap}.subscription-tools form{margin:16px 0}.pricing-section .pricing-layout{display:block}.pricing-section .plan-cards{max-width:950px;margin:35px auto}.archive-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #dce6df}.archive-row strong{overflow-wrap:anywhere}.archive-row .button{flex-shrink:0}.storage-info .file-expiry svg{flex-shrink:0}
@media(max-width:600px){.subscription-page{padding:24px 16px 40px}.subscription-heading{display:block;margin:30px 0}.subscription-heading h1{font-size:30px}.subscription-heading>.button{margin-top:16px}.plan-cards{grid-template-columns:1fr;gap:16px}.plan-card{padding:24px}.checkout-panel{grid-template-columns:1fr;padding:20px}.storage-filters{grid-template-columns:1fr 1fr}.storage-filters>.storage-check{grid-column:1/-1}.storage-file{gap:9px;align-items:flex-start}.storage-thumbnail{width:42px;height:54px}.storage-info strong{font-size:12px}.storage-dialog .modal-body{padding:16px}.storage-meter{padding:16px}.storage-file>.icon-button{width:30px;min-width:30px}.storage-policy{padding:12px}.storage-policy .policy-icon{display:none}.storage-actions{gap:10px}.storage-actions>span{margin-left:auto}.storage-actions .button{font-size:11px}.file-expiry{align-items:flex-start}.compression-actions .button{width:100%}.subscription-heading p{overflow-wrap:anywhere}}