/* Owner-selected Part 8 designs, integrated without changing the app chrome. */
.clear-register.compact-register{overflow:visible;border:0;border-radius:0}
.clear-register.compact-register .desk-table{min-width:0;width:100%;table-layout:fixed;font-size:13px;line-height:1.5}
.compact-register .register-col-rack{width:64px}.compact-register .register-col-status{width:100px}.compact-register .register-col-location,.compact-register .register-col-project,.compact-register .register-col-bfz{width:auto}.compact-register .register-col-age{width:160px}.compact-register .register-col-unread{width:44px}
.clear-register.compact-register th,.clear-register.compact-register td{padding:14px 8px;border-top:0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.clear-register.compact-register thead th{height:44px;padding-block:12px;background:transparent;font-weight:400;white-space:normal}
.compact-register .register-heading{min-height:0;height:auto;padding:0;font-size:11px;line-height:18px}
.clear-register.compact-register tbody th,.clear-register.compact-register tbody td{height:78px}
.clear-register.compact-register tbody th{width:auto;background:transparent}
.clear-register.compact-register th:last-child,.clear-register.compact-register td:last-child{width:auto}
.clear-register.compact-register tbody td:nth-child(6),.clear-register.compact-register .register-bfz{white-space:normal}
.compact-register .register-link{font-weight:500}.clear-register.compact-register tbody th .register-link{font-size:14px;font-weight:500}
.clear-register.compact-register tbody tr{cursor:pointer}
.compact-register .register-project-value{display:flex;align-items:flex-start;gap:6px;font-size:13px;line-height:18px;min-width:0}
.compact-register .register-project-value>.ui-icon{width:14px;height:14px;flex:none;margin-top:2px;color:var(--muted)}
.compact-register .register-project-value>span{min-width:0;overflow-wrap:anywhere}
.compact-register .register-bfz{font-size:13px;line-height:18px;font-variant-numeric:tabular-nums}
.compact-register .register-timing{display:grid;gap:4px;font-size:13px;line-height:18px;font-variant-numeric:tabular-nums}
.compact-register .register-timing.available{min-height:40px;align-content:center}
.compact-register .register-age{font-size:13px;line-height:18px;font-weight:500}.compact-register .register-timing.occupied .register-age{color:#915e1b}
.compact-register .register-since,.compact-register .register-since time{font-size:13px;line-height:18px;font-weight:400;color:var(--muted)}.compact-register .register-since time{white-space:nowrap}
.clear-register.compact-register .register-unread{padding-inline:2px;text-align:center}
.compact-register .register-unread .register-link{padding:0;min-width:36px;min-height:40px}
.compact-register .register-unread .rack-comment-symbol{display:inline-flex;position:static;align-items:center;justify-content:center;gap:3px;min-width:29px;min-height:28px;padding:3px 5px;border:0;border-radius:6px;background:#e7f2eb;color:#176b57}
.compact-register .register-unread .rack-comment-symbol .ui-icon{width:13px;height:13px;fill:none;color:currentColor}
.compact-register .register-unread .rack-comment-badge{position:static;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font-size:11px;font-weight:500;line-height:16px;box-shadow:none}
@media(max-width:1000px){.compact-register .register-col-rack{width:52px}.compact-register .register-col-status{width:88px}.compact-register .register-col-age{width:144px}.compact-register .register-col-unread{width:40px}.clear-register.compact-register th,.clear-register.compact-register td{padding-inline:5px}}
.live-selected :is(button,a,input,textarea,select):focus:not(:focus-visible){outline:none;box-shadow:none}
.live-selected :is(button,a,input,textarea,select):focus-visible{outline:1px dotted #78897f;outline-offset:2px;box-shadow:none}
.live-selected #main.home-racks .rack-cards.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.live-selected #main.home-racks .rack-cards .rack-card{padding:0;min-width:0;background:#f7fbf8;border:1px solid #d5e2d9;border-top:3px solid #7cb492;border-radius:12px}
.live-selected #main.home-racks .rack-cards .rack-card.occupied{background:#fffdf7;border-top-color:#c9a154}
.live-selected #main.home-racks .approved-rack-card{height:210px;padding:12px;display:grid;grid-template-rows:24px 24px 66px minmax(34px,1fr);gap:6px;min-width:0;box-sizing:border-box}
.live-selected .approved-rack-card header{display:flex;align-items:center;justify-content:space-between;min-width:0;margin:0;padding:0;border:0;background:transparent}
.live-selected .approved-rack-card header strong{font-size:18px;font-weight:600;line-height:24px}
.live-selected .approved-rack-card header .ui-icon{width:13px;height:13px}
.live-selected .approved-rack-card>.status{align-self:start;justify-self:start;font-size:11px;line-height:16px;padding:3px 7px;max-width:100%}
.live-selected .approved-rack-card .card-fields{display:grid;grid-template-rows:repeat(3,22px);min-width:0}
.live-selected .approved-rack-card .card-fields .place{display:flex;align-items:center;gap:6px;min-width:0;min-height:0;margin:0;font-size:12px;line-height:18px;font-weight:400}
.live-selected .approved-rack-card .card-fields .place>.ui-icon{flex:none;width:15px;height:15px;color:#7b9184}
.live-selected .approved-rack-card .card-fields .place>span:last-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-selected .rack-cards.grid .rack-card.available .load-card-row{display:none}
.live-selected .approved-rack-card footer{display:flex;align-items:end;justify-content:space-between;min-height:0;margin:0;padding:0;font-size:10px;line-height:16px;color:#6c8177;min-width:0}
.live-selected .approved-rack-card footer .age{display:flex;align-items:center;gap:6px;color:#915e1b;font-size:11px;line-height:16px}
.live-selected .approved-rack-card footer .age .ui-icon{width:13px;height:13px;flex:none}
.live-selected .approved-rack-card .card-footer-arrow{display:none}
/* Side identity belongs to desktop Grid and phone List. Phone Grid stays stacked. */
:where(html[data-rack-device=desktop]) .live-selected #main.home-racks .rack-cards.grid{grid-template-columns:repeat(auto-fill,minmax(0,370px));gap:12px}
:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .clear-register{display:none}
:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .clear-register+.rack-cards.list{display:grid}
:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .rack-cards.list{grid-template-columns:minmax(0,1fr);gap:12px}
:where(html[data-rack-device=desktop]) .live-selected #main.home-racks .rack-cards.grid .rack-card,:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .rack-cards.list .rack-card{height:184px;box-sizing:border-box;background:#f7fbf8;border:1px solid #d5e2d9;border-top-color:#7cb492;background-image:linear-gradient(#7cb492,#7cb492);background-repeat:no-repeat;background-size:100% 2px}
:where(html[data-rack-device=desktop]) .live-selected #main.home-racks .rack-cards.grid .rack-card.occupied,:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .rack-cards.list .rack-card.occupied{background-color:#fffdf7;border-top-color:#c9a154;background-image:linear-gradient(#c9a154,#c9a154)}
:where(html[data-rack-device=desktop]) .live-selected #main.home-racks .rack-cards.grid .approved-rack-card,:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .rack-cards.list .approved-rack-card{position:relative;height:182px;padding:14px;grid-template-columns:77px minmax(0,1fr);grid-template-rows:36px 70px 34px;column-gap:14px;row-gap:7px}
:where(html[data-rack-device=desktop]) .live-selected #main.home-racks .rack-cards.grid .approved-rack-card header,:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .rack-cards.list .approved-rack-card header{grid-column:1;grid-row:1;align-self:end}
:where(html[data-rack-device=desktop]) .live-selected #main.home-racks .rack-cards.grid .approved-rack-card header strong,:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .rack-cards.list .approved-rack-card header strong{font-size:21px;line-height:28px;font-weight:500}
:where(html[data-rack-device=desktop]) .live-selected #main.home-racks .rack-cards.grid .approved-rack-card .card-open-marker,:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .rack-cards.list .approved-rack-card .card-open-marker{position:absolute;right:14px;top:14px}
:where(html[data-rack-device=desktop]) .live-selected #main.home-racks .rack-cards.grid .approved-rack-card .card-open-marker>.ui-icon,:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .rack-cards.list .approved-rack-card .card-open-marker>.ui-icon{display:none}
:where(html[data-rack-device=desktop]) .live-selected #main.home-racks .rack-cards.grid .approved-rack-card>.status,:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .rack-cards.list .approved-rack-card>.status{position:static;inset:auto;grid-column:1;grid-row:2;align-self:start;justify-self:start;padding:0;background:transparent;gap:4px;font-size:11px;white-space:nowrap;margin:0}
:where(html[data-rack-device=desktop]) .live-selected #main.home-racks .rack-cards.grid .approved-rack-card>.status .ui-icon,:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .rack-cards.list .approved-rack-card>.status .ui-icon{width:11px;height:11px}
:where(html[data-rack-device=desktop]) .live-selected #main.home-racks .rack-cards.grid .approved-rack-card .card-fields,:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .rack-cards.list .approved-rack-card .card-fields{grid-column:2;grid-row:1/3;grid-template-rows:repeat(3,34px);border-left:1px solid #d5e2d9;padding-left:14px;margin-left:-14px;align-content:center}
:where(html[data-rack-device=desktop]) .live-selected #main.home-racks .rack-cards.grid .approved-rack-card .card-fields .place,:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .rack-cards.list .approved-rack-card .card-fields .place{font-size:13px;gap:8px}
:where(html[data-rack-device=desktop]) .live-selected #main.home-racks .rack-cards.grid .approved-rack-card .card-fields .place>.ui-icon,:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .rack-cards.list .approved-rack-card .card-fields .place>.ui-icon{width:14px;height:14px}
:where(html[data-rack-device=desktop]) .live-selected #main.home-racks .rack-cards.grid .approved-rack-card footer,:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .rack-cards.list .approved-rack-card footer{grid-column:1/-1;grid-row:3;border-top:1px solid #d5e2d9;padding-top:12px;align-items:center;font-size:11px}
:where(html[data-rack-device=desktop]) .live-selected #main.home-racks .rack-cards.grid .approved-rack-card footer .age,:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .rack-cards.list .approved-rack-card footer .age{display:grid;grid-template-columns:15px minmax(0,1fr);width:100%;gap:10px;font-weight:500}
:where(html[data-rack-device=desktop]) .live-selected #main.home-racks .rack-cards.grid .approved-rack-card footer .age-label,:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .rack-cards.list .approved-rack-card footer .age-label{text-align:center}
:where(html[data-rack-device=desktop]) .live-selected #main.home-racks .rack-cards.grid .approved-rack-card .card-footer-arrow,:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .rack-cards.list .approved-rack-card .card-footer-arrow{display:block;margin-left:14px;color:#83968b}
@container rack-desktop (max-width:430px){:where(html[data-rack-device=desktop]) .live-selected #main.home-racks .rack-cards.grid{grid-template-columns:minmax(0,1fr)}}
/* Compact capsule: exact selected st-toolbar geometry, independently of legacy app controls. */
.live-selected #main.home-racks .browse-toolbar{--st-bg:light-dark(#fff,#14251f);--st-ink:light-dark(#173a32,#e6f0ea);--st-muted:light-dark(#667f74,#acc1b5);--st-line:light-dark(#d4e1d9,#385043);--st-soft:light-dark(#f4f8f5,#1b3027);--st-green:light-dark(#176b57,#83cfaf);--st-tint:light-dark(#e7f2eb,#234235);--st-height:40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px;width:100%;height:var(--st-height);min-height:var(--st-height);min-width:0;margin:0 0 18px;overflow:visible;font:14px/1.5 Inter,system-ui,sans-serif;color:var(--st-ink)}
.live-selected #main.home-racks .browse-toolbar *{box-sizing:border-box}
.live-selected #main.home-racks .browse-toolbar [hidden]{display:none!important}
.live-selected #main.home-racks .rack-result-count{position:static;display:flex;align-items:center;justify-content:center;flex:0 0 56px;width:56px;min-width:0;max-width:none;height:var(--st-height);min-height:0;margin:0;padding:0 5px;border-width:1px;border-style:solid;border-color:var(--st-line);border-radius:7px;background:var(--st-bg);font-size:11px;font-weight:500;line-height:1.5;white-space:nowrap;clip-path:none;overflow:visible;box-shadow:none;color:var(--st-ink)}
.live-selected #main.home-racks .browse-control-group{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:nowrap;flex:0 1 auto;min-width:0;max-width:calc(100% - 64px);height:var(--st-height);margin-left:auto;gap:6px}
.live-selected #main.home-racks .browse-controls{display:flex;align-items:stretch;flex:none;min-width:0;height:100%;margin:0;padding:0;gap:0;border:1px solid var(--st-line);border-radius:7px;overflow:hidden;background:var(--st-bg);box-shadow:none}
.live-selected #main.home-racks .browse-controls [data-view]{display:flex;align-items:center;justify-content:center;gap:6px;flex:none;width:58px;min-width:0;height:100%;min-height:0;margin:0;padding:0 9px;border:0;border-radius:0;background:var(--st-bg);font-family:inherit;font-size:11px;font-weight:400;line-height:1.5;white-space:nowrap;color:var(--st-muted);box-shadow:none}
.live-selected #main.home-racks .browse-controls [data-view]+[data-view]{border-left:1px solid var(--st-line)}
.live-selected #main.home-racks .browse-controls [aria-pressed=true]{color:var(--st-green);background:var(--st-tint)}
.live-selected #main.home-racks .browse-controls .ui-icon{width:14px;height:14px;flex:none;stroke-width:1.6}
.live-selected #main.home-racks #toggle-rack-search{display:grid;place-items:center;flex:none;width:40px;min-width:40px;height:100%;min-height:0;padding:0;border:1px solid var(--st-line);border-radius:7px;background:var(--st-bg);color:var(--st-muted);box-shadow:none}
.live-selected #main.home-racks #toggle-rack-search .ui-icon{width:15px;height:15px;stroke-width:1.6}
.live-selected #main.home-racks .rack-search-inline{position:static;inset:auto;display:block;flex:0 1 160px;width:160px;min-width:122px;max-width:160px;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;z-index:auto;animation:none}
.live-selected #main.home-racks .rack-search-field{display:flex;align-items:center;gap:6px;width:100%;min-width:0;height:100%;min-height:0;padding:0 0 0 8px;border:1px solid var(--st-line);border-radius:22px;background:var(--st-soft);color:var(--st-muted);box-shadow:none}
.live-selected #main.home-racks .rack-search-field:focus-within{border-color:var(--st-line);box-shadow:none}
.live-selected #main.home-racks .rack-search-field>.ui-icon{width:14px;height:14px;flex:none;stroke-width:1.6}
.live-selected #main.home-racks .rack-search-field>input{display:block;flex:1 1 0;width:0;min-width:0;height:100%;min-height:0;margin:0;padding:4px 0;border:0;border-radius:0;outline:0;background:transparent;font-family:inherit;font-size:14px;font-weight:400;line-height:1.4;color:var(--st-ink);appearance:none;box-shadow:none}
.live-selected #main.home-racks .rack-search-field>input::placeholder{color:var(--st-muted);opacity:1}
.live-selected #main.home-racks .rack-search-field>input:focus-visible{outline:0}
.live-selected #main.home-racks #close-rack-search{display:grid;place-items:center;flex:0 0 32px;width:32px;min-width:0;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--st-muted);box-shadow:none}
.live-selected #main.home-racks #close-rack-search:hover{color:var(--st-green)}
.live-selected #main.home-racks #close-rack-search .ui-icon{width:16px;height:16px;stroke-width:1.6}
.live-selected #main.home-racks .browse-toolbar button:focus-visible{outline:1px dotted var(--st-muted);outline-offset:-3px}
:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .browse-toolbar{--st-height:44px}
:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .rack-result-count{flex-basis:52px;width:52px}
:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .browse-control-group{max-width:calc(100% - 60px)}
:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .search-expanded [data-view]{width:38px;padding:0}
:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .search-expanded .view-label{display:none}
:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .rack-search-inline{width:148px;flex-basis:148px;max-width:148px}
:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks .rack-search-field>input{font-size:16px}
:where(html:not([data-rack-device=desktop])) .live-selected #main.home-racks #close-rack-search{flex-basis:40px;width:40px}
@media(max-width:700px){:where(html[data-rack-device=desktop]) .live-selected #main.home-racks .search-expanded [data-view]{width:38px;padding:0}:where(html[data-rack-device=desktop]) .live-selected #main.home-racks .search-expanded .view-label{display:none}}
@media(max-width:420px){.live-selected #main.home-racks .rack-search-field>input{font-size:16px}}
.live-selected .approved-evidence .section-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.live-selected .approved-evidence .section-top h3{font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}
.live-selected .approved-evidence .photo-actions{display:flex;gap:4px;margin:0}
.live-selected .approved-evidence .photo-actions button{display:grid;place-items:center;width:44px;min-width:44px;min-height:44px;padding:8px;border:0;border-radius:7px;background:transparent;color:#176b57}
.live-selected .approved-empty-photos{display:flex;align-items:center;gap:8px;min-height:72px;font-size:12px;color:#60776f;margin:0}
.live-selected .approved-shared-fields{margin:22px 0 0;padding:18px 0 0;border:0;border-top:1px solid #d4e1d9;background:transparent;border-radius:0;box-shadow:none}
.live-selected .approved-shared-fields .load-project-field{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:12px}
.live-selected .approved-shared-fields .load-project-field>span{font-size:12px;font-weight:500}
.live-selected .approved-shared-fields [data-choose-project]{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:46px;width:100%;padding:10px 0;border:0;border-bottom:1px solid #d4e1d9;border-radius:0;background:transparent;text-align:left;font-size:15px;font-weight:400}
.live-selected .approved-shared-fields [data-choose-project]>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-selected .approved-shared-fields .load-bfz-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid #d4e1d9;margin-top:16px;padding-bottom:2px}
.live-selected .approved-shared-fields .load-bfz-fields .load-field{padding:0 14px;border-left:1px solid #d4e1d9;min-width:0}
.live-selected .approved-shared-fields .load-bfz-fields .load-field:first-child{padding-left:0;border:0}
.live-selected .approved-shared-fields .load-field>span{font-size:12px;font-weight:500}
.live-selected .approved-shared-fields .load-bfz-fields input{border:0;border-radius:0;padding:7px 0;min-height:46px;font-size:16px;background:transparent}
.live-selected .approved-note{display:grid;gap:7px;border-top:1px solid #d4e1d9;padding-top:18px;margin-top:22px}
.live-selected .approved-note>span{font-size:12px;font-weight:500}
.live-selected .approved-note textarea{min-height:72px;font-size:16px;font-weight:400;border:1px solid #d4e1d9;border-radius:8px}
.live-selected .inline-update .inline-heading h2{font-size:17px;font-weight:500;letter-spacing:normal}
.live-selected .approved-quiet-section{border:0;border-bottom:1px solid #d4e1d9;border-radius:0;padding:20px 0;margin:0;background:transparent;box-shadow:none}
.live-selected .approved-quiet-section>h2,.live-selected .approved-quiet-photo .section-heading h2{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500;margin:0 0 14px;letter-spacing:normal}
.live-selected .quiet-occupancy .occupied-age{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.live-selected .quiet-occupancy .occupied-age strong{font-size:36px;line-height:1;font-weight:500}
.live-selected .approved-quiet-photo .gallery{margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.live-selected .approved-quiet-photo .saved-photo{display:block;height:190px;min-height:190px;max-height:190px;width:100%;padding:0;border:1px solid #d4e1d9;border-radius:9px;overflow:hidden;background:#f4f8f5}
.live-selected .approved-quiet-photo .saved-photo img{display:block;width:100%;height:190px;object-fit:contain}
.live-selected .quiet-details dl{display:grid;gap:14px;margin:0 0 18px}
.live-selected .quiet-details dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px}
.live-selected .quiet-details dt{font-size:12px;color:#60776f}
.live-selected .quiet-details dd{margin:0;min-width:0;overflow-wrap:anywhere;font-size:13px}
.live-selected .quiet-details dd .place{font-size:13px}
.live-selected .quiet-details .location-dates{border-top:1px solid #d4e1d9;padding-top:14px}
.live-selected .quiet-details .journey-disclosure{margin-top:14px}
.live-selected #rack-panel.occupied{display:block;max-width:700px}
.live-selected #photo-dialog.photo-lightbox::backdrop{backdrop-filter:blur(5px)}
:where(html:not([data-rack-device=desktop])) .live-selected .approved-shared-fields .load-project-field{grid-template-columns:minmax(0,1fr);gap:4px}
:where(html:not([data-rack-device=desktop])) .live-selected .approved-shared-fields [data-choose-project]{font-size:16px}


.project-picker-content{--pm-bg:light-dark(#fff,#14251f);--pm-ink:light-dark(#17352f,#e6f0ea);--pm-muted:light-dark(#667c71,#adc2b5);--pm-line:light-dark(#d4e1d9,#354d41);--pm-soft:light-dark(#f4f8f5,#1b3026);--pm-tint:light-dark(#e9f3ed,#213c2f);--pm-accent:light-dark(#176b57,#83cfaf);--pm-on-accent:light-dark(#fff,#10281e);--pm-red:light-dark(#ab3b32,#f0a49b);--pm-red-soft:light-dark(#fff0ec,#412720);--pm-scrim:light-dark(rgb(18 42 30 / .2),rgb(0 0 0 / .35));font:14px/1.5 Inter,system-ui,sans-serif;color:var(--pm-ink)}
.project-picker-content *{box-sizing:border-box}.project-picker-content [hidden]{display:none!important}
.project-picker-content .pm-stage{padding:20px 0}
.project-picker-content .pm-product{position:relative;width:100%;max-width:380px;margin:auto;background:var(--pm-bg);color:var(--pm-ink)}
.project-picker-content h2,.project-picker-content h3,.project-picker-content p{margin:0}
.project-picker-content button,.project-picker-content input{font:inherit;color:inherit}
.project-picker-content button{cursor:var(--cursor-interaction,pointer);touch-action:manipulation}
.project-picker-content :is(button,input):focus{outline:none;box-shadow:none}
.project-picker-content :is(button,input):focus-visible{outline:1px dotted var(--pm-muted);outline-offset:-3px}
.project-picker-content svg{width:17px;height:17px;flex:none;stroke-width:1.6}
.project-picker-content .pm-collapsed{display:grid;gap:8px;padding:12px 0}
.project-picker-content .pm-collapsed>span{font-size:12px;font-weight:500}
.project-picker-content .pm-open{display:flex;align-items:center;gap:9px;width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--pm-line);border-radius:8px;background:var(--pm-bg);text-align:left}
.project-picker-content .pm-open>span{flex:1;min-width:0;overflow-wrap:anywhere}
.project-picker-content .pm-open>svg{color:var(--pm-muted)}
.project-picker-content .pm-base{display:grid;grid-template-rows:60px 62px 220px 58px;height:400px}
.project-picker-content .pm-head{display:flex;align-items:center;gap:10px;padding:10px 16px;min-width:0}
.project-picker-content h2{font-size:17px;font-weight:500;line-height:1.4}
.project-picker-content .pm-tools{display:flex;align-items:center;gap:2px;margin-left:auto}
.project-picker-content .pm-tool{display:grid;place-items:center;flex:none;min-width:40px;height:40px;padding:8px;border:0;border-radius:7px;background:transparent;color:var(--pm-muted)}
.project-picker-content .pm-tool[aria-pressed=true]{background:var(--pm-tint);color:var(--pm-accent)}
.project-picker-content .pm-tool[data-mode=trash][aria-pressed=true]{background:var(--pm-red-soft);color:var(--pm-red)}
.project-picker-content .pm-search-wrap{padding:8px 16px 10px}
.project-picker-content .pm-search{display:flex;align-items:center;gap:8px;height:44px;padding:0 10px;background:var(--pm-soft);border-radius:8px;color:var(--pm-muted)}
.project-picker-content .pm-search input{width:0;min-width:0;flex:1;height:44px;padding:7px 0;border:0;border-radius:0;background:transparent;font-size:16px}
.project-picker-content .pm-search input::placeholder{color:var(--pm-muted);opacity:1}
.project-picker-content .pm-search input:focus-visible{outline:0;box-shadow:inset 0 -1px 0 var(--pm-muted)}
.project-picker-content .pm-search>button{display:grid;place-items:center;flex:none;width:32px;height:40px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--pm-muted)}
.project-picker-content .pm-list,.project-picker-content .pm-bin-list{height:220px;min-height:220px;max-height:220px;margin:0;padding:0 16px;list-style:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding:0}
.project-picker-content .pm-list>li{height:44px;border-bottom:1px solid var(--pm-line)}
.project-picker-content .pm-row{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;height:43px;min-width:0;margin:0;padding:4px 3px;text-align:left;border:0;border-radius:0;background:transparent;font-size:13px;font-weight:400}
.project-picker-content .pm-row>span:first-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;line-height:17px;min-width:0}
.project-picker-content .pm-row[aria-pressed=true]{font-weight:500;color:var(--pm-accent)}
.project-picker-content .pm-row>svg{width:15px;height:15px;color:var(--pm-muted)}
.project-picker-content .pm-row.pm-recent{background:var(--pm-tint);border-radius:5px;padding-left:7px;padding-right:7px}
.project-picker-content .pm-row small{margin-left:auto;color:var(--pm-accent);font-size:11px;white-space:nowrap}
.project-picker-content .pm-check-row{cursor:var(--cursor-interaction,pointer)}
.project-picker-content .pm-check-row input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--pm-red);cursor:inherit}
.project-picker-content .pm-empty{display:grid;place-items:center;height:220px!important;border:0!important;padding:18px;color:var(--pm-muted);text-align:center;font-size:13px}
.project-picker-content .pm-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 16px;border-top:1px solid var(--pm-line)}
.project-picker-content .pm-link,.project-picker-content .pm-done,.project-picker-content .pm-delete-selected{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 0;border:0;border-radius:7px;background:transparent;color:var(--pm-muted);font-size:12px}
.project-picker-content .pm-link>svg{width:15px;height:15px}
.project-picker-content .pm-done{padding:8px 14px;background:var(--pm-tint);color:var(--pm-accent);font-weight:500}
.project-picker-content .pm-delete-selected{padding:8px 12px;background:var(--pm-red-soft);color:var(--pm-red);font-weight:500}
.project-picker-content .pm-delete-selected:disabled{color:var(--pm-muted);background:var(--pm-soft);cursor:default}
.project-picker-content .pm-overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:18px;background:var(--pm-scrim);backdrop-filter:blur(3px)}
.project-picker-content .pm-dialog{width:100%;max-width:328px;max-height:364px;overflow:auto;margin:0;padding:20px;background:var(--pm-bg);color:var(--pm-ink);border:1px solid var(--pm-line);border-radius:11px}
.project-picker-content .pm-dialog h3{font-size:16px;font-weight:500;line-height:1.4;margin-bottom:16px}
.project-picker-content .pm-field{display:grid;gap:7px}
.project-picker-content .pm-field>span{font-size:12px}
.project-picker-content .pm-field>input{width:100%;min-width:0;height:46px;padding:9px 10px;border:1px solid var(--pm-line);border-radius:7px;background:var(--pm-bg);font-size:16px}
.project-picker-content .pm-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}
.project-picker-content .pm-dialog-actions>button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:9px 10px;border:0;border-radius:7px;background:var(--pm-soft);font-size:13px;font-weight:500}
.project-picker-content .pm-dialog-actions>.pm-confirm{background:var(--pm-accent);color:var(--pm-on-accent)}
.project-picker-content .pm-dialog-actions>.pm-confirm-delete{background:var(--pm-red);color:var(--pm-bg)}
.project-picker-content .pm-name-change{display:grid;grid-template-columns:minmax(0,1fr) 17px minmax(0,1fr);align-items:center;gap:9px;padding:12px;border-radius:7px;background:var(--pm-soft);font-size:13px}
.project-picker-content .pm-name-change span{overflow-wrap:anywhere}
.project-picker-content .pm-delete-names{max-height:120px;overflow:auto;margin:0;padding:0 0 0 18px;font-size:13px;line-height:1.7}
.project-picker-content .pm-delete-names>li{overflow-wrap:anywhere}
.project-picker-content .pm-retention-note{margin-top:14px;font-size:12px;line-height:1.6;color:var(--pm-muted)}
.project-picker-content .pm-error{margin-top:10px;font-size:12px;color:var(--pm-red)}
.project-picker-content .pm-bin-base{grid-template-rows:60px 62px 220px 58px}
.project-picker-content .pm-head-title{display:flex;align-items:center;gap:6px;min-width:0}
.project-picker-content .pm-bin-info{padding:0 16px;font-size:11px;line-height:16px;color:var(--pm-muted)}
.project-picker-content .pm-bin-info strong{font-weight:500;color:var(--pm-ink)}
.project-picker-content .pm-bin-list>li{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:44px;border-bottom:1px solid var(--pm-line);font-size:13px}
.project-picker-content .pm-bin-list>li>div{min-width:0;overflow-wrap:anywhere}
.project-picker-content .pm-bin-list small{display:block;font-size:11px;color:var(--pm-muted)}
.project-picker-content .pm-jiggle .pm-check-row{animation:pm-check-jiggle 160ms ease-in-out 2}
@keyframes pm-check-jiggle{0%,100%{transform:rotate(0)}30%{transform:rotate(-.2deg)}70%{transform:rotate(.2deg)}}
.project-picker-content .pm-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#project-manager-dialog{width:min(380px,calc(100% - 28px));height:402px;max-height:calc(100% - 28px);padding:0;border:1px solid light-dark(#d4e1d9,#354d41);border-radius:12px;background:light-dark(#fff,#14251f);color:light-dark(#17352f,#e6f0ea);overflow:auto}
#project-manager-dialog .project-picker-content .pm-stage{padding:0}
#project-manager-dialog .project-picker-content .pm-product{height:400px;max-width:none}
@media(prefers-reduced-motion:reduce){.project-picker-content .pm-jiggle .pm-check-row{animation:none}}

#project-manager-dialog.approved-project-dialog{width:min(380px,calc(100% - 28px));height:402px;max-height:calc(100% - 28px);padding:0}.project-picker-content .pm-product{height:400px}.project-picker-content .pm-loading{padding:20px}.project-picker-content .pm-operation-error{position:absolute;inset:auto 8px 8px;padding:8px;background:#fff;font-size:12px}.project-picker-content [hidden]{display:none!important}

/* Restore the original Shared line typography and Quiet dividers hierarchy. */
.live-selected .approved-evidence .photo-actions button{width:40px;min-width:40px;min-height:40px}
.live-selected .approved-shared-fields .load-bfz-fields input,.live-selected .approved-note textarea{font-size:15px;line-height:1.5}
.live-selected #main #rack-panel.occupied{max-width:700px}
.live-selected #rack-panel .approved-quiet-section{margin:0 0 26px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font:14px/1.5 Inter,system-ui,sans-serif}
.live-selected #rack-panel .approved-quiet-section>h2,.live-selected #rack-panel .approved-quiet-photo .section-heading{min-height:22px;margin:0 0 13px;padding:0 0 9px;border:0;border-bottom:1px solid #d4e1d9}
.live-selected #rack-panel .approved-quiet-section h2{display:flex;align-items:center;gap:8px;margin-top:0;font-size:13px;font-weight:500;line-height:1.5}
.live-selected #rack-panel .approved-quiet-section h2>.ui-icon{width:16px;height:16px;color:#60776f}
.live-selected #rack-panel .approved-quiet-photo .section-heading h2{margin:0}
.live-selected #rack-panel .quiet-occupancy .occupied-age{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:18px;min-height:82px;margin:0;padding:3px 0 5px;border:0;border-radius:0;background:transparent;box-shadow:none}
.live-selected #rack-panel .quiet-occupancy .occupied-age>div:first-child{display:grid;gap:2px;align-content:center;color:#94601d}
.live-selected #rack-panel .quiet-occupancy .occupied-age strong{font-size:34px;font-weight:500;line-height:1}
.live-selected #rack-panel .quiet-occupancy .occupied-age>div:first-child>span{font-size:11px;line-height:1.5}
.live-selected #rack-panel .quiet-occupancy .occupied-age>div:last-child{display:grid;gap:5px;min-width:0;padding-left:18px;border-left:1px solid #d4e1d9}
.live-selected #rack-panel .quiet-occupancy .occupied-age>div:last-child>span,.live-selected #rack-panel .quiet-occupancy .occupied-age small{font-size:11px;line-height:1.5;color:#60776f}
.live-selected #rack-panel .quiet-occupancy .occupied-age b{font-size:13px;font-weight:500;line-height:1.5}
.live-selected #rack-panel .quiet-details dl{display:block;margin:0}
.live-selected #rack-panel .quiet-details dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:20px;padding:12px 0}
.live-selected #rack-panel .quiet-details dl>div+div{border-top:1px solid #d4e1d9}
.live-selected #rack-panel .quiet-details dt{font-size:12px;font-weight:400;color:#60776f}
.live-selected #rack-panel .quiet-details dd,.live-selected #rack-panel .quiet-details dd .place{margin:0;font-size:13px;font-weight:500;line-height:1.5}
.live-selected #rack-panel .quiet-details dd .place{display:flex;align-items:start;gap:7px}
.live-selected #rack-panel .quiet-details dd .ui-icon{width:16px;height:16px;flex:none;color:#60776f}
.live-selected #rack-panel .quiet-details .location-dates{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 16px;margin-top:5px;padding:10px 0 15px;border:0;font-size:11px;line-height:1.5;color:#60776f}
.live-selected #rack-panel .quiet-details .location-dates p{margin:0;font-size:11px;font-weight:400}
.live-selected #rack-panel .quiet-details .journey-disclosure{margin:0;border-top:1px solid #d4e1d9}
.live-selected #rack-panel .quiet-details .journey-disclosure>summary{min-height:49px;padding:10px 0;gap:8px;font-size:12px;font-weight:400;line-height:1.5;color:#17352f}
.live-selected #rack-panel .quiet-details .journey-disclosure>summary::before{content:none}
:where(html:not([data-rack-device=desktop])) .live-selected .approved-evidence .photo-actions button{width:44px;min-width:44px;min-height:44px}
:where(html:not([data-rack-device=desktop])) .live-selected .approved-shared-fields .load-bfz-fields input,:where(html:not([data-rack-device=desktop])) .live-selected .approved-note textarea{font-size:16px}
:where(html:not([data-rack-device=desktop])) .live-selected #rack-panel .quiet-details dl>div{grid-template-columns:94px minmax(0,1fr);gap:12px}

/* Desktop reflow follows available workspace width, independently of phone mode. */
:where(html[data-rack-device=desktop]) .desktop-rack-shell>[data-rack-workspace]{container:rack-desktop / inline-size}
:where(html[data-rack-device=desktop]) .compact-register :is(.register-project,.register-bfz,.place>span,.register-project-value>span){word-break:normal;overflow-wrap:break-word}
:where(html[data-rack-device=desktop]) .compact-register .register-heading{white-space:normal;overflow-wrap:normal}
@media(max-width:1100px){
 :where(html[data-rack-device=desktop]) .desktop-rack-shell{grid-template-columns:176px minmax(0,1fr)}
 :where(html[data-rack-device=desktop]) .live-selected{--page-gutter:20px}
 :where(html[data-rack-device=desktop]) .desktop-rack-shell>[data-rack-rail]{padding:20px 8px}
 :where(html[data-rack-device=desktop]) .rack-side-nav a{gap:8px;padding-inline:10px;font-size:13px}
 :where(html[data-rack-device=desktop]) .rack-side-nav a[aria-current=page]{padding-left:7px}
}
@media(max-width:900px){
 :where(html[data-rack-device=desktop]) .desktop-rack-shell{grid-template-columns:160px minmax(0,1fr)}
 :where(html[data-rack-device=desktop]) .live-selected{--page-gutter:16px}
 :where(html[data-rack-device=desktop]) .rack-side-nav .sidebar-count{min-width:22px}
 :where(html[data-rack-device=desktop]) .live-selected .detail-body.occupied{min-width:0;gap:20px}
 :where(html[data-rack-device=desktop]) .live-selected :is(.rack-title,.back-preview-title){min-width:0;flex-wrap:wrap}
}
@media(max-width:600px){
 :where(html[data-rack-device=desktop]) .desktop-rack-shell{grid-template-columns:72px minmax(0,1fr)}
 :where(html[data-rack-device=desktop]) .live-selected{--page-gutter:12px}
 :where(html[data-rack-device=desktop]) .desktop-rack-shell>[data-rack-rail]{padding:16px 6px}
 :where(html[data-rack-device=desktop]) .rack-side-nav a{display:grid;justify-items:center;gap:4px;min-height:58px;padding:9px 4px}
 :where(html[data-rack-device=desktop]) .rack-side-nav a[aria-current=page]{padding-left:1px}
 :where(html[data-rack-device=desktop]) .rack-side-nav a>span:not(.sidebar-count){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 :where(html[data-rack-device=desktop]) .rack-side-nav .sidebar-count{margin:0;font-size:11px;line-height:14px}
 :where(html[data-rack-device=desktop]) .rack-side-nav a>.ui-icon{width:20px;height:20px}
 :where(html[data-rack-device=desktop]) .live-selected .header-e .header-top{grid-template-columns:minmax(0,1fr) 70px}
 :where(html[data-rack-device=desktop]) .live-selected .rack-title{gap:10px}
 :where(html[data-rack-device=desktop]) .live-selected .rack-title h1{font-size:22px}
}
@media(max-width:420px){
 :where(html[data-rack-device=desktop]) .desktop-rack-shell{grid-template-columns:56px minmax(0,1fr)}
 :where(html[data-rack-device=desktop]) .live-selected{--page-gutter:10px}
 :where(html[data-rack-device=desktop]) .desktop-rack-shell>[data-rack-rail]{padding-inline:3px}
 :where(html[data-rack-device=desktop]) .rack-side-nav a{padding-inline:2px}
 :where(html[data-rack-device=desktop]) .rack-side-nav a[aria-current=page]{padding-left:0}
}
@container rack-desktop (max-width:780px){
 html[data-rack-device=desktop] .compact-register :is(table,thead,tbody){display:block;width:100%}
 html[data-rack-device=desktop] .compact-register colgroup{display:none}
 html[data-rack-device=desktop] .compact-register tr{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr) 132px 40px;gap:4px 12px;align-items:center;padding:12px 6px;border-bottom:1px solid var(--line)}
 html[data-rack-device=desktop] .clear-register.compact-register :is(th,td){width:auto;height:auto;min-width:0;padding:0;border:0;overflow-wrap:break-word}
 html[data-rack-device=desktop] .clear-register.compact-register tbody tr{min-height:94px}
 html[data-rack-device=desktop] .clear-register.compact-register tbody tr:last-child{border-bottom:0}
 html[data-rack-device=desktop] .compact-register thead tr{min-height:44px;padding-block:8px}
 html[data-rack-device=desktop] .compact-register thead th:nth-child(1){grid-column:1;grid-row:1}
 html[data-rack-device=desktop] .compact-register thead th:nth-child(3){grid-column:2;grid-row:1}
 html[data-rack-device=desktop] .compact-register thead th:nth-child(6){grid-column:3;grid-row:1}
 html[data-rack-device=desktop] .compact-register thead th:nth-child(7){grid-column:4;grid-row:1}
 html[data-rack-device=desktop] .compact-register thead th:is(:nth-child(2),:nth-child(4),:nth-child(5)){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 html[data-rack-device=desktop] .compact-register tbody th{grid-column:1;grid-row:1;align-self:start}
 html[data-rack-device=desktop] .compact-register tbody td:nth-child(2){grid-column:1;grid-row:2/4;align-self:start}
 html[data-rack-device=desktop] .compact-register tbody td:nth-child(3){grid-column:2;grid-row:1}
 html[data-rack-device=desktop] .compact-register tbody td:nth-child(4){grid-column:2;grid-row:2}
 html[data-rack-device=desktop] .compact-register tbody td:nth-child(5){grid-column:2;grid-row:3}
 html[data-rack-device=desktop] .compact-register tbody td:nth-child(6){grid-column:3;grid-row:1/4}
 html[data-rack-device=desktop] .compact-register tbody td:nth-child(7){grid-column:4;grid-row:1/4}
 html[data-rack-device=desktop] .compact-register tbody :is(.register-project,.register-bfz):empty{display:none}
 html[data-rack-device=desktop] .compact-register .register-project-value,html[data-rack-device=desktop] .compact-register .place{min-width:0;max-width:100%}
 html[data-rack-device=desktop] .compact-register .register-link{min-width:0}
}
@container rack-desktop (max-width:480px){
 html[data-rack-device=desktop] .compact-register tr{grid-template-columns:88px minmax(0,1fr) 40px;column-gap:8px}
 html[data-rack-device=desktop] .compact-register thead th:nth-child(1){grid-row:1/3}
 html[data-rack-device=desktop] .compact-register thead th:nth-child(3){grid-column:2/4;grid-row:1}
 html[data-rack-device=desktop] .compact-register thead th:nth-child(6){grid-column:2;grid-row:2}
 html[data-rack-device=desktop] .compact-register thead th:nth-child(7){grid-column:3;grid-row:2}
 html[data-rack-device=desktop] .compact-register tbody td:nth-child(2){grid-row:2/5}
 html[data-rack-device=desktop] .compact-register tbody td:is(:nth-child(3),:nth-child(4),:nth-child(5)){grid-column:2/4}
 html[data-rack-device=desktop] .compact-register tbody td:nth-child(6){grid-column:2;grid-row:4}
 html[data-rack-device=desktop] .compact-register tbody td:nth-child(7){grid-column:3;grid-row:4}
}
@container rack-desktop (max-width:360px){
 html[data-rack-device=desktop] .live-selected #main.home-racks .browse-toolbar.search-expanded{height:auto;align-items:flex-start}
 html[data-rack-device=desktop] .live-selected #main.home-racks .search-expanded .browse-control-group{height:auto;flex-wrap:wrap;row-gap:8px}
 html[data-rack-device=desktop] .live-selected #main.home-racks .search-expanded :is(.browse-controls,.rack-search-inline){height:40px}
}
@container rack-desktop (max-width:320px){
 html[data-rack-device=desktop] .compact-register tr{grid-template-columns:minmax(0,1fr) 40px;gap:6px 8px}
 html[data-rack-device=desktop] .compact-register thead th:nth-child(1){grid-column:1;grid-row:1}
 html[data-rack-device=desktop] .compact-register thead th:nth-child(3){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 html[data-rack-device=desktop] .compact-register thead th:nth-child(6){grid-column:2;grid-row:1}
 html[data-rack-device=desktop] .compact-register thead th:nth-child(7){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 html[data-rack-device=desktop] .compact-register tbody th{grid-column:1;grid-row:1}
 html[data-rack-device=desktop] .compact-register tbody td:nth-child(2){grid-column:1/3;grid-row:2}
 html[data-rack-device=desktop] .compact-register tbody td:nth-child(3){grid-column:1/3;grid-row:3}
 html[data-rack-device=desktop] .compact-register tbody td:nth-child(4){grid-column:1/3;grid-row:4}
 html[data-rack-device=desktop] .compact-register tbody td:nth-child(5){grid-column:1/3;grid-row:5}
 html[data-rack-device=desktop] .compact-register tbody td:nth-child(6){grid-column:1;grid-row:6}
 html[data-rack-device=desktop] .compact-register tbody td:nth-child(7){grid-column:2;grid-row:6}
}

/* Part8 Outside titles / Open stack, extended through Notes and final actions.
   Component sizing follows the reference; the surrounding app shell stays fluid. */
.live-selected .reference-rack-frame,.live-selected #action-dialog.reference-open-stack{--ref-bg:light-dark(#fff,#14251f);--ref-ink:light-dark(#17352f,#e6f0ea);--ref-muted:light-dark(#60776f,#a8bfb2);--ref-line:light-dark(#d4e1d9,#354d41);--ref-soft:light-dark(#f4f8f5,#1b3026);--ref-accent:light-dark(#176b57,#78c5a8);--ref-amber:light-dark(#94601d,#ddbb78);color:var(--ref-ink);font:14px/1.5 Inter,system-ui,sans-serif;font-synthesis:none}
.live-selected #main #rack-panel:is(.occupied,.available){display:block;width:100%;max-width:764px;margin-inline:auto;padding:24px 32px 32px}
.live-selected #main #rack-panel .reference-rack-frame{box-sizing:border-box;width:100%;max-width:700px;margin:0 auto;padding:24px;border:1px solid var(--ref-line);border-radius:12px;background:var(--ref-bg);box-shadow:none}
.live-selected #main #rack-panel .reference-rack-frame :is(h2,h3,p){letter-spacing:normal}
.live-selected #main #rack-panel .reference-rack-frame .approved-quiet-section{margin:0 0 24px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font:inherit}
.live-selected #main #rack-panel .reference-rack-frame .approved-quiet-section>h2,.live-selected #main #rack-panel .reference-rack-frame .section-heading{min-height:22px;margin:0 0 12px;padding:0;border:0;background:transparent}
.live-selected #main #rack-panel .reference-rack-frame :is(.approved-quiet-section>h2,.section-heading h2,.comments-heading h2){font:500 13px/1.5 Inter,system-ui,sans-serif;color:var(--ref-ink)}
.live-selected #main #rack-panel .reference-rack-frame .quiet-occupancy .occupied-age{display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px;align-items:center;min-height:96px;margin:0;padding:16px 18px;border:1px solid var(--ref-line);border-radius:10px;background:transparent;box-shadow:none}
.live-selected #main #rack-panel .reference-rack-frame .occupied-age>div:first-child{color:var(--ref-amber)}
.live-selected #main #rack-panel .reference-rack-frame .occupied-age strong{font-size:34px;font-weight:500;color:var(--ref-amber)}
.live-selected #main #rack-panel .reference-rack-frame .occupied-age>div:last-child{padding-left:18px;border-color:var(--ref-line)}
.live-selected #main #rack-panel .reference-rack-frame .occupied-age :is(small,div>span){font-size:11px;color:var(--ref-muted)}
.live-selected #main #rack-panel .reference-rack-frame .occupied-age>div:first-child>span{color:var(--ref-amber)}
.live-selected #main #rack-panel .reference-rack-frame .occupied-age b{font-size:13px;font-weight:500;color:var(--ref-ink)}
.live-selected #main #rack-panel .reference-rack-frame .gallery{margin:0;padding:0;order:initial;border:0;border-radius:0;background:transparent;box-shadow:none}
.live-selected #main #rack-panel .reference-rack-frame .section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.live-selected #main #rack-panel .reference-rack-frame .section-heading h2{margin:0;padding:0;border:0}
.live-selected #main #rack-panel .reference-rack-frame .photo-carousel-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.live-selected #main #rack-panel .reference-rack-frame .photo-carousel-count{font-size:11px;color:var(--ref-muted)}
.live-selected #main #rack-panel .reference-rack-frame .add-rack-photo{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:32px;padding:5px 9px;border:1px solid var(--ref-line);border-radius:7px;font:500 12px/1.5 Inter,system-ui,sans-serif;color:var(--ref-accent);background:transparent}
.live-selected #main #rack-panel .reference-rack-frame .add-rack-photo .ui-icon{width:15px;height:15px}
.live-selected #main #rack-panel .reference-rack-frame .rack-photo-post{margin:0;border:0;padding:0;background:transparent;box-shadow:none}
.live-selected #main #rack-panel .reference-rack-frame .no-rack-photo{display:grid;place-items:center;min-height:88px;margin:0;padding:18px;border:1px solid var(--ref-line);border-radius:10px;background:transparent;font-size:12px;color:var(--ref-muted)}
.live-selected #main #rack-panel .reference-rack-frame .saved-photo{display:block;width:100%;height:190px;min-height:190px;max-height:190px;margin:0;padding:0;border:1px solid var(--ref-line);border-radius:10px;background:var(--ref-soft);overflow:hidden}
.live-selected #main #rack-panel .reference-rack-frame .saved-photo img{display:block;width:100%;height:190px;object-fit:contain}
.live-selected #main #rack-panel .reference-rack-frame .post-caption{margin:0;padding:8px 0 0;background:transparent;border:0;font-size:11px;color:var(--ref-muted)}
.live-selected #rack-panel .reference-details-box{padding:17px 18px 0;border:1px solid var(--ref-line);border-radius:10px;background:transparent}
.live-selected #main #rack-panel .reference-rack-frame .quiet-details dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin:0}
.live-selected #main #rack-panel .reference-rack-frame .quiet-details dl>div{display:block;min-width:0;padding:0;border:0}
.live-selected #main #rack-panel .reference-rack-frame .quiet-details dl>div:first-child{grid-column:1/-1}
.live-selected #main #rack-panel .reference-rack-frame .quiet-details dt{margin:0 0 5px;font-size:11px;font-weight:400;color:var(--ref-muted)}
.live-selected #main #rack-panel .reference-rack-frame .quiet-details dd,.live-selected #main #rack-panel .reference-rack-frame .quiet-details dd .place{margin:0;font-size:13px;font-weight:500;line-height:1.5;color:var(--ref-ink);overflow-wrap:break-word}
.live-selected #main #rack-panel .reference-rack-frame .quiet-details .ui-icon{color:var(--ref-muted)}
.live-selected #main #rack-panel .reference-rack-frame .quiet-details .location-dates{margin-top:16px;padding:0 0 15px;color:var(--ref-muted);border:0}
.live-selected #main #rack-panel .reference-rack-frame .quiet-details .journey-disclosure{margin:0;border-color:var(--ref-line)}
.live-selected #main #rack-panel .reference-rack-frame .quiet-details .journey-disclosure>summary{min-height:49px;color:var(--ref-ink)}
.live-selected #main #rack-panel .reference-rack-frame .comments-section{margin:24px 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.live-selected #main #rack-panel .reference-rack-frame .comments-heading{display:flex;gap:8px;align-items:center;min-height:22px;margin:0 0 12px;padding:0;border:0}
.live-selected #main #rack-panel .reference-rack-frame .comments-heading>.ui-icon{display:none}
.live-selected #main #rack-panel .reference-rack-frame .comment-total{margin-left:5px;font-size:11px;font-weight:400;color:var(--ref-muted)}
.live-selected #main #rack-panel .reference-rack-frame .comment-empty{margin:0 0 16px;font-size:12px;color:var(--ref-muted)}
.live-selected #main #rack-panel .reference-rack-frame .comment-message{gap:9px;margin:0 0 14px}
.live-selected #main #rack-panel .reference-rack-frame .comment-bubble{padding:10px 12px;border:1px solid var(--ref-line);border-radius:9px;background:var(--ref-soft);color:var(--ref-ink)}
.live-selected #main #rack-panel .reference-rack-frame .comment-bubble strong{font-size:12px;font-weight:500}
.live-selected #main #rack-panel .reference-rack-frame .comment-bubble p{margin:4px 0 0;font-size:13px;line-height:1.5}
.live-selected #main #rack-panel .reference-rack-frame .comment-content time{font-size:11px;color:var(--ref-muted)}
.live-selected #main #rack-panel .reference-rack-frame .comment-entry{margin:0}
.live-selected #main #rack-panel .reference-rack-frame #comment-content{min-height:72px;padding:10px 12px;border:1px solid var(--ref-line);border-radius:8px;background:var(--ref-bg);color:var(--ref-ink);font:400 15px/1.5 Inter,system-ui,sans-serif}
.live-selected #main #rack-panel .reference-rack-frame .comment-form-foot{margin-top:10px;padding:0;border:0}
.live-selected #rack-panel .reference-rack-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--ref-line)}
.live-selected #rack-panel .reference-rack-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid var(--ref-line);border-radius:8px;background:var(--ref-bg);color:var(--ref-ink);font:500 13px/1.5 Inter,system-ui,sans-serif}
.live-selected #rack-panel .reference-rack-actions button.primary{border-color:var(--ref-accent);background:var(--ref-accent);color:var(--ref-bg)}
.live-selected #rack-panel .reference-available .detail-facts{display:block}
.live-selected #rack-panel .reference-available .location-card{margin:0 0 24px;padding:14px 16px;border:1px solid var(--ref-line);border-radius:10px;background:var(--ref-soft);font-size:13px}
.live-selected #rack-panel .reference-available .inline-update{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.live-selected #rack-panel .reference-available .inline-heading{margin:0 0 24px;gap:12px}
.live-selected #rack-panel .reference-available .inline-heading>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--ref-soft);color:var(--ref-accent)}
.live-selected #rack-panel .reference-available .inline-heading h2{font-size:17px;font-weight:500}
.live-selected #rack-panel .reference-available .inline-heading p{margin:4px 0 0;font-size:12px;color:var(--ref-muted)}
.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) .approved-evidence{margin:0;padding:0;border:0}
.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) .approved-evidence .section-top{margin:0 0 12px;padding:0;border:0;min-height:22px}
.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) .approved-evidence h3{margin:0;font-size:13px;font-weight:500}
.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) .approved-empty-photos{display:flex;align-items:center;gap:8px;min-height:72px;margin:0;font-size:12px;color:var(--ref-muted)}
.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) .photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) .photo-actions button{display:flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;min-height:44px;padding:9px 12px;border:1px solid var(--ref-line);border-radius:8px;font:500 13px/1.5 Inter,system-ui,sans-serif;color:var(--ref-ink);background:var(--ref-bg)}
.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) .photo-selection-status:empty{display:none}
.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) .draft-photos .draft-photo{width:76px}
.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) .draft-photo img{width:76px;height:72px;object-fit:cover}
.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) .approved-shared-fields{display:block;margin:22px 0 0;padding:0;border:0;background:transparent}
.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) .load-project-field{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:0;padding:0;border:0}
.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) .load-project-field>span{font-size:12px;font-weight:500;color:var(--ref-ink)}
.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) [data-choose-project]{min-height:46px;padding:10px 12px;border:1px solid var(--ref-line);border-radius:8px;background:var(--ref-bg);color:var(--ref-ink);font:400 15px/1.5 Inter,system-ui,sans-serif}
.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) .load-bfz-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 0;padding:0;border:0}
.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) .load-bfz-fields .load-field{display:grid;gap:6px;padding:0;border:0}
.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) .load-field>span{font-size:12px;font-weight:500;color:var(--ref-ink)}
.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) .load-bfz-fields input{box-sizing:border-box;width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid var(--ref-line);border-radius:8px;color:var(--ref-ink);background:var(--ref-bg);font:400 15px/1.5 Inter,system-ui,sans-serif}
.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) input::placeholder,.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) textarea::placeholder{opacity:1;color:var(--ref-muted);font-weight:400}
.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) .approved-note{display:grid;gap:6px;margin:22px 0 0;padding:0;border:0}
.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) .approved-note>span{font-size:12px;font-weight:500}
.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) .approved-note textarea{box-sizing:border-box;min-height:72px;margin:0;padding:10px 12px;border:1px solid var(--ref-line);border-radius:8px;color:var(--ref-ink);background:var(--ref-bg);font:400 15px/1.5 Inter,system-ui,sans-serif}
.live-selected #main #rack-panel .reference-rack-frame .inline-save-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.live-selected #main #rack-panel .reference-rack-frame .inline-save-actions button{min-height:44px;margin:0;font-size:13px;font-weight:500}
.live-selected #action-dialog.reference-open-stack{width:min(420px,calc(100% - 28px));border:1px solid var(--ref-line);border-radius:12px;background:var(--ref-bg)}
.live-selected #action-dialog.reference-open-stack :is(.dialog-head,.dialog-body,.dialog-foot){padding-left:24px;padding-right:24px;background:var(--ref-bg);color:var(--ref-ink)}
.live-selected #action-dialog.reference-open-stack .dialog-head{padding-top:18px;padding-bottom:16px;border-color:var(--ref-line)}
.live-selected #action-dialog.reference-open-stack .dialog-head h2{font-size:16px;font-weight:500}
.live-selected #action-dialog.reference-open-stack .dialog-body{padding-top:20px;padding-bottom:20px}
.live-selected #action-dialog.reference-open-stack .dialog-foot{gap:10px;padding-top:12px;padding-bottom:16px;border-color:var(--ref-line)}
.live-selected #action-dialog.reference-open-stack .dialog-foot button{min-height:44px;font-size:13px;font-weight:500}
.live-selected #action-dialog.reference-open-stack .review-changed-fields{display:grid;gap:14px;margin:0}
.live-selected #action-dialog.reference-open-stack .review-changed-fields>div{display:grid;gap:5px;padding:12px 14px;border:1px solid var(--ref-line);border-radius:8px}
.live-selected #action-dialog.reference-open-stack .review-changed-fields dt{font-size:12px;color:var(--ref-muted)}
.live-selected #action-dialog.reference-open-stack .review-changed-fields dd{margin:0;font-size:14px;overflow-wrap:anywhere}
.live-selected #action-dialog.reference-open-stack .review-new-note h3{margin:0 0 6px;font-size:12px;font-weight:500}
:where(html:not([data-rack-device=desktop])) .live-selected #main #rack-panel:is(.occupied,.available){max-width:414px;padding:20px 12px 28px}
:where(html:not([data-rack-device=desktop])) .live-selected #main #rack-panel .reference-rack-frame{max-width:390px;padding:20px}
:where(html:not([data-rack-device=desktop])) .live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) :is(input[type=text],textarea,[data-choose-project]){font-size:16px}
:where(html:not([data-rack-device=desktop])) .live-selected #action-dialog.reference-open-stack{max-width:390px}
@media(max-width:420px){.live-selected #main #rack-panel:is(.occupied,.available){padding:14px 4px 24px}.live-selected #main #rack-panel .reference-rack-frame{padding:18px}.live-selected #action-dialog.reference-open-stack :is(.dialog-head,.dialog-body,.dialog-foot){padding-left:18px;padding-right:18px}}
@media(max-width:350px){.live-selected #main #rack-panel .reference-rack-frame .inline-save-actions{grid-template-columns:minmax(0,1fr)}.live-selected :is(.reference-rack-frame,#action-dialog.reference-open-stack) .load-bfz-fields{grid-template-columns:minmax(0,1fr)}.live-selected #rack-panel .reference-rack-actions{grid-template-columns:minmax(0,1fr)}.live-selected #main #rack-panel .reference-rack-frame .quiet-occupancy .occupied-age{grid-template-columns:60px minmax(0,1fr);gap:10px;padding:14px 12px}.live-selected #main #rack-panel .reference-rack-frame .occupied-age>div:last-child{padding-left:12px}}

.live-selected #main #rack-panel .reference-rack-frame #comment-form{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}

/* Part 10: selected Quiet dividers / Shared line, in the normal rack workspace. */
.live-selected #main #rack-panel{--rack-page-text:14px;--rack-section-gap:24px}
.live-selected #main>.tabs{margin-bottom:0}
.live-selected #main #rack-panel:is(.occupied,.available){display:block;width:100%;max-width:none;margin:0;padding:20px var(--page-gutter,32px) 28px}
.live-selected #main #rack-panel .reference-rack-frame{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--rack-section-gap);box-sizing:border-box;width:100%;max-width:650px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font:400 var(--rack-page-text)/1.5 Inter,system-ui,sans-serif}
.live-selected #main #rack-panel .reference-rack-frame>*{margin:0}
.live-selected #main #rack-panel .reference-rack-frame :is(h2,h3,p,dt,dd,label,label>span,input,textarea,button,small,time,.place,.caption,.load-field>span,.note-optional,.comment-bubble strong,.comment-bubble p,.comment-content time,.comment-avatar,.comment-total){font-family:Inter,system-ui,sans-serif!important;font-size:var(--rack-page-text)!important;line-height:1.5!important}
.live-selected #main #rack-panel .reference-rack-frame :is(input,textarea,button,p,dt,dd,small,time,.place,.load-field>span,.note-optional){font-weight:400}
.live-selected #main #rack-panel .reference-rack-frame :is(.approved-quiet-section,.comments-section,.gallery,.rack-details-editor,.rack-notes-editor,.approved-evidence){margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.live-selected #main #rack-panel .reference-rack-frame :is(.approved-quiet-section>h2,.rack-details-editor>h3,.rack-notes-editor>h3,.approved-evidence>.section-top,.gallery>.section-heading,.comments-heading){display:flex;align-items:center;gap:8px;min-height:22px;margin:0 0 12px;padding:0 0 8px;border:0;border-bottom:1px solid var(--ref-line);background:transparent;font-weight:500}
.live-selected #main #rack-panel .reference-rack-frame :is(.section-heading h2,.section-top h3,.comments-heading h2){display:flex;align-items:center;gap:8px;margin:0;padding:0;border:0;font-weight:500}
.live-selected #main #rack-panel .reference-rack-frame :is(.approved-quiet-section>h2,.section-heading h2,.section-top h3,.rack-details-editor>h3,.rack-notes-editor>h3,.comments-heading)>.ui-icon{display:block;flex:none;width:18px;height:18px;color:var(--ref-muted)}
.live-selected #main #rack-panel .reference-rack-frame .quiet-occupancy .occupied-age{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:center;min-height:82px;margin:0;padding:3px 0 5px;border:0;border-radius:0;background:transparent}
.live-selected #main #rack-panel .reference-rack-frame .occupied-age strong{font-size:34px!important;font-weight:500!important;line-height:1!important}
.live-selected #main #rack-panel .reference-rack-frame .occupied-age>div:last-child{min-width:0;padding-left:16px;border-left:1px solid var(--ref-line)}
.live-selected #main #rack-panel .reference-rack-frame .occupied-age :is(b,small,span){overflow-wrap:anywhere}
.live-selected #main #rack-panel .reference-rack-frame .reference-details-box{padding:0;border:0;border-radius:0;background:transparent}
.live-selected #main #rack-panel .reference-rack-frame .quiet-details dl{display:block;margin:0}
.live-selected #main #rack-panel .reference-rack-frame .quiet-details dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:20px;margin:0;padding:12px 0;border:0}
.live-selected #main #rack-panel .reference-rack-frame .quiet-details dl>div+div{border-top:1px solid var(--ref-line)}
.live-selected #main #rack-panel .reference-rack-frame .quiet-details :is(dt,dd){margin:0;min-width:0;overflow-wrap:anywhere}
.live-selected #main #rack-panel .reference-rack-frame .quiet-details .location-dates{margin:8px 0 0;padding-bottom:12px}
.live-selected #main #rack-panel .reference-rack-frame .quiet-details .journey-disclosure{margin:0}
.live-selected #main #rack-panel .reference-rack-frame .journey-disclosure>summary{font:400 var(--rack-page-text)/1.5 Inter,system-ui,sans-serif}
.live-selected #main #rack-panel .reference-rack-frame .saved-photo{position:relative}
.live-selected #main #rack-panel .reference-rack-frame .photo-carousel-count{position:absolute;top:8px;right:8px;margin:0;padding:2px 7px;border:1px solid var(--ref-line);border-radius:5px;background:var(--ref-bg);color:var(--ref-ink);font-size:var(--rack-page-text);font-weight:400;pointer-events:none}
.live-selected #main #rack-panel .reference-rack-frame .no-rack-photo,.live-selected #main #rack-panel .reference-rack-frame .approved-empty-photos{display:grid;place-items:center;min-height:88px;margin:0;padding:16px;border:0;border-radius:8px;background:var(--ref-soft);color:var(--ref-muted)}
.live-selected #main #rack-panel .reference-rack-frame .photo-toolbar-only{justify-content:flex-end;border:0;padding:0;margin-bottom:8px}
.live-selected #main #rack-panel .reference-rack-frame .photo-toolbar-only:not(:has(button)){display:none}
.live-selected #main #rack-panel .reference-rack-frame .add-rack-photo,.live-selected #main #rack-panel .reference-rack-frame .photo-carousel-nav>[data-photo-step]{min-height:44px}
.live-selected #main #rack-panel .reference-rack-frame .reference-rack-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:0;padding:0;border:0;background:transparent}
.live-selected #main #rack-panel .reference-rack-frame :is(.reference-rack-actions,.inline-save-actions)>button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;min-height:44px;margin:0;padding:9px 12px;border:1px solid var(--ref-line);border-radius:8px;background:var(--ref-bg);color:var(--ref-ink);font-weight:500}
.live-selected #main #rack-panel .reference-rack-frame :is(.reference-rack-actions,.inline-save-actions)>button.primary{border-color:var(--ref-accent);background:var(--ref-accent);color:var(--ref-bg)}
.live-selected #main #rack-panel .reference-rack-frame.reference-available .detail-facts{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--rack-section-gap)}
.live-selected #main #rack-panel .reference-rack-frame.reference-available .location-card{margin:0;padding:14px 16px;border:1px solid var(--ref-line);border-radius:10px;background:var(--ref-soft)}
.live-selected #main #rack-panel .reference-rack-frame.reference-available .location-card>div:first-child{margin:0}
.live-selected #main #rack-panel .reference-rack-frame.reference-available .quiet-current-location .location-card>.caption{margin:0 0 8px;color:var(--ref-muted);font-weight:400}
.live-selected #main #rack-panel .reference-rack-frame.reference-available .quiet-current-location .location-card .place,.live-selected #main #rack-panel .reference-rack-frame.reference-available .quiet-current-location .location-card .place>span{font-weight:600}
.live-selected #main #rack-panel .reference-rack-frame.reference-available .location-dates{margin-top:10px}
.live-selected #main #rack-panel .reference-rack-frame #inline-form,.live-selected #main #rack-panel .reference-rack-frame #inline-form>.draft-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--rack-section-gap);margin:0;padding:0;border:0}
.live-selected #main #rack-panel .reference-rack-frame #inline-form>.draft-fields>*{margin:0}
.live-selected #main #rack-panel .reference-rack-frame #inline-form .inline-save-actions{margin:0}
.live-selected #main #rack-panel .reference-rack-frame .photo-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:12px 0 0}
.live-selected #main #rack-panel .reference-rack-frame .photo-actions>button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;width:100%;min-height:44px;margin:0;padding:9px 12px;border:1px solid var(--ref-line);border-radius:8px;background:var(--ref-bg);color:var(--ref-ink);font-weight:500}
.live-selected #main #rack-panel .reference-rack-frame .photo-selection-status:empty{display:none}
.live-selected #main #rack-panel .reference-rack-frame .approved-shared-fields{display:block;margin:0;padding:0;border:0;background:transparent}
.live-selected #main #rack-panel .reference-rack-frame .load-project-field{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:20px;margin:0;padding:0;border:0}
.live-selected #main #rack-panel .reference-rack-frame .load-project-field>span{margin:0}
.live-selected #main #rack-panel .reference-rack-frame [data-choose-project]{min-height:46px;padding:10px 0;border:0;border-bottom:1px solid var(--ref-line);border-radius:0;background:transparent}
.live-selected #main #rack-panel .reference-rack-frame .load-bfz-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:16px 0 0;padding:0 0 2px;border:0;border-bottom:1px solid var(--ref-line)}
.live-selected #main #rack-panel .reference-rack-frame .load-bfz-fields .load-field{display:grid;gap:6px;padding:0 14px;border:0;border-left:1px solid var(--ref-line)}
.live-selected #main #rack-panel .reference-rack-frame .load-bfz-fields .load-field:first-child{padding-left:0;border-left:0}
.live-selected #main #rack-panel .reference-rack-frame .load-bfz-fields input{min-height:44px;margin:0;padding:8px 0;border:0;border-radius:0;background:transparent}
.live-selected #main #rack-panel .reference-rack-frame .note-optional{font-weight:400;color:var(--ref-muted)}
.live-selected #main #rack-panel .reference-rack-frame .rack-notes-editor>.comments-section{margin:0 0 12px}
.live-selected #main #rack-panel .reference-rack-frame .comment-empty{margin:0 0 10px;color:var(--ref-muted)}
.live-selected #main #rack-panel .reference-rack-frame .note-composer{position:relative;min-width:0;margin:0;padding:0;border:1px solid var(--ref-line);border-radius:8px;background:var(--ref-bg)}
.live-selected #main #rack-panel .reference-rack-frame .note-composer :is(fieldset,.field,.approved-note){display:block;min-width:0;margin:0;padding:0;border:0;background:transparent}
.live-selected #main #rack-panel .reference-rack-frame .note-composer label>span.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.live-selected #main #rack-panel .reference-rack-frame .note-composer textarea,.live-selected #main #rack-panel .reference-rack-frame #comment-content{display:block;box-sizing:border-box;width:100%;min-height:72px;margin:0;padding:10px 64px 10px 12px;border:0;border-radius:8px;background:transparent;color:var(--ref-ink);resize:vertical}
.live-selected #main #rack-panel .reference-rack-frame .note-composer .note-send{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid var(--ref-accent);border-radius:8px;background:var(--ref-accent);color:var(--ref-bg)}
.live-selected #main #rack-panel .reference-rack-frame .note-composer .note-send>.ui-icon{width:20px;height:20px;transform:none}
.live-selected #main #rack-panel .reference-rack-frame .note-composer .note-send[hidden]{display:none!important}
:where(html:not([data-rack-device=desktop])) .live-selected #main #rack-panel{--rack-page-text:16px;--rack-section-gap:20px}
:where(html:not([data-rack-device=desktop])) .live-selected #main #rack-panel .reference-rack-frame{max-width:390px}
:where(html:not([data-rack-device=desktop])) .live-selected #main #rack-panel .reference-rack-frame .load-project-field{grid-template-columns:minmax(0,1fr);gap:6px}
:where(html:not([data-rack-device=desktop])) .live-selected #main #rack-panel .reference-rack-frame .load-bfz-fields .load-field{padding-inline:10px}
:where(html:not([data-rack-device=desktop])) .live-selected #main #rack-panel .reference-rack-frame .load-bfz-fields .load-field:first-child{padding-left:0}
:where(html:not([data-rack-device=desktop])) .live-selected #main #rack-panel .reference-rack-frame .location-dates{flex-direction:column;gap:4px}
:where(html:not([data-rack-device=desktop])) .live-selected #main #rack-panel .reference-rack-frame .location-dates>p{margin:0}
@media(max-width:350px){.live-selected #main #rack-panel .reference-rack-frame :is(.reference-rack-actions,.inline-save-actions){grid-template-columns:minmax(0,1fr)}.live-selected #main #rack-panel .reference-rack-frame .load-bfz-fields{grid-template-columns:minmax(0,1fr);gap:10px}.live-selected #main #rack-panel .reference-rack-frame .load-bfz-fields .load-field{padding:0;border:0}.live-selected #main #rack-panel .reference-rack-frame .quiet-details dl>div{grid-template-columns:84px minmax(0,1fr);gap:12px}}
/* Colour-only theme output also contains earlier border shorthands. Keep the
   selected open structure authoritative in either appearance. */
.live-selected #main #rack-panel .reference-rack-frame,.live-selected #main #rack-panel .reference-rack-frame :is(.approved-quiet-section,.quiet-occupancy .occupied-age,.reference-details-box,.reference-rack-actions,.approved-shared-fields,.draft-fields){border:0!important}
.live-selected #main #rack-panel .reference-rack-frame :is(.no-rack-photo,.approved-empty-photos,.load-bfz-fields input,.note-composer textarea,#comment-content){border:0!important}
.live-selected #main #rack-panel .reference-rack-frame [data-choose-project]{border:0!important;border-bottom:1px solid var(--ref-line)!important}
.live-selected #main #rack-panel .reference-rack-frame :is(span,b,strong,select){font-family:Inter,system-ui,sans-serif!important;font-size:var(--rack-page-text)!important;line-height:1.5!important}
.live-selected #main #rack-panel .reference-rack-frame .occupied-age strong{font-size:34px!important;line-height:1!important}