/* Compact workspace rhythm; the document itself retains readable 16px text. */
body { font-size: 14px; }
.page-title h1 { font-size: 28px; }
.page-title p { font-size: 14px; }
.sidebar nav a { font-size: 14px; }
/* Sticky heading: back, title (auto-growing textarea), status, save state, one primary action and a "Más" menu. */
.work-heading { position:sticky;top:var(--shell-top,70px);z-index:25;display:flex;align-items:flex-start;gap:12px;margin:-14px -12px 14px;padding:10px 12px;background:rgb(247 248 250 / 94%);backdrop-filter:blur(10px);border-bottom:1px solid #e8e8eb; }
.work-heading .back { margin:0;flex:none; }
.work-heading-text { flex:1;min-width:0; }
.work-heading-text .code { font-size:10px; }
.work-heading h1 { margin:0 0 2px;font-size:22px;padding:0; }
.work-heading h1::after { display:none; }
.work-heading .work-title-input { display:block;width:100%;min-height:0;margin:0;padding:2px 4px;border:1px solid transparent;border-radius:8px;background:transparent;font-size:22px;font-weight:650;line-height:1.3;color:#29292c;resize:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere; }
.work-heading .work-title-input:hover { border-color:#e2e2e5;background:#fff; }
.work-heading .work-title-input:focus { border-color:#c7461e;background:#fff; }
.work-heading .work-title-input[readonly],.work-heading .work-title-input:disabled { background:transparent;border-color:transparent;color:#29292c;opacity:1; }
.work-heading p { margin:0;color:#707078;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.work-heading-actions { display:flex;align-items:center;gap:8px;flex:none;flex-wrap:wrap;justify-content:flex-end;max-width:60%; }
.work-heading-actions .badge { max-width:220px;overflow:hidden;text-overflow:ellipsis; }
#saveStatus { font-size:12px;padding:6px 12px;border:1px solid #e3e3e6;border-radius:999px;background:#fff;color:#5f5f66;white-space:nowrap; }
.work-primary-action { white-space:nowrap; }
.work-more { margin:0; }
.work-more-menu { min-width:250px;right:0;left:auto;max-height:min(60vh,420px);overflow:auto; }
.work-more-menu .work-menu-item { justify-content:flex-start;text-align:left;min-height:42px;border-radius:9px;font-weight:500; }
.work-more-menu .work-menu-item.danger-button { color:#b13d32; }
.work-more-menu .work-menu-item.danger-button:hover { background:#fff1ef; }
.work-more-menu .work-menu-item:disabled { opacity:.45; }
.work-properties-toggle { display:none; }
.work-bottom-tabs { display:none; }
.work-layout { grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start; }
.work-properties { padding:18px 0!important;border-radius:12px; }
.work-properties h3 { margin:18px 20px 9px;font-size:10px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#94a398; }
.work-properties h3:first-child { margin-top:0; }
.work-properties>label,.work-properties .property-client { display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:8px;padding:6px 18px;margin:0;font-size:12px;color:#829289; }
.work-properties input:not([type=checkbox]),.work-properties select,.work-properties .choice-trigger { min-height:30px;padding:4px 6px;font-size:12px;background:transparent;border-color:transparent;box-shadow:none; }
.work-properties input:hover,.work-properties .choice-trigger:hover,.work-properties select:hover { background:#f6f8f7; }
.work-properties .property-client strong { display:flex;align-items:center;gap:7px;font-size:12px;color:#37483e;font-weight:500; }
.work-properties .avatar { width:23px;height:23px;font-size:11px;flex-shrink:0; }
.work-properties details { margin:5px 18px;font-size:12px; }
.work-properties .check-grid { padding:6px 18px;gap:5px;display:flex;flex-wrap:wrap;font-size:11px; }
.work-properties .check-grid>span { flex-basis:100%;font-size:12px;color:#829289; }
.work-properties .inline { font-size:11px;gap:4px; }
.work-properties .property-blockage { padding:0 18px;font-size:12px; }
.work-properties .property-blockage h3 { margin-left:0; }
.work-properties .property-foot { padding:10px 18px 0;display:block;font-size:10px;color:#94a398; }
.work-main>.panel { padding:20px;border-radius:12px; }
.work-main h2 { font-size:13px;font-weight:600;margin:0 0 8px; }
.work-main>.panel>p { font-size:12px; }
/* Progress line: one definition (style.css and brand-refresh.css used to layer three). */
.progress-line { display:flex;flex-wrap:nowrap;gap:0;align-items:stretch;margin:4px 0 24px;padding:20px;overflow-x:auto;background:#fff;border:1px solid #e7e7ea;border-radius:12px;scrollbar-width:thin; }
.progress-line:has(.progress-blocked) { flex-wrap:wrap; }
.progress-step { display:flex;flex:1 0 170px;min-width:170px;align-items:flex-start;gap:8px;position:relative;padding:0;font-size:12px;color:#9a9aa1; }
.progress-step::after { content:'';flex:1;align-self:flex-start;height:1px;margin:16px 10px 0;background:#dedee2; }
.progress-step:last-child::after { display:none; }
.progress-dot { display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:0;border-radius:50%;background:#eeeef1;color:#8a8a91; }
.progress-dot svg { width:16px;height:16px; }
.progress-step.done,.progress-step.current { color:#29292c; }
.progress-step.done .progress-dot,.progress-step.current .progress-dot { background:#c7461e;color:#fff; }
.progress-step.current .progress-dot { box-shadow:0 0 0 4px #fde3d9; }
.progress-step.done::after { background:#f0a083; }
.progress-caption { padding-top:1px;font-size:11px;font-weight:600;line-height:1.4;color:#56565d; }
.progress-step.current .progress-caption { color:#29292c; }
.progress-caption small { display:block;margin-top:4px;font-size:10px;font-weight:400;white-space:nowrap;color:#8a8a91; }
.progress-blocked { flex-basis:100%;margin-top:12px;padding:10px;border-radius:7px;font-size:12px;color:#a9372e;background:#fff1ef; }
.wide-description { grid-template-columns:minmax(0,1fr)!important; }
.wide-description>.work-properties { display:none!important; }
.wide-description #descriptionEditor { min-height:60vh; }
.work-bottom { font-size:13px; }
.work-bottom h2 { font-size:14px; }
@media(max-width:760px){
 .work-layout{grid-template-columns:1fr}
 .work-heading{top:var(--shell-top,60px);gap:8px;margin:-10px -16px 14px;padding:8px 12px;flex-wrap:wrap}
 .work-heading .work-title-input{font-size:18px}
 .work-heading-text{flex:1 1 0;min-width:0}
 .work-heading-actions{flex:1 0 100%;max-width:none;justify-content:flex-start;margin-top:0}
 .work-heading-actions .work-primary-action{margin-left:auto}
 .work-heading-actions .badge{font-size:10px}
 .progress-step{min-width:145px}
 /* Properties collapse behind one row; comments and activity become tabs. */
 .work-properties-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;margin:0;padding:0 18px;border:0;border-radius:0;background:transparent;color:#29292c;font-weight:650;text-align:left}
 .work-properties-toggle small{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}
 .work-properties-toggle svg{flex:none;transition:transform .16s ease}
 .work-properties.is-open .work-properties-toggle svg{transform:rotate(180deg)}
 .work-properties:not(.is-open)>*:not(.work-properties-toggle){display:none!important}
 .work-properties:not(.is-open){padding:0!important}
 .work-properties.is-open .work-properties-toggle{border-bottom:1px solid #ededf0;margin-bottom:10px}
 .work-bottom-tabs{display:flex;gap:4px;padding:4px;margin-bottom:12px;border:1px solid #e6e6e9;border-radius:14px;background:#f1f2f4}
 .work-bottom-tabs button{flex:1;gap:8px;min-height:40px;border:1px solid transparent;border-radius:10px;background:transparent;color:#55555c;box-shadow:none}
 .work-bottom-tabs button[aria-selected=true]{background:#fff;border-color:#e3e3e6;color:#29292c}
 .work-bottom[data-tab=comments] .work-activity,.work-bottom[data-tab=activity] .work-comments{display:none}
}

.drive-media-group{margin:20px 0;max-width:100%;min-width:0}.drive-media-group iframe{width:100%;height:480px;border:0;border-radius:12px;background:#f1f1f1}.drive-media-controls{display:flex;gap:8px;margin:12px 0}.drive-media-images{gap:12px;max-width:100%}.drive-media-images.strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.drive-media-images.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.drive-media-images figure{margin:0;min-width:0;scroll-snap-align:start}.drive-media-images.strip figure{flex:0 0 min(85%,440px)}.drive-media-images img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:10px;background:#f4f4f4}.drive-media-images figcaption{font-size:12px;margin:8px 0}.work-main{min-width:0}@media(max-width:600px){.drive-media-group iframe{height:360px}}
.social-phone{width:min(100%,390px);margin:24px auto 12px;border:9px solid #17181b;border-radius:46px;background:#fff;color:#151619;overflow:hidden;box-shadow:0 18px 50px #10182826;font-family:Arial,sans-serif;box-sizing:border-box}.social-status{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:12px;font-weight:700}.social-island{width:94px;height:23px;background:#17181b;border-radius:24px}.social-header{display:flex;align-items:center;gap:9px;padding:12px 14px;font-size:13px}.social-header strong{flex:1;overflow:hidden;text-overflow:ellipsis}.social-avatar{width:30px!important;height:30px!important;object-fit:cover;border-radius:50%;flex-shrink:0}.social-initial{display:inline-grid;place-items:center;background:#e7e8ec}.social-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.social-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;aspect-ratio:4/5;background:#f3f3f3;display:grid;place-items:center}.social-slide img,.social-slide video{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;min-height:0}.social-actions{display:flex;gap:15px;padding:12px 14px}.social-actions svg,.social-nav svg{width:24px;height:24px;flex-shrink:0}.social-actions svg:last-child{margin-left:auto}.social-caption{font-size:13px;line-height:1.5;padding:0 14px 18px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:170px;overflow:auto}.social-nav{display:flex;justify-content:space-around;align-items:center;padding:12px 8px;border-top:1px solid #eee}.social-homebar{width:110px;height:4px;border-radius:6px;background:currentColor;margin:6px auto 9px}.social-dots{display:flex;justify-content:center;gap:5px;align-items:center;padding:9px 12px 0}.social-dots button{min-width:0;width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#d7d9dd}.social-dots button[aria-current=true]{background:#4575f5}.social-dots span{font-size:10px;color:#69707a;margin-left:6px}.social-reel{background:#101115;color:#fff}.social-reel .social-screen{position:relative}.social-reel .social-slide{aspect-ratio:9/16;background:#090909}.social-reel .social-header{position:absolute;inset:0 0 auto;z-index:1;background:linear-gradient(#0008,transparent);pointer-events:none}.social-reel .social-actions{position:absolute;right:0;top:36%;flex-direction:column;pointer-events:none;filter:drop-shadow(0 1px 3px #000)}.social-reel .social-caption{position:relative;background:#17181b;padding:12px 14px;max-height:160px}.social-reel .social-caption .social-avatar{vertical-align:middle;margin-right:8px}.social-reel .social-nav{border-color:#303238}.social-mosaic{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0}.social-mosaic img,.social-mosaic video{width:100%;aspect-ratio:4/5;object-fit:contain;background:#f4f4f4}.social-mosaic figure{margin:0;min-width:0}.social-disclaimer{text-align:center;font-size:12px;color:#72777d}.drive-media-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.social-phone[hidden],.social-mosaic[hidden]{display:none}@media(max-width:430px){.social-phone{border-width:6px;border-radius:32px}.social-status{padding:0 15px}.social-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}}
.social-reel .social-caption{position:absolute;left:0;right:46px;bottom:42px;background:linear-gradient(transparent,#000b);padding-top:24px;text-shadow:0 1px 3px #000;max-height:130px}.social-reel .social-caption>span:not(.social-avatar){display:block;margin-top:6px}.social-reel .social-caption{scrollbar-width:thin;max-height:155px}.social-reel .social-caption .social-avatar{display:inline-grid;margin-top:0}

.social-slide iframe{width:100%;height:100%;border:0;min-height:0}

/* Social preview: playback controls remain outside the phone. */
.social-status{position:relative;height:46px;padding:0 21px}.social-island{position:absolute;left:50%;transform:translateX(-50%);width:86px;height:24px}.social-system{display:flex;align-items:center;gap:4px}.social-system svg{width:14px;height:13px}.social-system .social-battery{width:25px;height:14px}.social-nav svg{width:25px;height:25px}.social-nav{padding:13px 8px}.social-reel .social-header{background:none;text-shadow:0 1px 4px #0006}.social-reel .social-screen:after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(transparent,rgba(0,0,0,.46));pointer-events:none}.social-reel .social-caption{z-index:1;bottom:12px;right:52px;background:none;padding:12px 14px;max-height:100px;color:#fff}.social-reel .social-caption strong{color:#fff}.social-reel .social-actions{z-index:2;top:auto;bottom:105px;gap:22px;padding:10px 14px;filter:drop-shadow(0 1px 2px #0005)}.social-reel .social-actions svg{width:26px;height:26px}.social-slide video{cursor:pointer}.social-player{width:min(100%,420px);margin:14px auto;display:flex;align-items:center;gap:9px;padding:12px;background:#f4f4f6;border:1px solid #dedee3;border-radius:12px;color:#25262a;box-sizing:border-box}.social-player[hidden]{display:none}.social-player button{font:12px Arial,sans-serif;padding:7px;border:0;border-radius:6px;background:#fff;color:#25262a;flex-shrink:0;cursor:pointer}.social-player input[type=range]{min-width:25px;width:100%;padding:0;accent-color:#333;cursor:pointer}.social-player output{font:11px Arial,sans-serif;white-space:nowrap;flex-shrink:0}.social-player button:focus-visible,.social-slide video:focus-visible{outline:2px solid #4775ee;outline-offset:2px}

.social-player [data-mute]{display:grid;place-items:center;width:34px;height:32px}.social-player [data-mute] svg{width:20px;height:20px}

#ideaEditor{min-height:340px}.internal-description-panel #descriptionEditor{min-height:240px}.wide-description #ideaEditor{min-height:60vh}

#newIdeaEditor{min-height:250px}#newInternalEditor{min-height:180px}#newInternalEditor .tiptap{min-height:140px}

/* Social preview controls: tappable dots and a real mute button. */
.social-dots{gap:2px}.social-dots button{position:relative;width:24px;height:24px;min-width:24px;min-height:24px;padding:0;border:0;border-radius:50%;background:transparent}.social-dots button::before{content:'';position:absolute;inset:50% auto auto 50%;width:8px;height:8px;border-radius:50%;background:#c9ccd2;transform:translate(-50%,-50%)}.social-dots button[aria-current=true]{background:transparent}.social-dots button[aria-current=true]::before{background:#4575f5;width:10px;height:10px}.social-dots button:focus-visible{outline:2px solid #4775ee;outline-offset:1px}
.social-player button{min-height:40px;min-width:40px;border:1px solid #dedee3;border-radius:10px}.social-player [data-mute]{width:40px;height:40px;min-height:40px}.social-player [data-mute] svg{width:20px;height:20px}
.drive-media-controls button{min-height:40px}