/* Mail settings and unit plans */
.settings-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:25px}.settings-link,.settings-banner{display:flex;gap:18px;align-items:center}.settings-link{transition:box-shadow .2s,transform .2s}.settings-link:hover{box-shadow:0 8px 25px #526a9b14;transform:translateY(-2px)}.settings-link>span:last-child{margin-left:auto}.settings-link p,.settings-banner p{font-size:13px;color:#687892;margin-top:5px}.settings-banner{background:linear-gradient(115deg,#eaf2fc,#f2ecfa);border:1px solid #dce5f3;border-radius:16px;padding:24px;margin-bottom:25px}.settings-banner>.badge{margin-left:auto;white-space:nowrap}.mail-settings-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:24px;align-items:start}.layout-opt-in{padding:16px;background:#eef4fc;border-radius:12px;align-self:start}.layout-opt-in .hint{margin:7px 0}.layout-opt-in input{width:auto}.layout-thumbnail{height:175px;background:#f5f8fc;border:1px solid #e8edf4;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px}.layout-thumbnail>.floorplan-svg{width:100%;height:100%;max-height:170px}.layout-thumbnail>svg:not(.floorplan-svg){width:36px;height:36px;color:#91a3bd}.layout-thumbnail>span{font-size:12px;color:#7889a0}.unit-layout-card h2{margin-top:12px}.unit-layout-card p{font-size:13px;color:#687892;margin-top:6px}.unit-layout-card .actions{margin-top:18px}.layout-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}.layout-toolbar .field{margin:0;min-width:210px}.layout-workspace{display:grid;grid-template-columns:165px minmax(0,1fr) 220px;gap:16px;align-items:start}.fixture-panel,.plan-inspector{padding:17px}.fixture-panel h2,.plan-inspector h2{font-size:14px}.fixture-panel>.hint{margin:10px 0 16px}.fixture-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fixture-choice{border:1px solid #e2e8f3;border-radius:10px;padding:10px 4px;background:#f8faff;display:flex;flex-direction:column;align-items:center;gap:6px;color:#6a7d99;font-size:10px;line-height:1.25;min-height:90px;cursor:grab}.fixture-choice:hover,.fixture-choice:focus-visible{background:#eaf1fd;border-color:#9db5e0;outline:none}.fixture-choice svg{height:39px;width:39px}.plan-stage{min-width:0;background:#fff;border:1px solid #e1e7f1;border-radius:14px;overflow:hidden;box-shadow:0 8px 25px #385b9010}.plan-stage-head{padding:18px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e6ecf5}.plan-stage-head strong{display:block;font-size:14px}.plan-stage-head .hint{display:block;font-size:11px;margin-top:3px}.plan-stage-head .badge{align-self:flex-start;white-space:nowrap}.plan-canvas-wrap{padding:12px;background-color:#f9fbfe;background-image:radial-gradient(#c4d0e2 .6px,transparent .6px);background-size:14px 14px}.plan-stage>.hint{padding:14px 18px;border-top:1px solid #e8edf5}.plan-stage #plan-canvas{width:100%;height:520px;display:block;touch-action:none;stroke:none;fill:none;outline:none}.plan-stage #plan-canvas:focus-visible{outline:2px solid #8da8d1;outline-offset:-2px}.plan-object{cursor:move;outline:none}.plan-object:focus-visible>rect:first-child{stroke:#416bc1;stroke-width:.2}.plan-inspector .field{margin-top:12px;margin-bottom:12px}.plan-inspector .form-grid{grid-template-columns:1fr 1fr;gap:8px}.plan-inspector input{padding:9px;min-width:0}.plan-inspector .actions{gap:6px}.plan-inspector .btn{font-size:11px;padding:8px 10px}.plan-inspector>.hint{margin:10px 0}.plan-inspector hr{border:0;border-top:1px solid #e8edf4;margin:22px 0}.layout-toolbar button:disabled{opacity:.4;cursor:default}.floorplan-svg{width:100%;height:auto;max-height:630px;display:block;stroke:none;fill:none;margin:16px auto}.floorplan-svg text,#plan-canvas text{font-family:'DM Sans','Segoe UI',sans-serif}.layout-document{max-width:980px}.layout-document h2{margin-top:12px}.layout-legend{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.layout-legend span{padding:6px 10px;border-radius:8px;background:#eef3fa;font-size:12px;color:#586c86}.agreement-layout{break-before:page;page-break-before:always}.agreement-layout>.floorplan-svg{max-height:650px}.layout-document>.hint{margin-top:20px}
/* Searchable dropdowns with a native select retained for form submission. */
.sky-select{position:relative;min-width:0;width:100%}.sky-select .select-original{position:absolute!important;left:0;top:0;width:1px!important;height:1px!important;opacity:0;pointer-events:none;padding:0!important;border:0!important}.select-trigger{position:relative;display:block;text-align:left;min-height:44px;width:100%;padding:11px 41px 11px 14px;border:1px solid #dce4f1;border-radius:11px;background:linear-gradient(180deg,#fff,#f4f7fd);box-shadow:0 2px 3px #263e6210;color:#344a69;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-trigger:after{content:'';position:absolute;right:16px;top:16px;width:7px;height:7px;border-right:2px solid #7890b3;border-bottom:2px solid #7890b3;transform:rotate(45deg);transition:transform .15s}.select-trigger[aria-expanded=true]{border-color:#91acd8;box-shadow:0 0 0 3px #e7eefb}.select-trigger[aria-expanded=true]:after{transform:translateY(4px) rotate(225deg)}.select-trigger.placeholder{color:#8996aa}.select-trigger:focus-visible{outline:3px solid #c6d6f1;outline-offset:2px}.select-trigger.invalid{border-color:#c87b86}.select-menu{position:fixed;z-index:1000;border:1px solid #dbe4f2;border-radius:14px;background:#fff;box-shadow:0 14px 45px #263e622b;display:flex;flex-direction:column;padding:6px;overflow:hidden;animation:select-in .12s ease-out}.select-search{margin:4px 4px 8px;width:calc(100% - 8px);padding:10px 12px;border:1px solid #e2e8f3!important;background:#f5f8fd!important;border-radius:8px!important;flex-shrink:0}.select-options{overflow:auto;overscroll-behavior:contain}.select-choice{display:block;position:relative;width:100%;padding:12px 32px 12px 12px;text-align:left;border:0;background:white;border-radius:8px;font-size:13px;line-height:1.4;color:#4e607d;min-height:43px;white-space:normal}.select-choice:hover,.select-choice.focused{background:#f1f5fc}.select-choice[aria-selected=true]{background:#edf6f1;color:#42659b;font-weight:600}.select-choice[aria-selected=true]:after{content:'✓';position:absolute;right:13px;color:#5a7ab0}.select-choice:disabled{color:#a6afbd;cursor:default}.select-empty{padding:14px;color:#7c8a9e;font-size:13px}.top-actions .sky-select{width:245px}.top-actions .select-trigger{background:#f2f5fb;font-size:12px}.actions .sky-select{min-width:135px;width:auto}.form-grid .sky-select,.field .sky-select{width:100%}.searchbar>.sky-select{min-width:180px;width:auto;flex:1}.settings-shortcuts .stat-icon{width:46px;height:46px;border-radius:13px}@keyframes select-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.layout-workspace{grid-template-columns:1fr 220px}.fixture-panel{grid-column:1/-1}.fixture-grid{grid-template-columns:repeat(11,minmax(0,1fr))}.fixture-choice{min-height:75px}.fixture-panel>.hint:last-child{display:none}}
@media(max-width:850px){.mail-settings-grid{grid-template-columns:1fr}.settings-shortcuts{grid-template-columns:1fr}.top-actions .sky-select{width:210px}.fixture-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:600px){.layout-workspace{grid-template-columns:1fr}.fixture-panel{grid-column:auto}.fixture-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fixture-choice{min-height:78px;font-size:11px}.plan-inspector .form-grid{grid-template-columns:1fr 1fr}.layout-toolbar{align-items:stretch}.layout-toolbar>.field,.layout-toolbar>.actions{width:100%}.layout-toolbar .actions{gap:7px}.layout-toolbar .btn{font-size:12px;flex:1;padding:9px 10px}.settings-banner{padding:18px;flex-wrap:wrap}.settings-banner>div{flex:1;min-width:180px}.settings-banner>.badge{margin-left:0}.top-actions .sky-select{width:100%}.plan-stage #plan-canvas{height:390px}.layout-document{padding:20px}.floorplan-svg{max-height:500px}.select-trigger{font-size:14px}.searchbar>.sky-select{width:100%;flex-basis:100%}}
@media print{.agreement-layout{break-before:page}.agreement-layout .floorplan-svg{max-height:650px}.layout-document{margin:0;border:0;max-width:100%}.layout-document .floorplan-svg{max-height:700px}.select-menu{display:none}}