@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-light.ttf') format('truetype');font-style:normal;font-weight:300;font-display:swap} body,#atlas-preview{font-family:Manrope,sans-serif;font-weight:300;font-synthesis:none} #atlas-preview{font-family:Manrope,sans-serif;font-weight:300} #atlas-preview button,#atlas-preview input,#atlas-preview textarea,#atlas-preview select,button,input,textarea,select{font-family:Manrope,sans-serif;font-weight:300} h1,h2,h3,strong,b,#atlas-preview .brand,#atlas-preview h2,#atlas-preview .label strong,#atlas-preview .collapse,#atlas-preview nav button.active,#atlas-preview .module-name,#atlas-preview strong{font-weight:300} .atlas-identity{text-align:center;margin:0 auto 28px} .atlas-identity img{display:block;width:130px;height:120px;margin:0 auto 20px} .atlas-wordmark{font-family:Manrope,sans-serif;font-size:26px;font-weight:300;letter-spacing:.22em;margin-right:-.22em;white-space:nowrap} @media(max-width:500px){.atlas-wordmark{font-size:22px}.atlas-identity img{width:110px;height:100px}} .setup-steps{display:flex;list-style:none;padding:0;margin:26px 0 30px;gap:0;align-items:center} .setup-steps li{display:flex;align-items:center;gap:10px;color:#a5b2c4;font-size:14px;flex:1;position:relative} .setup-steps li:first-child:after{content:"";height:1px;background:#344253;flex:1;margin:0 14px} .step-circle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:1px solid #66758a;border-radius:50%;font-size:15px} .setup-steps .current{color:#dfff00}.setup-steps .current .step-circle{border-color:#dfff00;background:#dfff0012} .setup-steps .completed{color:#e3eaf3}.setup-steps .completed .step-circle{border-color:#dfff00;color:#dfff00} .setup-steps .completed:first-child:after{background:#dfff00} @media(max-width:380px){.setup-steps li{font-size:12px;gap:7px}.setup-steps li:first-child:after{margin:0 8px}.step-circle{width:28px;height:28px}} /* Supporting text below the setup/login heading. */ #intro{font-size:12.8px;color:#8d9baa;line-height:1.6} /* Shared Atlas identity and selected module. */ #atlas-preview .brand{display:flex;align-items:center;gap:10px} #atlas-preview .brand-logo{display:block;width:32px;height:32px;object-fit:contain;flex-shrink:0} #atlas-preview nav button.active{background:transparent;color:var(--ink);font-weight:300} #atlas-preview nav button.active svg{color:var(--atlas-accent,#dfff00)} #atlas-preview .project-logo-setting{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)} #atlas-preview .project-logo-preview{margin:12px 0;color:var(--soft)} #atlas-preview .project-logo-preview img{width:64px;height:64px;object-fit:contain} #atlas-preview .project-logo-setting>button{margin-top:12px} .project-create-dialog{background:#18212c;color:#e3eaf3;border:1px solid #344253;border-radius:12px;padding:24px;max-width:480px;width:90%;font:300 14px Manrope,sans-serif}.project-create-dialog::backdrop{background:#0008} .setup-steps li:not(:last-child):after{content:"";height:1px;background:#344253;flex:1;margin:0 14px} /* Consistent creation controls across Sysadmin directory sections. */ #atlas-preview .system-table .employee-toolbar{display:grid;grid-template-columns:130px 40px;align-items:center;justify-content:start;gap:10px} #atlas-preview .system-table .employee-add{width:40px;height:36px;min-width:40px;padding:0;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:6px} #atlas-preview .system-table .employee-add svg{width:18px;height:18px;flex-shrink:0} #atlas-preview .brand-accent{fill:var(--atlas-accent,#dfff00)} #atlas-preview .brand-contrast{fill:light-dark(#111923,#fff)} #atlas-preview .project-dates{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 24px;margin:16px 0 24px} #atlas-preview .project-dates label{display:flex;flex-direction:column;gap:8px} #atlas-preview .project-dates input{padding:8px 10px} #atlas-preview .project-dates [role=status]{flex-basis:100%;margin:0} #atlas-preview .project-logo-setting .company-logo-editor{margin:12px 0} #atlas-preview .project-setting{gap:12px;margin-top:24px} #atlas-preview .top{padding-right:22px} #atlas-preview .account-controls{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap} #atlas-preview .brand-logo[hidden],#atlas-preview .top label[hidden]{display:none!important} #atlas-preview .brand{max-width:100%;min-width:0} #atlas-preview .brand>span:not(.tag){overflow-wrap:anywhere} @media(max-width:700px){#atlas-preview .account-controls{gap:10px}} #atlas-preview .weeks{height:70px;padding:0;overflow:hidden} #atlas-preview .calendar-band{position:relative;height:24px;border-bottom:1px solid var(--line)} #atlas-preview .calendar-cell{position:absolute;top:0;height:100%;border-left:1px solid var(--line);display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden} #atlas-preview .calendar-years{color:var(--ink);font-size:12px} #atlas-preview .calendar-months{font-size:11px} #atlas-preview .calendar-weeks{height:22px;border-bottom:0;font-size:9px} #atlas-preview .project-brand-logo img{width:40px;height:40px;object-fit:contain;display:block} #atlas-preview .today-label,#atlas-preview .event-label{top:50px} #atlas-preview .role-switcher,#atlas-preview .role-switcher:visited{color:var(--atlas-accent,#dfff00)} .account-menu .menu a[href="/roles"],.account-menu .menu a[href="/roles"]:visited{color:#dfff00} #atlas-preview .calendar-weeks .calendar-cell{container-type:inline-size} #atlas-preview .calendar-weeks .week-full{display:none} @container (min-width:35px){#atlas-preview .calendar-weeks .week-full{display:inline}#atlas-preview .calendar-weeks .week-number{display:none}} @container (max-width:11px){#atlas-preview .calendar-weeks .week-number{display:none}} /* Keep a stable left boundary even when the visible range starts mid-week. */ #atlas-preview .calendar-weeks{box-shadow:inset 1px 0 var(--line)} /* Today spans the entire calendar header and planning rows. */ #atlas-preview .today-line{top:0} #atlas-preview .today-label{top:4px} #atlas-preview .deliverable-editor{display:grid;gap:16px;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--paper)} #atlas-preview .deliverable-editor label{display:grid;gap:6px} #atlas-preview .deliverable-editor textarea{width:100%;min-height:100px;box-sizing:border-box;font:inherit} #atlas-preview .deliverable-item{margin-bottom:16px;padding:18px} #atlas-preview .deliverable-item details p{white-space:pre-wrap} #atlas-preview .deliverable-files{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px} #atlas-preview .deliverable-files a{color:var(--atlas-accent)} #atlas-preview .deliverable-add{width:36px;height:36px} #atlas-preview .personal-settings-open{border:0;background:transparent;padding:6px;color:var(--ink);font:inherit;cursor:pointer} #atlas-personal-menu::backdrop{background:rgba(0,0,0,.45)} #atlas-preview .meeting-card{padding:18px;margin:0 0 16px} #atlas-preview .meeting-card details p{white-space:pre-wrap} #atlas-preview .meeting-options{display:grid;gap:12px;margin:16px 0} .meeting-option{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:12px 0} .meeting-option label{display:flex;align-items:center;gap:8px} .meeting-dialog{width:min(680px,calc(100vw - 48px));max-height:85vh;overflow:auto;padding:24px;border:1px solid #647080;border-radius:16px;background:light-dark(#fff,#17232e);color:light-dark(#202c36,#e3e8ef);font:inherit;color-scheme:light dark} .meeting-dialog::backdrop{background:rgba(0,0,0,.45)} .meeting-editor{display:grid;gap:14px}.meeting-editor>label{display:grid;gap:6px}.meeting-editor input,.meeting-editor select,.meeting-editor textarea,.meeting-dialog button{font:inherit;padding:8px;border:1px solid #647080;border-radius:6px;background:transparent;color:inherit}.meeting-editor textarea{min-height:80px}.meeting-editor fieldset label{display:flex;gap:8px;align-items:center;margin:10px 0}.meeting-editor .module-tools{display:flex;gap:12px;justify-content:flex-end}.meeting-dialog>button{margin:8px} #atlas-preview .meeting-line{position:absolute;top:0;width:9px;min-width:0;padding:0;margin:0;transform:translateX(-4px);border:0;border-radius:0;background:linear-gradient(to right,transparent 4px,var(--atlas-accent,#dfff00) 4px,var(--atlas-accent,#dfff00) 6px,transparent 6px);z-index:7;pointer-events:auto;cursor:pointer} /* Meeting editor: 70% of the previous outer width and maximum height. */ .meeting-dialog:has(.meeting-editor){box-sizing:border-box;width:min(511px,calc(100vw - 32px));max-height:min(calc(59.5vh + 35px),calc(100vh - 32px))} .meeting-table-wrap{overflow:auto;margin-top:16px}.meeting-table{width:100%;border-collapse:collapse;font-size:13px}.meeting-table th,.meeting-table td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line,#344352)}.meeting-table td>small,.meeting-table td>span{display:block;margin-bottom:6px}.meeting-table td>button{display:block;margin:6px 0}.meeting-table ul{padding:0;margin:0;list-style:none;min-width:150px}.meeting-table li{margin-bottom:6px}.meeting-table td:first-child{min-width:150px}.meeting-poll{border-collapse:collapse;margin-bottom:10px}.meeting-poll th,.meeting-poll td{padding:6px;font-size:12px;min-width:110px}.meeting-poll td{text-align:center}.meeting-poll input,.notification-row input{accent-color:var(--accent,#dfff00)}.notification-list{margin-top:12px}.notification-row{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:start;padding:9px 12px;border-bottom:1px solid var(--line,#344352);font-size:13px}.notification-row span{white-space:pre-line}.notification-row small{font-size:11px;opacity:.7}.notification-row.is-seen{opacity:.55} .meeting-poll th>button{display:inline-block;margin-left:8px;font-size:11px;white-space:nowrap}.meeting-lock{width:32px;height:32px;padding:6px}.meeting-lock:disabled{opacity:.8}.meeting-repeat{display:grid;gap:10px}.meeting-table td:nth-child(5)>small{display:block;margin-top:6px} .meeting-conflict{color:#d14c4c}.meeting-poll th>button{margin-top:6px}.meeting-repeat[hidden]{display:none} .meeting-poll .meeting-person-name{white-space:nowrap}.meeting-poll .meeting-person-name>button{margin:0 0 0 8px;vertical-align:middle} /* Matching option columns keep checkbox and lock centres aligned. */ .meeting-poll .meeting-choice{vertical-align:middle;text-align:center} .meeting-poll .meeting-choice input{display:block;margin:0 auto;width:14px;height:14px} .meeting-poll .meeting-choice>.meeting-lock{display:flex;align-items:center;justify-content:center;margin:0 auto} .meeting-poll .meeting-person-name{vertical-align:middle} .meeting-poll .meeting-send-cell{min-width:32px;width:32px;padding:6px 0 6px 10px;border:0;vertical-align:middle} .meeting-poll .meeting-send-cell>.meeting-send{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;margin:0} .meeting-table .meeting-description-row>td{padding:0 12px 12px;min-width:0}.meeting-description-row summary{font-size:12px;cursor:pointer}.meeting-description-row p{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}.meeting-table>tbody>tr[data-meeting-id]>td{border-bottom:0}.meeting-table td>.meeting-action-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;margin:0 6px 6px 0}.meeting-table>tbody>tr[data-meeting-id]>td:last-child{min-width:114px} .meeting-table>thead>tr>th,.meeting-table>tbody>tr[data-meeting-id]>td{padding:12px 8px}.meeting-table>tbody>tr[data-meeting-id]>td:first-child{min-width:120px}.meeting-table>tbody>tr[data-meeting-id] ul{min-width:130px}.meeting-table>tbody>tr[data-meeting-id]>td:last-child{white-space:nowrap} .meeting-group{margin-top:28px}.meeting-group>h3{font-size:16px;margin:0 0 8px}.meeting-group .meeting-table-wrap{margin-top:0}.meeting-table .meeting-empty{font-size:12px;opacity:.65;padding:14px 8px} .meeting-group .meeting-table{table-layout:fixed;min-width:1200px}.meeting-group .meeting-table>tbody>tr[data-meeting-id]>td{min-width:0;overflow-wrap:anywhere}.meeting-group .meeting-table>tbody>tr[data-meeting-id]>td:nth-child(2){overflow:auto}.meeting-group .meeting-table>tbody>tr[data-meeting-id]>td:last-child{white-space:normal}.meeting-note-file{display:block;margin-top:8px} .meeting-dialog:has(.meeting-editor){width:min(940px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px;font-size:13px} .meeting-dialog:has(.meeting-editor)>h2{font-size:20px;margin:0 0 16px} .meeting-editor{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px 22px} .meeting-editor-info,.meeting-editor-schedule{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start;min-width:0} .meeting-editor-info>label,.meeting-editor-schedule>label{display:grid;gap:4px;min-width:0} .meeting-editor-info>[data-field=title],.meeting-editor-info>[data-field=videoLink],.meeting-editor-info>[data-field=description]{grid-column:1/-1} .meeting-editor input:not([type=checkbox]),.meeting-editor select,.meeting-editor textarea{box-sizing:border-box;width:100%;min-width:0;padding:6px;font-size:13px} .meeting-editor textarea{min-height:100px;resize:vertical} .meeting-editor-schedule>.meeting-toggle{display:flex;align-items:center;gap:7px;grid-column:1/-1;font-size:12px} .meeting-editor-schedule>.meeting-edit-options,.meeting-editor-schedule>.meeting-repeat,.meeting-editor-schedule>fieldset,.meeting-editor-schedule>p,.meeting-editor-schedule>details{grid-column:1/-1} .meeting-editor .meeting-option{display:grid;grid-template-columns:minmax(0,1fr) 115px 28px;gap:8px;margin:0 0 6px} .meeting-editor .meeting-option label{display:grid;gap:3px;font-size:11px}.meeting-editor .meeting-option>button{padding:4px} .meeting-editor .meeting-repeat{grid-template-columns:70px minmax(0,1fr) 95px;gap:8px}.meeting-repeat>small{grid-column:1/-1;font-size:11px} .meeting-editor fieldset{margin:0;min-width:0;padding:6px 10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;max-height:140px;overflow:auto}.meeting-editor fieldset label{margin:2px 0;font-size:12px} .meeting-editor p{font-size:11px;margin:0}.meeting-editor-error:empty{display:none}.meeting-editor-error,.meeting-editor>.module-tools{grid-column:1/-1}.meeting-editor>.module-tools{margin-top:4px} .meeting-editor-schedule>button[hidden]{display:none} @media(max-width:700px){.meeting-editor{grid-template-columns:1fr}.meeting-editor textarea{min-height:60px}} .meeting-editor .meeting-edit-options{max-height:180px;overflow:auto}.meeting-editor-schedule>.meeting-repeat[hidden]{display:none} .meeting-editor input:disabled{opacity:.45;background:rgba(128,128,128,.15);cursor:not-allowed} .meeting-editor .meeting-option{align-items:end}.meeting-editor .meeting-option>input,.meeting-editor .meeting-option label>input,.meeting-editor .meeting-option>button{height:32px;box-sizing:border-box} .meeting-type-settings{margin-top:24px;padding-top:16px;border-top:1px solid var(--line,#344352)}.meeting-type-settings ul{padding-left:20px}.meeting-type-settings form{display:flex;align-items:end;gap:12px}.meeting-type-settings label{display:grid;gap:6px}.meeting-type-settings input{width:280px;max-width:65vw;padding:8px;border:1px solid #647080;border-radius:6px;font:inherit;background:transparent;color:inherit}.meeting-type-settings button{width:36px;height:36px}.meeting-type-settings [role=status]{color:var(--accent,#dfff00)} .meeting-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px;margin:0}.meeting-actions>.meeting-action-icon{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:32px;padding:3px;margin:0}.meeting-actions>.meeting-action-icon svg{width:19px;height:19px;stroke-width:1.7;flex-shrink:0}.meeting-action-error:empty{display:none}.meeting-action-error{margin:8px 0 0} .meeting-editor-info>.meeting-toggle{display:flex;align-items:start;gap:7px;font-size:12px;grid-column:1/-1}.meeting-series-hint,.meeting-series-warning{grid-column:1/-1;font-size:11px}.meeting-series-warning{color:#c17400}.meeting-series-warning:empty{display:none} .meeting-group .meeting-table{min-width:1320px}.meeting-actions{flex-wrap:nowrap}.meeting-accepted{color:#26994b;margin-right:6px;font-weight:600}.meeting-declined{color:#db4141;margin-right:6px;font-weight:600}.meeting-editor label[hidden],.meeting-editor small[hidden]{display:none} .meeting-occurrences{margin:10px 0}.meeting-occurrence{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line,#344352)}.meeting-occurrence>div{min-width:0}.meeting-occurrence p{white-space:pre-wrap;margin:6px 0;font-size:12px}.meeting-occurrence button{width:32px;height:32px;flex-shrink:0;padding:5px}.meeting-occurrence-dialog{width:min(560px,calc(100vw - 32px))}.meeting-occurrence-dialog label{display:grid;gap:6px;margin:14px 0}.meeting-occurrence-dialog input,.meeting-occurrence-dialog textarea{padding:8px;font:inherit;background:transparent;color:inherit;border:1px solid #647080;border-radius:6px}.meeting-occurrence-dialog textarea{min-height:110px}.meeting-occurrence-dialog form>button{margin-right:10px} .meeting-editor .meeting-repeat{grid-template-columns:90px minmax(0,1fr)} .meeting-editor-info>label>select,.meeting-editor-info>[data-field=location]>input{height:32px;box-sizing:border-box} .meeting-table li{display:flex;align-items:center;gap:5px}.meeting-accept{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:3px;color:#26994b;flex-shrink:0}.meeting-accept svg{width:17px;height:17px;stroke-width:1.7}.meeting-pending{margin-right:6px;opacity:.65} .meeting-group-picker{display:flex;gap:8px;min-width:0}.meeting-group-picker select{flex:1;min-width:0;height:32px;box-sizing:border-box}.meeting-group-picker button{flex:0 0 32px;width:32px;height:32px;padding:0;font-size:20px}.meeting-group-dialog{max-width:360px}.meeting-group-dialog label{display:grid;gap:8px} .meeting-schedule-divider{grid-column:1/-1;width:100%;margin:4px 0;border:0;border-top:1px solid var(--line,#344352)}.meeting-editor-schedule>label>select{height:32px;box-sizing:border-box} .meeting-editor .meeting-toggle.is-disabled{opacity:.45;cursor:not-allowed} .meeting-editor-info>.meeting-editor-mode{grid-column:1/-1} .meeting-omission-summary{display:flex;align-items:center;gap:8px;margin:8px 0 12px;font-size:12px;color:var(--muted,#8e9daa)} .meeting-cell-edit{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin:4px 0 0 6px;padding:3px;vertical-align:top}.meeting-cell-edit svg{width:15px;height:15px}.meeting-inline-editor{display:grid;gap:6px;min-width:0}.meeting-inline-editor input:not([type=checkbox]){width:100%;min-width:0;box-sizing:border-box;padding:5px;font:inherit;background:transparent;color:inherit;border:1px solid var(--line,#344352);border-radius:5px}.meeting-inline-editor fieldset{max-height:160px;overflow:auto;padding:5px}.meeting-inline-editor label{display:flex;align-items:center;gap:5px}.meeting-inline-tools{display:flex;gap:6px}.meeting-inline-tools button{width:28px;height:28px;padding:4px}.meeting-inline-tools svg{width:18px;height:18px}.meeting-inline-editor p:empty{display:none} .meeting-table .meeting-sort{cursor:pointer}.meeting-sort:hover{text-decoration:underline}.meeting-sort:focus-visible{outline:2px solid var(--accent,#dfff00);outline-offset:3px} .meeting-editable-cell{cursor:text}.meeting-editable-cell:focus-visible{outline:1px solid var(--accent,#dfff00);outline-offset:-2px} .meeting-tabs{display:flex;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line,#344352);margin:12px 0 16px}.meeting-tabs button{background:transparent;border:0;border-radius:0;padding:8px 0 10px;color:var(--muted,#8e9daa);border-bottom:2px solid transparent}.meeting-tabs button[aria-selected=true]{color:var(--accent,#dfff00);border-bottom-color:var(--accent,#dfff00)}.meeting-group[hidden]{display:none}.meeting-group{margin-top:0} .meeting-tabs button{display:inline-flex;align-items:center;gap:8px}.meeting-tab-count{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--accent,#dfff00);color:#111820;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums} .meeting-tabs{margin-bottom:28px}.meeting-tabs .meeting-tab-icon{width:17px;height:17px;flex:none;stroke-width:1.7} .meeting-tabs .meeting-tab-count{width:21px;height:21px;font-size:12px;font-weight:800} .meeting-tabs .meeting-tab-count{background:var(--atlas-accent,#dfff00)}.meeting-tabs button[aria-selected=true]{color:var(--atlas-accent,#dfff00);border-bottom-color:var(--atlas-accent,#dfff00)} .meeting-group .meeting-table{min-width:960px}.meeting-table>thead>tr>th{font-size:11px;font-weight:500;color:var(--muted,#8e9daa);padding:10px 12px}.meeting-group .meeting-table>tbody>tr[data-meeting-id]>td{padding:14px 12px;vertical-align:top;border-bottom:1px solid var(--line,#344352)}.meeting-table tr[data-meeting-id]:hover{background:rgba(128,148,166,.045)}.meeting-row-details summary{font-weight:600;cursor:pointer;line-height:1.5}.meeting-row-details summary span{cursor:text}.meeting-date small,.meeting-description-row small{display:block;margin-top:4px;color:var(--muted,#8e9daa)}.meeting-description-row[hidden]{display:none}.meeting-description-row>td{padding:12px 20px 18px;background:rgba(128,148,166,.035)}.meeting-people{list-style:none;padding:0;margin:0}.meeting-people li{margin-bottom:4px}.meeting-people li[hidden]{display:none}.meeting-people-more{border:0!important;background:transparent!important;padding:2px 0!important;font-size:11px;color:var(--muted,#8e9daa)}.meeting-more-actions{position:relative}.meeting-more-actions>summary{list-style:none;cursor:pointer;font-size:22px;line-height:28px;text-align:center;width:28px}.meeting-more-actions>summary::-webkit-details-marker{display:none}.meeting-more-menu{position:absolute;right:0;top:32px;z-index:20;min-width:180px;padding:6px;background:var(--panel,#17232e);border:1px solid var(--line,#344352);border-radius:8px;box-shadow:0 8px 24px #0005}.meeting-more-menu .meeting-action-icon{display:flex;gap:8px;width:100%;height:auto;min-height:32px;justify-content:flex-start;padding:6px;border:0}.meeting-more-menu svg{flex:none}.meeting-more-menu span{font-size:12px;white-space:nowrap}.meeting-table .meeting-actions{gap:4px}.meeting-table .meeting-action-error:empty{display:none} #atlas-preview nav .personal-settings-nav{margin-top:16px}#atlas-preview nav .personal-settings-nav svg{width:19px;height:19px} .personal-page{max-width:1100px;padding:4px 0 32px}.personal-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line,#344352);margin-bottom:26px}.personal-tabs button{background:transparent!important;border:0!important;border-radius:0!important;padding:12px 0!important;color:var(--muted,#8e9daa);border-bottom:2px solid transparent!important}.personal-tabs button[aria-selected=true]{color:var(--atlas-accent,#dfff00);border-bottom-color:var(--atlas-accent,#dfff00)!important}.personal-page [hidden]{display:none!important}.personal-card{padding:22px 24px;margin-bottom:20px;border:1px solid var(--line,#344352);border-radius:12px;background:light-dark(#ffffff,#17232e)}.personal-card h3{font-size:17px;margin:0 0 10px}.personal-card p{font-size:13px;line-height:1.6;margin:8px 0 16px}.personal-card small{display:block;color:var(--muted,#8e9daa);font-size:12px;line-height:1.6;margin:10px 0}.personal-field{display:grid;gap:7px;font-size:13px;margin:14px 0}.personal-page input:not([type=checkbox]),.personal-page select{box-sizing:border-box;width:100%;font:inherit;color:inherit;background:light-dark(#fff,#111c26);border:1px solid var(--line,#344352);border-radius:7px;padding:10px;min-width:0}.personal-page input[readonly]{background:light-dark(#f4f6f8,#1d2a36);color:var(--muted,#8e9daa)}.personal-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 0;font-size:13px}.personal-page input[role=switch]{appearance:none;width:34px;height:19px;border-radius:12px;background:light-dark(#c5ccd3,#485562);position:relative;flex:none;cursor:pointer;margin:0;transition:background .15s}.personal-page input[role=switch]:before{content:'';position:absolute;left:3px;top:3px;width:13px;height:13px;background:white;border-radius:50%;transition:transform .15s}.personal-page input[role=switch]:checked{background:var(--atlas-accent,#91c855)}.personal-page input[role=switch]:checked:before{transform:translateX(15px)}.personal-page input[role=switch]:focus-visible{outline:2px solid var(--atlas-accent,#91c855);outline-offset:3px}.personal-notifications{width:100%;border-collapse:collapse}.personal-notifications th{text-align:left;font-size:12px;color:var(--muted,#8e9daa);font-weight:400}.personal-notifications td{padding:16px 0;border-bottom:1px solid var(--line,#344352);font-size:14px}.personal-notifications th:last-child,.personal-notifications td:last-child{text-align:right;width:70px}.personal-status:empty{display:none}.personal-status.success{color:light-dark(#397a29,#a4d67b)}.personal-status.error{color:light-dark(#b33434,#ff9c9c)}.personal-status.neutral{color:var(--muted,#8e9daa)}.personal-providers{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.personal-providers span{font-size:12px;border:1px solid var(--line,#344352);border-radius:20px;padding:6px 12px}.personal-providers .unavailable{color:var(--muted,#8e9daa)}.personal-tools{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 4px}.personal-calendar-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.personal-calendar-grid .personal-card{margin:0;padding:18px}.personal-setup{max-width:560px}.personal-subscription summary{font-size:15px;cursor:pointer}.personal-subscription>div{margin-top:18px}#atlas-preview nav .personal-settings-nav.active{color:var(--atlas-accent,#dfff00)}@media(max-width:850px){.personal-calendar-grid{grid-template-columns:1fr}.personal-card{padding:18px}.personal-tabs{gap:18px}} #atlas-preview:has(#atlas-personal-page) #atlas-release{display:none} .personal-providers .personal-provider-icloud{display:inline-flex;align-items:center;gap:6px}.personal-provider-icloud.connected svg{color:light-dark(#397a29,#a4d67b)} .personal-calendar-picker{display:flex;align-items:center;gap:10px;margin:16px 0}.personal-calendar-picker select{flex:1;min-width:0}.personal-calendar-picker .personal-calendar-add{flex:none;width:40px;height:40px;padding:0;font-size:24px;line-height:1}.personal-calendar-dialog{box-sizing:border-box;width:min(420px,calc(100vw - 32px));padding:24px;border:1px solid var(--line,#344352);border-radius:12px;background:light-dark(#fff,#17232e);color:light-dark(#202c36,#e3e8ef);font:inherit}.personal-calendar-dialog::backdrop{background:#0008}.personal-calendar-dialog h3{margin:0 0 20px}.personal-calendar-dialog input{box-sizing:border-box;width:100%;padding:10px;font:inherit;background:transparent;color:inherit;border:1px solid #647080;border-radius:7px}.personal-calendar-dialog button{font:inherit;padding:8px 14px;border:1px solid #647080;border-radius:7px;background:transparent;color:inherit}.personal-calendar-dialog .personal-tools{justify-content:flex-end} .meeting-more-actions>button{width:28px;height:32px;padding:0;font-size:22px;line-height:28px}.meeting-more-menu[popover]{position:fixed;inset:auto;margin:0;box-sizing:border-box;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;color:var(--text,#e3e8ef)} .meeting-poll .meeting-choice.meeting-option-free input[type=checkbox],.meeting-poll .meeting-choice.meeting-option-busy input[type=checkbox]{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:16px;height:16px;border:2px solid var(--availability-color);background-color:transparent;border-radius:3px;outline:none;cursor:pointer}.meeting-option-free{--availability-color:#26994b}.meeting-option-busy{--availability-color:#db4141}.meeting-poll .meeting-choice.meeting-option-free input[type=checkbox]:checked,.meeting-poll .meeting-choice.meeting-option-busy input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8l3 3 7-7' fill='none' stroke='%23ffffff' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:14px 14px}.meeting-poll .meeting-choice input[type=checkbox]:focus-visible{outline:2px solid var(--atlas-accent,#dfff00);outline-offset:3px}.meeting-poll .meeting-availability{display:block;margin-top:5px;font-size:10px;line-height:1.3;color:var(--muted,#8e9daa)}.meeting-option-free .meeting-availability{color:light-dark(#217e3d,#70d58d)}.meeting-option-busy .meeting-availability{color:light-dark(#b83131,#ff9696)} .meeting-poll th,.meeting-poll td{min-width:82px;padding:8px 6px}.meeting-poll .meeting-proposal-date{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}.meeting-proposal-date span,.meeting-proposal-date small{display:block}.meeting-proposal-date small{margin-top:3px;font-size:10px;font-weight:400;color:var(--muted,#8e9daa)}.meeting-poll .meeting-person-name,.meeting-poll th:first-child{min-width:90px}.meeting-poll .meeting-send-cell{min-width:32px}.meeting-table .meeting-date{font-variant-numeric:tabular-nums}.meeting-table .meeting-people{min-width:0} .meeting-poll .meeting-choice input[type=checkbox]{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:16px;height:16px;border:2px solid #89939d;border-radius:3px;background-color:transparent;cursor:pointer}.meeting-poll .meeting-choice input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8l3 3 7-7' fill='none' stroke='%2389939d' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:14px 14px}.meeting-poll .meeting-choice.meeting-option-free input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8l3 3 7-7' fill='none' stroke='%2326994b' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.meeting-poll .meeting-choice.meeting-option-busy input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8l3 3 7-7' fill='none' stroke='%23db4141' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")} .meeting-poll .meeting-send-cell>.meeting-send{padding:3px}.meeting-poll .meeting-send svg,.meeting-actions .meeting-action-icon[aria-label="Einladungen senden"] svg{width:24px;height:24px;stroke-width:1.7} .meeting-group .meeting-table{min-width:1320px}.meeting-poll .meeting-proposal-date,.meeting-poll .meeting-choice{min-width:82px}.meeting-poll th:first-child{min-width:90px;white-space:normal}.meeting-poll .meeting-person-name{white-space:normal} .meeting-group .meeting-table{width:100%;table-layout:fixed} .meeting-group .meeting-table{min-width:0;width:100%}.meeting-group .meeting-table>thead>tr>th,.meeting-group .meeting-table>tbody>tr[data-meeting-id]>td{padding-left:7px;padding-right:7px}.meeting-poll{width:100%;table-layout:fixed}.meeting-poll th,.meeting-poll td,.meeting-poll .meeting-proposal-date,.meeting-poll .meeting-choice{min-width:0;padding:8px 3px}.meeting-poll th:first-child,.meeting-poll .meeting-person-name{min-width:0;width:72px;overflow-wrap:anywhere;white-space:normal}.meeting-poll .meeting-send-cell{min-width:0;width:32px;padding:6px 0}.meeting-proposal-date small{white-space:normal;overflow-wrap:normal}.meeting-table .meeting-proposal-date{white-space:normal}.meeting-table .meeting-actions{flex-wrap:wrap}.meeting-table .meeting-date{overflow-wrap:normal} .meeting-group .meeting-table{max-width:100%;width:auto}.meeting-group .meeting-table .meeting-actions{flex-wrap:nowrap} .meeting-group .meeting-table{width:100%;max-width:100%;min-width:0}.meeting-table th,.meeting-table td{box-sizing:border-box}.meeting-table>thead>tr>th{overflow-wrap:anywhere} .meeting-editor fieldset{display:flex;flex-direction:column;gap:7px}.meeting-editor fieldset label{align-items:flex-start}.meeting-editor fieldset label>span{display:flex;flex-direction:column;gap:3px}.meeting-editor fieldset label small{font-size:10px;color:var(--muted,#8e9daa)}.meeting-editor .meeting-option.meeting-proposal-start-free>input[type=datetime-local]{border-color:#26994b}.meeting-editor .meeting-option.meeting-proposal-start-busy>input[type=datetime-local]{border-color:#db4141} .meeting-editor .meeting-option.meeting-proposal-free input[aria-label="Dauer in Minuten"]{border-color:#26994b}.meeting-editor .meeting-option.meeting-proposal-busy input[aria-label="Dauer in Minuten"]{border-color:#db4141} .meeting-proposal-heading{display:flex;align-items:center;gap:12px;grid-column:1/-1;font-size:13px}.meeting-proposal-heading small{font-size:11px;color:var(--muted,#8e9daa)}.meeting-proposal-heading small:empty{display:none} .meeting-editor .meeting-option input.meeting-field-checking{animation:meeting-check-pulse 1.5s ease-in-out infinite}@keyframes meeting-check-pulse{0%,100%{box-shadow:0 0 0 1px transparent}50%{box-shadow:0 0 0 1px light-dark(#ffffffb3,#ffffff80),0 0 5px #ffffff30}}@media(prefers-reduced-motion:reduce){.meeting-editor .meeting-option input.meeting-field-checking{animation:none}} .meeting-editor .meeting-option>input[type=datetime-local]:focus,.meeting-editor .meeting-option input[aria-label="Dauer in Minuten"]:focus{outline:none!important;box-shadow:none} .wp-dependency-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:30px;min-width:30px;padding:4px}.wp-dependency-button svg{width:17px;height:17px}.wp-dependency-button span{font-size:10px}.wp-dependency-summary{font-size:11px;color:var(--muted,#8e9daa);margin:6px 0}.wp-dependency-summary>div{display:flex;align-items:center;gap:8px;margin-top:5px}.wp-dependency-summary button{padding:0 5px}.wp-dependency-dialog{width:min(600px,calc(100vw - 32px))}.wp-dependency-dialog input[type=search]{width:100%;box-sizing:border-box;padding:8px;font:inherit}.wp-dependency-dialog section{margin:16px 0}.wp-dependency-dialog label{display:flex;align-items:center;gap:8px;margin:8px 0}.wp-dependency-dialog .module-tools{display:flex;justify-content:flex-end;gap:10px}.dependency-start-tip{position:fixed;z-index:1000;pointer-events:none;max-width:320px;padding:8px 10px;border:1px solid #647080;border-radius:8px;background:#17232e;color:#e3e8ef;font:12px Manrope,sans-serif}.track.dependency-start-blocked{cursor:not-allowed} /* Abhängigkeitsdialog: Text auf 80 % der bisherigen Größe. */ .wp-dependency-dialog{font-size:80%} .wp-dependency-dialog button,.wp-dependency-dialog input,.wp-dependency-dialog small{font-size:inherit} .deliverable-item>.module-head .deliverable-status{margin-left:auto;flex-shrink:0;padding:4px 9px;border:1px solid var(--line,#647080);border-radius:6px;font-size:12px} .wp-deliverable-assignment{margin-top:7px}.wp-deliverable-assignment>summary{cursor:pointer}.wp-deliverable-assignment>div{margin:5px 0 0 16px} #atlas-preview .subtask-fold>.subtask-item{list-style:none;cursor:pointer}#atlas-preview .subtask-fold>.subtask-item::-webkit-details-marker{display:none}#atlas-preview .subtask-fold-arrow{display:inline-block;transition:transform .15s}#atlas-preview .subtask-fold[open]>.subtask-item .subtask-fold-arrow{transform:rotate(90deg)}#atlas-preview .subtask-fold-content{padding:8px 12px 12px 28px}#atlas-preview .subtask-fold-content .sub-description{margin-top:6px} /* Kompakte AP-Darstellung, Version davor im geprüften UI-Archiv. */ #atlas-preview .wp-module[data-ap-id]{padding:11px;margin:9px 0} #atlas-preview .wp-module[data-ap-id] .module-metrics{gap:20px;margin-bottom:9px;align-items:center} #atlas-preview .wp-module[data-ap-id] .module-metrics>div{display:flex;align-items:center;gap:7px} #atlas-preview .wp-module[data-ap-id] .module-metrics strong{display:inline-flex;align-items:center;gap:3px} #atlas-preview .metric-limit-value{border:0;background:transparent;padding:0;font:inherit;color:inherit;cursor:pointer} #atlas-preview .metric-limit-value[hidden],#atlas-preview .inline-limit[hidden]{display:none} #atlas-preview .wp-module[data-ap-id] .lead-button{border-color:transparent;padding:1px 3px} #atlas-preview .subtask-fold>.subtask-item.subtask-item{grid-template-columns:20px minmax(100px,1fr) auto auto auto;gap:7px;padding:7px 0} #atlas-preview .subtask-fold>.subtask-item .wp-dependency-button{grid-column:3;grid-row:1} #atlas-preview .subtask-fold>.subtask-item .assign-button{grid-column:4;grid-row:1} #atlas-preview .subtask-fold>.subtask-item .task-delete-minus{grid-column:5;grid-row:1} #atlas-preview .subtask-facts{display:flex;align-items:center;gap:16px;margin-bottom:7px} #atlas-preview .subtask-fold-content{padding:7px 10px 10px 27px} #atlas-preview .subtask-fold-content .sub-description label{display:block} #atlas-preview .wp-module[data-ap-id]>.ap-description{margin-top:7px} #atlas-preview .subtask-fold:not([open])>.subtask-fold-content{display:none} #atlas-preview button.subtask-fold-arrow{border:0;background:transparent;color:inherit;font:inherit;padding:0;width:16px;height:20px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center} #atlas-preview .activity-bar,#atlas-preview .activity-summary-bar{transform:none;position:absolute;min-width:2px;overflow:visible;cursor:grab} #atlas-preview .activity-buffer{transform:none;position:absolute;pointer-events:none} #atlas-preview .activity-anchor{position:absolute;inset:0;pointer-events:none} #atlas-preview .activity-anchor .dependency-point{pointer-events:auto;position:absolute;top:20px} #atlas-preview .activity-resize{position:absolute;top:0;bottom:0;width:7px;cursor:ew-resize;z-index:3} #atlas-preview .activity-resize.start{left:0}#atlas-preview .activity-resize.end{right:0} #atlas-preview .activity-bar .ap-number{font-size:10px;white-space:nowrap;pointer-events:none} #atlas-preview .subtask-fold>.subtask-item{grid-template-columns:20px minmax(100px,1fr) auto auto auto auto} #atlas-preview .activity-add{grid-column:6;grid-row:1;width:28px;height:28px;padding:3px} #atlas-preview .activity-item{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line);flex-wrap:wrap} #atlas-preview .activity-item>span{flex:1}#atlas-preview .activity-item button{width:30px;height:30px;padding:4px} .activity-hover{position:fixed;z-index:2000;pointer-events:none;white-space:pre-line;max-width:330px;padding:10px;border-radius:8px;background:#17232e;color:#e3e8ef;font:12px Manrope,sans-serif;border:1px solid #647080} .activity-hover[hidden]{display:none}.activity-editor{width:min(540px,calc(100vw - 32px));font-size:13px} /* Keep all three date bands visible while the page scrolls. */ #atlas-preview{overflow:clip} #atlas-preview .timeline>.tr:first-child{position:sticky;top:0;z-index:30;background:var(--paper);box-shadow:0 2px 4px #0001} #atlas-preview .timeline>.tr:first-child .weeks{position:relative;display:block} #atlas-preview .calendar-today-line{position:absolute;top:0;bottom:0;border-left:1px solid var(--soft);pointer-events:none} #atlas-preview .calendar-today{position:absolute;top:4px;transform:translateX(-50%);background:var(--ink);color:var(--paper);border-radius:3px;padding:0 3px;font-size:10px;line-height:15px;pointer-events:none} #atlas-preview .activity-create-menu{padding:4px;min-width:0;border-radius:5px} #atlas-preview .activity-create-menu button{font-size:11px;line-height:1.35;padding:4px 7px;border-radius:4px} .wp-info-dialog dl{display:grid;grid-template-columns:110px 1fr;gap:8px 14px;margin:18px 0} .wp-info-dialog dt{color:var(--soft,#8997a8)}.wp-info-dialog dd{margin:0} .wp-info-dialog p{white-space:pre-wrap;overflow-wrap:anywhere}.wp-info-dialog h4{margin-bottom:8px} .activity-subtask-info{padding:10px 12px;margin:12px 0;border:1px solid var(--line,#647080);border-radius:6px;font-size:11px;max-height:100px;overflow:auto} .activity-subtask-info p{white-space:pre-wrap;margin:6px 0 0} #atlas-preview .activity-actions-menu button{display:block;width:100%;text-align:left;margin:2px 0} .activity-hover strong{display:block;font-weight:700}.activity-hover-description{margin-top:5px;font-weight:300;line-height:1.5} #atlas-preview .activity-list{margin-left:28px}#atlas-preview .activity-item{font-size:.9em}#atlas-preview .activity-name{cursor:text;white-space:pre-wrap;overflow-wrap:anywhere}#atlas-preview .activity-name[contenteditable="false"]{cursor:default}#atlas-preview .activity-number{white-space:nowrap} /* Einheitliche Struktur-/Aktionssymbole im WP-Modul. */ #atlas-preview .wp-module .wp-structure-tools .wp-structure-plus,#atlas-preview .wp-module .ap-color,#atlas-preview .wp-module .wp-dependency-button,#atlas-preview .wp-module .wp-deliverable-button,#atlas-preview .wp-module .assign-button,#atlas-preview .wp-module .task-delete-minus,#atlas-preview .wp-module .activity-add,#atlas-preview .wp-module .activity-item button{width:28px;height:28px;min-width:28px;box-sizing:border-box;padding:4px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0} #atlas-preview .wp-module .ap-color{padding:0} #atlas-preview .wp-module .wp-structure-tools svg,#atlas-preview .wp-module .subtask-item>button svg,#atlas-preview .wp-module .activity-item button svg{width:18px;height:18px} #atlas-preview .wp-module .task-title .activity-add{margin-left:2px;font-size:20px;line-height:1;grid-column:auto;grid-row:auto} #atlas-preview .wp-module .subtask-fold>.subtask-item.subtask-item{grid-template-columns:20px minmax(100px,1fr) auto auto auto} #atlas-preview .wp-module .wp-dependency-button svg,#atlas-preview .wp-module .wp-deliverable-button svg{width:18px;height:18px} #atlas-preview .ap-picker .color-grid{grid-template-columns:repeat(5,28px);gap:7px;padding:5px} #atlas-preview .ap-picker .color-swatch{width:28px;height:28px;padding:0;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;text-shadow:0 1px 3px #000;box-sizing:border-box} #atlas-preview .ap-picker .color-swatch.selected{outline:2px solid var(--ink);outline-offset:2px} #atlas-preview .ap-picker .color-swatch:hover{outline:2px solid var(--soft);outline-offset:2px} #atlas-preview .ap-picker .color-other{display:flex;align-items:center;gap:8px;margin:8px 5px 4px;padding-top:8px;border-top:1px solid var(--line);font-size:12px;cursor:pointer} #atlas-preview .ap-picker .color-custom{width:28px;height:28px;padding:2px;border:1px solid var(--line);border-radius:5px;background:transparent;cursor:pointer} #atlas-preview .wp-module .wp-row-actions{display:grid;grid-template-columns:repeat(4,28px);gap:7px;align-items:center;flex-shrink:0;margin-left:auto} #atlas-preview .wp-module .wp-row-actions>.wp-dependency-button{grid-column:1;grid-row:1} #atlas-preview .wp-module .wp-row-actions>.wp-deliverable-button{grid-column:2;grid-row:1} #atlas-preview .wp-module .wp-row-actions>.assign-button,#atlas-preview .wp-module .activity-item .wp-row-actions>button:not([class]){grid-column:3;grid-row:1} #atlas-preview .wp-module .wp-row-actions>.task-delete-minus,#atlas-preview .wp-module .wp-row-actions>.wp-structure-plus{grid-column:4;grid-row:1} #atlas-preview .wp-module .wp-row-actions>button{width:28px;height:28px;padding:4px;display:inline-flex;align-items:center;justify-content:center} #atlas-preview .wp-module .wp-row-actions svg{width:18px;height:18px} #atlas-preview .wp-module .subtask-fold>.subtask-item.subtask-item{grid-template-columns:20px minmax(100px,1fr) auto} #atlas-preview .wp-module .subtask-item>.wp-row-actions{grid-column:3;grid-row:1} #atlas-preview .wp-module .module-head>.summary{margin-left:auto;margin-right:8px} #atlas-preview .wp-module .module-head>.wp-row-actions{margin-left:0} #atlas-preview .wp-module .subtask-fold-content{padding-right:0} #atlas-preview .wp-module .activity-item{flex-wrap:nowrap;gap:7px} #atlas-preview .wp-module .activity-title{min-width:0} .responsibility-dialog>input{width:100%;box-sizing:border-box;margin:8px 0;padding:7px}.responsibility-list{max-height:280px;overflow:auto}.responsibility-list label{display:flex;align-items:center;gap:9px;padding:7px 0}.responsibility-list label span{display:flex;align-items:center;gap:7px} #atlas-preview .inline-responsibles{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;margin-left:5px;color:var(--soft);font-size:11px;font-weight:300}#atlas-preview .inline-responsible{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}#atlas-preview .activity-title .inline-responsibles{vertical-align:middle} #atlas-preview .inline-responsible.person-with-logo img{width:42px;height:25px;object-fit:contain}#atlas-preview .inline-responsible.person-with-logo{gap:6px} #atlas-preview .wp-module .wp-row-actions{grid-template-columns:28px 28px 120px 28px 28px} #atlas-preview .wp-module .wp-row-actions>.inline-responsibles{grid-column:3;grid-row:1;justify-self:end;max-width:120px;min-width:0;margin-left:0;flex-wrap:nowrap;overflow:hidden;white-space:nowrap} #atlas-preview .wp-module .wp-row-actions>.assign-button,#atlas-preview .wp-module .activity-item .wp-row-actions>button:not([class]){grid-column:4;grid-row:1} #atlas-preview .wp-module .wp-row-actions>.task-delete-minus,#atlas-preview .wp-module .wp-row-actions>.wp-structure-plus{grid-column:5;grid-row:1} #atlas-preview .wp-module .inline-responsible{min-width:0;overflow:hidden;text-overflow:ellipsis} @media(max-width:650px){#atlas-preview .wp-module .wp-row-actions{grid-template-columns:28px 28px 80px 28px 28px}#atlas-preview .wp-module .wp-row-actions>.inline-responsibles{max-width:80px}} /* Zuständigkeit zuerst: Name direkt links vom Personenbutton, auf allen Ebenen. */ #atlas-preview .wp-module .wp-row-actions{grid-template-columns:120px repeat(4,28px)} #atlas-preview .wp-module .wp-row-actions>.inline-responsibles{grid-column:1;grid-row:1;justify-self:end} #atlas-preview .wp-module .wp-row-actions>.assign-button,#atlas-preview .wp-module .activity-item .wp-row-actions>button:not([class]){grid-column:2;grid-row:1} #atlas-preview .wp-module .wp-row-actions>.wp-dependency-button{grid-column:3;grid-row:1} #atlas-preview .wp-module .wp-row-actions>.wp-deliverable-button{grid-column:4;grid-row:1} #atlas-preview .wp-module .wp-row-actions>.task-delete-minus,#atlas-preview .wp-module .wp-row-actions>.wp-structure-plus{grid-column:5;grid-row:1} @media(max-width:650px){#atlas-preview .wp-module .wp-row-actions{grid-template-columns:80px repeat(4,28px)}} #atlas-preview .wp-module .ap-duration{color:var(--soft);font-size:12px;font-weight:300;white-space:nowrap;margin-left:3px}#atlas-preview .wp-module .module-head>.wp-row-actions{margin-left:auto} #atlas-preview .subtask-fold-arrow.has-activities svg{width:16px;height:16px;stroke-width:2}#atlas-preview .subtask-fold-arrow.has-activities{color:var(--ink)} #atlas-preview .subtask-fold-arrow.has-activities{position:relative;isolation:isolate} #atlas-preview .subtask-fold-arrow.has-activities .fold-arrow-large{position:static;font-size:inherit;line-height:inherit} #atlas-preview .subtask-fold-arrow.has-activities .fold-arrow-small{position:absolute;left:7px;top:0;font-size:10px;line-height:12px;color:var(--soft);text-shadow:-1px 1px var(--paper)} #atlas-preview .activity-title{display:flex;align-items:center;gap:7px} #atlas-preview .activity-fold-content{padding:6px 0 10px 23px} #atlas-preview .activity-fold-content[hidden]{display:none} #atlas-preview .activity-fold-content label{display:block;font-size:11px;color:var(--soft)} #atlas-preview .activity-fold-content textarea{display:block;width:100%;box-sizing:border-box;min-height:70px;margin-top:5px;padding:7px;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:5px;resize:vertical} #atlas-preview .activity-fold.open .activity-fold-arrow{transform:rotate(90deg)} #atlas-preview .activity-item button.activity-fold-arrow{width:16px;height:20px;min-width:16px;padding:0} #atlas-preview .inline-responsibles.person-with-logo img{width:42px;height:25px;object-fit:contain}#atlas-preview .inline-responsibles.person-with-logo{gap:6px} #atlas-preview .lead-picker{width:210px}#atlas-preview .lead-picker>input{width:100%;box-sizing:border-box;margin-bottom:5px;padding:5px;font:inherit}#atlas-preview .lead-picker-list{max-height:240px;overflow:auto}#atlas-preview .lead-picker-list button{display:flex;width:100%;align-items:center;gap:7px;text-align:left;margin:2px 0}#atlas-preview .lead-picker-list button[aria-pressed="true"]{border-color:var(--accent);font-weight:600} /* Quick capture keeps deliverable details outside compact AP cards. */ .deliverable-quick{display:flex;gap:8px;margin:12px 0 16px}.deliverable-quick input{flex:1;min-width:0;padding:9px 12px;border:1px solid var(--line,#344454);border-radius:8px;background:transparent;color:inherit;font:inherit}.deliverable-quick button{width:34px;height:34px;padding:0;color:var(--project-accent,var(--accent));font-size:23px!important;border-radius:8px}.wp-dependency-dialog label>span{flex:1;min-width:0}.wp-dependency-dialog label>.meeting-action-icon{flex-shrink:0}.deliverable-status{white-space:nowrap} .deliverable-quick button{color:var(--atlas-accent,#dfff00)!important;border-color:var(--atlas-accent,#dfff00)}.wp-dependency-dialog label>.meeting-action-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:3px}.wp-dependency-dialog label>.meeting-action-icon svg{width:18px;height:18px} /* Counts overlay their icons instead of reducing the available icon width. */ #atlas-preview .wp-module :is(.wp-dependency-button,.wp-deliverable-button){position:relative;overflow:visible;gap:0} #atlas-preview .wp-module :is(.wp-dependency-button,.wp-deliverable-button)>svg{width:18px;height:18px;min-width:18px;flex:none} #atlas-preview .wp-module :is(.wp-dependency-button,.wp-deliverable-button)>span{position:absolute;right:-5px;top:-6px;box-sizing:border-box;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:light-dark(#687582,#71808e);color:#fff;font-size:10px;line-height:15px;text-align:center;font-weight:600;pointer-events:none} /* Keep the clickable connector above task bars, including adjacent tasks. */ #atlas-preview .dependency-saved{z-index:8} /* Timeline bars share 80% of the smallest row height, centered in each row. */ #atlas-preview .timeline .track :is(.bar,.buffer,.handle){top:calc(50% - var(--timeline-bar-height,36px)/2);height:var(--timeline-bar-height,36px);bottom:auto} #atlas-preview .timeline .track .bar{display:flex;align-items:center} #atlas-preview .timeline .track .dependency-point{top:calc(50% - var(--timeline-bar-height,36px)/2)} #atlas-preview .timeline .track .dependency-point.bottom{top:calc(50% + var(--timeline-bar-height,36px)/2)} #atlas-preview .timeline .track .activity-anchor .dependency-point{top:50%} #atlas-preview .timeline .activity-resize{top:0;bottom:0;width:8px} .deliverable-affiliation{display:block;margin-top:3px;color:var(--soft,#8e9daa);font-size:11px!important}.wp-dependency-dialog details>summary{cursor:pointer;margin:12px 0;font-weight:500} #atlas-preview .timeline .track .handle{width:0}#atlas-preview .timeline .track .handle:before{inset:0 -7px}#atlas-preview .timeline .activity-resize{width:14px;transform:translateX(-50%)}#atlas-preview .timeline .activity-resize.end{left:100%;right:auto}#atlas-preview .timeline .activity-resize.limit{right:auto} #atlas-preview .timeline .grip-highlight:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--ink);box-shadow:0 0 0 1px var(--paper);pointer-events:none}#atlas-preview.timeline-grip-ready .timeline *{cursor:ew-resize!important}.timeline-grip-hint{position:fixed;z-index:1000;pointer-events:none;padding:4px 7px;border-radius:4px;background:light-dark(#fff,#17232e);color:light-dark(#243247,#e3eaf3);border:1px solid light-dark(#dce3eb,#344253);font:11px Manrope,sans-serif} /* Reserve the middle of each temporal edge for dependency interaction. */ #atlas-preview .timeline .track .dependency-point,#atlas-preview .timeline .track .dependency-point.bottom{top:50%} #atlas-preview .timeline .track .dependency-point{z-index:10} #atlas-preview .dependency-saved{z-index:8} #atlas-preview .activity-date-lock{position:absolute;right:3px;top:2px;width:11px;height:11px;pointer-events:none;line-height:0}#atlas-preview .activity-date-lock svg{width:11px;height:11px;fill:none;stroke:var(--ink);stroke-width:2}#atlas-preview .activity-bar.date-locked{cursor:default}#atlas-preview .activity-bar.date-locked .activity-resize{pointer-events:none;cursor:default} .activity-simple-editor{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.activity-simple-editor>label:nth-child(-n+2),.activity-simple-editor>p,.activity-simple-editor>button{grid-column:1/-1}.activity-simple-editor textarea{min-height:90px}.activity-simple-editor>button{justify-self:end} .meeting-dialog.activity-editor:has(.activity-simple-editor){width:min(560px,calc(100vw - 32px))} #atlas-preview .activity-order-grip{border:0;background:transparent;color:var(--muted);padding:0;width:18px;min-width:18px;height:26px;cursor:grab;font-size:17px;touch-action:none}#atlas-preview .activity-order-grip:active{cursor:grabbing}#atlas-preview .activity-order-grip:disabled{opacity:.3;cursor:default}.activity-order-target{box-shadow:0 -2px 0 var(--project-accent,var(--accent))}.activity-order-dragging{opacity:.55}.meeting-dialog.activity-reorder-dialog{width:min(760px,calc(100vw - 32px));font-size:13px}.activity-reorder-dialog label{display:flex;align-items:center;gap:12px;margin-bottom:18px}.activity-reorder-dialog select{padding:7px;font:inherit;min-width:170px}.activity-reorder-dialog table{width:100%;border-collapse:collapse}.activity-reorder-dialog th,.activity-reorder-dialog td{padding:9px;text-align:left;border-bottom:1px solid var(--line,#647080)}.activity-reorder-dialog .dates-changed td:last-child{color:var(--project-accent,var(--accent));font-weight:500}.activity-reorder-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:10px}.activity-reorder-dialog button{font:inherit;padding:7px 12px}.activity-reorder-dialog p{margin:16px 0} #atlas-preview .activity-shortening-dialog p{white-space:pre-line;line-height:1.6}#atlas-preview .activity-shortening-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:10px} #atlas-preview .activity-position-dialog{width:min(420px,calc(100vw - 32px))}.activity-position-dialog label{display:grid;gap:8px}.activity-position-dialog select{width:100%;box-sizing:border-box}.activity-position-dialog p[hidden]{display:none} #atlas-preview .activity-actions-menu button{display:flex;align-items:center;gap:9px}#atlas-preview .activity-actions-menu button svg{width:16px;height:16px;flex:none;stroke-width:1.7}.activity-menu-divider{border:0;border-top:1px solid var(--line,#344253);margin:5px 4px}#atlas-preview .activity-actions-menu .activity-menu-delete:hover:not(:disabled){color:#ef6464} #atlas-preview .dependency-point[hidden]{display:none!important} .dependency-timing-warning{color:light-dark(#905700,#ffc15e);border-left:3px solid currentColor;padding:8px 12px;line-height:1.5}#atlas-preview .dependency-timing-conflict{border-color:light-dark(#a56700,#ffc15e);color:light-dark(#a56700,#ffc15e)} #atlas-preview .dependency-saved .dependency-route{fill:none;stroke:var(--muted,#8e9daa);stroke-width:1.5;pointer-events:none}#atlas-preview .dependency-saved .dependency-conflict{stroke:#ffc15e} #atlas-preview .dependency-saved path.dependency-hit{fill:none;stroke:transparent;stroke-width:12;pointer-events:stroke} .dependency-unplanned-marker{color:#ffc15e;font-size:12px;cursor:help} .wp-dependency-dialog .deliverable-link-save:disabled{opacity:.35;color:#8e9daa;border-color:#647080;background:transparent;cursor:not-allowed;box-shadow:none} #atlas-preview .wp-module .wp-dependency-button>.dependency-warning-badge{background:transparent;color:#ffc15e;font-size:13px;min-width:15px;padding:0} #atlas-preview .wp-module .wp-dependency-button>.dependency-warning-badge{background:#d84444;color:#fff;font-size:11px;font-weight:600;width:16px;height:16px;line-height:16px;border-radius:50%;text-align:center} #atlas-preview .planning-compare-button{width:34px;height:34px;margin-left:auto;margin-right:10px;padding:7px}.planning-comparison-dialog{width:min(1100px,calc(100vw - 40px));max-height:85vh;font-size:13px}.planning-comparison-tools{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:16px 0}.planning-comparison-tools label{display:flex;gap:8px;align-items:center}.planning-comparison-tools select{font:inherit;padding:7px;max-width:100%}.planning-comparison-table{overflow:auto;max-height:55vh;margin-bottom:20px}.planning-comparison-table table{width:100%;border-collapse:collapse}.planning-comparison-table th,.planning-comparison-table td{padding:9px 10px;text-align:left;border-bottom:1px solid var(--line,#344454)}.planning-comparison-table th{position:sticky;top:0;background:var(--panel,#17232e)}.planning-comparison-table td:nth-child(n+3){white-space:nowrap}.planning-delta{color:var(--project-accent,#dfff00);font-weight:600} .planning-comparison-table th{background:light-dark(#edf1f4,#17232e);color:light-dark(#202c36,#e3e8ef)}.planning-comparison-table .planning-delta{color:light-dark(#416719,#dfff00)} .event-actions-menu{position:fixed;z-index:1500;padding:5px;border:1px solid #647080;border-radius:9px;background:light-dark(#fff,#17232e);color:light-dark(#202c36,#e3e8ef);color-scheme:light dark;box-shadow:0 8px 24px #0003;font-size:12px}.event-actions-menu button{display:flex;align-items:center;gap:9px;width:100%;border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:7px 10px;cursor:pointer}.event-actions-menu button:hover{background:#8882}.event-actions-menu svg,.event-date-lock svg{width:16px;height:16px;flex:none}.event-date-lock{display:inline-flex;align-items:center;margin-left:8px} .event-line-lock{position:absolute;top:4px;left:4px;display:block;width:12px;height:12px;pointer-events:none}.event-line-lock svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7} .due-date-controls{display:flex;align-items:center;gap:8px}.due-date-controls input{flex:1;min-width:0}.due-lock-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;flex:none}.due-lock-button svg{width:18px;height:18px} #atlas-preview .event-line.deliverable:before,#atlas-preview .event-line.milestone:before{left:-8px;width:16px}#atlas-preview .event-line.deliverable,#atlas-preview .event-line.milestone{touch-action:none}#atlas-preview .event-line.event-connection-flash{filter:brightness(1.8);border-left-width:3px} #atlas-preview .event-line.event-connection-preview{filter:brightness(1.8);border-left-width:3px} #atlas-preview .timeline .event-layer{z-index:12} #atlas-preview .deliverable-edit-dialog{width:min(620px,calc(100vw - 32px));max-height:85vh;padding:22px;background:var(--paper);color:var(--ink);border-color:var(--line);font:inherit}#atlas-preview .deliverable-edit-dialog h3{margin:0 0 16px}#atlas-preview .deliverable-edit-dialog .deliverable-editor{border:0;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#atlas-preview .deliverable-edit-dialog .deliverable-editor>details,#atlas-preview .deliverable-edit-dialog .deliverable-editor>div,#atlas-preview .deliverable-edit-dialog .deliverable-editor>p,#atlas-preview .deliverable-edit-dialog .deliverable-editor>input{grid-column:1/-1}#atlas-preview .deliverable-edit-dialog .module-tools{justify-content:flex-end;gap:10px}@media(max-width:520px){#atlas-preview .deliverable-edit-dialog .deliverable-editor{grid-template-columns:1fr}} #atlas-preview #atlas-tip .event-hover-description{font-weight:300;white-space:pre-wrap;margin-top:5px;line-height:1.5} #atlas-preview .deliverable-editor{display:flex;flex-direction:column;gap:20px}#atlas-preview .deliverable-editor-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;min-width:0}#atlas-preview .deliverable-editor-section h4{grid-column:1/-1;font-size:12px;font-weight:500;color:var(--muted);margin:0 0 2px}#atlas-preview .deliverable-editor-section .editor-full,#atlas-preview .deliverable-editor-section>details{grid-column:1/-1}#atlas-preview .deliverable-binding-hint{font-size:12px;color:var(--muted);margin:0}#atlas-preview .deliverable-binding-hint[hidden]{display:none}#atlas-preview .deliverable-editor-section details{border-top:1px solid var(--line);padding-top:12px}#atlas-preview .deliverable-editor-section summary{cursor:pointer;font-weight:400}#atlas-preview .deliverable-editor-section details[open]>summary{margin-bottom:12px}#atlas-preview .deliverable-edit-dialog .deliverable-editor{display:flex;gap:20px}#atlas-preview .deliverable-edit-dialog .deliverable-editor-actions{position:sticky;bottom:-22px;padding:14px 0;margin-top:0;background:var(--paper);border-top:1px solid var(--line);z-index:1;flex-shrink:0}#atlas-preview .deliverable-editor input:not([type=file]),#atlas-preview .deliverable-editor select{min-width:0;width:100%;box-sizing:border-box}@media(max-width:520px){#atlas-preview .deliverable-editor-section{grid-template-columns:1fr}} #atlas-preview .event-connection-symbol{position:absolute;top:0;left:5px;width:12px;height:12px;color:var(--ink);pointer-events:none}#atlas-preview .event-connection-symbol svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .event-wp-controls{display:flex;align-items:center;gap:8px}.event-wp-controls select{flex:1;min-width:0}.event-binding-button.active{color:var(--accent);border-color:var(--accent)} .due-lock-button svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .deliverable-editor .event-wp-controls select:disabled{opacity:.45;background:rgba(128,128,128,.15);cursor:not-allowed} .deliverable-editor [type=submit]:disabled{opacity:.35;cursor:not-allowed} .deliverable-item>.module-head .deliverable-status[data-status]{min-width:108px;box-sizing:border-box;text-align:center;border-radius:999px;font-weight:500;line-height:1.4;padding:4px 10px;border-color:transparent} .deliverable-status[data-status="draft"]{background:light-dark(#e9edf1,#303b48);color:light-dark(#465363,#d4dce6)} .deliverable-status[data-status="open"]{background:light-dark(#e0edfc,#203f60);color:light-dark(#20558d,#a4ceff)} .deliverable-status[data-status="progress"]{background:light-dark(#fff0d6,#523b20);color:light-dark(#805000,#ffd08b)} .deliverable-status[data-status="done"]{background:light-dark(#e0f2e6,#234433);color:light-dark(#24613b,#a1dfb8)} .deliverable-status[data-status="reviewed"]{background:light-dark(#dcf3f1,#1d4544);color:light-dark(#17605d,#93dfda)} #atlas-preview .deliverable-inline-card{padding:11px;margin:9px 0}.deliverable-inline{display:block}.deliverable-inline-summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer}.deliverable-inline-summary::-webkit-details-marker{display:none}.deliverable-fold-arrow{width:18px;flex:none;color:var(--muted)}.deliverable-inline-summary>label:first-of-type{flex:1;min-width:0}.deliverable-inline-summary input{width:100%;box-sizing:border-box;background:transparent;border-color:transparent;font:inherit;font-weight:500;padding:3px 5px}.deliverable-inline-summary input:hover{border-color:var(--line)}.deliverable-inline-summary>label:last-child{margin-left:auto}.deliverable-inline .deliverable-status{border-radius:999px!important;padding:4px 10px!important;min-width:125px;font-size:12px!important;font-weight:500;cursor:pointer}.deliverable-inline-body{display:grid;gap:14px;padding:14px 27px 4px}.deliverable-inline-body>.deliverable-editor-section{margin:0}.deliverable-inline [role=status]:empty{display:none}.deliverable-inline-body>label{max-width:200px}.deliverable-inline .deliverable-editor-actions[hidden]{display:none} #atlas-preview .deliverable-editor.deliverable-inline{display:block;padding:0;border:0;border-radius:0;background:transparent}#atlas-preview .deliverable-inline-summary input{border:1px solid transparent;background:transparent;padding:3px 5px;font-size:14px}#atlas-preview .deliverable-inline-summary input:hover{border-color:var(--line)}#atlas-preview .deliverable-inline-summary .deliverable-status{width:auto;border-color:transparent} #atlas-preview .deliverable-inline select.deliverable-status[data-status="draft"]{background:light-dark(#e9edf1,#303b48);color:light-dark(#465363,#d4dce6)} #atlas-preview .deliverable-inline select.deliverable-status[data-status="open"]{background:light-dark(#e0edfc,#203f60);color:light-dark(#20558d,#a4ceff)} #atlas-preview .deliverable-inline select.deliverable-status[data-status="progress"]{background:light-dark(#fff0d6,#523b20);color:light-dark(#805000,#ffd08b)} #atlas-preview .deliverable-inline select.deliverable-status[data-status="done"]{background:light-dark(#e0f2e6,#234433);color:light-dark(#24613b,#a1dfb8)} #atlas-preview .deliverable-inline select.deliverable-status[data-status="reviewed"]{background:light-dark(#dcf3f1,#1d4544);color:light-dark(#17605d,#93dfda)} #atlas-preview .deliverable-inline{position:relative}.deliverable-inline-tools{display:flex;align-items:center;gap:7px;margin-left:auto}.deliverable-inline-tools .deliverable-setting-button{width:28px;height:28px;min-width:28px;padding:4px;display:inline-flex;align-items:center;justify-content:center}.deliverable-inline-tools .deliverable-setting-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.deliverable-inline-date{font-size:12px;color:var(--muted);white-space:nowrap}.deliverable-person-name{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px;white-space:nowrap}.deliverable-setting-menu{position:absolute;z-index:60;width:300px;max-width:calc(100vw - 100px);padding:12px!important;display:grid;gap:12px;background:var(--paper)!important;color:var(--ink);border:1px solid var(--line)!important;border-radius:9px!important;box-shadow:0 8px 24px #0003}.deliverable-setting-menu[hidden]{display:none!important}.deliverable-setting-menu>strong{font-size:12px;font-weight:500}.deliverable-setting-menu .lead-picker-list{max-height:230px;overflow:auto;display:grid;gap:3px}.deliverable-setting-menu .lead-picker-list button{display:flex;align-items:center;gap:8px;text-align:left;min-height:30px;font:inherit}.deliverable-setting-menu .lead-picker-list button[aria-pressed=true]{border-color:var(--project-accent,var(--accent))}.deliverable-inline-menus>label[hidden]{display:none!important}.deliverable-inline-body>label:first-child{max-width:none}.deliverable-inline-summary>label:first-of-type{flex:1 1 180px}.deliverable-inline-summary>label:last-child{margin-left:5px}@media(max-width:900px){.deliverable-inline-summary{flex-wrap:wrap}.deliverable-inline-tools{gap:4px}.deliverable-person-name{max-width:80px;overflow:hidden;text-overflow:ellipsis}} #atlas-preview .deliverable-inline-tools .deliverable-setting-button{padding:4px!important;box-sizing:border-box}.deliverable-inline-tools .deliverable-setting-button svg{flex-shrink:0}.deliverable-setting-menu{position:fixed!important;box-sizing:border-box}.deliverable-setting-menu .lead-picker-list{min-height:0}.deliverable-person-name .company-logo{width:24px;height:22px} .deliverable-detail-list{display:grid;grid-template-columns:minmax(130px,180px) minmax(0,1fr);gap:8px 18px;margin:0;font-size:12px}.deliverable-detail-list dt{color:var(--muted);font-weight:400}.deliverable-detail-list dd{margin:0;overflow-wrap:anywhere}.deliverable-setting-menu>label{max-width:none}@media(max-width:600px){.deliverable-detail-list{grid-template-columns:1fr;gap:4px}.deliverable-detail-list dd{margin-bottom:8px}} #atlas-preview .deliverable-inline-summary>label:first-of-type{flex:0 1 auto;min-width:0;max-width:50%}#atlas-preview .deliverable-inline-summary input[aria-label="Name"]{field-sizing:content;width:auto;min-width:60px;max-width:100%}#atlas-preview .deliverable-inline-date{color:var(--soft);font-weight:300;flex:none} .deliverable-content-fold>summary{cursor:pointer;font-size:12px;color:var(--soft);padding:7px 0}.deliverable-content-fold>label{display:block;margin-top:8px}.deliverable-content-fold textarea{width:100%;box-sizing:border-box}.deliverable-content-fold>.deliverable-detail-list{margin:10px 0}.deliverable-inline-body{gap:4px} #atlas-preview .deliverable-setting-button.deliverable-unconnected{color:light-dark(#c17400,#ffc15e)} #atlas-preview .deliverable-content-fold>summary{font-size:13px;font-weight:500;color:var(--ink);padding:10px 0} #atlas-preview .deliverable-setting-button.deliverable-unassigned{color:light-dark(#c17400,#ffc15e)} #atlas-preview .deliverable-setting-menu .due-lock-button{width:32px!important;min-width:32px!important;max-width:32px!important;flex:0 0 32px;padding:6px!important}#atlas-preview .deliverable-setting-menu .event-wp-controls select{width:0;flex:1 1 0;min-width:0} #atlas-preview .event-kind-symbol,#atlas-preview .event-line-lock,#atlas-preview .event-connection-symbol{position:absolute;top:4px;width:12px;height:12px;color:var(--ink);pointer-events:none}#atlas-preview .event-kind-symbol{left:5px}#atlas-preview .event-connection-symbol{left:23px}#atlas-preview .event-line-lock{left:41px}#atlas-preview .event-kind-symbol svg{display:block;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7} #atlas-preview .deliverable-ap-square{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;box-sizing:border-box;flex:none;border:1px solid var(--line);border-radius:6px;font-size:12px;font-weight:700;line-height:1} #atlas-preview .deliverable-ap-square{font-weight:800;font-size:14px} #atlas-preview .deliverable-inline-summary>.deliverable-setting-button{width:28px;height:28px;min-width:28px;padding:4px!important;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:none}#atlas-preview .deliverable-inline-summary>.deliverable-setting-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7} /* Clicked dependency stays readable above other connections. */ #atlas-preview .dependency-saved .dependency-selected .dependency-route:not(.dependency-hit){stroke:var(--project-accent,var(--blue));stroke-width:3;opacity:1;filter:drop-shadow(0 0 3px var(--project-accent,var(--blue)))} #atlas-preview .dependency-saved .dependency-hit{cursor:pointer} #atlas-preview .dependency-point.dependency-selected-endpoint{opacity:1;background:var(--project-accent,var(--blue));box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--project-accent,var(--blue));pointer-events:none} /* Prevent browser text selection while navigating the planner. */ #atlas-preview .timeline, #atlas-preview .dependency-saved, #atlas-preview .dependency-saved *, #atlas-preview .dependency-wire, #atlas-preview .dependency-wire *, #atlas-preview .timeline-navigation-dock{ -webkit-user-select:none; user-select:none; } #atlas-preview .timeline :is(input,textarea,[contenteditable="true"]), #atlas-preview .timeline :is(input,textarea,[contenteditable="true"]) *, #atlas-preview .timeline-navigation-dock :is(input,textarea,[contenteditable="true"]){ -webkit-user-select:text; user-select:text; } /* One continuous AP outline includes all work phases and the final buffer. */ #atlas-preview .timeline .ap-range-frame{position:absolute;top:50%;height:var(--timeline-bar-height,36px);transform:translateY(-50%);border:2px solid;border-radius:4px;box-sizing:border-box;pointer-events:none;z-index:6;background:transparent} .popup-assignments{margin:14px 0;padding-top:10px;border-top:1px solid var(--line,#344352)} .popup-assignments h4,.popup-assignments p{margin:6px 0} .popup-assignments details>div{display:grid;gap:7px;max-height:200px;overflow:auto;margin:10px 0} .popup-assignments details label{display:flex!important;align-items:center;gap:8px} .popup-assignments input[type=checkbox]{width:auto!important;margin:0} .popup-assignments .wp-deliverable-button{display:inline-flex;align-items:center;gap:8px} /* The popup uses the AP menu controls and picker without a separate visual variant. */ #atlas-preview .popup-assignments.wp-module{grid-column:1 / -1;width:100%;padding:10px 0;margin:12px 0;background:transparent;border:0;border-top:1px solid var(--line)} #atlas-preview .popup-assignments .wp-row-actions{margin-left:auto;grid-template-columns:minmax(80px,1fr) 28px 28px 28px} #atlas-preview .popup-assignments .wp-row-actions>.inline-responsibles{grid-column:1;max-width:none} #atlas-preview .popup-assignments .wp-row-actions>.assign-button{grid-column:2} #atlas-preview .popup-assignments .wp-row-actions>.wp-dependency-button{grid-column:3} #atlas-preview .popup-assignments .wp-row-actions>.wp-deliverable-button{grid-column:4} /* Shared AP controls sit beside the popup title. */ #atlas-preview .popup-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px} #atlas-preview .popup-title-row>h3{margin:0;min-width:0;overflow-wrap:anywhere} #atlas-preview .popup-title-row>.popup-assignments.wp-module{width:auto;margin:0;padding:0;border:0;flex-shrink:0} #atlas-preview .popup-title-row .wp-row-actions{grid-template-columns:minmax(0,120px) repeat(3,28px)} @media(max-width:600px){#atlas-preview .popup-title-row{flex-wrap:wrap}#atlas-preview .popup-title-row>.popup-assignments.wp-module{margin-left:auto}} /* Unframed controls beside popup titles. */ #atlas-preview .popup-title-row>.popup-assignments.wp-module, #atlas-preview .popup-title-row .wp-row-actions{border:0!important;outline:0;box-shadow:none;background:transparent;border-radius:0} #atlas-preview .popup-title-row .wp-row-actions>button{border-color:transparent;background:transparent;box-shadow:none} #atlas-preview .popup-title-row .wp-row-actions>button:hover{background:var(--surface)} #atlas-preview .popup-title-row .wp-row-actions>button:focus-visible{outline:2px solid var(--atlas-accent,#dfff00);outline-offset:2px} #atlas-preview #atlas-add-wp.timeline-add-large{font-size:28px;line-height:1;width:32px;height:32px;padding:0;vertical-align:middle} #atlas-preview .timeline-axis-tools{display:inline-flex;align-items:center;gap:5px;margin-left:10px;vertical-align:middle} #atlas-preview .timeline-axis-tools .timeline-display-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:4px;background:transparent} #atlas-preview .timeline-display-toggle[aria-pressed=true]{color:var(--atlas-accent,#dfff00);border-color:var(--atlas-accent,#dfff00);background:color-mix(in srgb,var(--atlas-accent,#dfff00) 10%,transparent)} #atlas-preview.timeline-numbers-off .timeline .ap-number{display:none!important} #atlas-preview .dependency-ap-filter-menu{max-height:300px;max-width:360px;overflow:auto;z-index:60} #atlas-preview .dependency-ap-filter-menu button{display:block;width:100%;text-align:left} #atlas-preview .dependency-ap-filter-menu button[aria-pressed=true]{color:var(--atlas-accent,#dfff00)} #atlas-preview .dependency-ap-filter-badge{font-size:10px;white-space:nowrap;color:var(--atlas-accent,#dfff00)} #atlas-preview .dependency-ap-filter-badge{max-width:130px;overflow:hidden;text-overflow:ellipsis} #atlas-preview .dependency-ap-filter-menu button[aria-pressed=true]::before{content:'✓ ';} #atlas-preview .dependency-saved .dependency-ap-colored .dependency-route:not(.dependency-hit){stroke:var(--dependency-source-color)} #atlas-preview .dependency-saved .dependency-ap-colored.dependency-selected .dependency-route:not(.dependency-hit){stroke:var(--dependency-source-color);filter:drop-shadow(0 0 3px var(--dependency-source-color))} #atlas-preview .dependency-saved .dependency-ap-colored .dependency-conflict:not(.dependency-hit){stroke-dasharray:4 3} /* Only planning dependencies use dashed walls; technical routes keep their arrows. */ #atlas-preview .dependency-saved .dependency-planning:not(.dependency-hit){stroke-dasharray:none!important} /* Expanded APs retain their header/connection anchors, while children show the work. */ #atlas-preview .ap-expanded-summary-hidden>.track>:is(.bar,.buffer,.handle,.ap-range-frame){visibility:hidden;pointer-events:none} #atlas-preview .dependency-saved .dependency-node-highlight .dependency-route:not(.dependency-hit){stroke:var(--dependency-highlight-color)!important;stroke-width:3.5;opacity:1;filter:drop-shadow(0 0 2px var(--dependency-highlight-color))} #atlas-preview .dependency-saved .dependency-route-handle{fill:none;stroke:transparent;stroke-width:12;pointer-events:stroke;cursor:ew-resize} #atlas-preview .dependency-saved .dependency-route-handle:hover{stroke:var(--dependency-highlight-color,var(--dependency-source-color,var(--soft)));stroke-opacity:.25} /* While adjusting dates, conflict styling takes priority over selection colors. */ #atlas-preview.timeline-adjusting-dates .dependency-saved :is(.dependency-node-highlight,.dependency-selected) .dependency-route:not(.dependency-hit){stroke:var(--dependency-source-color,var(--muted,#8e9daa))!important;stroke-width:1.5;filter:none} #atlas-preview.timeline-adjusting-dates .dependency-saved .dependency-conflict:not(.dependency-hit){stroke:#ffc15e!important;stroke-width:2.5;filter:none} #atlas-preview.timeline-adjusting-dates .dependency-point.dependency-selected-endpoint{box-shadow:none;opacity:0} #atlas-preview.timeline-adjusting-dates .dependency-saved .dependency-route-handle:hover{stroke:transparent} /* Display switches hide event lines together with their symbols and labels. */ #atlas-preview.timeline-milestones-off .event-line.milestone,#atlas-preview.timeline-milestones-off .milestone-label,#atlas-preview.timeline-deliverables-off .event-line.deliverable{display:none!important} /* Timing conflicts retain one warning color under every selection/filter state. */ #atlas-preview .dependency-saved .dependency-selected .dependency-route:not(.dependency-hit){stroke:var(--dependency-source-color,var(--muted,#8e9daa));filter:drop-shadow(0 0 3px var(--dependency-source-color,var(--muted,#8e9daa)))} #atlas-preview .dependency-saved .dependency-conflict:not(.dependency-hit){stroke:#ffc15e!important;opacity:1;filter:none} /* Independent roles and financial visibility in project employees. */ #atlas-preview .person-role-buttons,#atlas-preview .person-finance-buttons{display:flex;align-items:center;gap:6px;white-space:nowrap} #atlas-preview .person-role-buttons button,#atlas-preview .person-finance-buttons button,#atlas-preview .employee-remove-button{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:30px;height:30px;padding:5px} #atlas-preview .person-role-buttons svg,#atlas-preview .person-finance-buttons svg,#atlas-preview .employee-remove-button svg{width:17px;height:17px;flex:none;stroke-width:1.7} #atlas-preview .person-role-buttons button[aria-pressed=true],#atlas-preview .person-finance-buttons button[aria-pressed=true],#atlas-preview .derived-role{color:var(--atlas-accent,#dfff00);border-color:var(--atlas-accent,#dfff00);background:var(--surface)} #atlas-preview .person-role-buttons button:focus-visible,#atlas-preview .person-finance-buttons button:focus-visible{outline:2px solid var(--atlas-accent,#dfff00);outline-offset:2px} #atlas-preview .employee-table td:has(.employee-remove-button){white-space:nowrap} #atlas-preview .employee-table .employee-row-actions-cell{width:1%;min-width:0;text-align:right;white-space:nowrap;padding-left:6px;padding-right:4px} #atlas-preview .employee-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px} #atlas-preview .employee-row-actions button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;min-width:28px;height:28px;padding:4px} #atlas-preview .employee-row-actions svg{width:16px;height:16px;flex:none;stroke-width:1.7} #atlas-preview .employee-row-actions button:focus-visible{outline:2px solid var(--atlas-accent,#dfff00);outline-offset:2px} #atlas-preview .project-finance-summary{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:12px} #atlas-preview .project-finance-summary h3{font-size:15px;margin:0 0 12px} /* Partial finance is presented in its scoped summary, never as inferred totals. */ #atlas-preview[data-finance-scope]:not([data-finance-scope=all]) .module-metrics>div:nth-child(2),#atlas-preview[data-finance-scope]:not([data-finance-scope=all]) .module-metrics>span:nth-child(2){display:none} /* Fixed-size financial scope control with delayed server confirmation. */ #atlas-preview .person-finance-buttons .finance-cycle-button{position:relative;width:46px;min-width:46px;max-width:46px;height:30px;box-sizing:border-box} #atlas-preview .finance-cycle-button[data-finance]:not([data-finance=none]){color:var(--atlas-accent,#dfff00);border-color:var(--atlas-accent,#dfff00)} @property --finance-trail-angle{syntax:"";inherits:false;initial-value:0deg} #atlas-preview .finance-cycle-button.finance-pending::after{content:'';position:absolute;inset:-1px;padding:2px;border:0;border-radius:7px;pointer-events:none;background:conic-gradient(from var(--finance-trail-angle),transparent 0deg 255deg,color-mix(in srgb,var(--atlas-accent,#dfff00) 12%,transparent) 280deg,color-mix(in srgb,var(--atlas-accent,#dfff00) 45%,transparent) 320deg,var(--atlas-accent,#dfff00) 359deg,transparent 360deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:finance-save-trail 1.8s linear infinite} #atlas-preview .finance-cycle-button.finance-error{color:var(--muted,#8e9daa);border-style:dashed} @keyframes finance-save-trail{to{--finance-trail-angle:360deg}} @media(prefers-reduced-motion:reduce){#atlas-preview .finance-cycle-button.finance-pending::after{animation:none;background:none;mask:none;padding:0;border:2px dotted var(--atlas-accent,#dfff00)}} /* Compact system-directory actions, shared by people, companies and projects. */ #atlas-preview .directory-row-actions{display:flex;justify-content:flex-end;align-items:center;gap:2px;white-space:nowrap} #atlas-preview .directory-row-actions button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;padding:4px;margin:0} #atlas-preview .directory-row-actions button svg{width:16px;height:16px} #atlas-preview .directory-row-actions button.project-delete{color:#ef6464} #atlas-preview .person-editor label{width:182px;max-width:100%} #atlas-preview .person-editor input,#atlas-preview .person-editor select{box-sizing:border-box;width:100%;min-width:0;height:32px;padding:4px 8px;font:inherit} #atlas-preview .company-editor label{width:182px;max-width:100%} #atlas-preview .company-editor input,#atlas-preview .company-editor textarea{max-width:100%;min-width:0;padding:4px 8px;font:inherit} /* Inactive identities remain readable; management actions remain available. */ #atlas-preview .employee-table tr.inactive-record>td:not(:last-child){color:#788391;background:rgba(120,131,145,.12)} #atlas-preview .employee-table tr.inactive-record img{filter:grayscale(1);opacity:.45} .request-table tr.inactive-record>td:not(:last-child){color:#8b96a5;background:rgba(120,131,145,.12)} #atlas-preview .employee-table tr.inactive-record>td:first-child,.request-table tr.inactive-record>td:first-child{border-left:3px solid #788391} /* Directory forms share the compact Atlas grid and bottom action bar. */ #atlas-preview .system-editor.person-editor,#atlas-preview .system-editor.company-editor{display:grid;grid-template-columns:repeat(2,182px);gap:16px 12px;width:fit-content;max-width:100%;box-sizing:border-box;padding:16px;margin:12px 0 16px;align-items:start} #atlas-preview .system-editor>strong,#atlas-preview .system-editor>.company-logo-editor,#atlas-preview .system-editor>.directory-form-actions,#atlas-preview .system-editor>p{grid-column:1/-1;min-width:0} #atlas-preview .person-editor [data-field=companyId]{grid-column:1/-1} #atlas-preview .system-editor label{gap:6px;margin:0} #atlas-preview .system-editor>strong{font-size:14px;font-weight:500;margin:0 0 2px} #atlas-preview .system-editor>p{margin:0;color:var(--soft)} #atlas-preview .system-editor>p:empty{display:none} #atlas-preview .directory-form-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:12px;margin-top:2px} #atlas-preview .directory-form-actions .company-form-action{width:auto;min-width:82px;height:32px;padding:4px 12px;margin:0;font-size:12px} #atlas-preview .directory-form-actions button[type=submit]{border-color:var(--atlas-accent,#dfff00);color:var(--ink);background:var(--surface)} #atlas-preview .system-editor input:focus-visible,#atlas-preview .system-editor select:focus-visible,#atlas-preview .system-editor textarea:focus-visible,#atlas-preview .directory-form-actions button:focus-visible{outline:2px solid var(--atlas-accent,#dfff00);outline-offset:2px} @media(max-width:540px){#atlas-preview .system-editor.person-editor,#atlas-preview .system-editor.company-editor{grid-template-columns:minmax(0,182px)}#atlas-preview .directory-form-actions .company-form-action{min-width:0;padding:4px 10px}} #atlas-preview .system-editor.person-editor input,#atlas-preview .system-editor.person-editor select,#atlas-preview .system-editor.company-editor input,#atlas-preview .system-editor.company-editor textarea{border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink)} #atlas-preview dialog.atlas-form-dialog{box-sizing:border-box;width:fit-content;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--surface,var(--paper));color:var(--ink);box-shadow:0 16px 60px #0005;overflow:auto} #atlas-preview .atlas-form-dialog::backdrop{background:#11192388} #atlas-preview .atlas-form-dialog>h2{font-size:18px;font-weight:400;margin:0 0 16px} #atlas-preview .atlas-form-dialog .atlas-modal-form{position:static!important;box-sizing:border-box;max-width:100%;margin:0;border:0;padding:0;background:transparent;box-shadow:none} #atlas-preview .atlas-form-dialog form.atlas-modal-form:not(.person-editor):not(.company-editor):not(.deliverable-editor){display:grid;grid-template-columns:repeat(2,minmax(0,182px));gap:16px 12px;width:376px} #atlas-preview .atlas-form-dialog .atlas-modal-form label{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0} #atlas-preview .atlas-form-dialog .atlas-modal-form input:not([type=checkbox]),#atlas-preview .atlas-form-dialog .atlas-modal-form select,#atlas-preview .atlas-form-dialog .atlas-modal-form textarea{box-sizing:border-box;max-width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;padding:4px 8px} #atlas-preview .atlas-form-dialog .directory-form-actions,#atlas-preview .atlas-form-dialog .atlas-modal-warning{grid-column:1/-1} #atlas-preview .atlas-form-dialog .directory-form-actions button{width:auto;height:32px;padding:4px 12px;font-size:12px} #atlas-preview .atlas-form-dialog .deliverable-editor-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:12px} #atlas-preview .atlas-form-dialog .deliverable-editor-actions button{width:auto;min-width:82px;padding:4px 12px;height:32px} #atlas-preview .atlas-form-dialog .atlas-modal-warning{font-size:12px;margin:0;color:var(--soft)} #atlas-preview .atlas-form-dialog .deliverable-editor{width:560px} @media(max-width:540px){#atlas-preview dialog.atlas-form-dialog{padding:16px}#atlas-preview .atlas-form-dialog form.atlas-modal-form:not(.person-editor):not(.company-editor):not(.deliverable-editor){grid-template-columns:minmax(0,1fr);width:260px}} #atlas-preview .atlas-form-dialog .system-editor.project-editor input,#atlas-preview .atlas-form-dialog .system-editor.project-editor select{width:100%;height:32px} #atlas-preview .atlas-form-dialog .system-editor.project-editor .directory-form-actions button{font-size:12px} #atlas-preview .atlas-form-dialog .system-editor.project-editor>p{grid-column:1/-1;margin:0} #atlas-preview .atlas-form-dialog .system-editor.project-editor>p:empty{display:none} #atlas-preview .timeline-week-controls{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap} #atlas-preview .timeline-week-controls .timeline-axis-tools{display:inline-flex;align-items:center;gap:4px;margin:0;padding:0;font-size:inherit} #atlas-preview .timeline-week-controls .timeline-display-toggle{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;min-width:0;min-height:0;margin:0;padding:1px;font-size:inherit;line-height:1;border-radius:3px} #atlas-preview .timeline-week-controls .timeline-display-toggle svg{width:100%;height:100%;max-width:100%;max-height:100%} #atlas-preview .timeline-ap-caption{font-size:28px;line-height:1;vertical-align:middle} #atlas-preview .add-subtask{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;min-height:20px;padding:0;flex-shrink:0;font-size:14px;line-height:1;border-radius:4px}