:root { color-scheme: light; --ink:#161a14; --muted:#697064; --green:#a3fb4e; --paper:#f7f8f3; --line:#dfe3d8; --white:#fff; font-family:Arial,Helvetica,sans-serif; font-size:14px; color:var(--ink); background:var(--paper); }
* { box-sizing:border-box; } body { margin:0; } button,input,textarea,select { font:inherit; } button,a,input,textarea,select,summary { -webkit-tap-highlight-color:transparent; } button { cursor:pointer; } button:disabled { cursor:not-allowed; opacity:.45; } button,a,input,textarea,select,summary { outline-offset:4px; } :focus-visible { outline:2px solid #5d9e27; } [hidden] { display:none!important; } a { color:inherit; } h1,h2,p { margin:0; } .skip-link { position:fixed; top:10px; left:280px; z-index:20; transform:translateY(-200%); padding:12px; background:var(--green); } .skip-link:focus { transform:none; }
.sidebar { position:fixed; inset:0 auto 0 0; width:266px; background:#11150f; color:#f5f7ef; display:flex; flex-direction:column; padding:30px 20px 20px; z-index:2; } .brand { display:flex; align-items:center; font-size:29px; font-weight:750; letter-spacing:-1.4px; text-decoration:none; line-height:1; white-space:nowrap; } .brand-mark { display:inline-grid; place-items:center; width:28px; height:28px; border-radius:50%; color:#11150f; background:var(--green); font-size:27px; margin-right:10px; font-weight:400; letter-spacing:0; } .brand-dot { color:var(--green); } .brand-byline { font-size:10px; color:#9ca594; margin:12px 0 30px 39px; } .new-post { border:1px solid #424b39; border-radius:6px; color:#eef4e6; background:#22291d; padding:12px 15px; text-align:left; font-weight:600; } .new-post span { font-size:20px; line-height:12px; margin-right:8px; color:var(--green); } .new-post:hover { border-color:var(--green); } .list-heading { display:flex; justify-content:space-between; align-items:center; margin:33px 8px 13px; } .list-heading h2 { font-size:10px; letter-spacing:1.2px; text-transform:uppercase; color:#a0aa96; font-weight:500; } .count { font-size:10px; color:#a5b197; } .post-list { overflow-y:auto; flex:1; margin:0 -8px; padding:0 4px 16px; scrollbar-width:thin; } .post-item { width:100%; text-align:left; border:1px solid transparent; color:#e2e7dc; background:transparent; padding:13px 11px; border-radius:6px; margin:3px 0; } .post-item:hover { background:#20271b; } .post-item[aria-current="true"] { background:#272e20; border-color:#495c36; } .post-item-title { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:13px; line-height:1.5; font-weight:500; margin-bottom:9px; } .post-item-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#a9b29f; font-size:10px; } .post-item-meta .mini-status { display:flex; gap:6px; align-items:center; } .mini-status::before { content:""; width:5px; height:5px; border-radius:50%; background:#9ca590; } .mini-status.review::before,.mini-status.approved::before { background:var(--green); } .mini-status.failed::before,.mini-status.needs_input::before,.mini-status.interrupted::before { background:#e5ab82; } .sidebar-hint { color:#a4ad9b; font-size:12px; line-height:1.7; padding:14px; } .sidebar-footer { display:flex; align-items:center; gap:7px; border-top:1px solid #303629; padding:18px 7px 0; color:#a2ad96; font-size:10px; } .local-dot { width:5px; height:5px; background:var(--green); border-radius:50%; } .milestone { margin-left:auto; border:1px solid #3d4734; border-radius:3px; padding:2px 4px; font-size:9px; }
main { margin-left:266px; padding:0 46px 48px; max-width:1800px; } .topbar { height:81px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); margin-bottom:33px; gap:18px; color:var(--muted); font-size:9px; letter-spacing:1.2px; } #connection { letter-spacing:0; font-size:10px; text-align:right; } #connection.offline { color:#9a442d; } .eyebrow { font-size:9px; font-weight:600; letter-spacing:1.6px; color:var(--muted); } .composer { max-width:785px; padding:34px 0 20px; margin:0 auto; } .composer h1 { font-size:clamp(36px,4.7vw,63px); line-height:1.06; letter-spacing:-2.7px; font-weight:650; margin:21px 0; } .intro { max-width:570px; color:var(--muted); line-height:1.8; font-size:14px; } .prepare-form { margin-top:38px; padding:28px; border:1px solid var(--line); border-radius:9px; background:var(--white); box-shadow:0 5px 18px #18250e04; } label { display:block; font-size:12px; font-weight:600; } input,textarea { width:100%; border:1px solid #d2d9c8; border-radius:5px; padding:12px 13px; background:#fff; color:var(--ink); line-height:1.5; } input::placeholder,textarea::placeholder { color:#90968a; } input:focus,textarea:focus { border-color:#649f35; } textarea { resize:vertical; min-height:76px; } .prepare-form input { margin:9px 0 23px; } .prepare-form textarea { margin-top:9px; } .optional { font-size:10px; font-weight:400; color:#878f7d; margin-left:6px; } .prepare-footer { display:flex; gap:18px; justify-content:space-between; align-items:center; margin-top:23px; } .prepare-footer>span { color:var(--muted); font-size:11px; line-height:1.5; } .button { display:inline-flex; align-items:center; justify-content:center; gap:16px; border:1px solid transparent; border-radius:5px; padding:12px 16px; font-size:12px; font-weight:600; white-space:nowrap; line-height:1.3; } .button.primary { color:#18220c; background:var(--green); border-color:#99e849; } .button.primary:hover:not(:disabled) { background:#92ef36; } .button.secondary { color:#343d2c; background:#fff; border-color:#cdd5c2; } .button.secondary:hover:not(:disabled) { background:#f1f6ea; } .composer-footnote { display:flex; align-items:center; gap:15px; padding:30px 6px; font-size:11px; color:var(--muted); line-height:1.7; } .footnote-plus { color:#7d8b70; font-size:27px; font-weight:300; }
.review { max-width:1320px; margin:auto; } .review-topline { display:flex; gap:14px; justify-content:space-between; align-items:center; margin-bottom:15px; } .source-link { max-width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; color:var(--muted); text-decoration:none; } .source-link:hover { text-decoration:underline; } .status { font-size:10px; border:1px solid #d4ddc9; background:#edf2e7; border-radius:20px; padding:6px 10px; white-space:nowrap; } .status.review,.status.approved { background:#ddf5c8; border-color:#c0dfaa; } .status.failed,.status.needs_input,.status.interrupted { color:#804523; background:#fbede1; border-color:#efd1b8; } .status.running::before { content:""; display:inline-block; width:6px; height:6px; margin-right:6px; border-radius:50%; background:#7eae48; animation:pulse 1.8s ease-in-out infinite; } .review h1 { font-size:clamp(25px,3vw,40px); font-weight:600; line-height:1.16; letter-spacing:-1.3px; max-width:1000px; overflow-wrap:anywhere; } .post-brief { margin-top:12px; line-height:1.65; color:var(--muted); max-width:900px; font-size:12px; white-space:pre-wrap; } .review-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin:22px 0; min-height:32px; } .review-toolbar label { display:flex; gap:9px; align-items:center; font-size:11px; } select { color:var(--ink); background:#fff; border:1px solid #d3dbca; border-radius:4px; padding:7px 28px 7px 9px; max-width:260px; } .muted { color:var(--muted); font-size:10px; } #post-updated { margin-left:auto; } .notice { background:#edf2e6; border:1px solid #d8e3cb; padding:13px 16px; line-height:1.6; color:#4b5b3d; border-radius:6px; font-size:12px; margin:16px 0; white-space:pre-wrap; overflow-wrap:anywhere; } .notice-error { background:#fff1eb; color:#8b3d25; border-color:#f0cbbd; } .notice-success { background:#e6f9d7; border-color:#c8e5b2; } .no-revision { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:360px; border:1px dashed #ccd6bf; border-radius:8px; text-align:center; padding:40px; margin-top:27px; } .work-symbol { font-size:60px; line-height:1; color:#94a284; margin-bottom:25px; font-weight:300; } .no-revision h2 { font-size:22px; font-weight:500; letter-spacing:-.7px; margin-bottom:13px; } .no-revision p { color:var(--muted); max-width:500px; font-size:13px; line-height:1.7; } .work-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr); gap:26px; align-items:start; } .preview-panel,.text-panel { background:var(--white); border:1px solid var(--line); border-radius:7px; overflow:hidden; } .panel-heading { display:flex; align-items:center; justify-content:space-between; padding:17px 19px; gap:12px; border-bottom:1px solid var(--line); min-height:59px; } .panel-heading h2 { font-size:12px; font-weight:600; } .view-switch { display:flex; background:#f1f4ec; padding:3px; border-radius:5px; } .view-switch button { border:0; background:transparent; font-size:10px; padding:5px 9px; border-radius:3px; color:#6d7762; } .view-switch button[aria-pressed="true"] { background:#fff; box-shadow:0 1px 3px #00000012; color:var(--ink); } .slide-view { position:relative; display:flex; align-items:center; justify-content:center; min-height:280px; background:#e9ede2; padding:24px; } .slide-view img { display:block; width:auto; height:auto; max-height:590px; max-width:100%; box-shadow:0 5px 22px #18250e1a; background:#fff; } .image-error { padding:30px; font-size:12px; line-height:1.7; text-align:center; color:var(--muted); } .slide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; background:#e9ede2; padding:18px; } .thumbnail { display:block; width:100%; border:2px solid transparent; background:transparent; padding:0; color:#566249; } .thumbnail:hover { border-color:#83b957; } .thumbnail img { display:block; width:100%; height:auto; } .thumbnail span { display:block; margin-top:6px; font-size:10px; } .slide-controls { display:flex; align-items:center; justify-content:center; gap:24px; padding:13px 19px 7px; font-size:11px; color:var(--muted); } .arrow-button { background:#fff; border:1px solid #dce2d4; width:31px; height:28px; border-radius:4px; color:#46523d; } .arrow-button:hover:not(:disabled) { background:#edf6e4; } .preview-note { font-size:9px; color:#92998a; text-align:center; padding:8px 15px 16px; } .dossier { display:flex; flex-direction:column; gap:17px; min-width:0; } .plain-text { white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; line-height:1.75; } #caption { padding:18px 19px 24px; max-height:510px; overflow:auto; } .text-button { border:0; color:#6a765e; font-size:10px; padding:4px; background:transparent; } .text-button:hover { text-decoration:underline; } .sources-panel,.report-panel { border:1px solid var(--line); background:#fff; border-radius:6px; overflow:hidden; } summary { cursor:pointer; font-size:11px; font-weight:600; padding:17px 18px; } .sources-panel .plain-text { font-size:11px; color:#65705c; padding:0 18px 18px; max-height:280px; overflow:auto; } .report-panel pre { font-family:ui-monospace,monospace; font-size:10px; white-space:pre-wrap; overflow-wrap:anywhere; padding:0 18px 18px; margin:0; color:var(--muted); max-height:250px; overflow:auto; }
.feedback-section { margin-top:40px; border-top:1px solid var(--line); padding-top:29px; } .section-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:22px; gap:15px; } .section-heading h2 { margin-top:10px; font-size:24px; font-weight:500; letter-spacing:-.7px; } .comment-form { background:#fff; border:1px solid var(--line); border-radius:6px; padding:20px; } .comment-form label { font-size:11px; } .comment-form textarea { margin-top:10px; border-color:#dce2d3; font-size:12px; } .comment-footer { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-top:14px; } .comment-footer label { display:flex; align-items:center; gap:8px; color:var(--muted); font-weight:400; } .comment-footer select { font-size:11px; } .comments { margin-top:20px; } .comment { border-bottom:1px solid var(--line); padding:17px 3px; } .comment-meta { display:flex; gap:12px; align-items:center; flex-wrap:wrap; font-size:10px; color:#7b8571; margin-bottom:8px; } .comment-meta strong { color:#46513b; font-weight:500; } .comment p { white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; line-height:1.7; } .comment-slide { color:#527b32; } .decision-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:25px; } .decision-bar p { color:var(--muted); font-size:11px; line-height:1.6; max-width:260px; } .decision-actions { display:flex; gap:10px; } .approval-footnote { margin:14px 0 0; color:#86917b; font-size:10px; text-align:right; line-height:1.6; } .form-error { color:#984c32; font-size:12px; line-height:1.6; margin-top:13px; white-space:pre-wrap; overflow-wrap:anywhere; } .action-result { color:#50752e; margin-top:12px; font-size:11px; } .activity-panel { margin-top:35px; border-top:1px solid var(--line); } .activity-panel>summary { padding:20px 0; color:#76816b; font-size:10px; } .events { list-style:none; padding:0 0 0 8px; margin:0; } .events li { display:flex; align-items:baseline; gap:18px; font-size:11px; color:#697660; line-height:1.7; padding:7px 0 7px 16px; position:relative; } .events li::before { content:""; position:absolute; left:0; top:13px; width:4px; height:4px; border-radius:50%; background:#b7c5aa; } .events time { white-space:nowrap; color:#939e88; font-size:10px; min-width:74px; } .events span { white-space:pre-wrap; overflow-wrap:anywhere; } @keyframes pulse { 50% { opacity:.35; } }
.production-checks { padding:0 19px 15px; color:#58664d; font-size:10px; line-height:1.7; overflow-wrap:anywhere; } .production-checks summary { padding:7px 0; font-size:10px; font-weight:500; } #agent-assessment { white-space:pre-wrap; font-size:11px; padding:0 0 8px; } .human-review-note { margin-top:5px; color:var(--muted); font-size:9px; } .package-downloads { display:flex; flex-wrap:wrap; gap:10px 20px; padding:13px 19px; border-top:1px solid var(--line); font-size:10px; color:#4d6937; } .package-downloads a { text-underline-offset:3px; }
.retry-controls { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 24px; padding:0 3px; } .retry-controls p { color:var(--muted); font-size:11px; line-height:1.7; max-width:610px; } @media(max-width:600px) { .retry-controls { flex-direction:column; align-items:flex-start; gap:12px; } }
@media(min-width:1500px) { main { padding-left:65px; padding-right:65px; } .composer { padding-top:65px; } .slide-view img { max-height:700px; } }
@media(max-width:1100px) { .sidebar { width:232px; padding-left:16px; padding-right:16px; } main { margin-left:232px; padding-left:28px; padding-right:28px; } .brand { font-size:26px; } .brand-byline { font-size:9px; margin-left:38px; } .work-grid { gap:18px; grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr); } .decision-bar { align-items:flex-start; flex-direction:column; } .decision-bar p { max-width:100%; } .decision-actions { align-self:flex-end; } .slide-view { padding:17px; } }
@media(max-width:850px) { .sidebar { width:205px; padding-left:12px; padding-right:12px; } main { margin-left:205px; padding-left:23px; padding-right:23px; } .brand { font-size:24px; } .brand-mark { width:24px; height:24px; font-size:24px; margin-right:7px; } .brand-byline { margin-left:1px; font-size:9px; } .topbar { font-size:8px; } .work-grid { grid-template-columns:1fr; } .dossier { gap:15px; } #caption { max-height:300px; } .decision-actions { flex-wrap:wrap; } .prepare-footer { align-items:flex-start; flex-direction:column; } .prepare-footer .button { align-self:flex-end; } .composer h1 { letter-spacing:-1.8px; } .review h1 { letter-spacing:-.8px; } .slide-view img { max-height:590px; } }
@media(max-width:600px) { .sidebar { position:relative; width:100%; min-height:auto; padding:19px 20px 15px; display:grid; grid-template-columns:1fr auto; column-gap:20px; } .brand { font-size:25px; } .brand-byline { margin:8px 0 0 32px; grid-row:2; } .new-post { grid-column:2; grid-row:1 / 3; align-self:center; font-size:11px; padding:10px; } .list-heading { grid-column:1 / 3; margin:24px 2px 9px; } .post-list { grid-column:1 / 3; display:flex; overflow-x:auto; padding:0; gap:8px; max-height:125px; margin:0; } .post-item { min-width:195px; max-width:240px; flex:0 0 70%; margin:0; padding:10px; } .post-item-title { font-size:12px; margin-bottom:7px; } .sidebar-hint { padding:8px 2px; font-size:11px; } .sidebar-footer { display:none; } main { margin-left:0; padding:0 20px 35px; } .topbar { height:54px; margin-bottom:23px; font-size:7px; letter-spacing:1px; } #connection { font-size:9px; } .composer { padding-top:13px; } .composer h1 { font-size:41px; } .intro { font-size:13px; line-height:1.7; } .prepare-form { margin-top:27px; padding:20px; } .prepare-footer>span { font-size:10px; } .composer-footnote { padding:22px 4px; font-size:10px; } .review h1 { font-size:28px; } .review-toolbar { gap:10px; margin:18px 0; } #post-updated { display:none; } .slide-view { padding:15px; } .slide-grid { gap:9px; padding:12px; } .section-heading h2 { font-size:22px; } .comment-form { padding:16px; } .comment-footer { gap:12px; } .comment-footer label { font-size:10px; gap:5px; } .comment-footer select { max-width:140px; } .decision-actions { width:100%; flex-direction:column; } .decision-actions .button { width:100%; } .approval-footnote { text-align:left; } .events li { gap:10px; } .events time { min-width:63px; font-size:9px; } .skip-link { left:15px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; scroll-behavior:auto!important; } }

.discover-button { margin-top:8px; } .discover-button span { font-size:14px!important; } .discover-hint { margin-top:18px; color:var(--muted); } .text-button { border:0; background:none; padding:0; color:inherit; text-decoration:underline; text-underline-offset:3px; font-weight:600; }
.period-choice { border:0; padding:0; margin:0 0 18px; display:flex; flex-wrap:wrap; gap:10px 22px; } .period-choice legend { font-weight:600; margin-bottom:10px; padding:0; } .period-choice label { display:flex; align-items:center; gap:8px; font-weight:500; } .period-choice input { accent-color:#5d9e27; width:auto; margin:0; }
.suggestions { display:grid; gap:14px; margin-top:28px; } .suggestion { background:var(--white); border:1px solid var(--line); border-radius:8px; padding:20px 22px; display:grid; gap:10px; } .suggestion-meta { display:flex; flex-wrap:wrap; gap:8px 14px; color:var(--muted); font-size:12px; } .suggestion-meta .badge { padding:2px 8px; border-radius:20px; background:#eef6e2; color:#3c5f1c; font-weight:600; } .suggestion-meta .badge.sempreverde { background:#eef0ff; color:#3b4590; } .suggestion h3 { margin:0; font-size:18px; line-height:1.3; } .suggestion h3 a { text-decoration:none; } .suggestion h3 a:hover { text-decoration:underline; } .suggestion p { line-height:1.5; } .suggestion .label { display:block; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:var(--muted); margin-bottom:2px; } .suggestion-actions { display:flex; justify-content:flex-end; } .past-searches { margin-top:26px; color:var(--muted); } .past-searches ol { padding-left:18px; } .past-searches button { border:0; background:none; padding:4px 0; color:inherit; text-align:left; text-decoration:underline; }

.approved-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:18px; margin-top:28px; } .approved-card { background:var(--white); border:1px solid var(--line); border-radius:8px; overflow:hidden; display:flex; flex-direction:column; } .approved-card img { display:block; width:100%; aspect-ratio:3/4; object-fit:cover; background:#11150f; } .approved-body { padding:14px 16px 16px; display:grid; gap:8px; } .approved-body h3 { margin:0; font-size:15px; line-height:1.35; } .approved-body .muted { font-size:12px; } .approved-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:4px; } .approved-actions a,.approved-actions button { font-size:12px; padding:7px 10px; border:1px solid var(--line); border-radius:6px; background:var(--paper); color:var(--ink); text-decoration:none; font-weight:600; } .approved-actions a.primary-link { background:var(--green); border-color:#7fcf34; }

.mode-switch { display:inline-flex; gap:4px; padding:4px; border:1px solid var(--line); border-radius:8px; background:var(--white); margin-bottom:26px; } .mode-switch button { border:0; background:none; padding:9px 14px; border-radius:5px; font-size:12px; font-weight:600; color:var(--muted); } .mode-switch button[aria-pressed="true"] { background:#11150f; color:#f5f7ef; }
.weekly-steps { margin:0 0 24px; padding-left:18px; color:var(--muted); font-size:12px; line-height:1.7; } .weekly-steps li + li { margin-top:4px; } label.spaced { margin-top:20px; }
.slide-view video { display:block; max-width:100%; max-height:620px; margin:0 auto; border-radius:4px; background:#000; } .thumbnail .video-tag { position:absolute; top:6px; right:6px; background:#11150f; color:var(--green); font-size:9px; font-weight:700; letter-spacing:.8px; padding:3px 6px; border-radius:3px; } .thumbnail { position:relative; }
/* Shared catalogue uses the existing Redazione surface and exported media. */
.shared-catalogue { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0; }
.shared-media { display: flex; gap: 16px; overflow-x: auto; padding: 12px 0; }
.shared-media figure { flex: 0 0 min(280px, 75vw); margin: 0; }
.shared-media img, .shared-media video { width: 100%; height: auto; border-radius: 6px; }
.shared-confirm { display: flex; gap: 12px; align-items: baseline; }
.shared-confirm input { width: auto; }
.publication-card { border-top: 1px solid #ddd; padding: 20px 0; }
.shared-workspace small, #package-digest, #shared-upload-result { overflow-wrap: anywhere; }
.shared-workspace .text-panel { padding: 24px; margin: 24px 0; }
.shared-workspace .prepare-form { max-width: 720px; }
.shared-workspace .plain-text { margin: 16px 0; }
.shared-workspace h1 { margin: 16px 0; font-size: clamp(28px,3vw,40px); letter-spacing: -1px; }
.shared-workspace h2 { margin: 12px 0; }
.shared-workspace h3 { margin: 16px 0 8px; }
.shared-toolbar { display: flex; justify-content: space-between; margin-bottom: 18px; }
.shared-delivery { padding: 16px 20px; margin-bottom: 22px; }
.shared-delivery .muted { margin-top: 12px; }
.shared-package-card { padding: 0; background: #fff; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; text-align: left; width: 210px; }
.shared-package-card img { width: 100%; aspect-ratio: 3/4; object-fit: cover; display: block; }
.shared-package-card strong,.shared-package-card span { display: block; padding: 10px 12px; font-size: 12px; }
.shared-package-card span { padding-top: 0; color: var(--muted); font-size: 10px; }
.shared-import { padding: 18px 20px; background: #fff; border: 1px solid var(--line); border-radius: 7px; margin-top: 20px; }
.shared-import .muted { margin: 10px 0; }
.shared-import input { max-width: 500px; margin: 8px 12px 8px 0; }
.sidebar .new-post[aria-pressed="true"] { border-color: var(--green); background: #272e20; }
@media(max-width:600px) {
  .sidebar .discover-button { grid-column: 1 / 3; grid-row: auto; margin-top: 8px; }
  .shared-workspace .text-panel { padding: 16px; }
  .shared-package-card { width: min(210px,100%); }
}