:root { --gcp-ink:#241b31; --gcp-muted:#746b80; --gcp-line:#e6dff0; --gcp-bg:#f8f6fb; --gcp-blue:#7546e8; --gcp-blue-soft:#f0eaff; --gcp-green:#7546e8; --gcp-shadow:0 14px 38px rgba(46,25,72,.14); }
.gcp-standalone-page { width:100%; max-width:100vw; min-height:100vh; margin:0 !important; overflow-x:hidden; color:var(--gcp-ink); background:#f3f5f8; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; }
.gcp-standalone-page #wpadminbar { display:none !important; }
html:has(.gcp-standalone-page) { margin-top:0 !important; }
.gcp-standalone-shell { display:grid; width:100%; max-width:100vw; min-height:100vh; grid-template-columns:264px minmax(0,1fr); transition:grid-template-columns .22s ease; }
.gcp-standalone-shell,.gcp-standalone-shell * { box-sizing:border-box; }
.gcp-sidebar { position:sticky; z-index:1100; top:0; display:flex; height:100vh; min-width:0; flex-direction:column; overflow:hidden; color:#ddd8eb; background:linear-gradient(180deg,#171220 0%,#100c18 100%); box-shadow:5px 0 22px rgba(25,18,38,.12); }
.gcp-sidebar-head { display:flex; height:76px; flex:0 0 76px; align-items:center; justify-content:space-between; padding:0 17px 0 20px; border-bottom:1px solid rgba(255,255,255,.08); }
.gcp-brand { display:flex; min-width:0; align-items:center; gap:11px; color:#fff !important; text-decoration:none !important; }.gcp-brand > span { display:grid; width:38px; height:38px; flex:0 0 38px; place-content:center; border-radius:11px; background:linear-gradient(135deg,#7754f6,#9b68fa); box-shadow:0 7px 18px rgba(124,79,241,.3); }.gcp-brand strong { overflow:hidden; font-size:17px; text-overflow:ellipsis; white-space:nowrap; }
.gcp-sidebar-toggle,.gcp-mobile-menu,.gcp-sidebar-backdrop { border:0; cursor:pointer; }.gcp-sidebar-toggle { display:grid; width:30px; height:30px; flex:0 0 30px; place-content:center; color:#bcb5ca; border:1px solid rgba(255,255,255,.13); border-radius:8px; background:rgba(255,255,255,.04); }.gcp-sidebar-toggle:hover { color:#fff; background:rgba(255,255,255,.1); }.gcp-sidebar-toggle i { transition:transform .22s ease; }
.gcp-side-nav { flex:1; padding:19px 13px; overflow-x:hidden; overflow-y:auto; }.gcp-nav-label { margin:5px 10px 8px; overflow:hidden; color:#746d82; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.11em; white-space:nowrap; }.gcp-side-link { display:flex; width:100%; height:43px; align-items:center; gap:12px; margin:3px 0; padding:0 13px; overflow:hidden; color:#c9c4d4; text-align:left; border:0; border-radius:10px; background:transparent; cursor:pointer; white-space:nowrap; }.gcp-side-link > i { width:19px; flex:0 0 19px; text-align:center; font-size:15px; }.gcp-side-link > span { overflow:hidden; text-overflow:ellipsis; }.gcp-side-link:hover { color:#fff; background:rgba(255,255,255,.07); }.gcp-side-link.is-active { color:#fff; background:linear-gradient(90deg,#7048e8,#8a58ef); box-shadow:0 7px 18px rgba(98,57,205,.22); }.gcp-nav-divider { height:1px; margin:17px 8px; background:rgba(255,255,255,.09); }
.gcp-sidebar-user { display:flex; min-height:76px; align-items:center; gap:10px; padding:13px 14px; border-top:1px solid rgba(255,255,255,.09); background:rgba(0,0,0,.1); }.gcp-avatar { width:38px !important; height:38px !important; flex:0 0 38px; border:2px solid rgba(255,255,255,.35); border-radius:50% !important; }.gcp-user-copy { min-width:0; flex:1; }.gcp-user-copy strong,.gcp-user-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.gcp-user-copy strong { color:#fff; font-size:12px; }.gcp-user-copy small { margin-top:2px; color:#888094; font-size:10px; }.gcp-logout { display:grid; width:32px; height:32px; flex:0 0 32px; place-content:center; color:#a9a2b5 !important; border-radius:8px; text-decoration:none !important; }.gcp-logout:hover { color:#fff !important; background:rgba(255,255,255,.09); }
.gcp-initial-avatar { display:grid !important; place-content:center; color:#fff; font-size:14px; font-weight:750; background:linear-gradient(135deg,#7250e8,#a265ee); }
.gcp-workspace { width:100%; max-width:100%; min-width:0; overflow:hidden; }
.gcp-appbar { position:sticky; z-index:900; top:0; display:flex; height:76px; align-items:center; justify-content:space-between; padding:0 30px; color:#172033; border-bottom:1px solid #e7e9ee; background:rgba(255,255,255,.94); box-shadow:0 3px 14px rgba(16,24,40,.04); backdrop-filter:blur(12px); }.gcp-appbar-title { display:flex; align-items:center; gap:11px; }.gcp-appbar-title strong,.gcp-appbar-title small { display:block; }.gcp-appbar-title strong { font-size:15px; }.gcp-appbar-title small { margin-top:2px; color:#8a91a0; font-size:11px; }.gcp-mobile-menu { display:none; width:36px; height:36px; place-content:center; color:#3a4353; border-radius:9px; background:#f0f2f6; }.gcp-account { display:flex; align-items:center; gap:10px; }.gcp-account-name { color:#596273; font-size:13px; }
.gcp-sidebar-backdrop { display:none; }
.gcp-standalone-shell.is-sidebar-collapsed { grid-template-columns:82px minmax(0,1fr); }.is-sidebar-collapsed .gcp-sidebar-head { justify-content:center; padding:0; }.is-sidebar-collapsed .gcp-brand strong,.is-sidebar-collapsed .gcp-nav-label,.is-sidebar-collapsed .gcp-side-link span,.is-sidebar-collapsed .gcp-user-copy { display:none; }.is-sidebar-collapsed .gcp-brand { display:none; }.is-sidebar-collapsed .gcp-sidebar-toggle i { transform:rotate(180deg); }.is-sidebar-collapsed .gcp-side-nav { padding-right:13px; padding-left:13px; }.is-sidebar-collapsed .gcp-side-link { justify-content:center; padding:0; }.is-sidebar-collapsed .gcp-sidebar-user { justify-content:center; padding-right:0; padding-left:0; }.is-sidebar-collapsed .gcp-sidebar-user .gcp-avatar { display:none; }
.gcp-standalone-main { width:100%; max-width:100%; min-width:0; padding:1px 30px 38px; }.gcp-standalone-page .gcp-wrap { width:100%; max-width:100%; margin:0 auto; padding:0; }
.gcp-standalone-page .button { display:inline-flex; min-height:34px; align-items:center; justify-content:center; padding:5px 11px; color:#344054; font:600 13px/1.4 inherit; border:1px solid #c7ccd4; border-radius:5px; background:#fff; box-shadow:none; cursor:pointer; text-decoration:none; }.gcp-standalone-page .button:hover { color:#2443b7; border-color:#7e91d9; background:#f8f9ff; }.gcp-standalone-page .button-primary { color:#fff !important; border-color:var(--gcp-blue) !important; background:var(--gcp-blue) !important; }.gcp-standalone-page .button-primary:hover { background:#2648bd !important; }.gcp-standalone-page .button-small { min-height:28px; padding:3px 8px; font-size:12px; }
.gcp-standalone-page input,.gcp-standalone-page select,.gcp-standalone-page textarea { color:#1d2939; font:400 14px/1.4 inherit; border:1px solid #98a2b3; border-radius:5px; background:#fff; }.gcp-standalone-page input,.gcp-standalone-page select { min-height:36px; padding:5px 9px; }.gcp-standalone-page textarea { padding:9px; }
.gcp-login-page { overflow-x:hidden; background:#f5f4f8; }.gcp-login-shell { display:grid; min-height:100vh; grid-template-columns:minmax(420px,1.08fr) minmax(420px,.92fr); }.gcp-login-visual { position:relative; display:flex; min-height:100vh; flex-direction:column; justify-content:space-between; padding:46px 54px; overflow:hidden; color:#fff; background:linear-gradient(145deg,rgba(17,12,27,.97),rgba(40,25,68,.91)),url('images/project-collaboration-banner.webp') center/cover no-repeat; }.gcp-login-visual:after { position:absolute; right:-140px; bottom:-160px; width:460px; height:460px; border:1px solid rgba(255,255,255,.09); border-radius:50%; box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018); content:''; }.gcp-login-brand { position:relative; z-index:1; display:flex; align-items:center; gap:12px; }.gcp-login-brand > span { display:grid; width:42px; height:42px; place-content:center; border-radius:12px; background:#8455ed; }.gcp-login-brand strong { font-size:19px; }.gcp-login-message { position:relative; z-index:1; max-width:560px; margin-bottom:10vh; }.gcp-login-message h1 { margin:0 0 17px; color:#fff; font-size:clamp(38px,5vw,68px); line-height:1.02; letter-spacing:-.045em; }.gcp-login-message p { max-width:470px; margin:0; color:#c9c1d5; font-size:17px; line-height:1.6; }
.gcp-login-panel { display:grid; min-height:100vh; padding:36px; place-content:center; background:#fff; }.gcp-login-card { width:min(410px,calc(100vw - 48px)); }.gcp-login-icon { display:grid; width:48px; height:48px; margin-bottom:24px; place-content:center; color:#7145de; border-radius:14px; background:#f0eaff; font-size:18px; }.gcp-login-card h2 { margin:0 0 7px; color:#171222; font-size:31px; letter-spacing:-.03em; }.gcp-login-card > p { margin:0 0 28px; color:#7a7284; }.gcp-login-card > label { display:block; margin:16px 0 7px; color:#342d3d; font-size:13px; font-weight:700; }.gcp-login-input { display:flex; height:48px; align-items:center; gap:10px; padding:0 14px; border:1px solid #d6d1db; border-radius:10px; background:#fff; transition:.15s; }.gcp-login-input:focus-within { border-color:#8355e7; box-shadow:0 0 0 3px rgba(131,85,231,.12); }.gcp-login-input i { color:#9991a2; }.gcp-login-page .gcp-login-input input { width:100%; min-height:0; padding:0; border:0; outline:0; box-shadow:none; }.gcp-login-submit { display:flex; width:100%; height:50px; align-items:center; justify-content:center; gap:8px; margin-top:24px; color:#fff; font-weight:750; border:0; border-radius:10px; background:linear-gradient(90deg,#7045dd,#8b59ea); box-shadow:0 10px 22px rgba(112,69,221,.22); cursor:pointer; }.gcp-login-submit:hover { transform:translateY(-1px); box-shadow:0 13px 25px rgba(112,69,221,.28); }.gcp-login-card > small { display:block; margin-top:17px; color:#9992a0; text-align:center; }.gcp-login-error { margin:0 0 16px; padding:10px 12px; color:#a82b25; border:1px solid #f2b8b3; border-radius:8px; background:#fff2f1; font-size:13px; }
.gcp-wrap { max-width:1600px; color:var(--gcp-ink); font-size:14px; }
.gcp-wrap *, .gcp-modal * { box-sizing:border-box; }
.gcp-header { display:flex; min-height:190px; flex-direction:column; align-items:flex-start; justify-content:center; gap:16px; margin:22px 0 18px; padding:26px 30px; overflow:hidden; border:1px solid #e6e9f1; border-radius:15px; background:linear-gradient(90deg,#fff 0%,#fff 34%,rgba(255,255,255,.9) 46%,rgba(255,255,255,.05) 72%),url('images/project-collaboration-banner.webp') right center/auto 100% no-repeat,#fff; box-shadow:0 4px 14px rgba(16,24,40,.05); }
.gcp-standalone-page .gcp-header { min-height:145px; margin-top:24px; }
.gcp-header > div { max-width:460px; }
.gcp-header h1 { margin:0 0 4px; font-size:28px; font-weight:720; }
.gcp-header p, .gcp-ideas-head p { margin:0; color:var(--gcp-muted); }
.gcp-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:12px; background:#fff; border:1px solid var(--gcp-line); border-radius:12px 12px 0 0; }
.gcp-toolbar select { min-width:155px; min-height:36px; }
.gcp-special-view #gcp-area-filter,.gcp-special-view #gcp-assignee-filter { display:none; }
.gcp-search { display:flex; flex:1 1 260px; align-items:center; gap:7px; min-width:240px; padding:0 10px; border:1px solid #8c8f94; border-radius:4px; background:#fff; }
.gcp-search:focus-within { border-color:#2271b1; box-shadow:0 0 0 1px #2271b1; }
.gcp-search input { width:100%; min-height:34px; padding:0; border:0 !important; box-shadow:none !important; }
.gcp-view-switch { display:flex; margin-left:auto; }
.gcp-standalone-page .gcp-view-switch { display:none; }
.gcp-view-switch .button { margin-left:-1px; border-radius:0; }
.gcp-view-switch .button:first-child { border-radius:4px 0 0 4px; }
.gcp-view-switch .button:last-child { border-radius:0 4px 4px 0; }
.gcp-view-switch .is-active { position:relative; z-index:1; color:#fff; border-color:var(--gcp-blue); background:var(--gcp-blue); }
.gcp-wrap .button .fa-solid, .gcp-modal .button .fa-solid { margin-right:5px; }
.gcp-content { min-height:430px; padding:18px; border:1px solid var(--gcp-line); border-top:0; border-radius:0 0 12px 12px; background:var(--gcp-bg); }
.gcp-loading, .gcp-empty { display:grid; min-height:350px; place-content:center; justify-items:center; text-align:center; color:var(--gcp-muted); }
.gcp-loading:before { width:28px; height:28px; margin-bottom:12px; border:3px solid #d0d5dd; border-top-color:var(--gcp-blue); border-radius:50%; animation:gcp-spin .8s linear infinite; content:''; }
@keyframes gcp-spin { to { transform:rotate(360deg); } }
.gcp-empty h3 { margin:8px 0 2px; color:var(--gcp-ink); font-size:18px; }
.gcp-empty p { margin:0 0 14px; }
.gcp-empty-icon { font-size:32px; color:var(--gcp-blue); }
.gcp-alert { margin:10px 0; padding:10px 13px; color:#08633e; border:1px solid #a6e4c8; border-radius:7px; background:#ecfdf3; }
.gcp-alert.is-error { color:#9f1a16; border-color:#f6b8b4; background:#fff2f1; }

.gcp-tree { overflow:hidden; border:1px solid var(--gcp-line); border-radius:10px; background:#fff; }
.gcp-node-row { display:flex; align-items:center; gap:9px; min-height:52px; padding:6px 10px 6px calc(10px + var(--depth) * 24px); border-bottom:1px solid #eef0f3; }
.gcp-node-row:hover { background:#fafbff; }
.gcp-toggle { width:22px; height:22px; padding:0; color:#667085; border:0; background:transparent; cursor:pointer; transition:transform .15s; }
.gcp-toggle.is-empty { visibility:hidden; }
.gcp-node.is-collapsed > .gcp-children { display:none; }
.gcp-node.is-collapsed > .gcp-node-row .gcp-toggle { transform:rotate(-90deg); }
.gcp-type-icon { display:grid; flex:0 0 30px; width:30px; height:30px; place-content:center; color:#3753b9; border-radius:7px; background:#edf1ff; }
.gcp-type-icon.type-area { color:#7b3fb0; background:#f5edff; }
.gcp-type-icon.type-folder { color:#9a6500; background:#fff5d8; }
.gcp-type-icon.type-task { color:#08775a; background:#e5f8f1; }
.gcp-title-button { display:flex; flex:1 1 220px; flex-direction:column; align-items:flex-start; min-width:150px; padding:0; text-align:left; border:0; background:transparent; cursor:pointer; }
.gcp-title-button strong { max-width:480px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.gcp-title-button small { color:var(--gcp-muted); }
.gcp-badge { display:inline-flex; align-items:center; padding:3px 8px; font-size:12px; border-radius:999px; white-space:nowrap; background:#f2f4f7; }
.status-pendiente { color:#5f6066; background:#f2f4f7; }.status-en_progreso { color:#2948a7; background:#e9efff; }.status-en_revision { color:#905f00; background:#fff4d6; }.status-completado { color:#08734b; background:#dcf7e9; }
.gcp-due { color:var(--gcp-muted); font-size:12px; white-space:nowrap; }.gcp-due.is-late { color:#b42318; font-weight:600; }
.gcp-person { width:120px; overflow:hidden; color:var(--gcp-muted); text-overflow:ellipsis; white-space:nowrap; }
.gcp-row-actions { display:flex; gap:6px; opacity:0; transition:opacity .15s; }.gcp-node-row:hover .gcp-row-actions { opacity:1; }

.gcp-table-wrap { width:100%; max-width:100%; overflow:auto; border:1px solid var(--gcp-line); border-radius:9px; background:#fff; }
.gcp-table { width:100%; min-width:980px; border-collapse:collapse; }
.gcp-table th { position:sticky; top:0; z-index:1; padding:10px 12px; color:#475467; text-align:left; font-size:12px; text-transform:uppercase; letter-spacing:.03em; border-bottom:1px solid var(--gcp-line); background:#f9fafb; }
.gcp-table td { padding:9px 12px; border-right:1px solid #f0f1f3; border-bottom:1px solid #eaecf0; cursor:pointer; }
.gcp-table tbody tr:hover { background:#fafbff; }
.gcp-table td:first-child { min-width:245px; }.gcp-table td small { display:block; max-width:330px; overflow:hidden; color:var(--gcp-muted); text-overflow:ellipsis; white-space:nowrap; }
.gcp-table-type { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }.gcp-table-type .fa-solid { color:#526dcc; }
.gcp-inline-status { min-width:132px; font-size:13px; }
[class^="priority-"] { text-transform:capitalize; }.priority-alta { color:#b54708; }.priority-urgente { color:#b42318; font-weight:700; }.priority-baja { color:#667085; }

.gcp-kanban { display:grid; width:100%; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; min-width:0; }
.gcp-content:has(.gcp-kanban) { overflow-x:hidden; }
.gcp-column { min-height:460px; padding:10px; border:1px solid var(--gcp-line); border-radius:10px; background:#f0f2f5; transition:.15s; }
.gcp-column.is-over { border-color:var(--gcp-blue); background:#e9edff; }
.gcp-column > header { display:flex; align-items:center; justify-content:space-between; padding:3px 3px 12px; }.gcp-column h3 { margin:0; font-size:14px; }.gcp-column header span { display:grid; width:24px; height:24px; place-content:center; color:#475467; border-radius:50%; background:#fff; }
.gcp-dropzone { min-height:390px; }
.gcp-card { margin-bottom:9px; padding:12px; border:1px solid #e3e5e9; border-radius:8px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:grab; }
.gcp-card.is-dragging { opacity:.45; }.gcp-card-top,.gcp-card footer { display:flex; align-items:center; justify-content:space-between; gap:8px; }.gcp-card-top small { color:var(--gcp-muted); text-transform:uppercase; }
.gcp-card > button,.gcp-idea > button { display:block; width:100%; margin:7px 0; padding:0; color:var(--gcp-ink); text-align:left; border:0; background:transparent; cursor:pointer; }.gcp-card > button { font-weight:650; }
.gcp-card p { min-height:18px; margin:0 0 10px; color:var(--gcp-muted); font-size:13px; }.gcp-card footer { padding-top:9px; font-size:12px; border-top:1px solid #f0f1f3; }
.priority-dot { display:block; width:9px; height:9px; border-radius:50%; background:#98a2b3; }.priority-dot.priority-media { background:#f2b33d; }.priority-dot.priority-alta { background:#ef7b45; }.priority-dot.priority-urgente { background:#e03b3b; }

.gcp-ideas-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }.gcp-ideas-head h2 { margin:0 0 4px; }.gcp-ideas { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:14px; }
.gcp-idea { display:flex; min-height:190px; flex-direction:column; padding:17px; border:1px solid #e9dfbc; border-radius:10px; background:#fffdf5; box-shadow:0 2px 5px rgba(16,24,40,.04); }.gcp-idea > span { color:#956a00; font-size:12px; text-transform:uppercase; }.gcp-idea h3 { margin:4px 0; font-size:17px; }.gcp-idea p { flex:1; margin:5px 0 16px; color:#5d6170; white-space:pre-wrap; }.gcp-idea footer { display:flex; align-items:center; justify-content:space-between; }.gcp-idea footer small { color:var(--gcp-muted); }

.gcp-modal[hidden] { display:none; }.gcp-modal { position:fixed; z-index:100100; inset:0; display:grid; place-items:center; padding:24px; }.gcp-modal-backdrop { position:absolute; inset:0; background:rgba(16,24,40,.62); backdrop-filter:blur(2px); }.gcp-dialog { position:relative; width:min(620px,100%); max-height:calc(100vh - 48px); overflow:auto; padding:24px; border-radius:12px; background:#fff; box-shadow:var(--gcp-shadow); }.gcp-dialog h2 { margin:0 0 20px; font-size:22px; }.gcp-close { position:absolute; top:15px; right:17px; color:#667085; font-size:21px; line-height:1; border:0; background:transparent; cursor:pointer; }.gcp-modal-open { overflow:hidden; }
.gcp-field { margin-bottom:15px; }.gcp-field label { display:block; margin-bottom:5px; color:#344054; font-weight:600; }.gcp-field input,.gcp-field select,.gcp-field textarea { width:100%; max-width:none; }.gcp-field textarea { resize:vertical; }.gcp-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.gcp-actions { display:flex; align-items:center; gap:8px; margin-top:21px; padding-top:17px; border-top:1px solid var(--gcp-line); }.gcp-actions span { flex:1; }.gcp-delete { color:#b42318 !important; border-color:#f1aaa5 !important; }
.gcp-file-section { margin-top:5px; padding:13px; border:1px solid var(--gcp-line); border-radius:8px; background:#fafafa; }.gcp-file-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:9px; }.gcp-file { display:flex; align-items:center; gap:9px; padding:7px; border-top:1px solid #e9eaed; }.gcp-file > .fa-solid { width:24px; color:#5368ad; text-align:center; font-size:18px; }.gcp-file a { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.gcp-file button { border:0; background:transparent; cursor:pointer; }.gcp-file .gcp-file-comment { display:grid; width:30px; height:30px; place-content:center; color:#7542aa; border-radius:5px; background:#eee5f6; }.gcp-file .gcp-file-comment:hover { color:#fff; background:#7542aa; }.gcp-muted { color:var(--gcp-muted); }
@media (max-width:1350px) { .gcp-kanban { grid-template-columns:repeat(2,minmax(0,1fr)); }.gcp-toolbar .gcp-search { flex-basis:100%; }.gcp-toolbar select { flex:1 1 180px; max-width:none; } }
@media (max-width:782px) { .gcp-standalone-shell,.gcp-standalone-shell.is-sidebar-collapsed { display:block; }.gcp-sidebar { position:fixed; left:0; width:276px; transform:translateX(-105%); transition:transform .22s ease; }.gcp-standalone-shell.is-mobile-menu-open .gcp-sidebar { transform:translateX(0); }.gcp-sidebar-toggle { display:none; }.gcp-sidebar-backdrop { position:fixed; z-index:1050; inset:0; display:block; visibility:hidden; opacity:0; background:rgba(9,6,15,.58); transition:opacity .2s,visibility .2s; }.gcp-standalone-shell.is-mobile-menu-open .gcp-sidebar-backdrop { visibility:visible; opacity:1; }.gcp-mobile-menu { display:grid; }.gcp-appbar { height:62px; padding:0 14px; }.gcp-appbar-title small,.gcp-account-name { display:none; }.gcp-standalone-main { padding:1px 10px 24px; }.gcp-header,.gcp-ideas-head { align-items:flex-start; flex-direction:column; }.gcp-header { min-height:190px; padding:20px; background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 72%,rgba(255,255,255,.65)),url('images/project-collaboration-banner.webp') right center/auto 100% no-repeat,#fff; }.gcp-header > div { max-width:80%; }.gcp-view-switch { width:100%; margin-left:0; overflow:auto; }.gcp-person,.gcp-node-row > .gcp-due { display:none; }.gcp-row-actions { opacity:1; }.gcp-row-actions .button:first-child { display:none; }.gcp-grid-2 { grid-template-columns:1fr; gap:0; }.gcp-dialog { padding:20px; }.gcp-modal { padding:10px; }.gcp-node-row { padding-left:calc(5px + var(--depth) * 12px); }.gcp-badge { display:none; } }
@media (max-width:782px) { .gcp-kanban { grid-template-columns:1fr; }.gcp-table { min-width:0; }.gcp-table thead { display:none; }.gcp-table,.gcp-table tbody,.gcp-table tr,.gcp-table td { display:block; width:100%; }.gcp-table tr { margin-bottom:12px; overflow:hidden; border:1px solid var(--gcp-line); border-radius:9px; background:#fff; }.gcp-table td { display:grid; min-width:0 !important; grid-template-columns:105px minmax(0,1fr); gap:10px; padding:9px 12px; border-right:0; cursor:pointer; }.gcp-table td:before { color:#7a8392; font-size:10px; font-weight:750; text-transform:uppercase; letter-spacing:.04em; }.gcp-table td:nth-child(1):before { content:'Nombre'; }.gcp-table td:nth-child(2):before { content:'Tipo'; }.gcp-table td:nth-child(3):before { content:'Área'; }.gcp-table td:nth-child(4):before { content:'Estado'; }.gcp-table td:nth-child(5):before { content:'Prioridad'; }.gcp-table td:nth-child(6):before { content:'Avance'; }.gcp-table td:nth-child(7):before { content:'Responsable'; }.gcp-table td:nth-child(8):before { content:'Fecha límite'; }.gcp-table td:nth-child(9):before { content:'Archivos'; }.gcp-inline-status { width:100%; min-width:0; } }
@media (max-width:782px) { .is-sidebar-collapsed .gcp-sidebar-head { justify-content:space-between; padding:0 17px 0 20px; }.is-sidebar-collapsed .gcp-brand { display:flex; }.is-sidebar-collapsed .gcp-brand strong,.is-sidebar-collapsed .gcp-nav-label { display:block; }.is-sidebar-collapsed .gcp-side-link span { display:inline; }.is-sidebar-collapsed .gcp-user-copy { display:block; }.is-sidebar-collapsed .gcp-side-link { justify-content:flex-start; padding:0 13px; }.is-sidebar-collapsed .gcp-sidebar-user { justify-content:flex-start; padding:13px 14px; }.is-sidebar-collapsed .gcp-sidebar-user .gcp-avatar { display:block; } }
@media (max-width:860px) { .gcp-login-shell { display:block; }.gcp-login-visual { min-height:220px; padding:27px 25px; }.gcp-login-message { margin:35px 0 5px; }.gcp-login-message h1 { font-size:36px; }.gcp-login-message p { font-size:14px; }.gcp-login-panel { min-height:calc(100vh - 220px); padding:35px 24px; align-content:start; }.gcp-login-card { margin:0 auto; } }

/* Purple minimal visual system */
.gcp-login-visual { background:linear-gradient(145deg,rgba(28,12,49,.94),rgba(68,30,118,.82)),url('images/view-folders-purple.webp') center/cover no-repeat; }
.gcp-header { min-height:128px; color:#fff; border:0; border-radius:8px; background:linear-gradient(90deg,rgba(57,23,103,.98) 0%,rgba(100,51,178,.94) 55%,rgba(92,44,166,.34) 100%),url('images/view-kanban-purple.webp') right center/auto 175% no-repeat,#542996; box-shadow:0 10px 28px rgba(73,35,128,.15); }
.gcp-standalone-page .gcp-header { min-height:128px; }
.gcp-header h1 { color:#fff; letter-spacing:-.025em; }.gcp-header p { color:#e6dafa; }.gcp-header .button-primary { color:#5b2bad !important; border-color:#fff !important; background:#fff !important; }.gcp-header .button-primary:hover { color:#452080 !important; background:#f5efff !important; }
.gcp-toolbar { border-color:#e4dced; border-radius:8px 8px 0 0; box-shadow:0 4px 16px rgba(54,31,79,.035); }.gcp-search { border-color:#cfc4da; border-radius:5px; }.gcp-search:focus-within { border-color:#7546e8; box-shadow:0 0 0 2px rgba(117,70,232,.13); }
.gcp-content { border-color:#e4dced; border-radius:0 0 8px 8px; background:#f8f6fb; }
.gcp-view-hero { position:relative; display:flex; min-height:150px; align-items:center; margin-bottom:16px; padding:24px 28px; overflow:hidden; color:#342044; border:1px solid #e0d5ec; border-radius:7px; background-position:center; background-size:cover; box-shadow:0 6px 20px rgba(62,34,93,.06); }.gcp-view-hero-copy { position:relative; z-index:1; width:min(48%,560px); }.gcp-view-hero-copy > span { display:block; margin-bottom:5px; color:#7755a1; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.11em; }.gcp-view-hero h2 { margin:0 0 6px; color:inherit; font-size:25px; letter-spacing:-.03em; }.gcp-view-hero p { margin:0; color:#6f6279; line-height:1.45; }.gcp-view-hero .button { margin-top:14px; }
.gcp-view-hero-folders { background-image:linear-gradient(90deg,rgba(250,247,255,.99) 0%,rgba(250,247,255,.93) 43%,rgba(250,247,255,.06) 72%),url('images/view-folders-purple.webp'); }.gcp-view-hero-table { background-image:linear-gradient(90deg,rgba(250,247,255,.99) 0%,rgba(250,247,255,.93) 43%,rgba(250,247,255,.06) 72%),url('images/view-table-purple.webp'); }.gcp-view-hero-kanban { color:#fff; border-color:#4a276e; background-image:linear-gradient(90deg,rgba(35,13,61,.98) 0%,rgba(52,20,86,.91) 44%,rgba(45,17,75,.12) 74%),url('images/view-kanban-purple.webp'); }.gcp-view-hero-kanban .gcp-view-hero-copy > span,.gcp-view-hero-kanban p { color:#d8c8e9; }.gcp-view-hero-ideas { background-image:linear-gradient(90deg,rgba(250,247,255,.99) 0%,rgba(250,247,255,.93) 43%,rgba(250,247,255,.06) 72%),url('images/view-ideas-purple.webp'); }
.gcp-tree,.gcp-table-wrap,.gcp-column,.gcp-card,.gcp-idea { border-radius:6px; }.gcp-tree { border-color:#e2daeb; }.gcp-node-row:hover,.gcp-table tbody tr:hover { background:#faf8ff; }.gcp-type-icon { color:#6737c2 !important; background:#eee7fa !important; border-radius:5px; }.gcp-badge { border-radius:4px; }
.status-pendiente { color:#655c70; background:#f0edf4; }.status-en_progreso { color:#6933c4; background:#eee5ff; }.status-en_revision { color:#52208f; background:#e5d6fb; }.status-completado { color:#3c116d; background:#d9c4f5; }.gcp-due.is-late { color:#6e238b; }
.priority-baja { color:#8b7d98; }.priority-media { color:#7750aa; }.priority-alta { color:#61308f; }.priority-urgente { color:#421260; font-weight:750; }.priority-dot { background:#cbbce1; }.priority-dot.priority-media { background:#a985d8; }.priority-dot.priority-alta { background:#8050bd; }.priority-dot.priority-urgente { background:#4c176f; }
.gcp-table-wrap { border-color:#e2daeb; }.gcp-table th { color:#665772; border-color:#e2daeb; background:#f3eff8; }.gcp-table td { border-color:#eee9f3; }.gcp-table-type .fa-solid { color:#7444d7; }
.gcp-column { border-color:#e1d9e9; background:#f0ebf6; }.gcp-column.is-over { border-color:#7546e8; background:#e9ddfa; }.gcp-column > header span { color:#5f337f; background:#e3d8ee; }.gcp-card { border-color:#ded5e7; box-shadow:0 3px 10px rgba(55,29,82,.06); }.gcp-card > button { color:#2d1e39; }
.gcp-card-cover { height:64px; margin:-12px -12px 11px; border-bottom:1px solid #ded4e8; border-radius:5px 5px 0 0; background-position:center; background-size:cover; }.gcp-cover-0 { background-image:url('images/view-folders-purple.webp'); }.gcp-cover-1 { background-image:url('images/view-table-purple.webp'); }.gcp-cover-2 { background-image:url('images/view-kanban-purple.webp'); }.gcp-cover-3 { background-image:url('images/view-ideas-purple.webp'); }
.gcp-idea { overflow:hidden; border-color:#dfd4eb; background:#fff; box-shadow:0 4px 13px rgba(61,34,88,.06); }.gcp-idea-cover { height:76px; margin:-17px -17px 14px; border-bottom:1px solid #ded4e8; background:url('images/view-ideas-purple.webp') 68% 48%/cover no-repeat; }.gcp-idea > span { color:#7546b7; }.gcp-idea h3 { color:#2d1c3c; }
.gcp-dialog { border:1px solid #ded4e8; border-radius:8px; box-shadow:0 24px 70px rgba(30,15,45,.24); }.gcp-modal-banner { height:82px; margin:-24px -24px 20px; border-radius:7px 7px 0 0; background:linear-gradient(90deg,rgba(68,28,119,.92),rgba(109,58,192,.34)),url('images/view-table-purple.webp') right 43%/cover no-repeat; }.gcp-dialog h2 { color:#271b32; letter-spacing:-.025em; }.gcp-modal-backdrop { background:rgba(31,24,40,.68); }.gcp-close { z-index:2; color:#fff; }.gcp-field label { color:#4b3d57; }.gcp-field input:focus,.gcp-field select:focus,.gcp-field textarea:focus { border-color:#7546e8; outline:0; box-shadow:0 0 0 3px rgba(117,70,232,.11); }.gcp-actions { border-color:#e5deec; }.gcp-delete { color:#673080 !important; border-color:#cbb5dc !important; background:#faf7fc !important; }.gcp-file-section { border-color:#e1d8e9; border-radius:6px; background:#faf8fc; }
.gcp-standalone-page .button { border-radius:5px; }.gcp-standalone-page .button-primary { border-color:#7546e8 !important; background:#7546e8 !important; }.gcp-standalone-page .button-primary:hover { background:#6234cb !important; }
@media (max-width:782px) { .gcp-header { min-height:150px; background:linear-gradient(90deg,rgba(57,23,103,.98) 0%,rgba(100,51,178,.92) 70%,rgba(92,44,166,.45) 100%),url('images/view-kanban-purple.webp') right center/auto 150% no-repeat,#542996; }.gcp-view-hero { min-height:165px; padding:20px; background-position:62% center; }.gcp-view-hero-copy { width:72%; }.gcp-view-hero h2 { font-size:21px; }.gcp-view-hero p { font-size:12px; } }

/* Attached area hierarchy sidebar */
.gcp-standalone-shell { grid-template-columns:248px 258px minmax(0,1fr); }.gcp-standalone-shell.is-sidebar-collapsed { grid-template-columns:82px 258px minmax(0,1fr); }
.gcp-area-sidebar { position:sticky; z-index:1000; top:0; display:flex; height:100vh; min-width:0; flex-direction:column; overflow:hidden; color:#ded4e8; border-left:1px solid rgba(255,255,255,.07); border-right:1px solid #382347; background:#21132e; box-shadow:6px 0 18px rgba(31,17,43,.08); }
.gcp-area-sidebar-head { display:flex; height:76px; flex:0 0 76px; align-items:center; justify-content:space-between; padding:0 17px; border-bottom:1px solid rgba(255,255,255,.08); }.gcp-area-sidebar-head span,.gcp-area-sidebar-head strong { display:block; }.gcp-area-sidebar-head span { margin-bottom:3px; color:#8f7c9f; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }.gcp-area-sidebar-head strong { color:#fff; font-size:13px; }.gcp-area-head-actions { display:flex; align-items:center; gap:6px; }.gcp-area-add,.gcp-area-sidebar-toggle { display:grid; width:30px; height:30px; place-content:center; color:#fff; border:1px solid #7d4bb1; border-radius:5px; background:#66339d; cursor:pointer; }.gcp-area-sidebar-toggle { color:#bfa8d2; border-color:#51345f; background:#1a0e24; }.gcp-area-add:hover,.gcp-area-sidebar-toggle:hover { color:#fff; background:#7a45b3; }.gcp-area-sidebar-toggle i { transition:transform .2s ease; }
.gcp-area-nav-search { display:flex; height:37px; flex:0 0 37px; align-items:center; gap:8px; margin:14px 13px 8px; padding:0 10px; color:#8f7d9e; border:1px solid #493257; border-radius:5px; background:#180d23; }.gcp-area-nav-search:focus-within { border-color:#8853c3; box-shadow:0 0 0 2px rgba(136,83,195,.12); }.gcp-area-nav-search input { width:100%; min-width:0; height:34px; min-height:0 !important; padding:0 !important; color:#eee7f3 !important; border:0 !important; outline:0; background:transparent !important; box-shadow:none !important; font-size:12px !important; }.gcp-area-nav-search input::placeholder { color:#806f8d; }
.gcp-area-nav { flex:1; padding:7px 9px 16px; overflow:auto; scrollbar-color:#51365f transparent; scrollbar-width:thin; }.gcp-area-nav-loading,.gcp-area-nav-empty { padding:20px 10px; color:#8d7e97; text-align:center; font-size:11px; }.gcp-area-all { display:flex; width:100%; height:38px; align-items:center; gap:9px; margin-bottom:7px; padding:0 10px; color:#cfc4d7; border:0; border-radius:5px; background:transparent; cursor:pointer; }.gcp-area-all:hover,.gcp-area-all.is-active { color:#fff; background:#67379b; }.gcp-area-all i { width:16px; text-align:center; }
.gcp-area-nav-node { position:relative; }.gcp-area-nav-row { display:flex; min-width:0; align-items:center; }.gcp-area-nav-toggle { display:grid; width:23px; height:34px; flex:0 0 23px; place-content:center; color:#776883; border:0; background:transparent; cursor:pointer; transition:transform .15s; }.gcp-area-nav-toggle.is-empty { visibility:hidden; }.gcp-area-nav-node.is-collapsed > .gcp-area-nav-children { display:none; }.gcp-area-nav-node.is-collapsed > .gcp-area-nav-row .gcp-area-nav-toggle { transform:rotate(-90deg); }.gcp-area-nav-item { display:flex; min-width:0; height:36px; flex:1; align-items:center; gap:8px; padding:0 8px; overflow:hidden; color:#bfb3c8; border:0; border-radius:5px; background:transparent; cursor:pointer; }.gcp-area-nav-item:hover { color:#fff; background:rgba(255,255,255,.055); }.gcp-area-nav-item.is-active { color:#fff; background:#7442aa; }.gcp-area-nav-item > i { width:15px; flex:0 0 15px; color:#9d79bb; text-align:center; }.gcp-area-nav-item.is-active > i { color:#e5d1f7; }.gcp-area-nav-copy { min-width:0; flex:1; text-align:left; }.gcp-area-nav-copy strong,.gcp-area-nav-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.gcp-area-nav-copy strong { font-size:11px; font-weight:600; }.gcp-area-nav-copy small { margin-top:1px; color:#766a80; font-size:8px; text-transform:uppercase; letter-spacing:.05em; }.gcp-area-nav-children { position:relative; margin-left:11px; padding-left:7px; border-left:1px solid #4a3358; }
.gcp-area-sidebar-foot { display:flex; min-height:58px; align-items:flex-start; gap:8px; padding:13px 15px; color:#806f8d; border-top:1px solid rgba(255,255,255,.07); font-size:9px; line-height:1.45; }.gcp-area-sidebar-foot i { margin-top:2px; }.gcp-area-mobile-menu { display:none; width:36px; height:36px; place-content:center; color:#5d2b8a; border:1px solid #e0d3eb; border-radius:6px; background:#f4edfa; cursor:pointer; }
@media (max-width:1250px) and (min-width:1051px) { .gcp-standalone-shell { grid-template-columns:226px 220px minmax(0,1fr); }.gcp-standalone-shell.is-sidebar-collapsed { grid-template-columns:82px 220px minmax(0,1fr); } }
@media (max-width:1050px) { .gcp-standalone-shell { grid-template-columns:226px minmax(0,1fr); }.gcp-standalone-shell.is-sidebar-collapsed { grid-template-columns:82px minmax(0,1fr); }.gcp-area-sidebar { position:fixed; z-index:1100; left:0; width:270px; transform:translateX(-105%); transition:transform .22s ease; }.gcp-standalone-shell.is-area-menu-open .gcp-area-sidebar { transform:translateX(0); }.gcp-area-mobile-menu { display:grid; }.gcp-sidebar-backdrop { position:fixed; z-index:1050; inset:0; display:block; visibility:hidden; opacity:0; background:rgba(9,6,15,.58); border:0; transition:opacity .2s,visibility .2s; }.gcp-standalone-shell.is-area-menu-open .gcp-sidebar-backdrop { visibility:visible; opacity:1; } }
@media (max-width:782px) { .gcp-standalone-shell,.gcp-standalone-shell.is-sidebar-collapsed { display:block; }.gcp-standalone-shell.is-area-menu-open .gcp-area-sidebar { transform:translateX(0); }.gcp-standalone-shell.is-area-menu-open .gcp-sidebar-backdrop { visibility:visible; opacity:1; } }

@media (min-width:1251px) { .gcp-standalone-shell.is-area-sidebar-collapsed { grid-template-columns:248px 68px minmax(0,1fr); }.gcp-standalone-shell.is-sidebar-collapsed.is-area-sidebar-collapsed { grid-template-columns:82px 68px minmax(0,1fr); } }
@media (min-width:1051px) and (max-width:1250px) { .gcp-standalone-shell.is-area-sidebar-collapsed { grid-template-columns:226px 68px minmax(0,1fr); }.gcp-standalone-shell.is-sidebar-collapsed.is-area-sidebar-collapsed { grid-template-columns:82px 68px minmax(0,1fr); } }
@media (min-width:1051px) {
  .is-area-sidebar-collapsed .gcp-area-sidebar-head { justify-content:center; padding:0; }
  .is-area-sidebar-collapsed .gcp-area-sidebar-head > div:first-child,.is-area-sidebar-collapsed .gcp-area-add,.is-area-sidebar-collapsed .gcp-area-nav-search,.is-area-sidebar-collapsed .gcp-area-nav-copy,.is-area-sidebar-collapsed .gcp-area-all span,.is-area-sidebar-collapsed .gcp-area-sidebar-foot span { display:none; }
  .is-area-sidebar-collapsed .gcp-area-head-actions { display:block; }
  .is-area-sidebar-collapsed .gcp-area-sidebar-toggle i { transform:rotate(180deg); }
  .is-area-sidebar-collapsed .gcp-area-nav { padding:9px 7px 14px; overflow-x:hidden; }
  .is-area-sidebar-collapsed .gcp-area-all { width:44px; height:42px; justify-content:center; margin:0 auto 8px; padding:0; }
  .is-area-sidebar-collapsed .gcp-area-all i { width:auto; font-size:16px; }
  .is-area-sidebar-collapsed .gcp-area-nav-toggle { display:none; }
  .is-area-sidebar-collapsed .gcp-area-nav-row { justify-content:center; }
  .is-area-sidebar-collapsed .gcp-area-nav-item { width:44px; height:42px; flex:0 0 44px; justify-content:center; margin:1px auto; padding:0; }
  .is-area-sidebar-collapsed .gcp-area-nav-item > i { width:auto; font-size:16px; }
  .is-area-sidebar-collapsed .gcp-area-nav-children { margin:0; padding:0; border:0; }
  .is-area-sidebar-collapsed .gcp-area-nav-children .gcp-area-nav-item > i { color:#806b90; font-size:14px; }
  .is-area-sidebar-collapsed .gcp-area-sidebar-foot { min-height:52px; align-items:center; justify-content:center; padding:0; }
  .is-area-sidebar-collapsed .gcp-area-sidebar-foot i { margin:0; }
}

/* Visual folder and container cards */
.gcp-folder-gallery-section { margin:0 0 18px; }.gcp-folder-gallery-section > header { display:flex; align-items:flex-end; justify-content:space-between; margin:0 1px 11px; }.gcp-folder-gallery-section h3,.gcp-structure-label h3 { margin:0; color:#2d2038; font-size:16px; letter-spacing:-.02em; }.gcp-folder-gallery-section header p { margin:3px 0 0; color:#81758b; font-size:10px; }.gcp-folder-gallery-section > header > span,.gcp-structure-label > span { display:grid; width:25px; height:25px; place-content:center; color:#63329b; border-radius:5px; background:#e9ddf5; font-size:11px; font-weight:750; }
.gcp-folder-gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(205px,1fr)); gap:12px; }.gcp-folder-card { position:relative; min-width:0; overflow:hidden; border:1px solid #dfd5e8; border-radius:7px; background:#fff; box-shadow:0 5px 16px rgba(55,30,79,.055); transition:transform .16s,box-shadow .16s,border-color .16s; }.gcp-folder-card:hover { transform:translateY(-2px); border-color:#bca1d5; box-shadow:0 10px 24px rgba(67,34,99,.11); }.gcp-folder-open { display:block; width:100%; padding:0; overflow:hidden; text-align:left; border:0; background:#fff; cursor:pointer; }.gcp-entity-cover { display:block; width:100%; height:118px; border-bottom:1px solid #e2d8eb; background-position:center 44%; background-size:cover; }.entity-area { background-image:url('images/entity-area.webp'); }.entity-project { background-image:url('images/entity-project.webp'); }.entity-tasks { background-image:url('images/entity-tasks.webp'); }.entity-documents { background-image:url('images/entity-documents.webp'); }.gcp-folder-card-body { display:block; padding:11px 12px 10px; }.gcp-folder-card-body small,.gcp-folder-card-body strong,.gcp-folder-card-body > span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.gcp-folder-card-body small { margin-bottom:3px; color:#7b52a0; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }.gcp-folder-card-body strong { color:#2d2038; font-size:13px; }.gcp-folder-card-body > span { margin-top:5px; color:#8a7f93; font-size:9px; }.gcp-folder-card footer { display:flex; height:39px; align-items:center; gap:7px; padding:0 10px 0 12px; color:#887a92; border-top:1px solid #eee8f2; background:#fcfbfd; font-size:9px; }.gcp-folder-card footer > span:nth-child(2) { flex:1; }.gcp-folder-card footer button { display:grid; width:25px; height:25px; place-content:center; color:#765c88; border:0; border-radius:5px; background:transparent; cursor:pointer; }.gcp-folder-card footer button:hover { color:#552684; background:#eee5f5; }.gcp-mini-avatar { display:grid; width:21px; height:21px; place-content:center; color:#fff; border-radius:50%; background:#7546b8; font-size:8px; font-weight:800; }.gcp-structure-label { display:flex; align-items:center; justify-content:space-between; margin:4px 1px 10px; padding-top:3px; }
@media (max-width:600px) { .gcp-folder-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.gcp-entity-cover { height:92px; }.gcp-folder-card-body { padding:9px; }.gcp-folder-card-body > span { display:none; }.gcp-folder-card footer { padding:0 7px; }.gcp-folder-card footer > span:nth-child(2) { display:none; } }

/* Custom selectors */
.gcp-native-select { position:absolute !important; width:1px !important; height:1px !important; min-width:0 !important; min-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; opacity:0 !important; pointer-events:none !important; }
.gcp-custom-select { position:relative; min-width:155px; color:#33263f; font-size:13px; }
.gcp-custom-select-button { display:flex; width:100%; min-height:38px; align-items:center; justify-content:space-between; gap:12px; padding:7px 11px 7px 12px; color:#3c2d49; text-align:left; border:1px solid #cfc3dc; border-radius:6px; background:linear-gradient(180deg,#fff 0%,#fcfaff 100%); box-shadow:0 1px 2px rgba(49,26,72,.04); cursor:pointer; transition:border-color .15s,box-shadow .15s,background .15s; }
.gcp-custom-select-button:hover { color:#552991; border-color:#a98bc8; background:#faf6ff; }
.gcp-custom-select-button:focus-visible,.gcp-custom-select.is-open .gcp-custom-select-button { border-color:#7546e8; outline:0; box-shadow:0 0 0 3px rgba(117,70,232,.13); }
.gcp-custom-select-button > span { min-width:0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.gcp-custom-select-button > i { flex:0 0 auto; color:#7647a5; font-size:10px; transition:transform .16s ease; }
.gcp-custom-select.is-open .gcp-custom-select-button > i { transform:rotate(180deg); }
.gcp-custom-select-menu { position:absolute; z-index:100250; top:calc(100% + 6px); left:0; width:max(100%,190px); max-height:238px; padding:5px; overflow:auto; border:1px solid #d8cbe5; border-radius:7px; background:#fff; box-shadow:0 16px 38px rgba(47,24,70,.2); scrollbar-color:#b69bce #f7f3fa; scrollbar-width:thin; }
.gcp-custom-select-menu[hidden] { display:none !important; }
.gcp-custom-select-menu button { display:flex; width:100%; min-height:35px; align-items:center; gap:10px; padding:7px 9px; color:#493856; text-align:left; border:0; border-radius:5px; background:transparent; cursor:pointer; font:500 13px/1.3 inherit; }
.gcp-custom-select-menu button:hover,.gcp-custom-select-menu button:focus-visible { color:#4f228d; outline:0; background:#f2eafe; }
.gcp-custom-select-menu button.is-selected { color:#fff; font-weight:700; background:linear-gradient(90deg,#6d3ed5,#8652e8); }
.gcp-custom-select-menu button > i { margin-left:auto; color:inherit; font-size:10px; }
.gcp-toolbar > .gcp-custom-select { flex:0 1 170px; }
.gcp-field > .gcp-custom-select { width:100%; }
.gcp-special-view .gcp-custom-select:has(#gcp-area-filter),.gcp-special-view .gcp-custom-select:has(#gcp-assignee-filter) { display:none; }
@media (max-width:1350px) { .gcp-toolbar > .gcp-custom-select { flex:1 1 180px; max-width:none; } }
@media (max-width:600px) { .gcp-custom-select-menu { width:100%; min-width:0; }.gcp-toolbar > .gcp-custom-select { flex-basis:100%; } }

/* Workflow status and traffic-light priority */
.gcp-kanban { grid-template-columns:repeat(3,minmax(0,1fr)); }
.gcp-priority { display:inline-flex; min-height:24px; align-items:center; gap:6px; padding:3px 8px; color:#4c4254; border:1px solid #e4dce9; border-radius:999px; background:#fff; font-size:11px; font-weight:700; line-height:1; white-space:nowrap; }
.gcp-priority .priority-dot { width:9px; height:9px; flex:0 0 9px; border:2px solid rgba(255,255,255,.9); border-radius:50%; box-shadow:0 0 0 1px rgba(34,24,43,.14); }
.gcp-priority.priority-normal .priority-dot,.priority-dot.priority-normal { background:#28a86b; }
.gcp-priority.priority-medio .priority-dot,.priority-dot.priority-medio { background:#e4a11b; }
.gcp-priority.priority-alto .priority-dot,.priority-dot.priority-alto { background:#dc3f4f; }
.gcp-priority.priority-normal { color:#197348; background:#effaf4; border-color:#c8ebd8; }
.gcp-priority.priority-medio { color:#8a5a00; background:#fff8e6; border-color:#f2dda4; }
.gcp-priority.priority-alto { color:#a32638; background:#fff0f2; border-color:#f1c5cc; }
.status-sin_comenzar { color:#62596c; background:#f0edf4; }
.status-comenzado { color:#6434b7; background:#eee6ff; }
.status-pausado { color:#8a5510; background:#fff1dc; }
.status-finalizado { color:#176b49; background:#e1f6ea; }
.status-reabierto { color:#315a9b; background:#e6efff; }
.status-en_espera { color:#775b08; background:#fff6cf; }
.gcp-column[data-status="sin_comenzar"] { border-top:3px solid #92869e; }
.gcp-column[data-status="comenzado"] { border-top:3px solid #7546e8; }
.gcp-column[data-status="pausado"] { border-top:3px solid #db8b2e; }
.gcp-column[data-status="finalizado"] { border-top:3px solid #31a66e; }
.gcp-column[data-status="reabierto"] { border-top:3px solid #4f7dc4; }
.gcp-column[data-status="en_espera"] { border-top:3px solid #d4ae31; }
.gcp-custom-select:has(#gcp-priority) .gcp-custom-select-button:before,.gcp-custom-select:has(#gcp-priority) .gcp-custom-select-menu button:before { width:9px; height:9px; flex:0 0 9px; border-radius:50%; background:#28a86b; box-shadow:0 0 0 2px rgba(40,168,107,.13); content:''; }
.gcp-custom-select:has(#gcp-priority)[data-value="medio"] .gcp-custom-select-button:before,.gcp-custom-select:has(#gcp-priority) .gcp-custom-select-menu button[data-custom-value="medio"]:before { background:#e4a11b; box-shadow:0 0 0 2px rgba(228,161,27,.15); }
.gcp-custom-select:has(#gcp-priority)[data-value="alto"] .gcp-custom-select-button:before,.gcp-custom-select:has(#gcp-priority) .gcp-custom-select-menu button[data-custom-value="alto"]:before { background:#dc3f4f; box-shadow:0 0 0 2px rgba(220,63,79,.14); }
.gcp-table .gcp-custom-select { min-width:145px; }
.gcp-table .gcp-custom-select-menu { min-width:180px; }
@media (max-width:1350px) { .gcp-kanban { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:782px) { .gcp-kanban { grid-template-columns:1fr; }.gcp-node-row .gcp-priority span { display:none; }.gcp-node-row .gcp-priority { padding:4px; } }

/* Unique imagery and safer panoramic framing */
.gcp-login-visual { background-image:linear-gradient(145deg,rgba(28,12,49,.94),rgba(68,30,118,.82)),url('images/project-collaboration-banner.webp'); background-position:center,center; background-size:100% 100%,cover; background-repeat:no-repeat; }
.gcp-header { background-image:linear-gradient(90deg,rgba(57,23,103,.99) 0%,rgba(100,51,178,.95) 55%,rgba(92,44,166,.28) 100%),url('images/header-workspace-v2.webp'); background-position:center,right center; background-size:100% 100%,auto 145%; background-repeat:no-repeat; }
.gcp-view-hero { background-position:center,right center; background-size:100% 100%,auto 155%; background-repeat:no-repeat; }
.gcp-view-hero-folders { background-image:linear-gradient(90deg,rgba(250,247,255,.99) 0%,rgba(250,247,255,.94) 45%,rgba(250,247,255,.12) 76%),url('images/hero-folders-v2.webp'); }
.gcp-view-hero-table { background-image:linear-gradient(90deg,rgba(250,247,255,.99) 0%,rgba(250,247,255,.94) 45%,rgba(250,247,255,.12) 76%),url('images/hero-table-v2.webp'); }
.gcp-view-hero-kanban { background-image:linear-gradient(90deg,rgba(35,13,61,.99) 0%,rgba(52,20,86,.93) 46%,rgba(45,17,75,.16) 78%),url('images/hero-kanban-v2.webp'); }
.gcp-view-hero-ideas { background-image:linear-gradient(90deg,rgba(250,247,255,.99) 0%,rgba(250,247,255,.94) 45%,rgba(250,247,255,.12) 76%),url('images/hero-ideas-v2.webp'); }
.gcp-modal-banner { background-image:linear-gradient(90deg,rgba(68,28,119,.9),rgba(109,58,192,.2)),url('images/modal-editor-v2.webp'); background-position:center,center; background-size:100% 100%,auto 165%; background-repeat:no-repeat; }
.gcp-cover-0 { background-image:url('images/card-progress-v2.webp'); }.gcp-cover-1 { background-image:url('images/card-team-v2.webp'); }.gcp-cover-2 { background-image:url('images/card-documents-v2.webp'); }.gcp-cover-3 { background-image:url('images/card-milestone-v2.webp'); }
.gcp-card-cover { background-position:center; background-size:auto 200%; background-repeat:no-repeat; background-color:#e8ddf3; }
.gcp-idea-cover { background-image:url('images/card-idea-v2.webp'); background-position:center; background-size:auto 190%; background-repeat:no-repeat; background-color:#eee8f7; }
@media (max-width:782px) { .gcp-header { background-position:center,right center; background-size:100% 100%,auto 125%; }.gcp-view-hero { background-position:center,right center; background-size:100% 100%,auto 135%; } }

/* Plans, minutes, quick notes and presentation */
.gcp-view-hero-plans { color:#fff; border-color:#4b2670; background-image:linear-gradient(90deg,rgba(40,15,67,.98),rgba(68,28,111,.9) 46%,rgba(45,17,75,.12) 75%),url('images/view-kanban-purple.webp'); }.gcp-view-hero-plans .gcp-view-hero-copy > span,.gcp-view-hero-plans p { color:#dfd0ee; }.gcp-view-hero-minutes { background-image:linear-gradient(90deg,rgba(250,247,255,.99),rgba(250,247,255,.93) 44%,rgba(250,247,255,.08) 74%),url('images/view-table-purple.webp'); }.gcp-view-hero-notes { background-image:linear-gradient(90deg,rgba(250,247,255,.99),rgba(250,247,255,.93) 44%,rgba(250,247,255,.08) 74%),url('images/view-ideas-purple.webp'); }
.gcp-plans-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(330px,1fr)); gap:14px; }.gcp-plan-card { overflow:hidden; border:1px solid #ded3e8; border-radius:7px; background:#fff; box-shadow:0 6px 18px rgba(58,31,82,.06); }.gcp-plan-cover { height:78px; border-bottom:1px solid #ded2e8; background:linear-gradient(90deg,rgba(56,22,96,.8),rgba(108,57,186,.16)),url('images/view-kanban-purple.webp') 72% 48%/cover no-repeat; }.gcp-plan-card > header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:15px 16px 0; }.gcp-plan-card header small { color:#79529d; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }.gcp-plan-card h3 { margin:3px 0 0; color:#2a1c35; font-size:18px; }.gcp-plan-card > p { min-height:40px; margin:10px 16px; color:#776c80; font-size:12px; line-height:1.5; }.gcp-plan-points { min-height:72px; margin:10px 16px 15px; padding:8px; border:1px solid #e6deed; border-radius:5px; background:#faf8fc; }.gcp-plan-points button { display:flex; width:100%; align-items:center; gap:8px; padding:5px; color:#51435b; text-align:left; border:0; background:transparent; cursor:pointer; }.gcp-plan-points button:hover { color:#6530a1; }.gcp-plan-points button span { display:grid; width:20px; height:20px; flex:0 0 20px; place-content:center; color:#fff; border-radius:4px; background:#7b48b4; font-size:9px; }.gcp-plan-points em { display:block; padding:17px 8px; color:#96899f; text-align:center; font-size:10px; }.gcp-plan-card > footer { display:flex; min-height:51px; align-items:center; justify-content:space-between; gap:8px; padding:9px 13px 9px 16px; border-top:1px solid #ebe5f0; }.gcp-plan-card > footer > span { color:#806e8c; font-size:10px; }.gcp-plan-card footer > div { display:flex; gap:5px; }
.gcp-minutes-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:13px; }.gcp-minute-card { padding:16px; border:1px solid #dfd5e8; border-radius:7px; background:#fff; box-shadow:0 5px 15px rgba(55,30,78,.05); }.gcp-minute-date { display:flex; align-items:center; gap:7px; color:#7445a1; font-size:10px; }.gcp-minute-card h3 { margin:9px 0 7px; color:#2c2036; font-size:17px; }.gcp-minute-card > p { min-height:38px; margin:0 0 13px; color:#776d7f; font-size:11px; line-height:1.5; }.gcp-minute-card dl { margin:0; padding:10px; border:1px solid #e9e2ee; border-radius:5px; background:#faf8fc; }.gcp-minute-card dl > div + div { margin-top:8px; }.gcp-minute-card dt { color:#79549a; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }.gcp-minute-card dd { margin:2px 0 0; color:#554a5d; font-size:10px; line-height:1.4; }.gcp-minute-card footer { display:flex; align-items:center; justify-content:space-between; margin-top:13px; color:#8a7e92; font-size:9px; }
.gcp-quick-note { display:flex; align-items:center; gap:10px; margin-bottom:15px; padding:10px 12px; border:1px solid #dcd0e7; border-radius:6px; background:#fff; box-shadow:0 4px 12px rgba(53,27,77,.04); }.gcp-quick-note > i { color:#7543aa; }.gcp-quick-note input { min-width:0; flex:1; border:0 !important; outline:0; box-shadow:none !important; }.gcp-quick-note button { display:flex; height:34px; align-items:center; gap:7px; padding:0 13px; color:#fff; border:0; border-radius:5px; background:#7441aa; cursor:pointer; }.gcp-notes-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:13px; }.gcp-sticky-note { position:relative; display:flex; min-height:205px; flex-direction:column; padding:18px; overflow:hidden; border:1px solid #d9cbe5; border-radius:4px; box-shadow:0 7px 18px rgba(57,29,80,.08); transform:rotate(-.25deg); }.gcp-sticky-note:nth-child(2n) { transform:rotate(.35deg); }.gcp-sticky-note.note-lavender { background:#eee4fa; }.gcp-sticky-note.note-violet { color:#fff; border-color:#7545a7; background:#8250b7; }.gcp-sticky-note.note-plum { color:#fff; border-color:#3b1c4b; background:#4e295e; }.gcp-sticky-note.note-white { background:#fff; }.gcp-note-pin { position:absolute; top:10px; right:12px; color:#714398; font-size:11px; transform:rotate(22deg); }.note-violet .gcp-note-pin,.note-plum .gcp-note-pin { color:#eadcf6; }.gcp-sticky-note > button { flex:1; padding:0; color:inherit; text-align:left; border:0; background:transparent; cursor:pointer; }.gcp-sticky-note h3 { margin:7px 20px 10px 0; color:inherit; font-size:16px; }.gcp-sticky-note p { margin:0; color:inherit; font-size:12px; line-height:1.6; white-space:pre-wrap; opacity:.78; }.gcp-sticky-note footer { display:flex; align-items:center; justify-content:space-between; margin-top:16px; padding-top:10px; border-top:1px solid rgba(91,54,113,.18); font-size:9px; opacity:.72; }
.gcp-presentation[hidden] { display:none; }.gcp-presentation { position:fixed; z-index:200000; inset:0; padding:22px; color:#fff; background:#130a1e; }.gcp-presentation-stage { display:grid; width:100%; height:100%; overflow:hidden; grid-template-rows:62px minmax(0,1fr) 66px; border:1px solid #4e2a67; border-radius:8px; background:radial-gradient(circle at 80% 15%,#482063 0,#21102f 37%,#150b20 75%); box-shadow:0 30px 100px #000; }.gcp-presentation-stage > header,.gcp-presentation-stage > footer { display:flex; align-items:center; justify-content:space-between; padding:0 24px; border-color:rgba(255,255,255,.1); }.gcp-presentation-stage > header { border-bottom:1px solid rgba(255,255,255,.1); }.gcp-presentation-stage > footer { justify-content:flex-end; gap:9px; border-top:1px solid rgba(255,255,255,.1); }.gcp-presentation-stage header span,.gcp-presentation-stage header strong { display:block; }.gcp-presentation-stage header span { color:#b899cc; font-size:9px; }.gcp-presentation-stage header strong { margin-top:2px; font-size:13px; }.gcp-presentation-stage header button,.gcp-presentation-stage footer button { height:36px; padding:0 14px; color:#fff; border:1px solid #6f4b83; border-radius:5px; background:rgba(255,255,255,.07); cursor:pointer; }.gcp-presentation-stage header button { width:36px; padding:0; }.gcp-presentation-stage footer button:hover { background:#7443a2; }.gcp-presentation-stage footer button:disabled { opacity:.3; cursor:not-allowed; }.gcp-presentation-stage > main { display:grid; min-height:0; grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr); gap:32px; padding:5vh 5vw; overflow:auto; }.gcp-slide-copy { align-self:center; }.gcp-slide-copy > span { color:#c19bdd; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }.gcp-slide-copy h1 { max-width:850px; margin:12px 0 16px; color:#fff; font-size:clamp(34px,5vw,72px); line-height:1.02; letter-spacing:-.045em; }.gcp-slide-summary { max-width:800px; margin:0; color:#d8cce0; font-size:clamp(16px,1.7vw,25px); line-height:1.5; }.gcp-slide-copy section { margin-top:28px; padding-top:20px; border-top:1px solid rgba(255,255,255,.13); }.gcp-slide-copy section h3 { margin:0 0 7px; color:#bf96d9; font-size:11px; text-transform:uppercase; letter-spacing:.09em; }.gcp-slide-copy section p { margin:0; color:#ddd2e4; font-size:15px; line-height:1.55; white-space:pre-wrap; }.gcp-slide-copy aside { display:flex; gap:12px; margin-top:24px; padding:15px; color:#2d1739; border-radius:5px; background:#eadcf4; }.gcp-slide-copy aside i { color:#7543a0; }.gcp-slide-copy aside strong { font-size:11px; }.gcp-slide-copy aside p { margin:3px 0 0; font-size:12px; white-space:pre-wrap; }.gcp-slide-images { display:grid; align-self:center; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.gcp-slide-images img { width:100%; height:220px; object-fit:cover; border:1px solid #6a467d; border-radius:5px; background:#fff; }.gcp-slide-images img:first-child:last-child { height:min(55vh,520px); grid-column:1/-1; }.gcp-slide-placeholder { display:grid; min-height:300px; align-self:center; place-content:center; justify-items:center; gap:10px; color:#9b7cab; border:1px dashed #684978; border-radius:6px; background:rgba(255,255,255,.025); }.gcp-slide-placeholder i { font-size:38px; }.gcp-presentation-open { overflow:hidden; }
@media (max-width:800px) { .gcp-plans-grid,.gcp-minutes-grid { grid-template-columns:1fr; }.gcp-presentation { padding:0; }.gcp-presentation-stage { border:0; border-radius:0; }.gcp-presentation-stage > main { grid-template-columns:1fr; padding:28px 22px; }.gcp-slide-copy h1 { font-size:36px; }.gcp-slide-images img { height:150px; }.gcp-presentation-stage > header,.gcp-presentation-stage > footer { padding:0 14px; }.gcp-plan-card > footer { align-items:flex-start; flex-direction:column; }.gcp-plan-card footer > div { width:100%; }.gcp-plan-card footer .button { flex:1; }.gcp-quick-note button span { display:none; } }

/* Keep specialized view artwork unique after component declarations. */
.gcp-view-hero-plans { background-image:linear-gradient(90deg,rgba(40,15,67,.99),rgba(68,28,111,.93) 47%,rgba(45,17,75,.14) 78%),url('images/hero-plans-v2.webp'); }
.gcp-view-hero-minutes { background-image:linear-gradient(90deg,rgba(250,247,255,.99),rgba(250,247,255,.94) 46%,rgba(250,247,255,.12) 77%),url('images/hero-minutes-v2.webp'); }
.gcp-view-hero-notes { background-image:linear-gradient(90deg,rgba(250,247,255,.99),rgba(250,247,255,.94) 46%,rgba(250,247,255,.12) 77%),url('images/hero-notes-v2.webp'); }
.gcp-plan-cover { background-image:linear-gradient(90deg,rgba(56,22,96,.68),rgba(108,57,186,.06)),url('images/card-plan-v2.webp'); background-position:center,center; background-size:100% 100%,auto 185%; background-repeat:no-repeat; background-color:#281036; }

/* Original artwork for each main area */
.entity-area-recursos-humanos { background-image:url('images/area-recursos-humanos-v1.webp'); }
.entity-area-operacion { background-image:url('images/area-operacion-v1.webp'); }
.entity-area-mesa-trabajo { background-image:url('images/area-mesa-trabajo-v1.webp'); }
.entity-area-cobranza { background-image:url('images/area-cobranza-v1.webp'); }
.entity-area-direccion { background-image:url('images/area-direccion-v1.webp'); }
.entity-area-innovacion { background-image:url('images/area-innovacion-v1.webp'); }
.gcp-entity-cover[class*="entity-area-"] { background-position:center 52%; background-size:cover; }

/* Button contrast safeguards */
.gcp-standalone-page .button-primary,.gcp-standalone-page .button-primary:hover,.gcp-standalone-page .button-primary:focus,.gcp-standalone-page .button-primary:active { color:#fff !important; text-shadow:none !important; }
.gcp-standalone-page .gcp-header .button-primary { color:#542996 !important; border-color:#fff !important; background:#fff !important; box-shadow:0 6px 16px rgba(31,12,54,.16); }
.gcp-standalone-page .gcp-header .button-primary:hover,.gcp-standalone-page .gcp-header .button-primary:focus,.gcp-standalone-page .gcp-header .button-primary:active { color:#3d176f !important; border-color:#f4edff !important; background:#f4edff !important; }
.gcp-standalone-page .button:disabled,.gcp-standalone-page .button[aria-disabled="true"] { cursor:not-allowed; opacity:.58; }

/* Progress and delivery calendar */
.gcp-progress { display:inline-flex; min-width:112px; align-items:center; gap:7px; color:#5f4b70; font-size:10px; white-space:nowrap; }.gcp-progress-track { display:block; width:74px; height:7px; overflow:hidden; border-radius:3px; background:#e9e1f1; }.gcp-progress-track i { display:block; width:var(--gcp-progress); height:100%; border-radius:inherit; background:linear-gradient(90deg,#6b38cc,#9a63ed); }.gcp-progress strong { min-width:30px; color:#56317d; font-size:10px; }.gcp-progress.is-compact { min-width:76px; gap:5px; }.gcp-progress.is-compact .gcp-progress-track { width:44px; height:5px; }.gcp-progress.is-compact strong { min-width:25px; font-size:9px; }
.gcp-progress-field label { display:flex; align-items:center; justify-content:space-between; }.gcp-progress-field label strong { color:#6f3cc8; font-size:14px; }.gcp-progress-field input[type="range"] { min-height:24px; padding:0; border:0; outline:0; accent-color:#7546e8; background:linear-gradient(90deg,#7546e8 0 var(--gcp-range-progress),#e7deef var(--gcp-range-progress) 100%); }.gcp-progress-preview { height:8px; margin-top:7px; overflow:hidden; border-radius:3px; background:#e8e0ef; }.gcp-progress-preview span { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#6c39cf,#9e68ef); transition:width .15s ease; }.gcp-progress-field small { display:block; margin-top:5px; color:#8d8197; font-size:10px; }
.gcp-view-hero-calendar { background-image:linear-gradient(90deg,rgba(250,247,255,.99) 0%,rgba(250,247,255,.95) 44%,rgba(250,247,255,.12) 76%),url('images/hero-calendar-v1.webp'); background-position:center,right center; background-size:100% 100%,auto 125%; background-repeat:no-repeat; }
.gcp-calendar-controls { display:grid; grid-template-columns:auto minmax(180px,1fr) auto; align-items:center; gap:14px; margin-bottom:12px; padding:11px; border:1px solid #ded3e8; border-radius:7px; background:#fff; box-shadow:0 4px 14px rgba(54,28,78,.04); }.gcp-calendar-controls h3 { margin:0; color:#34223f; text-align:center; font-size:18px; text-transform:capitalize; }.gcp-calendar-nav,.gcp-calendar-actions,.gcp-calendar-modes { display:flex; align-items:center; }.gcp-calendar-nav button,.gcp-calendar-modes button { min-height:34px; padding:0 12px; color:#5f516a; border:1px solid #d6cade; background:#fff; cursor:pointer; }.gcp-calendar-nav button:first-child,.gcp-calendar-modes button:first-child { border-radius:5px 0 0 5px; }.gcp-calendar-nav button:last-child,.gcp-calendar-modes button:last-child { border-radius:0 5px 5px 0; }.gcp-calendar-nav button + button,.gcp-calendar-modes button + button { margin-left:-1px; }.gcp-calendar-nav button:hover,.gcp-calendar-modes button:hover { position:relative; z-index:1; color:#632da6; border-color:#8b5dc0; }.gcp-calendar-modes button.is-active { position:relative; z-index:1; color:#fff; border-color:#7546e8; background:#7546e8; }.gcp-calendar-actions { justify-content:flex-end; gap:9px; }
.gcp-calendar-month,.gcp-calendar-week,.gcp-calendar-day { overflow:hidden; border:1px solid #ddd3e6; border-radius:7px; background:#fff; box-shadow:0 6px 20px rgba(51,26,74,.05); }.gcp-calendar-weekdays { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); border-bottom:1px solid #ded5e7; background:#f4eff8; }.gcp-calendar-weekdays span { padding:9px 5px; color:#6f5a7f; text-align:center; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }.gcp-calendar-month-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); }.gcp-calendar-month-grid > section { min-width:0; min-height:126px; padding:6px; border-right:1px solid #ede7f1; border-bottom:1px solid #ede7f1; background:#fff; }.gcp-calendar-month-grid > section:nth-child(7n) { border-right:0; }.gcp-calendar-month-grid > section.is-outside { background:#faf8fc; opacity:.62; }.gcp-calendar-month-grid > section.is-today { box-shadow:inset 0 0 0 2px #8555dd; }.gcp-calendar-month-grid section > header { display:flex; justify-content:flex-end; margin-bottom:4px; }.gcp-calendar-month-grid section > header button,.gcp-calendar-week section > header button { display:grid; width:25px; height:25px; padding:0; place-content:center; color:#5d4c69; border:0; border-radius:4px; background:transparent; cursor:pointer; font-weight:750; }.gcp-calendar-month-grid section.is-today > header button,.gcp-calendar-week section.is-today > header button { color:#fff; background:#7546e8; }
.gcp-calendar-event { display:flex; width:100%; min-width:0; align-items:center; gap:6px; margin:3px 0; padding:6px 7px; color:#4d3560; text-align:left; border:1px solid #decfea; border-left:3px solid #7546e8; border-radius:4px; background:#f2ebfb; cursor:pointer; }.gcp-calendar-event:hover { color:#3f1d60; border-color:#b99dd2; background:#eadffc; }.gcp-calendar-event > i { width:12px; flex:0 0 12px; color:#7441b8; text-align:center; font-size:9px; }.gcp-calendar-event > span { min-width:0; flex:1; }.gcp-calendar-event strong,.gcp-calendar-event small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.gcp-calendar-event strong { font-size:10px; }.gcp-calendar-event small { margin-top:2px; color:#8a7698; font-size:8px; }.gcp-calendar-event.is-start { border-left-color:#a87add; background:#f8f3fc; }.gcp-calendar-event.is-meeting { color:#fff; border-color:#4d286d; border-left-color:#c69aee; background:#4d286d; }.gcp-calendar-event.is-meeting > i,.gcp-calendar-event.is-meeting small { color:#e2ccef; }.gcp-calendar-event.is-dense { padding:4px 5px; }.gcp-calendar-event.is-dense > .gcp-progress { display:none; }.gcp-calendar-more { width:100%; padding:3px; color:#72459a; border:0; background:transparent; cursor:pointer; font-size:9px; font-weight:700; }
.gcp-calendar-week { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); }.gcp-calendar-week > section { min-width:0; min-height:380px; padding:7px; border-right:1px solid #e9e2ee; }.gcp-calendar-week > section:last-child { border-right:0; }.gcp-calendar-week > section > header { display:flex; align-items:center; justify-content:space-between; margin-bottom:7px; padding-bottom:7px; border-bottom:1px solid #eee8f2; }.gcp-calendar-week > section > header span { color:#796985; font-size:10px; font-weight:750; text-transform:capitalize; }.gcp-no-events { display:block; padding:12px 3px; color:#a398aa; text-align:center; font-size:9px; }
.gcp-calendar-day { display:grid; min-height:380px; grid-template-columns:150px minmax(0,1fr); }.gcp-calendar-day > header { display:flex; align-items:center; flex-direction:column; justify-content:center; padding:20px; color:#fff; background:linear-gradient(145deg,#321746,#7140a7); }.gcp-calendar-day > header span { font-size:11px; text-transform:capitalize; }.gcp-calendar-day > header strong { margin:8px 0; font-size:64px; line-height:1; }.gcp-calendar-day > header small { color:#dbc9e8; text-align:center; text-transform:capitalize; }.gcp-calendar-agenda { padding:18px; }.gcp-calendar-agenda .gcp-calendar-event { min-height:52px; padding:9px 11px; }.gcp-calendar-agenda .gcp-calendar-event strong { font-size:12px; }.gcp-calendar-empty-day { display:grid; min-height:280px; place-content:center; justify-items:center; gap:9px; color:#9a8ca3; }.gcp-calendar-empty-day i { color:#8962aa; font-size:28px; }
.gcp-undated { margin-top:13px; overflow:hidden; border:1px solid #ded5e6; border-radius:7px; background:#fff; }.gcp-undated > header { display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-bottom:1px solid #eee8f2; }.gcp-undated > header > div { display:flex; align-items:center; gap:10px; }.gcp-undated > header i { color:#8050ad; }.gcp-undated header span strong,.gcp-undated header span small { display:block; }.gcp-undated header span strong { color:#3e2d49; font-size:12px; }.gcp-undated header span small { margin-top:2px; color:#8e8296; font-size:9px; }.gcp-undated header b { display:grid; min-width:25px; height:25px; place-content:center; color:#fff; border-radius:4px; background:#7441a8; font-size:10px; }.gcp-undated > div { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:7px; padding:10px; }.gcp-undated > div > button { display:flex; min-width:0; align-items:center; gap:8px; padding:8px; color:#54465e; text-align:left; border:1px solid #e5ddea; border-radius:5px; background:#faf8fc; cursor:pointer; }.gcp-undated > div > button > span { min-width:0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.gcp-undated > div > button > i { color:#7a48aa; }
@media (max-width:1050px) { .gcp-calendar-controls { grid-template-columns:1fr auto; }.gcp-calendar-controls h3 { grid-column:1/-1; grid-row:1; }.gcp-calendar-nav { grid-row:2; }.gcp-calendar-actions { grid-row:2; }.gcp-calendar-event .gcp-progress { display:none; } }
@media (max-width:782px) { .gcp-view-hero-calendar { background-size:100% 100%,auto 115%; }.gcp-calendar-controls { display:flex; align-items:stretch; flex-direction:column; }.gcp-calendar-controls h3 { order:-1; font-size:16px; }.gcp-calendar-nav,.gcp-calendar-actions { justify-content:center; }.gcp-calendar-actions { flex-wrap:wrap; }.gcp-calendar-week { grid-template-columns:1fr; }.gcp-calendar-week > section { min-height:100px; border-right:0; border-bottom:1px solid #e9e2ee; }.gcp-calendar-month-grid > section { min-height:86px; padding:3px; }.gcp-calendar-weekdays span { padding:7px 2px; font-size:8px; }.gcp-calendar-event { padding:3px; border-left-width:2px; }.gcp-calendar-event > i,.gcp-calendar-event small { display:none; }.gcp-calendar-event strong { font-size:8px; }.gcp-calendar-day { grid-template-columns:1fr; }.gcp-calendar-day > header { min-height:150px; }.gcp-calendar-day > header strong { font-size:48px; }.gcp-calendar-agenda { padding:10px; }.gcp-progress-field input[type="range"] { min-height:32px; } }
@media (max-width:480px) { .gcp-calendar-month-grid > section { min-height:70px; }.gcp-calendar-event { margin:2px 0; }.gcp-calendar-event:nth-child(n+2) { display:none; }.gcp-calendar-month-grid section > header button { width:21px; height:21px; font-size:10px; }.gcp-calendar-modes { width:100%; }.gcp-calendar-modes button { flex:1; }.gcp-calendar-actions > .button { width:100%; } }

/* Shared-document collaboration */
.gcp-view-hero-collaboration { background-image:linear-gradient(90deg,rgba(250,247,255,.99) 0%,rgba(250,247,255,.95) 44%,rgba(250,247,255,.1) 76%),url('images/hero-collaboration-v1.webp'); background-position:center,right center; background-size:100% 100%,auto 125%; background-repeat:no-repeat; }
.gcp-collaboration { display:grid; min-width:0; min-height:600px; grid-template-columns:minmax(230px,310px) minmax(0,1fr); overflow:hidden; border:1px solid #ddd2e7; border-radius:7px; background:#fff; box-shadow:0 8px 26px rgba(48,24,70,.06); }.gcp-collaboration > aside { min-width:0; border-right:1px solid #e5ddea; background:#f8f5fa; }.gcp-collaboration > aside > header { display:flex; min-height:72px; align-items:center; justify-content:space-between; padding:14px 15px; color:#fff; background:linear-gradient(135deg,#351a49,#6c3c9d); }.gcp-collaboration > aside > header span,.gcp-collaboration > aside > header strong { display:block; }.gcp-collaboration > aside > header span { color:#cdb8dc; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }.gcp-collaboration > aside > header strong { margin-top:3px; font-size:13px; }.gcp-collaboration > aside > header > i { color:#d8bcec; font-size:19px; }
.gcp-collab-files { max-height:650px; padding:8px; overflow-y:auto; }.gcp-collab-file { display:flex; width:100%; min-width:0; align-items:center; gap:9px; margin-bottom:5px; padding:9px; color:#55465f; text-align:left; border:1px solid transparent; border-radius:5px; background:transparent; cursor:pointer; }.gcp-collab-file:hover { border-color:#ded2e7; background:#fff; }.gcp-collab-file.is-active { color:#4c2472; border-color:#cdb6df; background:#fff; box-shadow:0 4px 12px rgba(69,36,96,.07); }.gcp-collab-file-icon { display:grid; width:35px; height:38px; flex:0 0 35px; place-content:center; color:#7542ac; border-radius:4px; background:#eadff3; }.gcp-collab-file > span:nth-child(2) { min-width:0; flex:1; }.gcp-collab-file strong,.gcp-collab-file small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.gcp-collab-file strong { font-size:11px; }.gcp-collab-file small { margin-top:3px; color:#8d8096; font-size:8px; }.gcp-collab-file > i { color:#a496ad; font-size:8px; }
.gcp-collab-thread { display:grid; min-width:0; grid-template-rows:auto minmax(260px,1fr) auto; background:#fff; }.gcp-collab-thread > header { display:flex; min-width:0; align-items:center; gap:12px; padding:13px 16px; border-bottom:1px solid #e9e2ee; }.gcp-collab-preview { display:grid; width:52px; height:52px; flex:0 0 52px; overflow:hidden; place-content:center; color:#7542ad; border:1px solid #ded3e7; border-radius:5px; background:#f1eaf7; font-size:21px; }.gcp-collab-preview img { width:100%; height:100%; object-fit:cover; }.gcp-collab-thread > header > div:nth-child(2) { min-width:0; flex:1; }.gcp-collab-thread > header span,.gcp-collab-thread > header h3,.gcp-collab-thread > header small { display:block; overflow:hidden; margin:0; text-overflow:ellipsis; white-space:nowrap; }.gcp-collab-thread > header span { color:#8254a5; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }.gcp-collab-thread > header h3 { margin:3px 0; color:#34233f; font-size:16px; }.gcp-collab-thread > header small { color:#8a7c93; font-size:9px; }.gcp-collab-thread > header .button { flex:0 0 auto; }
.gcp-comments { min-height:0; max-height:560px; padding:18px; overflow-y:auto; background:linear-gradient(180deg,#fdfcfe,#faf8fc); }.gcp-comment { display:flex; align-items:flex-start; gap:9px; margin-bottom:15px; }.gcp-comment-avatar { display:grid; width:32px; height:32px; flex:0 0 32px; place-content:center; color:#fff; border-radius:50%; background:linear-gradient(135deg,#7441aa,#a16bda); font-size:10px; font-weight:800; }.gcp-comment > div { max-width:min(680px,80%); padding:9px 11px; border:1px solid #e2d9e9; border-radius:4px 9px 9px 9px; background:#fff; box-shadow:0 3px 10px rgba(47,25,66,.04); }.gcp-comment.is-mine { flex-direction:row-reverse; }.gcp-comment.is-mine > div { border-color:#ceb7e2; border-radius:9px 4px 9px 9px; background:#f0e6fa; }.gcp-comment > div > header { display:flex; align-items:center; gap:8px; }.gcp-comment > div > header strong { color:#493754; font-size:10px; }.gcp-comment > div > header time { color:#998da1; font-size:8px; }.gcp-comment > div > header button { width:22px; height:22px; margin-left:auto; padding:0; color:#9a7eaa; border:0; border-radius:4px; background:transparent; cursor:pointer; font-size:8px; }.gcp-comment > div > header button:hover { color:#67338d; background:#e5d3f2; }.gcp-comment p { margin:5px 0 0; color:#5e5266; font-size:11px; line-height:1.55; white-space:pre-wrap; overflow-wrap:anywhere; }
.gcp-comment-form { display:flex; align-items:flex-end; gap:9px; padding:12px 15px; border-top:1px solid #e5ddea; background:#fff; }.gcp-comment-form textarea { min-width:0; max-height:140px; flex:1; resize:vertical; border-color:#cfc1da; background:#fcfbfd; }.gcp-comment-form textarea:focus { border-color:#7546e8; outline:0; box-shadow:0 0 0 3px rgba(117,70,232,.1); }.gcp-comment-form .button { min-height:42px; }.gcp-thread-empty { display:grid; min-height:300px; place-content:center; justify-items:center; gap:5px; color:#91839a; text-align:center; }.gcp-thread-empty i { margin-bottom:6px; color:#8557aa; font-size:30px; }.gcp-thread-empty strong { color:#54415f; font-size:13px; }.gcp-thread-empty span { font-size:10px; }.gcp-collaboration-empty { display:grid; min-height:390px; place-content:center; justify-items:center; padding:30px; color:#8c7e95; text-align:center; border:1px solid #ded4e6; border-radius:7px; background:#fff; }.gcp-collaboration-empty i { color:#7e4aaa; font-size:36px; }.gcp-collaboration-empty h3 { margin:12px 0 4px; color:#3e2c49; }.gcp-collaboration-empty p { max-width:500px; margin:0; line-height:1.55; }
@media (max-width:900px) { .gcp-collaboration { grid-template-columns:220px minmax(0,1fr); }.gcp-collab-thread > header .button { width:38px; padding:0; }.gcp-collab-thread > header .button { font-size:0; }.gcp-collab-thread > header .button i { margin:0; font-size:12px; } }
@media (max-width:700px) { .gcp-view-hero-collaboration { background-size:100% 100%,auto 115%; }.gcp-collaboration { display:block; }.gcp-collaboration > aside { border-right:0; border-bottom:1px solid #e5ddea; }.gcp-collab-files { display:grid; max-height:230px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; overflow-x:hidden; }.gcp-collab-file { width:100%; min-width:0; margin:0; }.gcp-collab-thread { min-height:520px; }.gcp-comments { max-height:430px; padding:12px; }.gcp-comment > div { max-width:86%; }.gcp-comment-form { align-items:center; flex-wrap:wrap; }.gcp-comment-form .gcp-comment-avatar { display:none; }.gcp-comment-form textarea { flex-basis:calc(100% - 56px); }.gcp-comment-form .button { width:44px; padding:0; }.gcp-comment-form .button span { display:none; }.gcp-comment-form .button i { margin:0; } }
@media (max-width:460px) { .gcp-collab-files { grid-template-columns:1fr; }.gcp-collab-thread > header { flex-wrap:wrap; }.gcp-collab-thread > header .button { margin-left:auto; } }

/* Full-screen project and subproject workspaces */
.gcp-detail-view .gcp-toolbar { display:none; }.gcp-detail-view .gcp-content { padding:0; border-top:1px solid var(--gcp-line); border-radius:8px; background:#f7f4f9; }.gcp-project-page { width:100%; min-width:0; overflow:hidden; color:#35283e; }.gcp-project-breadcrumb { display:flex; min-height:48px; align-items:center; gap:8px; padding:8px 18px; overflow:hidden; border-bottom:1px solid #e5dce9; background:#fff; }.gcp-project-breadcrumb button { flex:0 1 auto; max-width:220px; overflow:hidden; padding:5px 7px; color:#75518f; text-overflow:ellipsis; white-space:nowrap; border:0; border-radius:4px; background:transparent; cursor:pointer; font-size:10px; }.gcp-project-breadcrumb button:first-child { display:inline-flex; flex:0 0 auto; align-items:center; gap:6px; color:#4e3b5a; border:1px solid #d9cde1; background:#faf8fc; font-weight:700; }.gcp-project-breadcrumb button:hover { color:#572481; background:#f0e7f7; }.gcp-project-breadcrumb > i { flex:0 0 auto; color:#b5a8bd; font-size:7px; }.gcp-project-breadcrumb strong { min-width:0; overflow:hidden; color:#44334e; text-overflow:ellipsis; white-space:nowrap; font-size:10px; }
.gcp-project-hero { display:grid; min-height:250px; grid-template-columns:minmax(250px,34%) minmax(300px,1fr) auto; align-items:stretch; overflow:hidden; color:#fff; background:linear-gradient(120deg,#281339,#4d226c 58%,#673397); }.gcp-project-hero-cover { position:relative; display:grid; min-width:0; overflow:hidden; place-content:center; color:#fff; background:radial-gradient(circle at 30% 30%,rgba(190,139,238,.75),transparent 25%),linear-gradient(145deg,#6e38a3,#321745); font-size:74px; }.gcp-project-hero-cover:after { position:absolute; inset:0; border-right:1px solid rgba(255,255,255,.12); background:linear-gradient(90deg,transparent,rgba(38,15,57,.18)); content:''; }.gcp-project-hero-cover img { position:absolute; width:100%; height:100%; object-fit:cover; filter:saturate(.82) contrast(.9); }.gcp-project-hero-cover > i { position:relative; z-index:1; filter:drop-shadow(0 12px 18px rgba(26,8,39,.28)); }.gcp-project-hero-cover > span { position:absolute; width:74px; height:74px; border:1px solid rgba(255,255,255,.14); transform:rotate(16deg); }.gcp-project-hero-cover > span:nth-of-type(1) { top:26px; right:32px; }.gcp-project-hero-cover > span:nth-of-type(2) { bottom:22px; left:38px; width:42px; height:42px; }.gcp-project-hero-copy { align-self:center; min-width:0; padding:30px 32px; }.gcp-project-hero-copy > span { color:#d4b7e8; font-size:9px; font-weight:850; text-transform:uppercase; letter-spacing:.12em; }.gcp-project-hero-copy h1 { max-width:780px; margin:8px 0 10px; overflow:hidden; color:#fff; font-size:clamp(28px,3vw,46px); line-height:1.03; letter-spacing:-.045em; text-overflow:ellipsis; }.gcp-project-hero-copy > p { max-width:720px; margin:0 0 18px; color:#d9c8e5; font-size:13px; line-height:1.55; }.gcp-project-hero-copy > div { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }.gcp-project-hero-copy .gcp-badge,.gcp-project-hero-copy .gcp-priority { border-color:rgba(255,255,255,.22); }.gcp-project-owner { display:inline-flex; align-items:center; gap:6px; color:#e1d3e9; font-size:10px; }.gcp-project-hero-actions { display:flex; align-self:center; flex-direction:column; gap:8px; padding:24px 26px 24px 0; }.gcp-project-hero-actions .button { min-width:135px; border-color:rgba(255,255,255,.42); }.gcp-project-hero-actions .button:not(.button-primary) { color:#fff; background:rgba(255,255,255,.08); }.gcp-project-hero-actions .button:not(.button-primary):hover { color:#fff; background:rgba(255,255,255,.16); }
.gcp-project-stats { display:grid; grid-template-columns:1.35fr repeat(4,1fr); gap:1px; border-bottom:1px solid #ded4e6; background:#ded4e6; }.gcp-project-stats article { display:grid; min-width:0; min-height:95px; grid-template-columns:auto 1fr; align-content:center; align-items:center; gap:3px 9px; padding:15px 18px; background:#fff; }.gcp-project-stats article > i { grid-row:1/3; color:#8050ad; font-size:18px; }.gcp-project-stats article > span { color:#8b7d94; font-size:9px; font-weight:750; text-transform:uppercase; letter-spacing:.05em; }.gcp-project-stats article > strong { overflow:hidden; color:#3d2d47; font-size:16px; text-overflow:ellipsis; white-space:nowrap; }.gcp-project-stats article:first-child { display:flex; align-items:flex-start; flex-direction:column; justify-content:center; gap:6px; }.gcp-project-stats article:first-child .gcp-progress { width:100%; }.gcp-project-stats article:first-child .gcp-progress-track { width:100%; height:8px; }.gcp-project-stats article:first-child > strong { align-self:flex-end; margin-top:-26px; color:#71439a; font-size:11px; }.gcp-project-stats article:first-child .gcp-progress > strong { display:none; }
.gcp-project-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding:34px 28px 15px; }.gcp-project-section-heading > div { min-width:0; }.gcp-project-section-heading span { color:#8052a3; font-size:9px; font-weight:850; text-transform:uppercase; letter-spacing:.09em; }.gcp-project-section-heading h2 { margin:4px 0; color:#35253f; font-size:24px; letter-spacing:-.025em; }.gcp-project-section-heading p { max-width:680px; margin:0; color:#817487; font-size:11px; line-height:1.45; }.gcp-subprojects-stack { display:grid; gap:14px; padding:0 28px; }.gcp-subproject-section { overflow:hidden; border:1px solid #dbcee5; border-radius:7px; background:#fff; box-shadow:0 7px 20px rgba(51,27,72,.05); }.gcp-subproject-section > header { display:grid; grid-template-columns:48px minmax(0,1fr) auto; align-items:center; gap:14px; padding:20px; }.gcp-subproject-number { display:grid; width:48px; height:48px; place-content:center; color:#fff; border-radius:5px; background:linear-gradient(145deg,#6d3ba3,#9c65d1); box-shadow:0 8px 18px rgba(96,49,139,.18); }.gcp-subproject-section > header > div:nth-child(2) { min-width:0; }.gcp-subproject-section > header span { color:#8356a3; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }.gcp-subproject-section h3 { margin:3px 0 5px; overflow:hidden; color:#35243f; font-size:20px; letter-spacing:-.02em; text-overflow:ellipsis; white-space:nowrap; }.gcp-subproject-section header p { max-width:700px; margin:0; color:#817588; font-size:10px; line-height:1.45; }.gcp-subproject-actions { display:flex; align-items:center; gap:7px; }.gcp-subproject-actions .button-primary i { margin-right:0; margin-left:6px; }.gcp-subproject-summary { display:flex; align-items:center; flex-wrap:wrap; gap:17px; min-height:47px; padding:8px 20px; color:#716479; border-top:1px solid #ebe4ef; border-bottom:1px solid #ebe4ef; background:#faf8fc; font-size:9px; }.gcp-subproject-summary > span { display:inline-flex; align-items:center; gap:6px; }.gcp-subproject-summary > span:first-child { gap:8px; }.gcp-subproject-summary i { color:#8756aa; }.gcp-subproject-section > footer { padding:9px 16px; border-top:1px solid #eee8f2; }.gcp-subproject-section > footer button { padding:6px 8px; color:#74439b; border:0; border-radius:4px; background:transparent; cursor:pointer; font-size:10px; font-weight:700; }.gcp-subproject-section > footer button:hover { background:#f0e6f8; }
.gcp-project-tasks { border-top:1px solid #ebe4ef; }.gcp-project-page > .gcp-project-tasks { margin:0 28px; overflow:hidden; border:1px solid #ddd3e5; border-radius:7px; background:#fff; }.gcp-project-task { background:#fff; }.gcp-project-task + .gcp-project-task { border-top:1px solid #eee8f2; }.gcp-project-task-main { display:flex; min-width:0; min-height:54px; align-items:center; gap:9px; padding:8px 13px; }.gcp-project-task-check,.gcp-project-task-edit { display:grid; width:28px; height:28px; flex:0 0 28px; padding:0; place-content:center; color:#8051a8; border:0; border-radius:4px; background:transparent; cursor:pointer; }.gcp-project-task-check:hover,.gcp-project-task-edit:hover { background:#eee5f5; }.gcp-project-task-title { min-width:0; flex:1; padding:0; color:#3e3047; text-align:left; border:0; background:transparent; cursor:pointer; }.gcp-project-task-title strong,.gcp-project-task-title small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.gcp-project-task-title strong { font-size:12px; }.gcp-project-task-title small { margin-top:3px; color:#91849a; font-size:8px; }.gcp-project-subtasks { margin:0 14px 7px 50px; border-left:2px solid #d8c6e5; }.gcp-project-subtasks > button { display:flex; width:100%; min-width:0; align-items:center; gap:8px; padding:7px 9px; color:#56485e; text-align:left; border:0; border-bottom:1px solid #f0ebf3; background:#fbf9fc; cursor:pointer; }.gcp-project-subtasks > button:hover { background:#f3ecf8; }.gcp-project-subtasks > button > i { width:15px; color:#8759aa; font-size:8px; }.gcp-project-subtasks > button > span { min-width:0; flex:1; }.gcp-project-subtasks strong,.gcp-project-subtasks small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.gcp-project-subtasks strong { font-size:10px; }.gcp-project-subtasks small { margin-top:2px; color:#968a9d; font-size:8px; }.gcp-add-subtask { margin:0 0 9px 51px; padding:5px 8px; color:#79509a; border:0; border-radius:4px; background:transparent; cursor:pointer; font-size:9px; }.gcp-add-subtask:hover { background:#f0e7f6; }.gcp-project-more { display:block; padding:8px 15px; color:#8a7896; border-top:1px solid #eee7f1; font-size:9px; }.gcp-project-no-tasks { display:flex; min-height:74px; align-items:center; justify-content:center; gap:8px; color:#988ba0; background:#fcfbfd; font-size:10px; }.gcp-project-empty-section { display:grid; min-height:220px; margin:0 28px; place-content:center; justify-items:center; padding:25px; color:#887b90; text-align:center; border:1px dashed #cdbcdc; border-radius:7px; background:#fff; }.gcp-project-empty-section > i { color:#8556aa; font-size:30px; }.gcp-project-empty-section h3 { margin:9px 0 3px; color:#44324e; }.gcp-project-empty-section p { max-width:480px; margin:0 0 13px; font-size:10px; }
.gcp-project-files-heading { padding-top:40px; }.gcp-project-files { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:9px; padding:0 28px 35px; }.gcp-project-files article { display:flex; min-width:0; align-items:center; gap:10px; padding:10px; border:1px solid #ddd3e5; border-radius:6px; background:#fff; }.gcp-project-files article > span { display:grid; width:38px; height:42px; flex:0 0 38px; place-content:center; color:#7545a0; border-radius:4px; background:#eee5f5; font-size:16px; }.gcp-project-files article > div { min-width:0; flex:1; }.gcp-project-files strong,.gcp-project-files small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.gcp-project-files strong { color:#46364f; font-size:10px; }.gcp-project-files small { margin-top:3px; color:#91849a; font-size:8px; }.gcp-project-files article > button,.gcp-project-files article > a { display:grid; width:29px; height:29px; flex:0 0 29px; padding:0; place-content:center; color:#7b50a0; border:0; border-radius:4px; background:#f5f0f8; cursor:pointer; text-decoration:none; font-size:9px; }.gcp-project-files article > button:hover,.gcp-project-files article > a:hover { color:#fff; background:#7543a2; }.gcp-project-no-files { display:flex; min-height:90px; align-items:center; justify-content:center; gap:9px; margin:0 28px 35px; color:#92859a; border:1px dashed #cdbfda; border-radius:6px; background:#fff; font-size:10px; }.gcp-project-no-files i { color:#8050a8; font-size:18px; }
@media (max-width:1100px) { .gcp-project-hero { grid-template-columns:240px minmax(0,1fr); }.gcp-project-hero-actions { grid-column:1/-1; align-items:center; flex-direction:row; justify-content:flex-end; padding:0 22px 18px; }.gcp-project-stats { grid-template-columns:repeat(3,1fr); }.gcp-project-stats article:first-child { grid-column:span 2; }.gcp-subproject-section > header { grid-template-columns:48px minmax(0,1fr); }.gcp-subproject-actions { grid-column:1/-1; justify-content:flex-end; } }
@media (max-width:820px) { .gcp-project-breadcrumb { padding:7px 10px; }.gcp-project-breadcrumb button:not(:first-child),.gcp-project-breadcrumb > i,.gcp-project-breadcrumb strong { display:none; }.gcp-project-hero { display:block; }.gcp-project-hero-cover { min-height:150px; }.gcp-project-hero-cover img { object-position:center; }.gcp-project-hero-copy { padding:22px 18px; }.gcp-project-hero-copy h1 { font-size:31px; }.gcp-project-hero-actions { display:flex; padding:0 18px 20px; }.gcp-project-hero-actions .button { min-width:0; flex:1; }.gcp-project-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }.gcp-project-stats article:first-child { grid-column:1/-1; }.gcp-project-stats article { min-height:80px; padding:12px; }.gcp-project-section-heading { align-items:stretch; flex-direction:column; gap:11px; padding:28px 13px 12px; }.gcp-project-section-heading .button { width:100%; }.gcp-subprojects-stack { padding:0 13px; }.gcp-subproject-section > header { display:block; padding:15px; }.gcp-subproject-number { margin-bottom:10px; }.gcp-subproject-actions { align-items:stretch; flex-wrap:wrap; justify-content:flex-start; margin-top:14px; }.gcp-subproject-actions > .gcp-progress { width:100%; }.gcp-subproject-actions > .gcp-progress .gcp-progress-track { flex:1; }.gcp-subproject-actions .button { flex:1; }.gcp-subproject-summary { gap:9px; padding:9px 13px; }.gcp-subproject-summary > span { flex:1 1 42%; }.gcp-project-page > .gcp-project-tasks,.gcp-project-empty-section { margin-right:13px; margin-left:13px; }.gcp-project-task-main { flex-wrap:wrap; }.gcp-project-task-main > .gcp-badge { display:inline-flex; }.gcp-project-task-main > .gcp-progress { margin-left:37px; }.gcp-project-subtasks { margin-left:32px; }.gcp-add-subtask { margin-left:34px; }.gcp-project-files { grid-template-columns:1fr; padding:0 13px 26px; }.gcp-project-no-files { margin:0 13px 26px; } }
@media (max-width:430px) { .gcp-project-hero-actions { flex-direction:column; }.gcp-project-hero-actions .button { width:100%; }.gcp-project-stats { grid-template-columns:1fr 1fr; }.gcp-subproject-actions { display:grid; grid-template-columns:1fr; }.gcp-project-task-main > .gcp-priority,.gcp-project-task-main > .gcp-badge { display:none; }.gcp-project-task-main > .gcp-progress { margin-left:37px; }.gcp-project-subtasks .gcp-progress { display:none; } }

/* Collapsible project hierarchy */
.gcp-project-task-collapse { display:grid; width:24px; height:28px; flex:0 0 24px; padding:0; place-content:center; color:#876a99; border:0; border-radius:4px; background:transparent; cursor:pointer; font-size:8px; }.gcp-project-task-collapse:hover { color:#5f2d85; background:#eee5f5; }.gcp-project-task.is-collapsed .gcp-project-subtasks,.gcp-project-task.is-collapsed .gcp-add-subtask { display:none; }.gcp-project-task.is-collapsed .gcp-project-task-main { min-height:44px; }.gcp-project-task.is-collapsed .gcp-project-task-title small { display:none; }
.gcp-subproject-section.is-collapsed > .gcp-subproject-summary,.gcp-subproject-section.is-collapsed > .gcp-project-tasks,.gcp-subproject-section.is-collapsed > .gcp-project-no-tasks,.gcp-subproject-section.is-collapsed > .gcp-project-more,.gcp-subproject-section.is-collapsed > footer { display:none; }.gcp-subproject-section.is-collapsed > header { padding-top:12px; padding-bottom:12px; }.gcp-subproject-section.is-collapsed > header p { display:none; }.gcp-subproject-section.is-collapsed .gcp-subproject-number { width:38px; height:38px; }.gcp-subproject-section.is-collapsed h3 { margin-bottom:0; font-size:16px; }.gcp-collapse-subproject { white-space:nowrap; }
.gcp-project-page.is-project-collapsed .gcp-project-hero { min-height:92px; grid-template-columns:minmax(0,1fr) auto; }.gcp-project-page.is-project-collapsed .gcp-project-hero-cover,.gcp-project-page.is-project-collapsed .gcp-project-stats,.gcp-project-page.is-project-collapsed .gcp-project-hero-copy > p,.gcp-project-page.is-project-collapsed .gcp-project-hero-copy > div { display:none; }.gcp-project-page.is-project-collapsed .gcp-project-hero-copy { padding:16px 24px; }.gcp-project-page.is-project-collapsed .gcp-project-hero-copy h1 { margin:4px 0 0; font-size:24px; }.gcp-project-page.is-project-collapsed .gcp-project-hero-actions { align-self:center; flex-direction:row; padding:12px 18px 12px 0; }.gcp-project-page.is-project-collapsed .gcp-project-hero-actions .button { min-width:0; white-space:nowrap; }
@media (max-width:820px) { .gcp-project-page.is-project-collapsed .gcp-project-hero { display:flex; min-height:0; flex-direction:column; }.gcp-project-page.is-project-collapsed .gcp-project-hero-copy { padding:14px 16px 5px; }.gcp-project-page.is-project-collapsed .gcp-project-hero-copy h1 { font-size:21px; }.gcp-project-page.is-project-collapsed .gcp-project-hero-actions { display:grid; width:100%; grid-template-columns:repeat(3,minmax(0,1fr)); padding:8px 14px 14px; }.gcp-project-page.is-project-collapsed .gcp-project-hero-actions .button { width:100%; }.gcp-subproject-section.is-collapsed .gcp-subproject-actions { display:flex; }.gcp-subproject-section.is-collapsed .gcp-subproject-actions > .gcp-progress { flex:1 1 100%; } }
@media (max-width:520px) { .gcp-project-page.is-project-collapsed .gcp-project-hero-actions { grid-template-columns:1fr; }.gcp-subproject-section.is-collapsed .gcp-subproject-actions { display:grid; grid-template-columns:1fr 1fr; }.gcp-subproject-section.is-collapsed .gcp-subproject-actions > .gcp-progress { grid-column:1/-1; }.gcp-subproject-section.is-collapsed .gcp-subproject-actions .button-primary { grid-column:1/-1; } }

/* In-app choices and confirmations (never browser dialogs) */
.gcp-system-modal[hidden] { display:none; }.gcp-system-modal { position:fixed; z-index:100300; inset:0; display:grid; padding:18px; place-items:center; }.gcp-system-backdrop { position:absolute; inset:0; background:rgba(20,12,29,.7); backdrop-filter:blur(5px); }.gcp-system-dialog { position:relative; width:min(580px,100%); max-height:calc(100vh - 36px); overflow:auto; border:1px solid #d9cce3; border-radius:9px; background:#fff; box-shadow:0 28px 90px rgba(22,10,31,.36); }.gcp-system-dialog > header { display:flex; align-items:center; gap:12px; padding:18px 19px; color:#fff; background:linear-gradient(125deg,#321744,#60308c); }.gcp-system-dialog > header > span { display:grid; width:42px; height:42px; flex:0 0 42px; place-content:center; border:1px solid rgba(255,255,255,.2); border-radius:7px; background:rgba(255,255,255,.12); font-size:16px; }.gcp-system-dialog > header > div { min-width:0; flex:1; }.gcp-system-dialog > header small { display:block; color:#cfb8dd; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }.gcp-system-dialog > header h2 { margin:3px 0 0; color:#fff; font-size:20px; letter-spacing:-.025em; }.gcp-system-dialog > header > button { display:grid; width:32px; height:32px; flex:0 0 32px; padding:0; place-content:center; color:#d8c7e2; border:0; border-radius:5px; background:transparent; cursor:pointer; }.gcp-system-dialog > header > button:hover { color:#fff; background:rgba(255,255,255,.12); }.gcp-system-dialog > p { margin:0; padding:17px 19px 4px; color:#685a70; font-size:12px; line-height:1.55; }.gcp-system-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; padding:14px 19px 19px; }.gcp-system-choices[hidden] { display:none; }.gcp-system-choices > button { display:flex; min-width:0; min-height:76px; align-items:center; gap:11px; padding:11px; color:#4d3d57; text-align:left; border:1px solid #ded3e6; border-radius:6px; background:#fbf9fc; cursor:pointer; transition:transform .13s,border-color .13s,background .13s; }.gcp-system-choices > button:hover,.gcp-system-choices > button:focus-visible { color:#4e2077; outline:0; border-color:#aa83c6; background:#f1e8f8; transform:translateY(-1px); }.gcp-system-choices > button > span:first-child { display:grid; width:39px; height:39px; flex:0 0 39px; place-content:center; color:#fff; border-radius:5px; background:linear-gradient(145deg,#7040a5,#9d65d1); }.gcp-system-choices > button > span:nth-child(2) { min-width:0; flex:1; }.gcp-system-choices strong,.gcp-system-choices small { display:block; }.gcp-system-choices strong { font-size:12px; }.gcp-system-choices small { margin-top:3px; color:#8a7d91; font-size:9px; line-height:1.35; }.gcp-system-choices > button > i { color:#a493ae; font-size:8px; }.gcp-system-dialog > footer { display:flex; align-items:center; justify-content:flex-end; gap:8px; padding:13px 19px; border-top:1px solid #e9e2ed; background:#faf8fb; }.gcp-system-dialog > footer .button[hidden] { display:none; }.gcp-system-modal.is-choice .gcp-system-dialog > footer { padding-top:10px; }.gcp-system-modal.is-danger .gcp-system-dialog > header { background:linear-gradient(125deg,#321744,#713857); }.gcp-system-modal.is-danger #gcp-system-icon { background:rgba(238,177,197,.14); }.gcp-system-modal.is-danger #gcp-system-confirm { color:#fff !important; border-color:#78405c !important; background:#78405c !important; }.gcp-system-modal-open { overflow:hidden; }
@media (max-width:560px) { .gcp-system-modal { padding:10px; }.gcp-system-dialog { max-height:calc(100vh - 20px); }.gcp-system-choices { grid-template-columns:1fr; }.gcp-system-dialog > header { padding:15px; }.gcp-system-dialog > p { padding:14px 15px 3px; }.gcp-system-choices { padding:11px 15px 15px; }.gcp-system-dialog > footer { padding:11px 15px; }.gcp-system-dialog > footer .button { flex:1; } }