.shared-dialog{width:min(640px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid #dfe7e6;border-radius:24px;padding:30px;background:#fbfdfc;color:#172c2b;box-shadow:0 32px 100px #102c3540;font:14px/1.5 Inter,system-ui,sans-serif}.shared-dialog::backdrop{background:#10252a77;backdrop-filter:blur(5px)}.shared-dialog header{display:flex;align-items:center;justify-content:space-between}.shared-dialog h2{font-size:26px;letter-spacing:-.7px;margin:4px 0}.shared-eyebrow{font-size:10px;letter-spacing:2px;color:#567b73;font-weight:700}.shared-dialog p{color:#62716f}.shared-dialog button,.shared-dialog select,.shared-dialog input{font:inherit;border:1px solid #d4e0dc;border-radius:10px;padding:10px 14px;background:white;color:inherit}.shared-dialog button{cursor:pointer}.shared-dialog button:hover{background:#eaf4ef}.shared-dialog button:focus-visible,.shared-dialog input:focus-visible,.shared-dialog select:focus-visible{outline:3px solid #81b7a7;outline-offset:2px}.shared-dialog .shared-primary{background:#17634e;color:white;border-color:#17634e}.shared-dialog .shared-close{border:none;font-size:24px;background:transparent}.shared-invite{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.shared-invite label{display:grid;gap:6px;width:100%;font-size:12px;font-weight:600}.shared-invite input{width:100%;box-sizing:border-box}.shared-invite select{flex:1}.shared-person{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #e4ebe8}.shared-person span{flex:1;overflow-wrap:anywhere}.shared-person small{color:#698078}.shared-person button{font-size:12px;padding:6px 10px}.shared-message button{display:block;margin-top:10px}.shared-content h3{margin-top:24px}.shared-dialog button:disabled{opacity:.5;cursor:wait}@media(max-width:500px){.shared-dialog{padding:20px}.shared-person{flex-wrap:wrap}.shared-person span{min-width:65%}}
.shared-avatars{display:flex;align-items:center;padding-inline:5px;gap:0;flex-shrink:0}.shared-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;background:var(--peer-color);color:white;font:600 11px/1 Inter,system-ui,sans-serif;border:2px solid var(--ribbon-bg,#f7faf8);margin-inline-start:-5px;overflow:hidden;box-shadow:0 1px 4px #10252a22}.shared-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.account-google{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px 16px;margin-top:16px;border:1px solid #d4dfdc;border-radius:12px;background:#fff;color:#243832;font:600 14px Inter,system-ui,sans-serif;cursor:pointer}.account-google:hover{background:#f0f6f3}.account-google-mark{font:bold 20px Arial;color:#4285f4}.theme-dark .shared-dialog{background:#182923;color:#edf6f1}.theme-dark .shared-dialog button,.theme-dark .shared-dialog input,.theme-dark .shared-dialog select{background:#213b32;color:#edf6f1;border-color:#496256}
/* Keep every native modal in the viewport despite the global margin reset. */
dialog.account-dialog,dialog.app-dialog,dialog.shared-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;max-height:calc(100dvh - 40px)}
.shared-dialog{width:min(560px,calc(100vw - 32px));padding:24px;border:1px solid var(--border-subtle,#e0e7e2);border-radius:24px;background:var(--bg-panel,#fff);color:var(--text-main,#20362b);box-shadow:0 24px 80px #152c2930;font:14px/1.5 Inter,system-ui,sans-serif;user-select:text}
.shared-dialog::backdrop{background:#17282266;backdrop-filter:blur(3px)}
.shared-dialog header{gap:16px;margin-bottom:18px}.shared-heading{display:flex;align-items:center;gap:12px;min-width:0}.shared-heading-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:14px;background:#eaf2ed;color:#345c43}.shared-dialog h2{font-size:22px;line-height:1.25;letter-spacing:-.6px;margin:0;font-weight:600}
.shared-icon{width:18px;height:18px;display:inline-block;flex-shrink:0;vertical-align:middle}.shared-heading-icon .shared-icon{width:22px;height:22px}#btn-share{display:inline-flex;align-items:center;gap:8px}
.shared-dialog button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border-radius:10px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.shared-dialog .shared-close{width:32px;height:32px;min-height:32px;padding:6px;flex-shrink:0;border:0;border-radius:50%;background:transparent;color:var(--text-muted,#65746b)}.shared-dialog .shared-close:hover{background:#edf2ee}.shared-dialog button:focus-visible,.shared-dialog input:focus-visible,.shared-dialog select:focus-visible{outline:2px solid #548a69;outline-offset:3px}
.shared-dialog .shared-access-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin:0 0 20px;border-radius:12px;background:var(--bg-app,#f5f7f4);color:var(--text-muted,#647267);font-size:12px}.shared-access-note .shared-icon{width:16px;height:16px;margin-top:1px}.shared-dialog .shared-workbook{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:15px;font-weight:600;overflow-wrap:anywhere}.shared-workbook span{min-width:0}.shared-setup{padding:4px 0 8px}.shared-setup button{width:100%}.shared-dialog .shared-primary{background:#315c43;border-color:#315c43;color:#fff}.shared-dialog .shared-primary:hover{background:#234a34}
.shared-invite{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:0 0 20px}.shared-invite label{grid-column:1/-1;font-size:12px;gap:8px;color:var(--text-muted,#65746b)}.shared-invite input{height:46px;background:var(--bg-panel,#fff);font-size:14px;font-weight:400}.shared-invite input::placeholder{color:#88968d}.shared-invite select{min-width:0;font-size:13px;background:var(--bg-app,#f5f7f4);padding:10px 12px}
.shared-person{gap:12px;padding:14px 0;border-bottom:1px solid var(--border-subtle,#e8ede9)}.shared-person>span{min-width:0;font-size:13px}.shared-member-avatar{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#e7eee9;color:#3d6550;font-size:11px;font-weight:600}.shared-person small{font-size:11px;padding:4px 8px;border-radius:6px;background:var(--bg-app,#f5f7f4);max-width:140px}.shared-person button{padding:6px 10px;min-height:32px;font-size:12px}.shared-dialog .shared-remove{color:#9c4944;background:transparent;border:0}.shared-dialog .shared-leave{margin-top:12px;padding-inline:0;border:0;background:transparent;color:var(--text-muted,#65746b);font-size:12px}.shared-dialog .shared-leave:hover{color:#254f37}.shared-dialog .shared-section-title{border-top:1px solid var(--border-subtle,#e6ece7);padding-top:20px;margin:20px 0 2px;font-size:12px;font-weight:600;color:var(--text-muted,#65746b)}.shared-message:empty{display:none}.shared-message:not(:empty){margin-top:16px;padding:12px;border-radius:10px;background:var(--bg-app,#f5f7f4);font-size:12px}.shared-message input{display:block;width:100%;box-sizing:border-box;margin-top:10px;font-size:12px}.shared-message button{display:inline-flex}
@media(max-width:480px){.shared-dialog{padding:20px;border-radius:20px}.shared-dialog h2{font-size:20px}.shared-invite{grid-template-columns:1fr}.shared-invite button{width:100%}.shared-person{flex-wrap:wrap}.shared-person>span{min-width:calc(100% - 60px)}.shared-person small{margin-inline-start:46px}.shared-person button{margin-inline-start:auto}}
@media(prefers-reduced-motion:reduce){.shared-dialog button{transition:none}}
.shared-person .shared-role{width:auto;max-width:220px;min-height:34px;padding:6px 24px 6px 10px;font-size:12px;border:1px solid var(--studio-border,#dbe5df);border-radius:10px;background:var(--studio-surface,#fff);color:inherit}
.shared-members .shared-person{flex-wrap:wrap;gap:10px}
.shared-members .shared-person>span{min-width:130px}
.files-shared-list{margin-top:20px;border-top:1px solid var(--studio-border,#dbe5df);padding-top:12px}
.files-shared-list .shared-person>span{overflow-wrap:anywhere}
.proposals-trigger{display:inline-flex;align-items:center;gap:7px}.proposals-trigger[hidden]{display:none}.proposals-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:#b84926;color:#fff;font-weight:700;font-size:11px}.proposals-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.proposals-dialog{width:min(640px,calc(100vw - 32px))}.proposal-list{max-height:48vh;overflow:auto;overscroll-behavior:none}.proposal-card{padding:18px 0;border-bottom:1px solid var(--studio-border,#dbe5df)}.proposal-author{display:flex;gap:10px;align-items:center;margin-bottom:12px;font-size:12px;overflow-wrap:anywhere}.proposal-author time{display:block;color:var(--text-muted,#65746b);margin-top:3px;font-size:11px}.proposal-values{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.proposal-values>div{min-width:0;padding:12px;border-radius:10px;background:var(--bg-app,#f5f7f4)}.proposal-values>div:last-child{border-inline-start:3px solid #bc7b2c}.proposal-values small{color:var(--text-muted,#65746b)}.proposal-values pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.5 monospace;margin:8px 0 0;max-height:120px;overflow:auto}.proposal-actions,.proposal-pages{display:flex;gap:8px;align-items:center}.proposal-pages{justify-content:center;margin-top:12px}.proposal-warning,.proposals-message{font-size:12px;color:#a24d24;white-space:pre-wrap}.proposal-form{padding:14px;border:1px solid var(--studio-border,#dbe5df);border-radius:12px;margin-bottom:12px}.proposal-form label{display:grid;gap:8px;font-size:12px;margin:12px 0}.proposal-form textarea{box-sizing:border-box;width:100%;min-height:80px;padding:10px;border:1px solid var(--studio-border,#dbe5df);border-radius:8px;background:var(--bg-panel,#fff);color:inherit;font:14px/1.5 monospace}.proposal-empty{padding:30px 12px;text-align:center;color:var(--text-muted,#65746b)}@media(max-width:480px){.proposal-values{grid-template-columns:1fr}}
/* Non-modal review sidebar: the grid remains interactive beside it. */
dialog.shared-dialog.proposals-dialog{position:relative;inset:auto;margin:0;width:370px;max-width:48vw;min-width:260px;height:100%;max-height:none;flex:0 0 370px;padding:18px;border:0;border-inline-start:1px solid var(--studio-border,#dbe5df);border-radius:0;box-shadow:-4px 0 16px #1736270a;overflow:auto;box-sizing:border-box}
dialog.proposals-dialog:not([open]){display:none}dialog.proposals-dialog[open]{display:flex;flex-direction:column;gap:0}.proposals-dialog header{margin-bottom:12px}.proposals-dialog h2{font-size:18px}.proposals-dialog .shared-heading-icon{width:32px;height:32px;border-radius:9px}.proposals-dialog .shared-access-note{font-size:11px;margin-bottom:12px;padding:10px}.proposals-dialog .proposal-list{flex:1;min-height:70px;max-height:none;overflow:auto;padding:3px}.proposals-dialog .proposal-card{border:1px solid var(--studio-border,#dbe5df);border-radius:12px;padding:12px;margin:10px 0;background:var(--bg-panel,#fff);cursor:pointer}.proposals-dialog .proposal-card.is-selected{border-color:#bd812a;box-shadow:0 0 0 2px #bd812a22}.proposals-dialog .proposal-author{font-size:11px}.proposals-dialog .proposal-values{gap:7px}.proposals-dialog .proposal-values>div{padding:8px}.proposals-dialog .proposal-values small{font-size:10px}.proposals-dialog .proposal-cell-link{padding:3px 0;min-height:26px;border:0;background:transparent;color:var(--text-main,#315c43);font-weight:700;justify-content:flex-start}.proposals-dialog .proposal-actions button{font-size:12px;min-height:34px;padding:7px 10px}.proposal-mode{max-width:175px;border:1px solid var(--studio-border,#dbe5df);border-radius:10px;padding:9px 12px;font:500 12px Inter,system-ui,sans-serif;background:var(--bg-panel,#fff);color:var(--text-main,#244331)}.proposal-mode[hidden]{display:none}.proposal-mode.is-suggesting{background:#fff5e3;color:#81500b;border-color:#d7b26f}.proposals-dialog .proposal-compose>button{font-size:11px;width:100%}.proposals-dialog .proposal-compose{flex-shrink:0}.proposals-dialog .proposal-form textarea{min-height:50px}.proposals-dialog .proposal-pages{flex-shrink:0}.proposals-dialog .proposal-author strong{font-weight:600}@media(max-width:700px){dialog.shared-dialog.proposals-dialog{flex-basis:45%;width:45%;min-width:190px;max-width:55vw;padding:10px}.proposals-dialog .proposal-values{grid-template-columns:1fr}.proposals-dialog .shared-access-note{display:none}.proposals-dialog .proposal-actions{flex-wrap:wrap}.proposals-dialog .shared-heading-icon{display:none}.proposals-dialog .proposal-author .shared-member-avatar{display:none}.proposals-dialog .proposal-author{overflow-wrap:anywhere}}
body.proposal-panel-open{padding-inline-end:370px}dialog.shared-dialog.proposals-dialog{position:fixed;inset-block:0;inset-inline-start:auto;inset-inline-end:0;width:370px;max-width:48vw;height:100dvh;max-height:100dvh;z-index:60;padding:22px 18px}.proposals-dialog .shared-heading{gap:9px}.proposals-dialog .proposal-list{padding:3px}.proposals-dialog .proposal-card{scroll-margin-block:8px}@media(max-width:700px){body.proposal-panel-open{padding-inline-end:0}dialog.shared-dialog.proposals-dialog{width:min(340px,85vw);max-width:85vw;min-width:0;box-shadow:-8px 0 28px #153a3026}.proposals-dialog .shared-access-note{display:flex}.proposals-dialog .proposal-values{grid-template-columns:1fr 1fr}}
.proposal-card{--proposal-author-color:#17786b}.proposal-card .shared-member-avatar{background:color-mix(in srgb,var(--proposal-author-color) 13%,white);color:var(--proposal-author-color)}.proposal-card .proposal-values>div:last-child{border-color:var(--proposal-author-color);background:color-mix(in srgb,var(--proposal-author-color) 7%,var(--bg-panel,#fff))}.proposal-value-author{display:block;font-size:11px;color:var(--proposal-author-color);margin-top:6px;overflow-wrap:anywhere}.proposal-cell-marks{position:absolute;inset:0;overflow:clip;pointer-events:none;z-index:5}.proposal-cell-mark{position:absolute;display:flex;gap:1px;pointer-events:none;background:var(--bg-panel,#fff);box-shadow:inset 0 0 0 1px #8b9c8f33}.proposal-cell-mark[hidden]{display:none}.proposal-cell-chip{pointer-events:auto;flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;border-bottom:3px solid var(--proposal-author-color);border-radius:0;background:color-mix(in srgb,var(--proposal-author-color) 12%,var(--bg-panel,#fff));color:var(--proposal-author-color);font:600 11px/1.2 Inter,system-ui,sans-serif;padding:1px 3px;cursor:pointer}.proposal-cell-chip:focus-visible{outline:2px solid var(--proposal-author-color);outline-offset:-2px}.proposal-hover{position:fixed;z-index:10000;width:340px;max-width:calc(100vw - 16px);max-height:75vh;overflow:auto;box-sizing:border-box;padding:14px;border:1px solid var(--studio-border,#dbe5df);border-radius:12px;background:var(--bg-panel,#fff);color:var(--text-main,#20362b);box-shadow:0 10px 32px #18372d33;font:12px/1.4 Inter,system-ui,sans-serif;user-select:text}.proposal-hover[hidden]{display:none}.proposal-hover-row{padding:8px 10px;margin-top:8px;border-inline-start:3px solid var(--proposal-author-color);background:color-mix(in srgb,var(--proposal-author-color) 7%,var(--bg-panel,#fff));border-radius:6px}.proposal-hover-row strong{display:block;color:var(--proposal-author-color);overflow-wrap:anywhere}.proposal-hover-row pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.4 monospace;margin:4px 0}.proposal-hover-row small{color:var(--text-muted,#65746b);font-size:10px}
.proposals-dialog .proposal-card.is-selected{border-color:var(--proposal-author-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--proposal-author-color) 15%,transparent)}.proposal-hover-row pre{max-height:100px;overflow:auto}

.proposal-cell-mark.many .proposal-cell-chip{font-size:9px;padding:0}
.comment-marks{position:absolute;inset:0;pointer-events:none;overflow:clip;z-index:7}.comment-cell-mark{position:absolute;width:9px;height:9px;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:#d53435;clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:auto;cursor:pointer}.comment-cell-mark.rtl{clip-path:polygon(0 0,100% 0,0 100%)}.comment-cell-mark:focus-visible{background:#7b1113;outline:2px solid #fff}.comment-toolbar{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.comment-toolbar label{font-size:12px}.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.5;margin:6px 0 14px}.comment-entry+.comment-entry{border-inline-start:2px solid #dbe5df;padding-inline-start:12px}.comment-card blockquote,.comment-form blockquote{margin:10px 0;padding:8px 10px;border-inline-start:3px solid #d53435;background:#fff4f1;white-space:pre-wrap;overflow-wrap:anywhere;max-height:100px;overflow:auto;font-size:12px}.comments-dialog .comment-card.is-selected{border-color:#d53435}.comment-compose{flex-shrink:0;max-height:40vh;overflow:auto}.comments-dialog .proposal-list{scrollbar-gutter:stable}.comments-dialog .comment-add{font-size:12px}html[dir=rtl] dialog.shared-dialog.proposals-dialog{box-shadow:8px 0 28px #153a3026}
.comment-mentions{display:flex;flex-direction:column;border:1px solid var(--studio-border,#dbe5df);border-radius:10px;background:var(--bg-panel,#fff);box-shadow:0 6px 20px #18372d20;max-height:220px;overflow:auto}.comment-mentions[hidden]{display:none}.comment-mentions button{border:0;border-radius:0;text-align:start;justify-content:flex-start;font-size:12px;overflow-wrap:anywhere}.comment-mentions button[aria-selected=true]{background:#e4f1e9;color:#244b35}.notification-trigger{position:relative;display:inline-flex;align-items:center;gap:7px}.notification-trigger[hidden]{display:none}.notification-dot{width:9px;height:9px;background:#d53435;border-radius:50%;box-shadow:0 0 0 2px #fff}.notification-panel{position:fixed!important;inset-block-start:90px!important;inset-block-end:auto!important;inset-inline-end:20px!important;inset-inline-start:auto!important;transform:none!important;width:380px!important;max-width:calc(100vw - 24px)!important;max-height:75dvh!important;margin:0!important;padding:20px!important;z-index:100!important}.notification-panel h2{font-size:18px}.notification-list{overflow:auto;max-height:55dvh}.notification-item{display:flex!important;flex-direction:column;align-items:stretch!important;gap:6px;width:100%;text-align:start;margin:8px 0;padding:12px!important;font-size:12px!important;white-space:normal}.notification-item.unread{border-inline-start:3px solid #d53435;background:#f3f8f4}.notification-item p{margin:0;overflow-wrap:anywhere}.notification-item time{font-size:10px;color:var(--text-muted,#65746b)}.notification-error{font-size:12px;color:#a24d24}.comment-entry.is-notified{background:#fff6dc;border-radius:8px;padding:8px;outline:2px solid #d3a44c;scroll-margin-block:10px}
.shared-public-link{border-top:1px solid var(--border,#dbe5df);padding-top:20px;margin-top:20px}.shared-public-link h3{margin:0 0 12px}.shared-public-link>select{width:100%;max-width:100%}.shared-public-link p{font-size:13px;line-height:1.55;color:var(--text-muted,#596b61)}.shared-link-controls{display:flex;gap:8px;flex-wrap:wrap}.shared-link-controls input{flex:1 1 100%;min-width:0}.shared-public-link details{margin-top:20px}.shared-public-link summary{cursor:pointer;font-weight:600;padding:8px 0}.shared-public-link .shared-person>span{overflow-wrap:anywhere;min-width:0}