:root{--navy:#0d203b;--navy2:#102b49;--ink:#0b294d;--muted:#60748c;--cream:#f8f5ee;--paper:#fffefa;--line:#ded5c7;--red:#a91f23;--green:#2f7b62;--shadow:0 8px 25px rgba(24,38,53,.07)}
*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a,label[for]{cursor:pointer}button{color:inherit}a{color:inherit}.hidden{display:none!important}
.login-page,.setup-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#fff 0,var(--cream) 52%)}
.login-card{width:min(430px,100%);min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:55px;padding:45px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.84);box-shadow:0 24px 70px rgba(6,40,78,.1)}
.login-brand{display:flex;align-items:center;gap:14px;font-size:31px;letter-spacing:-.045em}.login-brand img{width:49px;height:49px;color:var(--navy)}.login-brand strong{font-weight:800}
.google-button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 22px;border:1px solid #cfd5dc;border-radius:10px;background:#fff;text-decoration:none;font-weight:750;box-shadow:0 3px 9px rgba(20,35,50,.06)}.google-button:hover{background:#f8fafc}.google-button svg{width:22px;height:22px}
.error-box{width:100%;padding:13px 15px;border:1px solid #e5b2b5;border-radius:10px;color:#9f2229;background:#fff5f5;line-height:1.45}
.setup-card{width:min(720px,100%);padding:38px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(6,40,78,.1)}.setup-card .login-brand{margin-bottom:30px}.setup-kicker{margin:0 0 10px;color:#5d748d;font-size:11px;font-weight:900;letter-spacing:.12em}.setup-card h1{margin:0;font-size:34px;letter-spacing:-.04em}.setup-intro{color:var(--muted);line-height:1.55}.requirements{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.requirements span{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800}.requirements .ok{color:#27684f;background:#eaf7f0}.requirements .bad{color:#9f2229;background:#fff0f0}
.setup-form{display:grid;gap:16px}.setup-form label{display:grid;gap:7px;color:#5d7188;font-size:11px;font-weight:900;letter-spacing:.05em}.setup-form input,.setup-form select{width:100%;min-height:48px;padding:0 13px;border:1px solid #cfc7ba;border-radius:10px;color:var(--ink);background:#fff;font-size:15px;font-weight:650}.setup-form fieldset{display:grid;gap:14px;margin:5px 0;padding:20px;border:1px solid var(--line);border-radius:13px}.setup-form legend{padding:0 8px;font-weight:850}.setup-form fieldset p{margin:0;color:var(--muted);font-size:13px}.setup-form code{display:block;margin-top:5px;padding:7px;border-radius:6px;background:#f2f5f7;overflow-wrap:anywhere}.setup-form summary{cursor:pointer;color:#587089;font-size:13px;font-weight:750}.setup-form details label{margin-top:12px}
.primary-button,.secondary-button,.danger-button,.icon-button{border:0;border-radius:10px;font-weight:800}.primary-button{min-height:44px;padding:0 18px;color:#fff;background:var(--red)}.primary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{min-height:42px;padding:0 15px;border:1px solid #abc4d1;background:#f5fafc}.danger-button{min-height:40px;padding:0 12px;color:#a33135;background:#fff4f4}.icon-button{width:38px;height:38px;background:transparent}
.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:800}.app-loading img{width:42px;color:var(--navy)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr);background:radial-gradient(circle at 70% 0,#fff 0,var(--cream) 45%)}
.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 22px 22px;color:#fff;background:linear-gradient(150deg,var(--navy),var(--navy2))}.brand{display:flex;align-items:center;gap:11px;font-size:25px;font-weight:850;letter-spacing:-.04em}.brand img{width:39px;height:39px;filter:brightness(0) invert(1)}.task-total{display:grid;gap:3px;margin-top:75px}.task-total strong{font-size:43px;line-height:1}.task-total span{color:#c2cfdb;font-size:13px}.sidebar-bottom{margin-top:auto}.settings-button{width:100%;min-height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.28);border-radius:10px;color:#fff;background:rgba(255,255,255,.06);text-align:left;font-weight:750}.account-card{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;margin-top:14px;padding-top:16px;border-top:1px solid rgba(255,255,255,.25)}.avatar{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:50%;color:#fff;background:#244d74;font-weight:850}.account-id{min-width:0;display:grid;gap:2px}.account-id strong,.account-id small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-id small{color:#bfccda;font-size:11px}.signout{grid-column:2;width:max-content;color:#dfe7ef;font-size:11px}
.content{width:100%;max-width:1280px;margin:0 auto;padding:34px 40px 70px}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow{margin:0 0 8px;color:#4c6884;font-size:11px;font-weight:900;letter-spacing:.09em}.hero h1{margin:0;font-size:41px;font-weight:550;line-height:1;letter-spacing:-.045em}.status-copy{margin:12px 0 0;color:#638362;font-size:13px;font-weight:800}.mode-toggle{display:flex;padding:4px;border:1px solid var(--line);border-radius:11px;background:#eee9e0}.mode-toggle button{min-height:37px;padding:0 14px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:13px;font-weight:800}.mode-toggle button.active{color:#fff;background:var(--navy)}
.composer{padding:15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.78);box-shadow:var(--shadow)}.composer-main{display:grid;grid-template-columns:minmax(0,1fr) 112px 132px;gap:9px}.input-wrap{position:relative}.composer input,.composer select,.composer textarea{width:100%;border:1px solid #cec6b9;border-radius:10px;outline:none;background:#fff;color:var(--ink)}.composer-main input,.composer-main select{min-height:50px;padding:0 14px}.composer-main input{font-size:16px}.composer-main select{font-size:13px;font-weight:800;background:#f2f5f7}.composer input:focus,.composer textarea:focus{border-color:#86a8b9;box-shadow:0 0 0 3px rgba(184,31,39,.16)}.composer-tools{display:flex;align-items:center;gap:16px;padding:10px 6px 0;color:#55708a;font-size:12px;font-weight:750}.composer-tools button,.attach-label{display:inline-flex;align-items:center;gap:6px;padding:4px 0;border:0;background:none;color:inherit}.attach-label svg{width:17px;height:17px}.attach-label input{position:absolute;width:1px;height:1px;opacity:0}.composer-tools .added-by{margin-left:auto}.detail-input{min-height:74px;margin-top:10px;padding:10px;resize:vertical}.contact-menu{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;overflow:hidden;border:1px solid #b7d3c6;border-radius:10px;background:#fff;box-shadow:0 15px 35px rgba(6,40,78,.16)}.contact-result{width:100%;display:grid;gap:3px;padding:11px 13px;border:0;border-bottom:1px solid #e0e9e5;background:#fff;text-align:left}.contact-result:hover{background:#f1f8f4}.contact-result small{color:var(--muted)}.contact-bubble{display:inline-flex;align-items:center;gap:8px;margin-top:9px;padding:7px 10px;border:1px solid #afd4c1;border-radius:999px;color:#276c52;background:#eef8f3;font-size:12px;font-weight:800}.contact-bubble button{width:18px;height:18px;padding:0;border:0;border-radius:50%;background:#d8eee2}.pending-file{color:#566f87;font-size:11px}
.tasks-section{margin-top:26px}.tasks-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.tasks-heading h2{margin:0;font-size:25px;font-weight:560;letter-spacing:-.03em}.tabs{display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:11px;background:#eee9e0}.tabs button{min-height:36px;display:flex;align-items:center;gap:8px;padding:0 12px;border:0;border-radius:8px;color:#61758c;background:transparent;font-size:12px;font-weight:800}.tabs button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px rgba(21,35,53,.08)}.tabs b{min-width:22px;height:22px;display:inline-grid;place-items:center;border-radius:50%;background:#edf1f3;font-size:11px}.task-list{display:grid;gap:8px;margin-top:10px}.empty-state{padding:38px;border:1px dashed #cfc6b9;border-radius:12px;color:#75879a;background:rgba(255,255,255,.55);text-align:center}
.task-card{position:relative;padding:13px 14px;border:1px solid var(--line);border-left:5px solid #9db6c2;border-radius:12px;background:var(--paper);box-shadow:0 4px 13px rgba(52,42,25,.04)}.task-card.is-nudged{border-color:#df8589;background:#fff7f7;box-shadow:0 0 0 3px rgba(217,86,91,.2)}.task-card.is-nudged .task-row{animation:nudge-wiggle 1.05s ease-in-out infinite;transform-origin:center}.task-row{min-height:42px;display:flex;align-items:center;gap:10px}.check{width:35px;height:35px;flex:0 0 auto;border:2px solid #84969e;border-radius:50%;background:#fff;color:#fff;font-size:18px}.check.checked{border-color:#8db281;background:#8db281}.task-title{min-width:180px;display:grid;gap:4px}.task-title strong{font-size:15px;line-height:1.25}.task-title small{color:#6a7e95;font-size:11px}.completed-title{text-decoration:line-through;color:#66727d}.priority-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#9db1bb}.priority-dot.high{background:#e69b31}.priority-dot.urgent{background:var(--red)}.task-actions{position:relative;margin-left:auto;display:flex;align-items:center;gap:7px}.nudge-flag{padding:4px 7px;border-radius:999px;color:#ae252a;background:#ffeded;font-size:9px;font-weight:900;letter-spacing:.05em}.contact-link{color:var(--green);text-decoration:none;border-bottom:1px solid #8dbba4}.contact-link:hover{border-bottom-width:2px}.date-chip{padding:6px 8px;border:1px solid var(--line);border-radius:8px;color:#60748c;font-size:10px}.open-task{min-height:35px;padding:0 11px;border:1px solid #abc4d1;border-radius:8px;background:#f6fbfd;font-size:11px;font-weight:800}.task-details{display:grid;grid-template-columns:minmax(190px,1fr) auto;gap:12px;margin:12px 0 0 45px;padding-top:12px;border-top:1px solid #e8e1d7}.task-details textarea{width:100%;min-height:68px;padding:10px;border:1px solid #d2cabd;border-radius:9px;resize:vertical}.detail-actions{display:flex;align-items:flex-end;gap:7px}.detail-actions button{white-space:nowrap}.attachments{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px}.attachment{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #cad8df;border-radius:8px;background:#f7fafb;font-size:11px}.attachment button{padding:0;border:0;color:#a13337;background:none}.task-note-save{min-height:38px;padding:0 12px;border:1px solid #abc4d1;border-radius:8px;background:#f6fbfd;font-weight:800}
@keyframes nudge-wiggle{0%,100%{transform:translateX(0) rotate(0)}15%{transform:translateX(-3px) rotate(-.25deg)}30%{transform:translateX(3px) rotate(.25deg)}45%{transform:translateX(-2px) rotate(-.15deg)}60%{transform:translateX(2px) rotate(.15deg)}75%{transform:translateX(0) rotate(0)}}
.modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:start center;padding:30px 18px;overflow:auto;background:rgba(4,33,59,.58);backdrop-filter:blur(4px)}.modal{position:relative;width:min(800px,100%);padding:28px;border:1px solid var(--line);border-radius:18px;background:#fffdfa;box-shadow:0 25px 75px rgba(2,26,48,.26)}.modal h2{margin:0;font-size:30px;letter-spacing:-.04em}.modal-close{position:absolute;top:20px;right:20px;width:38px;height:38px;border:0;border-radius:50%;background:#eee9e1;font-size:22px}.settings-tabs{display:flex;gap:3px;margin:20px 0;padding:4px;border:1px solid var(--line);border-radius:11px;background:#eee9e0}.settings-tabs button{flex:1;min-height:38px;border:0;border-radius:8px;background:transparent;font-size:12px;font-weight:800}.settings-tabs button.active{background:#fff;box-shadow:0 2px 8px rgba(21,35,53,.08)}.settings-panel{display:grid;gap:16px}.settings-panel fieldset{display:grid;gap:12px;margin:0;padding:17px;border:1px solid var(--line);border-radius:12px}.settings-panel legend{padding:0 7px;font-weight:850}.settings-panel label{display:grid;gap:6px;color:#60748c;font-size:10px;font-weight:900;letter-spacing:.05em}.settings-panel input,.settings-panel select{min-height:43px;padding:0 11px;border:1px solid #cec6b9;border-radius:9px;color:var(--ink);background:#fff}.settings-panel p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.user-add{display:grid;grid-template-columns:1.2fr 1fr 120px auto;gap:8px;align-items:end}.user-list{display:grid}.user-row{display:grid;grid-template-columns:34px 1fr 125px 80px;gap:9px;align-items:center;min-height:58px;border-bottom:1px solid #e6dfd5}.user-row:last-child{border-bottom:0}.user-id{display:grid;gap:2px}.user-id small{color:var(--muted)}.toast{position:fixed;z-index:100;right:20px;bottom:20px;max-width:340px;padding:12px 15px;border-radius:10px;color:#fff;background:#173b60;box-shadow:var(--shadow);font-size:13px;font-weight:750}.toast.error{background:#a5292f}
@media(max-width:900px){.app-shell{grid-template-columns:185px minmax(0,1fr)}.content{padding-inline:24px}.composer-main{grid-template-columns:1fr 100px}.composer-main .primary-button{grid-column:1/-1}.task-details{grid-template-columns:1fr}.detail-actions{align-items:center}.user-add{grid-template-columns:1fr 1fr}.user-add .primary-button{grid-column:1/-1}}
@media(max-width:680px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:14px 16px;display:flex;flex-direction:row;align-items:center;gap:12px}.brand{font-size:21px}.brand img{width:33px;height:33px}.task-total{margin:0 0 0 auto;display:flex;align-items:baseline;gap:5px}.task-total strong{font-size:25px}.task-total span{font-size:9px}.sidebar-bottom{margin:0}.settings-button{width:auto;padding:0 10px}.account-card{display:none}.content{padding:24px 13px 50px}.hero{flex-direction:column}.hero h1{font-size:34px}.mode-toggle{width:100%}.mode-toggle button{flex:1}.composer{padding:12px}.composer-main{grid-template-columns:1fr}.composer-main .primary-button{grid-column:auto}.composer-tools{flex-wrap:wrap;gap:9px 14px}.composer-tools .added-by{width:100%;margin-left:0}.tasks-heading{align-items:stretch;flex-direction:column}.tabs button{flex:1;padding-inline:8px}.tabs b{display:none}.task-card{padding:11px}.task-row{align-items:flex-start;flex-wrap:wrap}.task-title{min-width:0;flex:1}.task-actions{width:100%;justify-content:flex-end;margin-left:45px}.task-details{margin-left:45px}.detail-actions{flex-wrap:wrap}.modal{padding:22px 15px}.user-add{grid-template-columns:1fr}.user-add .primary-button{grid-column:auto}.user-row{grid-template-columns:34px 1fr}.user-row select,.user-row button{grid-column:2}.setup-card{padding:25px 18px}}
@media(prefers-reduced-motion:reduce){.task-card.is-nudged .task-row{animation:none}}

/* Attachments stay visible on the task card and open in a new browser tab. */
.task-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.task-attachment{min-width:0;display:inline-flex;align-items:center;border:1px solid #c8d8df;border-radius:8px;background:#f6fafb;overflow:hidden}
.task-attachment>a{min-width:0;max-width:310px;min-height:32px;display:inline-flex;align-items:center;gap:7px;padding:4px 8px;color:#315b77;text-decoration:none;font-size:11px;font-weight:800}
.task-attachment>a:hover,.task-attachment>a:focus-visible{color:#173f5b;background:#eaf4f8;outline:none}
.attachment-type{width:30px;height:21px;flex:0 0 auto;display:inline-grid;place-items:center;border-radius:5px;color:#fff;background:#60788d;font-size:8px;font-weight:950;letter-spacing:.04em}
.attachment-type.pdf{background:#b4232b}.attachment-type.image{background:#2f7b62}.attachment-type.document{background:#356fa4}.attachment-type.sheet{background:#378154}
.attachment-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-attachment small{flex:0 0 auto;color:#788998;font-size:9px;font-weight:700}
.task-attachment>button{width:30px;min-height:32px;padding:0;border:0;border-left:1px solid #d4e0e5;color:#9f2f34;background:#fff5f5;font-size:16px;font-weight:800}
.task-attachment>button:hover,.task-attachment>button:focus-visible{background:#ffe8e8}
@media(max-width:680px){.task-attachments{width:100%}.task-attachment{max-width:100%}.task-attachment>a{max-width:min(270px,calc(100vw - 155px));min-height:34px}.attachment-name{max-width:155px}}

/* Portable staging parity: inline FUB contacts, live reordering, and owner-only credentials. */
.task-input-shell{min-height:50px;display:flex;align-items:center;gap:7px;padding:5px 9px 5px 13px;overflow-x:auto;border:1px solid #cec6b9;border-radius:10px;background:#fff}.task-input-shell:focus-within{border-color:#86a8b9;box-shadow:0 0 0 3px rgba(169,31,35,.16)}.task-input-shell input{width:auto;min-width:25px;min-height:38px;padding:0;border:0;border-radius:0;box-shadow:none}.task-input-shell input:focus{border:0;box-shadow:none}.task-input-shell #new-task-before{flex:0 1 auto;field-sizing:content}.task-input-shell #new-task-after{min-width:70px;flex:1 1 85px}.task-input-shell .contact-bubble{flex:0 0 auto;margin:0;min-height:34px;padding:0 7px 0 9px;gap:6px}.contact-bubble small{padding:3px 5px;border-radius:5px;background:#dceee5;font-size:8px;letter-spacing:.1em}.contact-bubble b{white-space:nowrap}.add-contact-button{padding:7px 10px!important;border:1px solid #b5dbc9!important;border-radius:9px!important;color:var(--green)!important;background:#f3fbf7!important}.contact-result{gap:5px;padding:13px}.contact-result-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.contact-result-title em{flex:0 0 auto;padding:3px 7px;border-radius:999px;color:#4f6b82;background:#edf2f5;font-size:9px;font-style:normal;font-weight:850}.contact-result small{line-height:1.35;overflow-wrap:anywhere}.contact-result .contact-address{color:#718398}.contact-menu-message{margin:0;padding:13px;color:var(--muted);font-size:12px}
.task-slot{position:relative;transition:transform 150ms ease;will-change:transform}.task-slot.is-dragging{z-index:8;transition:none}.task-slot.is-dragging .task-card{box-shadow:0 18px 38px rgba(6,40,78,.2);transform:scale(1.012)}.task-slot.is-drag-target .task-card{border-color:#86a8b9}.drag-handle{width:34px;height:38px;flex:0 0 auto;display:inline-grid;place-items:center;padding:0;border:1px solid #ded6c9;border-radius:8px;color:#6a7e95;background:#f7f3eb;font-size:20px;font-weight:900;line-height:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.is-task-dragging{cursor:grabbing;overflow-anchor:none;-webkit-user-select:none;user-select:none}.task-title{flex:1}.task-card.is-nudged .drag-handle{animation:none}
.owner-only-note{padding:11px 13px;border:1px solid #b9ceda;border-radius:10px;color:var(--ink)!important;background:#f4f9fc;font-weight:750}.connection-status{width:max-content;padding:5px 9px;border-radius:999px;color:#7f6236!important;background:#fff5df;font-size:11px!important;font-weight:900}.connection-status.connected{color:#2f6e57!important;background:#e7f5ed}.connection-status.invalid,.connection-status.forbidden{color:#982e31!important;background:#fff0f0}.credential-summary-list{display:grid;border:1px solid #d9d2c7;border-radius:10px;overflow:hidden;background:#fff}.credential-summary-row{min-width:0;display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;padding:8px 9px 8px 12px;border-bottom:1px solid #e5ded3}.credential-summary-row:last-child{border-bottom:0}.credential-summary-row>span{color:#60748c;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.credential-summary-row code{min-width:0;overflow:hidden;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.credential-summary-row code.credential-dots{letter-spacing:.1em}.credential-summary-row button,.credential-entry button{min-height:34px;padding:0 10px;border:1px solid #aac5d3;border-radius:8px;color:var(--ink);background:#f4f9fc;font-size:11px;font-weight:850}.credential-summary-row button:disabled{cursor:default;opacity:.45}.integrations-panel details{color:#395b78;font-size:12px;font-weight:800}.integrations-panel summary{width:max-content;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.integrations-panel details label{margin-top:12px}.credential-entry{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px}.credential-entry input{min-width:0}.masked-input{-webkit-text-security:disc}.owner-chip{min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border-radius:8px;color:#60748c;background:#f2eee6;font-size:10px;font-weight:850}.modal-footer{display:flex;justify-content:flex-end;margin-top:18px}
@media(max-width:680px){.drag-handle{width:40px;height:42px;margin:-2px 0 -2px -4px;font-size:24px}.task-actions{margin-left:85px}.task-details{margin-left:83px}.credential-summary-row{grid-template-columns:1fr auto;gap:6px}.credential-summary-row code{grid-column:1;grid-row:2}.credential-summary-row button{grid-column:2;grid-row:1/span 2}.credential-entry{grid-template-columns:1fr 1fr}.credential-entry input{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.task-slot{transition-duration:1ms}.task-slot.is-dragging .task-card{transform:none}}

/* GGLoop 1.2: task views, handoffs, notifications, and compact composer. */
.testing-mode-banner{position:sticky;z-index:45;top:0;min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 20px;color:#fff;background:linear-gradient(100deg,#a61320,#e14e20 58%,#b51628);box-shadow:0 8px 25px rgba(101,18,23,.28);font-size:12px}.testing-mode-banner strong{padding:5px 8px;border-radius:6px;color:#2d1a00;background:#ffd44f;font-size:11px;letter-spacing:.1em}.testing-mode-banner button{min-height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.72);border-radius:8px;color:#fff;background:rgba(255,255,255,.12);font-size:10px;font-weight:900}.testing-pulse{width:9px;height:9px;flex:0 0 auto;border:2px solid #fff;border-radius:50%;background:#ffdb58;box-shadow:0 0 0 0 rgba(255,219,88,.8);animation:testing-pulse 1.35s ease-out infinite}@keyframes testing-pulse{70%{box-shadow:0 0 0 8px rgba(255,219,88,0)}100%{box-shadow:0 0 0 0 rgba(255,219,88,0)}}
.content{padding:32px 36px 64px}.view-controls{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.task-view-tabs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.task-view-tabs>button,.person-task-view{min-height:42px;display:inline-flex;align-items:center;gap:7px;padding:4px 6px 4px 11px;border:1px solid var(--line);border-radius:11px;color:#576d84;background:var(--paper);box-shadow:0 4px 12px rgba(21,35,53,.04);font-size:11px;font-weight:900}.task-view-tabs>button.active,.person-task-view.active{color:#fff;border-color:var(--navy);background:var(--navy)}.task-view-tabs b{min-width:25px;height:25px;display:inline-grid;place-items:center;border-radius:999px;color:var(--ink);background:#eef1f2;font-size:10px}.task-view-tabs .active b{color:var(--navy);background:#fff}.person-task-view{padding-left:5px}.person-task-view select{max-width:155px;min-height:32px;padding:0 24px 0 7px;border:0;outline:0;color:inherit;background:transparent;font-size:11px;font-weight:900}.person-task-view.active select{color:#fff}.single-view>button{cursor:default}
.composer{padding:14px}.composer-main{display:grid;grid-template-columns:1fr;gap:8px}.composer-actions{display:grid;grid-template-columns:minmax(180px,220px) 110px 124px;justify-content:start;gap:7px}.composer-main input,.composer-main select{min-height:49px;padding:0 13px}.composer-main input{font-size:15px}.composer-actions select{min-height:46px;padding:0 11px;border-radius:10px;font-size:12px}.composer-actions .assignee-select{color:#315e4e;border-color:#b5d0c3;background:linear-gradient(#f7fbf8,#e9f3ed)}.assignee-fixed{min-height:46px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid #c9c2b6;border-radius:10px;color:#526b82;background:#f6f3ed;font-size:12px;font-weight:800;white-space:nowrap}.composer-actions .primary-button{min-height:46px;padding:0 14px;font-size:13px}.composer-tools{padding-top:8px}.composer-details-editor{position:relative;display:grid;gap:9px;margin-top:10px;padding:10px;border:1px solid #e0d8cc;border-radius:12px;background:#fbfaf7}.composer-details-editor>textarea{min-height:92px;padding:12px;resize:vertical}.details-editor-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:34px}.details-editor-tools .contact-bubble{margin:0}.details-contact-picker{position:relative;display:grid;gap:7px}.details-contact-picker>input{min-height:44px;padding:0 12px}.details-contact-picker .contact-menu{position:static;max-height:240px;overflow:auto}.tasks-title-block{display:grid;gap:4px}.tasks-title-block p{margin:0;color:var(--muted);font-size:11px}
.task-record-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.assignee-pill,.completed-by-pill{display:inline-flex;align-items:center;min-height:21px;padding:0 7px;border:1px solid #b8d3c6;border-radius:999px;color:#356552;background:#eff8f3;font-size:9px;font-weight:900;white-space:nowrap}.completed-by-pill{border-color:#b6c8dd;color:#375a7c;background:#f0f5fa}.completed-by-pill.legacy{border-color:#d3cec6;color:#77736b;background:#f4f1ec}.bump-history{color:#7c8997;font-size:10px}.task-actions{flex-wrap:wrap;justify-content:flex-end}.bump-button,.restore-small{min-height:35px;padding:0 11px;border:1px solid #e1b7b8;border-radius:8px;color:#942a2e;background:#fff7f7;font-size:11px;font-weight:800;white-space:nowrap}.restore-small{border-color:var(--line);color:#5d758c;background:#fffdfa}.task-detail-summary{display:grid;gap:7px;align-self:start}.task-detail-summary p{margin:0;color:#63758b;font-size:13px;line-height:1.45}.details-contact-link{width:max-content;color:var(--green);font-size:10px;font-weight:900;text-decoration:underline;text-underline-offset:2px}.task-details{grid-template-columns:minmax(150px,190px) minmax(210px,1fr) auto;align-items:end}.task-details label{display:grid;gap:5px}.task-details label span{color:#61748d;font-size:10px;font-weight:900;letter-spacing:.04em}.detail-actions{justify-content:flex-end}
.feature-settings{gap:0!important}.setting-switch{position:relative;min-height:68px;display:grid!important;grid-template-columns:minmax(0,1fr) 46px;align-items:center;gap:14px;padding:10px 2px;border-bottom:1px solid #e7e0d5;cursor:pointer}.setting-switch:last-of-type{border-bottom:0}.setting-switch>span{display:grid;gap:4px}.setting-switch strong{color:var(--ink);font-size:13px}.setting-switch small{color:#64778e;font-size:10px;line-height:1.4}.setting-switch input{position:absolute;width:1px;height:1px;opacity:0}.setting-switch i{position:relative;width:44px;height:26px;border-radius:999px;background:#c9c5bd;box-shadow:inset 0 0 0 1px rgba(13,32,59,.1)}.setting-switch i:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(13,32,59,.22);transition:transform .18s}.setting-switch input:checked+i{background:var(--green)}.testing-switch input:checked+i{background:#b77a32}.setting-switch input:checked+i:after{transform:translateX(18px)}.settings-notice{display:grid;gap:4px;margin-top:12px;padding:12px 13px;border:1px solid #acd0bd;border-radius:10px;color:#315e4e;background:#eef8f2}.settings-notice.suppressed{border-color:#dfc698;color:#755724;background:#fff8e9}.settings-notice.testing{border-color:#e2a55c;color:#724812;background:#fff3dc;box-shadow:inset 4px 0 #e58a28}.settings-notice strong{font-size:11px}.settings-notice span{font-size:10px;line-height:1.4}.go-live-save{background:#8f1720;box-shadow:0 0 0 3px rgba(169,31,35,.14)}
.notification-settings fieldset{gap:12px}.notification-user-picker{display:grid;gap:6px;color:#61748d;font-size:10px;font-weight:900;letter-spacing:.05em}.notification-user-picker select{min-height:46px;padding:0 12px;border:1px solid #cfc7b9;border-radius:10px;color:var(--ink);background:#fff;font-size:13px;font-weight:800}.notification-user-summary{display:grid;gap:2px;padding:10px 12px;border:1px solid #c8d8e1;border-radius:10px;background:#f3f8fa}.notification-user-summary strong{font-size:13px}.notification-user-summary span{color:#62778d;font-size:10px}.notification-master-status{display:flex;flex-wrap:wrap;gap:7px}.notification-master-status span{padding:6px 8px;border-radius:7px;color:#52687d;background:#edf2f5;font-size:10px;font-weight:800}.notification-master-status b{color:var(--ink)}.notification-grid-header,.notification-event-row{display:grid;grid-template-columns:minmax(0,1fr) 62px 62px;align-items:center;gap:8px}.notification-grid-header{padding:0 8px;color:#708196;font-size:9px;font-weight:950;letter-spacing:.05em}.notification-grid-header span:not(:first-child){text-align:center}.notification-event-list{overflow:hidden;border:1px solid #ddd5c9;border-radius:12px;background:#fff}.notification-event-row{min-height:74px;padding:10px 8px;border-bottom:1px solid #e9e3da}.notification-event-row:last-child{border-bottom:0}.notification-event-copy{min-width:0;display:grid;gap:3px}.notification-event-copy strong{font-size:12px}.notification-event-copy small{color:#687b90;font-size:9px;line-height:1.35}.notification-channel{display:grid!important;justify-items:center;gap:5px;color:#5d7188;font-size:9px!important;font-weight:900!important}.notification-channel input{width:22px;height:22px;accent-color:var(--green)}.notification-footnote{margin:0!important;padding:10px 11px;border-radius:9px;color:#536b81!important;background:#f1f5f7;font-size:9px!important;line-height:1.45!important}
.send-only-note{display:grid;gap:3px;padding:11px 12px;border:1px solid #acd0bd;border-radius:10px;color:#315e4e;background:#eef8f2}.send-only-note strong{font-size:11px}.send-only-note span{font-size:10px;line-height:1.4}.gmail-sender-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.integration-connect{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.gmail-console-note code{padding:2px 4px;border-radius:4px;color:var(--ink);background:#edf2f5;font-size:10px}
.bump-backdrop{place-items:center;padding:12px}.bump-modal{position:relative;width:min(460px,100%);max-height:calc(100dvh - 24px);padding:21px;overflow:auto;border:1px solid #d8cebf;border-radius:19px;background:#fffdfa;box-shadow:0 25px 75px rgba(2,26,48,.26)}.bump-modal .modal-close{top:14px;right:14px;width:36px;height:36px}.bump-modal h2{margin:0;font-size:25px;font-weight:550;letter-spacing:-.03em}.bump-task-title{display:-webkit-box;margin:11px 45px 4px 0;overflow:hidden;font-size:14px;font-weight:800;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bump-current{margin:0;color:var(--muted);font-size:11px}.bump-instruction{margin:11px 0 0;color:#466482;font-size:10px;font-weight:900}.bump-user-list{max-height:min(220px,34dvh);display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;overflow:auto}.bump-user-list>button{min-width:0;min-height:42px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:6px 9px;text-align:left;border:1px solid #d8d1c6;border-radius:10px;background:#fff}.bump-user-list>button:disabled{cursor:default;opacity:.55;background:#f2eee7}.bump-user-list strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.bump-user-list b{color:var(--green);font-size:8px;text-transform:uppercase}.notification-preview{display:grid;gap:3px;margin-top:10px;padding:8px 10px;border:1px solid #acd0bd;border-radius:10px;color:#315e4e;background:#eef8f2}.notification-preview.suppressed{border-color:#dfc698;color:#755724;background:#fff8e9}.notification-preview.testing{border-color:#e2a55c;color:#724812;background:#fff3dc;box-shadow:inset 4px 0 #e58a28}.notification-preview strong{font-size:10px}.notification-preview span{font-size:9px;line-height:1.35}.bump-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:10px}.bump-helper{margin-right:auto;color:var(--muted);font-size:9px}.bump-status{flex:1;margin:0;padding:8px 9px;border-radius:8px;color:#8f292d;background:#fff0f0;font-size:10px;font-weight:800}.bump-cancel{min-height:36px;min-width:82px;padding:0 13px;border:1px solid #cfc7b9;border-radius:9px;color:var(--ink);background:#f3efe8;font-size:10px;font-weight:900}
@media(max-width:900px){.composer-main{grid-template-columns:1fr}.composer-actions{grid-template-columns:minmax(170px,210px) 106px 120px}.task-details{grid-template-columns:1fr 1.3fr}.detail-actions{grid-column:1/-1}}
@media(max-width:680px){.testing-mode-banner{position:relative;justify-content:flex-start;flex-wrap:wrap;padding:10px 12px;font-size:11px}.testing-mode-banner>span:nth-of-type(2){flex:1 1 calc(100% - 90px);line-height:1.35}.testing-mode-banner button{width:100%}.content{padding:22px 13px 48px}.hero{gap:17px}.view-controls{width:100%;align-items:stretch}.task-view-tabs{display:grid;grid-template-columns:1fr 1fr}.task-view-tabs>button,.person-task-view{width:100%;justify-content:space-between}.person-task-view{grid-column:1/-1}.person-task-view select{width:100%;max-width:none}.single-view{display:block}.composer{padding:11px}.composer-actions{grid-template-columns:1fr 1fr}.composer-actions .assignee-select,.composer-actions .assignee-fixed{grid-column:1/-1}.composer-main input,.composer-main select{min-height:48px;font-size:14px}.composer-actions select,.composer-actions .primary-button{min-height:46px;font-size:13px}.composer-tools{gap:8px 13px}.tasks-title-block p{font-size:10px}.task-actions{margin-left:82px}.task-details{grid-template-columns:1fr;margin-left:80px}.detail-actions{grid-column:auto;justify-content:flex-start}.gmail-sender-actions{display:grid;grid-template-columns:1fr}.gmail-sender-actions>*{width:100%}.bump-modal{padding:18px 13px 13px}.bump-user-list{max-height:min(210px,33dvh)}.bump-user-list>button{min-height:40px;padding-inline:7px}.notification-grid-header,.notification-event-row{grid-template-columns:minmax(0,1fr) 52px 52px}.notification-event-row{padding-inline:7px}.notification-event-copy small{font-size:8px}}

/* GGLoop 1.3: task editing and Workspace-first sign-in. */
.login-card{gap:34px}.workspace-login-form{width:100%;display:grid;gap:11px}.workspace-login-form>label{color:#5d7188;font-size:11px;font-weight:900;letter-spacing:.06em}.workspace-email-field{min-width:0;display:flex;align-items:center;overflow:hidden;border:1px solid #cfc7ba;border-radius:11px;background:#fff;box-shadow:inset 0 0 0 1px rgba(222,213,199,.2)}.workspace-email-field:focus-within{border-color:#86a8b9;box-shadow:0 0 0 3px rgba(169,31,35,.14)}.workspace-email-field input{min-width:0;min-height:50px;flex:1;padding:0 3px 0 13px;border:0;outline:0;color:var(--ink);background:transparent;font-size:15px;font-weight:700}.workspace-email-field span{flex:0 0 auto;padding:0 13px 0 0;color:#4e667f;font-size:14px;font-weight:800;white-space:nowrap}.workspace-login-form .google-button{width:100%;margin-top:3px}.workspace-login-form>small{text-align:center;color:var(--muted);font-size:11px;line-height:1.4}.login-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-top:-14px;font-size:12px;font-weight:750}.login-legal a{color:var(--navy)}
.edit-task-button{width:35px;height:35px;flex:0 0 auto;display:inline-grid;place-items:center;padding:0;border:1px solid #c9c2b6;border-radius:8px;color:#526b82;background:#fffdfa;font-size:18px;font-weight:850;line-height:1}.edit-task-button:hover,.edit-task-button:focus-visible{border-color:#789bac;color:var(--ink);background:#f3f8fa}.edit-task-backdrop{place-items:center;padding:18px}.edit-task-modal{position:relative;width:min(520px,100%);display:grid;gap:15px;padding:25px;border:1px solid #d8cebf;border-radius:19px;background:#fffdfa;box-shadow:0 25px 75px rgba(2,26,48,.26)}.edit-task-modal h2{margin:-6px 0 2px;font-size:28px;font-weight:560;letter-spacing:-.035em}.edit-task-modal .modal-close{top:16px;right:16px}.edit-task-field{display:grid;gap:6px}.edit-task-field>span{color:#61748d;font-size:10px;font-weight:900;letter-spacing:.05em}.edit-task-field input,.edit-task-field select{width:100%;min-height:47px;padding:0 12px;border:1px solid #cfc7b9;border-radius:10px;outline:0;color:var(--ink);background:#fff;font-size:14px}.edit-task-field input:focus,.edit-task-field select:focus{border-color:#85a7ba;box-shadow:0 0 0 3px rgba(169,31,35,.14)}.edit-task-status{margin:-3px 0 0;color:#59718a;font-size:11px;font-weight:800}.edit-task-status.error{color:#a0272c}.edit-task-footer{display:flex;justify-content:flex-end;gap:8px}.edit-task-cancel{min-height:44px;padding:0 15px;border:1px solid #cfc7b9;border-radius:10px;color:var(--ink);background:#f3efe8;font-weight:850}

/* 1.8.5 notification inbox, stable native rich text, and guarded task actions. */
.fub-rich-editor{width:100%;min-height:50px;padding:12px 14px;border:1px solid #cec6b9;border-radius:10px;outline:0;background:#fff;color:var(--ink);font-size:15px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.fub-rich-editor.multiline{min-height:82px}.fub-rich-editor:focus{border-color:#86a8b9;box-shadow:0 0 0 3px rgba(184,31,39,.16)}.fub-rich-editor:empty:before{content:attr(data-placeholder);color:#9ca4aa;pointer-events:none}.inline-fub-token{display:inline-flex;align-items:center;gap:5px;max-width:100%;margin:0 2px;padding:2px 7px;border:1px solid #f0a297;border-radius:999px;color:#18354a;background:#fff0ed;font-size:.86em;font-weight:850;line-height:1.45;text-decoration:none;vertical-align:baseline;white-space:nowrap}.inline-fub-token small{padding:1px 4px;border-radius:999px;color:#fff;background:#102c41;font-size:.68em;letter-spacing:.06em}.task-title>strong .inline-fub-token,.rich-task-copy .inline-fub-token{font-size:.82em}.input-wrap>.contact-menu,.edit-task-field>.contact-menu,.task-note-editor>.contact-menu,.composer-details-editor>.contact-menu{top:auto;margin-top:6px}.edit-task-field,.task-note-editor,.composer-details-editor{position:relative}.input-wrap>.contact-menu{top:calc(100% + 6px);margin:0}.fub-attachment-editor{display:grid;gap:8px}.fub-attachment-editor>strong{color:#61748d;font-size:10px;letter-spacing:.05em}.attached-fub-list{display:flex;flex-wrap:wrap;gap:7px}.attached-fub-contact{display:inline-flex;align-items:stretch;overflow:hidden;border:1px solid #f0a297;border-radius:999px;background:#fff0ed}.attached-fub-contact>a{display:inline-flex;align-items:center;gap:6px;padding:5px 8px 5px 9px;color:#18354a;text-decoration:none}.attached-fub-contact small{padding:2px 5px;border-radius:999px;color:#fff;background:#102c41;font-size:8px;font-weight:900;letter-spacing:.06em}.attached-fub-contact b{font-size:11px}.attached-fub-contact i{font-size:10px;font-style:normal}.attached-fub-contact>button{width:27px;padding:0;border:0;border-left:1px solid #f0a297;color:#a33c35;background:#ffe4df;font-size:17px}.no-fub-contacts{margin:0;color:var(--muted);font-size:11px}.task-fub-summary{display:grid;gap:6px}.task-fub-summary>b{color:#61748d;font-size:10px;letter-spacing:.04em}.task-note-editor{display:grid;gap:8px}.rich-task-copy{color:#63758b;font-size:13px;line-height:1.55}.user-add{grid-template-columns:1fr 1fr 1.35fr 120px auto}.user-id>span{color:#728295;font-size:11px}.role-chip{min-height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border-radius:999px;color:#315e4e;background:#eaf5ee;font-size:10px;font-weight:850}.role-chip.super_admin{color:#fff;background:#102c41}.user-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.user-edit-button{width:34px;height:34px;display:inline-grid;place-items:center;padding:0;border:1px solid #c9c2b6;border-radius:9px;color:#18354a;background:#fffdfa;font-size:17px}.user-name-rule{padding:9px 11px;border-radius:9px;color:#536c82!important;background:#edf3f6}.user-edit-modal{width:min(500px,100%)}
@media(max-width:900px){.user-add{grid-template-columns:1fr 1fr}.user-add .primary-button{grid-column:1/-1}.task-details{grid-template-columns:1fr}.task-note-editor>.contact-menu{position:static;max-height:240px;overflow:auto}}
@media(max-width:680px){.fub-rich-editor{min-height:52px;font-size:14px}.fub-rich-editor.multiline{min-height:88px}.user-add{grid-template-columns:1fr}.user-add .primary-button{grid-column:auto}.user-row-actions,.role-chip{grid-column:2;justify-content:flex-start}.user-row{padding-block:8px}.attached-fub-contact b{max-width:190px;overflow:hidden;text-overflow:ellipsis}.edit-task-field>.contact-menu,.composer-details-editor>.contact-menu{position:static;max-height:240px;overflow:auto}}
@media(max-width:680px){.login-card{min-height:0;gap:28px;padding:32px 18px}.workspace-email-field input{font-size:16px}.workspace-email-field span{padding-right:10px;font-size:13px}.edit-task-button{width:36px;height:36px;font-size:19px}.edit-task-modal{gap:13px;padding:21px 13px 14px}.edit-task-modal .modal-close{top:12px;right:12px}.edit-task-footer>*{flex:1}}

/* GGLoop 1.8.5 browser parity: compact cards, multi-attachments, FUB marks, and contained reordering. */
.ui-icon{width:15px;height:15px;flex:0 0 auto}.fub-mark{width:17px;height:17px;flex:0 0 auto;object-fit:contain}.inline-fub-token{max-width:min(100%,260px);padding:2px 8px 2px 5px}.inline-fub-token .fub-mark{width:15px;height:15px}.inline-fub-token b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-title{align-self:stretch}.task-title-line{min-width:0;display:flex;align-items:center;gap:7px}.task-title-line>strong{min-width:0}.task-title-line .edit-task-button{width:29px;height:29px;flex:0 0 auto;border-radius:50%;background:#f7eee8}.task-title-line .edit-task-button .ui-icon{width:14px;height:14px}.task-added-by{color:#6a7e95!important}.task-record-meta{margin-top:4px}.priority-pill{display:inline-flex;align-items:center;min-height:21px;padding:0 7px;border:1px solid #cbd6dc;border-radius:999px;color:#506a80;background:#f2f6f8;font-size:9px;font-weight:900;white-space:nowrap}.priority-pill.high{border-color:#e9c27f;color:#8a5a12;background:#fff7e8}.priority-pill.urgent{border-color:#e2a0a4;color:#982c31;background:#fff0f0}.bump-history{display:block;margin-top:1px}
.task-actions{width:112px;flex:0 0 112px;align-self:stretch;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:7px;margin-left:auto}.task-actions .date-chip{width:100%;min-height:25px;display:inline-grid;place-items:center;padding:3px 6px;text-align:center}.task-actions .task-action-button{width:112px;min-height:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}.task-actions .nudge-button{border:1px solid #e9aaa5;color:#b03a35;background:#fff1ee}.task-actions .nudge-button.active{border-color:var(--red);color:#fff;background:var(--red)}.task-actions .bump-button{border:1px solid var(--red);color:#fff;background:var(--red)}.task-actions .open-task{border:1px solid #efb0aa;color:var(--navy);background:#ffe8e3}.task-actions .restore-small{border:1px solid var(--navy);color:#fff;background:var(--navy)}.task-action-button:hover,.task-action-button:focus-visible,.compact-summary:hover,.compact-summary:focus-visible,.reorder-button:hover,.reorder-button:focus-visible{filter:brightness(.97);outline:3px solid rgba(169,31,35,.16);outline-offset:1px}
.task-attachment-group,.task-card-fub{width:min(100%,410px);display:grid;gap:6px}.compact-summary{width:max-content;max-width:100%;min-height:31px;display:inline-flex;align-items:center;gap:7px;padding:4px 9px;border:1px solid #efd0c8;border-radius:999px;color:var(--navy);background:#fff4f1;font-size:10px;font-weight:850}.compact-summary>.ui-icon{color:var(--red)}.compact-summary>b{color:var(--red);font-size:9px}.summary-chevron{display:inline-flex;transition:transform .16s}.summary-chevron.expanded{transform:rotate(180deg)}.task-attachments.compact,.task-attachments.expanded{margin-top:0}.task-attachments.expanded{display:grid;justify-items:start}.task-attachments.compact .task-attachment>a,.task-attachments.expanded .task-attachment>a{max-width:280px}.attachment-preview-icon{display:inline-flex;color:#5b758c}.attachment-preview-icon .ui-icon{width:14px;height:14px}
.fub-contact-list{display:flex;flex-wrap:wrap;gap:6px}.fub-contact-link{min-width:0;max-width:300px;min-height:31px;display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 6px;border:1px solid #f0a297;border-radius:999px;color:var(--navy);background:#fff0ed;text-decoration:none}.fub-contact-link b{min-width:0;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.fub-contact-link>.ui-icon{width:12px;height:12px;color:var(--red)}.fub-summary>.fub-mark{width:16px;height:16px}.attached-fub-contact>a{max-width:300px}.attached-fub-contact .fub-mark{width:16px;height:16px}.attached-fub-contact>a .ui-icon{width:12px;height:12px;color:var(--red)}.attached-fub-contact b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-fub-summary>b{color:#61748d;font-size:10px;letter-spacing:.05em}
.pending-files{display:grid;gap:7px;margin-top:8px;padding:9px 10px;border:1px solid #e1d8cb;border-radius:10px;background:#fbfaf7}.pending-files-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.pending-files-heading strong{font-size:10px}.pending-files-heading span{color:var(--muted);font-size:9px}.pending-file-list{display:flex;flex-wrap:wrap;gap:6px}.pending-file{min-width:0;max-width:360px;display:inline-flex;align-items:center;gap:7px;overflow:hidden;padding:4px 4px 4px 7px;border:1px solid #c8d8df;border-radius:8px;color:#315b77;background:#fff;font-size:10px;font-weight:800}.pending-file .attachment-name{max-width:190px}.pending-file small{color:#788998;font-size:9px}.pending-file button{width:25px;height:25px;padding:0;border:0;border-radius:6px;color:#9f2f34;background:#fff0f0;font-size:16px}.composer-tools .ui-icon{width:17px;height:17px}
.attachment-manager{min-width:0;display:grid;gap:8px;padding:10px;border:1px solid #ded6ca;border-radius:11px;background:#fbfaf7}.attachment-manager-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.attachment-manager-heading strong{color:#61748d;font-size:10px;letter-spacing:.05em}.attachment-manager-heading span{color:var(--muted);font-size:9px;font-weight:850}.attachment-manager-list{display:flex;flex-wrap:wrap;gap:6px}.attachment-manager-list .task-attachment>a{max-width:270px}.no-attachments{margin:0;color:var(--muted);font-size:10px}.attachment-manager-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.attachment-add-label{min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid #e0ada7;border-radius:9px;color:var(--red);background:#fff1ee;font-size:10px;font-weight:900}.attachment-add-label input{position:absolute;width:1px;height:1px;opacity:0}.attachment-limit-note,.attachment-upload-status{color:var(--muted);font-size:9px;font-weight:800}.attachment-upload-status{color:var(--green)}.edit-task-modal{max-height:calc(100dvh - 36px);overflow:auto}.edit-task-modal .attachment-manager{background:#fff}
.task-details{grid-template-columns:minmax(240px,.9fr) minmax(280px,1.15fr) auto;align-items:start}.task-detail-summary{min-width:0}.task-detail-summary .attachment-manager{margin-top:2px}.detail-actions{align-self:end}
.task-heading-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.reorder-button{min-height:38px;display:inline-flex;align-items:center;gap:6px;padding:0 11px;border:1px solid #c9c2b6;border-radius:9px;color:var(--navy);background:#fffdfa;font-size:10px;font-weight:900}.reorder-backdrop{place-items:center;padding:18px}.reorder-modal{position:relative;width:min(620px,100%);max-height:calc(100dvh - 36px);display:grid;grid-template-rows:auto auto auto minmax(100px,1fr) auto;gap:10px;padding:24px;border:1px solid #d8cebf;border-radius:19px;background:#fffdfa;box-shadow:0 25px 75px rgba(2,26,48,.26);overflow:hidden}.reorder-modal h2{margin:0;font-size:28px;font-weight:560;letter-spacing:-.035em}.reorder-modal>p:not(.eyebrow){margin:0;color:var(--muted);font-size:11px}.reorder-list{min-height:100px;display:grid;align-content:start;gap:7px;padding:3px;overflow:auto;overscroll-behavior:contain;contain:layout paint}.reorder-row{min-height:55px;display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid #ded6c9;border-radius:11px;background:#fff}.reorder-row>span{min-width:0;display:grid;gap:3px}.reorder-row strong,.reorder-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reorder-row strong{font-size:12px}.reorder-row small{color:var(--muted);font-size:9px}.reorder-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.reorder-footer>span{color:var(--muted);font-size:9px}.reorder-slot.is-dragging{z-index:2}.reorder-slot.is-dragging .reorder-row{box-shadow:0 12px 26px rgba(6,40,78,.2)}.reorder-slot.is-drag-target .reorder-row{border-color:#86a8b9;background:#f4f9fc}
@media(max-width:900px){.task-details{grid-template-columns:1fr 1fr}.detail-actions{grid-column:1/-1}.task-heading-actions{width:100%;justify-content:space-between}}
@media(max-width:680px){.tasks-heading{gap:10px}.task-heading-actions{display:grid;grid-template-columns:1fr}.reorder-button{width:100%;justify-content:center}.task-row{display:grid;grid-template-columns:36px minmax(0,1fr) 112px;align-items:start}.check{grid-column:1}.task-title{grid-column:2}.task-actions{grid-column:3;width:112px;margin:0}.task-details{grid-template-columns:1fr;margin-left:0}.detail-actions{grid-column:auto}.task-attachment-group,.task-card-fub{width:100%}.task-attachments.compact .task-attachment>a,.task-attachments.expanded .task-attachment>a,.attachment-manager-list .task-attachment>a{max-width:min(250px,calc(100vw - 120px))}.pending-files-heading{align-items:flex-start;flex-direction:column}.pending-file{max-width:100%}.pending-file .attachment-name{max-width:135px}.reorder-modal{padding:20px 12px 12px}.reorder-footer{align-items:stretch;flex-direction:column}.reorder-footer .primary-button{width:100%}}

/* Google account avatar and explicit archived-task actions. */
.account-card .avatar{position:relative;overflow:hidden}.account-profile-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.account-profile-photo.loaded{opacity:1}
.task-actions .archive-complete{height:auto;min-height:29px;padding-block:4px;border:1px solid #5d9075;color:#fff;background:#4f8067;line-height:1.05;white-space:normal}.detail-actions .archive-complete{border-color:#5d9075;color:#fff;background:#4f8067}