/* Directory layouts do not change the job's desktop or phone Navigator. */
.workspace-v2 .work-directory{max-width:1440px;margin:0 auto;padding:0;min-width:0}
.workspace-v2 .directory-welcome{height:0;overflow:hidden;margin:0!important;padding:0!important}
.work-directory .workspace-list-title{gap:10px;margin:0 0 10px;min-height:38px;flex-wrap:nowrap}
.work-directory .workspace-list-title>span{font-size:13px;color:#536174;flex:1}
.directory-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 175px;gap:12px;align-items:end;position:sticky;top:0;z-index:2;background:#fff;padding:0 0 10px}
.directory-toolbar label{font-size:12px;margin:0;color:#536174}
.directory-toolbar :is(input,select){min-height:38px;padding:7px 10px;margin-top:4px}
.directory-layout-switch{display:flex;border:1px solid #cbd3dd;border-radius:7px;overflow:hidden;flex:none}
.directory-layout-switch button{border:0;border-radius:0;min-height:38px;padding:8px 12px;background:white;font-size:13px;white-space:nowrap}
.directory-layout-switch [aria-pressed=true]{background:#a52437;color:#fff}
.directory-layout-switch button+button{border-left:1px solid #cbd3dd}
.directory-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;min-height:30px;color:#657286;font-size:12px}
.directory-filters,.directory-fold-controls{display:flex;gap:5px;flex-wrap:wrap}
.directory-filters button,.directory-fold-controls button{font-size:12px;padding:5px 9px;min-height:30px;background:#fff;border-color:#d7dfe7}
.directory-filters [aria-pressed=true]{background:#faedf0;color:#9a2236;border-color:#e3bac3}
.directory-split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.work-directory .directory-preview-closed{grid-template-columns:minmax(0,1fr)}
.work-directory .directory-rows{margin:0;border:0;border-top:1px solid #dce2e9;border-radius:0;min-width:0}
.directory-entry{display:flex;align-items:stretch;border-bottom:1px solid #e1e6ec;min-width:0;background:#fff}
.directory-selected{background:#fff5f6;box-shadow:inset 3px 0 #ad2940}
.directory-entry:hover{background:#f5f7fa}
.workspace-v2 .work-directory .directory-entry>.directory-site-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(90px,1fr) auto;gap:12px;align-items:center;flex:1;min-width:0;margin:0;border:0;background:transparent;border-radius:0;padding:8px 12px;min-height:54px;text-align:left}
.directory-address{display:flex;flex-direction:column;gap:3px;min-width:0}
.directory-address .site-row-address{font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.directory-address small{font-size:12px;color:#687684;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.directory-site-row .site-row-client{display:block;font-size:12px;color:#536174;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.directory-count{font-weight:600;font-size:11px!important;background:#eef4f6;color:#30566c;border-radius:5px;padding:4px 7px;white-space:nowrap}
.directory-closed{background:#f0f1f3;color:#5f6976}
.directory-preview-button{align-self:center;min-width:38px;min-height:44px;padding:4px 8px;font-size:18px;border:0;background:transparent;color:#536174}
.workspace-v2 .work-directory .directory-job-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:4px 14px!important;flex:1;min-width:0;text-align:left;padding:9px 12px!important;margin:0;min-height:62px;background:transparent;border:0;border-radius:0}
.directory-job-line{grid-column:1;display:grid;grid-template-columns:auto minmax(0,max-content) minmax(0,1fr);align-items:baseline;gap:8px;min-width:0}
.workspace-v2 .work-directory .directory-job-row>.directory-job-line{grid-column:1;grid-row:1;justify-content:flex-start}
.directory-job-line strong{font-size:12px;color:#a52437;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.directory-job-line>span{font-size:13px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.directory-reference{display:flex;align-items:baseline;gap:8px;min-width:0}
.directory-reference strong{min-width:0;color:#a52437}
.work-directory .directory-node-label{flex:none;font-size:11px;font-weight:600;color:#536174;white-space:nowrap}
.directory-node-label>span{font-size:15px;color:#8895a4;padding-left:4px}
.workspace-v2 .work-directory .directory-job-row small{margin:0;line-height:1.35}
.directory-job-address{grid-column:1;grid-row:2;font-size:12px;color:#687684;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workspace-v2 .work-directory .directory-job-row .directory-edited{grid-column:2;grid-row:1/3;align-self:center;display:block!important;font-size:11px;color:#687684;white-space:nowrap}
.directory-preview{position:sticky;top:74px;border:1px solid #d9e1e9;border-radius:10px;padding:20px;background:#fafbfd;min-width:0;max-height:calc(100dvh - 240px);overflow:auto}
.directory-kicker{text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:650;color:#788497;margin:0 0 10px}
.directory-preview h2{font-size:20px;line-height:1.3;margin:0 0 5px;overflow-wrap:anywhere}
.directory-locality,.directory-preview-description{font-size:13px;color:#536174;line-height:1.5;margin:4px 0 16px;overflow-wrap:anywhere}
.directory-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;margin:20px 0;border-top:1px solid #e1e6ec;padding-top:18px}
.directory-stats>div{min-width:0}.directory-stats dt{font-size:11px;color:#687684;margin-bottom:4px}.directory-stats dd{font-size:13px;line-height:1.45;font-weight:600;margin:0;overflow-wrap:anywhere}
.directory-preview h3{font-size:12px;margin:20px 0 10px}
.directory-preview-jobs{display:grid;gap:8px}
.directory-preview-jobs button{text-align:left;display:grid;gap:4px;background:#fff;border:1px solid #dce2e9;border-radius:6px;min-height:44px;padding:10px;font-size:12px}
.directory-preview-jobs strong{color:#a52437;font-size:12px}.directory-preview-jobs span{color:#536174;overflow-wrap:anywhere}
.directory-preview .directory-open{width:100%;margin-top:20px;min-height:44px;font-size:13px}
.directory-preview-hint{text-align:center;font-size:11px;color:#687684;margin-bottom:0}
.directory-folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.directory-folder{border:1px solid #bfcbd7;border-radius:7px;background:#fff;overflow:hidden;margin:0;min-width:0}
.directory-folder>summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;min-height:52px;padding:9px 12px;background:#f1f4f7;border:0;box-sizing:border-box}
.directory-folder>summary::-webkit-details-marker{display:none}
.directory-folder>summary::before{content:'›';font-size:20px;line-height:20px;color:#687684;flex:none}
.directory-folder[open]>summary::before{content:'⌄'}
.directory-folder>summary>strong,.directory-folder>summary>span{flex:1;min-width:0}
.directory-folder>summary strong{font-size:14px;font-weight:650;overflow-wrap:anywhere}
.directory-folder>summary small{font-size:11px;color:#687684;white-space:nowrap}
.directory-folder>summary>span small{display:block;margin-top:4px;white-space:normal}
.directory-suburb-folder>summary{background:#e8eef4;color:#233f58}
.directory-suburb-sites{display:grid;gap:8px;margin:0 8px 10px 17px;padding:8px 0 0 9px;border-left:2px solid #bfcbd7}
.directory-site-folder>summary{background:#fff5f6;min-height:54px}
.directory-site-folder>summary strong{font-size:13px;font-weight:650}
.directory-folder>summary .directory-address small{margin-top:2px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.directory-site-folder[open]>summary{border-bottom:1px solid #e4cbd0}
.directory-site-children{margin:0 9px 10px 20px;padding:0 0 0 10px;border-left:2px solid #c4ced8;background:#fff}
.directory-site-children .directory-entry{background:#fff;box-shadow:none;border-bottom:1px solid #d6dfe8}
.directory-site-children .directory-entry:last-of-type{border-bottom:0}
.workspace-v2 .work-directory .directory-site-children .directory-job-row{min-height:58px;padding:9px 4px!important;grid-template-columns:minmax(0,1fr)!important}
.directory-site-children .directory-job-line{grid-template-columns:auto minmax(0,1fr);gap:4px 8px}
.directory-site-children .directory-job-description{grid-column:2;font-size:12px;font-weight:400;color:#536174}
.directory-site-children .directory-job-line strong{max-width:100%}
.workspace-v2 .work-directory .directory-site-children .directory-job-row .directory-edited{display:none!important}
.directory-site-link{font-size:12px;color:#a52437;min-height:44px;border:0;background:#fff;text-align:left;padding:10px 2px;width:100%}
.directory-site-children .muted{font-size:12px;line-height:1.5}
.directory-preview-dialog{padding:0;width:min(500px,calc(100% - 20px));max-width:500px;max-height:88dvh;border:0;border-radius:12px;color:#203247}
.directory-preview-dialog::backdrop{background:#14233966}
.directory-preview-heading{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid #dce2e9;background:#fff;position:sticky;top:0;z-index:1}
.directory-preview-heading strong{font-size:14px}.directory-preview-heading button{min-height:44px;font-size:13px}
.directory-preview-dialog .directory-preview{display:block;position:static;border:0;border-radius:0;max-height:none;overflow:visible}
.work-directory button:focus-visible,.directory-folder>summary:focus-visible{outline:2px solid #a52437;outline-offset:-2px}
.directory-tips{max-width:1440px;margin:16px auto 0;border-top:1px solid #dce2e9;padding-top:10px}.directory-tips>summary{font-size:12px;color:#536174;cursor:pointer;min-height:36px;padding:8px}.directory-tips .workspace-tip{margin-top:8px}
@media(max-width:1200px){.directory-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-split{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.directory-site-row .site-row-client{display:none!important}.workspace-v2 .work-directory .directory-entry>.directory-site-row{grid-template-columns:minmax(0,1fr) auto}}
@media(max-width:900px){.directory-split{display:block}.directory-split>aside.directory-preview{display:none}.directory-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-toolbar{grid-template-columns:minmax(0,1fr) 160px}.directory-preview-dialog{margin:auto auto 0;border-radius:14px 14px 0 0;width:100%;max-width:550px;max-height:85dvh}.directory-preview-dialog .directory-preview{max-height:none}.directory-preview-dialog .directory-preview-heading{top:0}.directory-site-row .site-row-client{display:none!important}}
@media(max-width:600px){
 .work-directory .workspace-list-title{gap:6px;flex-wrap:nowrap!important}.work-directory .workspace-list-title>span{font-size:12px;white-space:nowrap}
 .directory-toolbar{grid-template-columns:minmax(0,1fr) 125px;gap:8px;padding-bottom:8px}
 .directory-sort{font-size:0!important}.directory-sort select{margin-top:0;font-size:11px}
 .directory-layout-switch button{min-height:38px;font-size:11px;padding:7px 8px}.directory-layout-switch button span{display:none}
 .directory-meta{align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:8px}.directory-preview-tip{display:none}.directory-filters{gap:4px}.directory-filters button{min-height:36px;padding:5px 8px;font-size:11px}.directory-fold-controls button{min-height:36px;font-size:11px}
 .directory-folder-grid{grid-template-columns:minmax(0,1fr);gap:10px}
 .directory-suburb-sites{margin-left:10px;padding-left:7px;margin-right:7px}
 .directory-site-children{margin-left:14px;padding-left:8px;margin-right:6px}
 .directory-folder>summary{gap:7px;padding:9px 8px}
 .directory-site-folder>summary .directory-address .site-row-address{font-size:13px}
 .directory-site-folder>summary>.directory-count{font-size:10px!important;padding:4px}
 .workspace-v2 .work-directory .directory-entry>.directory-site-row{min-height:54px;padding:8px 6px;gap:8px}
 .directory-preview-button{min-width:34px;padding:4px;min-height:44px;font-size:17px}
 .directory-address .site-row-address{font-size:14px}.directory-address small{font-size:12px}.directory-count{font-size:10px!important;padding:4px 6px}
 .workspace-v2 .work-directory .directory-job-row{min-height:63px;padding:10px 6px!important;grid-template-columns:minmax(0,1fr)!important;gap:5px!important}
 .directory-job-line{gap:6px}.directory-job-line strong{font-size:12px;max-width:36vw}.directory-job-line>.directory-job-description{font-size:12px}.directory-job-address{font-size:11px}
 .workspace-v2 .work-directory .directory-job-row .directory-edited{display:none!important}
 .directory-preview{padding:18px}.directory-preview h2{font-size:20px}.directory-stats dd{font-size:14px}
}

#createSiteDialog{width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box;overflow-y:auto}
#createSiteDialog .job-address-fields{min-width:0}#createSiteDialog .job-address-fields input{width:100%;box-sizing:border-box}
#siteAddressMatch{color:#425c74}#siteAddressMatch[data-error]{color:#a52437}
.site-create-matches>div{padding:10px 0;border-bottom:1px solid #dce0e5}.site-create-matches p{overflow-wrap:anywhere}

.workspace-v2 .work-directory .directory-site-children .directory-job-row{min-height:44px!important;padding:6px 4px!important;gap:0!important;line-height:1.25}
.directory-site-children .directory-job-line{grid-template-columns:auto minmax(0,1fr) auto;gap:2px 7px}
.directory-site-children .directory-job-line strong{grid-column:2;grid-row:1}
.workspace-v2 .work-directory .directory-job-state{grid-column:3;grid-row:1;font-size:10px;color:#687684;white-space:nowrap;margin:0}
.directory-site-children .directory-job-description{grid-column:2/-1;grid-row:2;font-size:11px}

/* Active work precedes closed history, in the existing folder style. */
.work-status-group{min-width:0;margin:0 0 10px;border:1px solid #cbd3dd;border-radius:7px;background:#fff;overflow:hidden}
.work-status-group>summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;min-height:40px;padding:8px 12px;background:#f1f4f7}
.work-status-group>summary::-webkit-details-marker{display:none}
.work-status-group>summary::before{content:'›';font-size:20px;line-height:20px;color:#687684}
.work-status-group[open]>summary::before{content:'⌄'}
.work-status-group>summary strong{flex:1;font-size:13px}
.work-status-group>summary small{font-size:11px;color:#687684;white-space:nowrap}
.work-status-group>summary:focus-visible{outline:2px solid #a52437;outline-offset:-2px}
.work-status-children{margin:0 8px 0 14px;padding-left:8px;border-left:1px solid #dce2e9;min-width:0}
.work-status-children>.directory-folder-grid{padding:8px 0}
.work-status-children>.work-status-group{margin-top:7px}
.site-jobs-manager .workspace-jobs-table{border:0}
#appInstallDialog{max-width:520px;background:#fff;color:var(--ink)}#appInstallDialog p{overflow-wrap:anywhere}
