:root{--property-brand:#0d2829}
.shell{--teal:var(--property-brand);--focus:var(--property-brand);--ink:#0d2829;--muted:#627087;--line:#e2e7ef}
.shell .main-nav{background:#fff;color:var(--ink);border-right:1px solid var(--line)!important}
.shell .main-nav .nav-item{color:#526178;min-height:42px}.shell .main-nav .nav-item:hover{background:#f6f8fc;color:#17253d}.shell .main-nav .nav-item.active{background:color-mix(in srgb,var(--property-brand) 8%,white)!important;color:var(--property-brand);box-shadow:none!important}.shell .main-nav .nav-item.active .lucide{color:var(--property-brand)}
.shell .main-nav nav hr{border-top-color:var(--line)}.shell .main-nav .nav-collapse{color:#526178;border-color:var(--line)}
.shell .primary{background:var(--property-brand)!important;border-color:var(--property-brand)!important;color:#fff!important}.shell .primary:hover{filter:brightness(.94)}
.shell .table-link.active,.shell .tool-button.configured,.shell .view-list>button.active{background:color-mix(in srgb,var(--property-brand) 8%,white)!important;color:var(--property-brand)!important}
.property-native-brand{text-decoration:none;color:#17253d;display:flex;flex-direction:column;gap:3px;max-width:100%;line-height:1.3}.property-native-brand strong{font-size:19px;letter-spacing:-.5px;overflow-wrap:anywhere}.property-native-brand small{font-size:12px;color:#627087;font-weight:450}.property-native-brand img{max-width:174px;max-height:54px;object-fit:contain}
.property-home-link{display:flex;align-items:center;gap:10px;color:#526178;text-decoration:none;font:500 13px Inter,Arial,sans-serif;padding:12px 10px;min-height:44px;border-radius:6px}.property-home-link:hover{background:#f6f8fc;color:var(--property-brand)}.property-home-link:focus-visible{outline:3px solid var(--property-brand);outline-offset:2px}.property-home-link svg{flex:none;color:#8c96a6}
.iw-record-form .property-home-link{color:var(--property-brand);border:1px solid #dce2eb;margin-bottom:20px}
.main-nav-collapsed .main-nav .property-home-link{justify-content:center}.main-nav-collapsed .main-nav .property-home-link span{display:none}.main-nav-collapsed .property-native-brand{width:34px;overflow:hidden}.main-nav-collapsed .property-native-brand strong{white-space:nowrap;width:1ch;overflow:hidden}.main-nav-collapsed .property-native-brand small{display:none}.main-nav-collapsed .property-native-brand img{max-width:34px}
@media(max-width:600px){.shell input:not([type=checkbox]):not([type=radio]),.shell select,.shell textarea{font-size:16px}}

.property-home-link svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.shell:not(.main-nav-collapsed){grid-template-columns:232px minmax(0,1fr)}

.property-native-menu,.property-native-shade{display:none}.property-native-menu svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:850px){.shell:not(.main-nav-collapsed),.shell.main-nav-collapsed{grid-template-columns:minmax(0,1fr)}.shell .main-nav{position:fixed;inset:0 auto 0 0;width:264px;z-index:100;transform:translateX(-100%);visibility:hidden;overflow:auto}.shell.property-mobile-open .main-nav{transform:none;visibility:visible}.shell .property-native-menu{display:inline-flex;width:44px;height:44px;flex:none;align-items:center;justify-content:center;border:0;background:transparent;padding:0}.shell .property-native-close{align-self:flex-end}.shell.property-mobile-open .property-native-shade{display:block;position:fixed;inset:0;border:0;border-radius:0;background:#17253d70;z-index:99}.shell .main-nav-collapsed .main-nav .property-home-link span,.shell.main-nav-collapsed .main-nav .nav-item span{display:inline}.shell.main-nav-collapsed .main-nav .property-home-link{justify-content:flex-start}.shell.main-nav-collapsed .property-native-brand{width:auto;overflow:visible}.shell.main-nav-collapsed .property-native-brand strong{width:auto;white-space:normal}.shell.main-nav-collapsed .property-native-brand small{display:block}.shell .main-nav .nav-collapse{display:none}.shell .main-nav .brand{justify-content:flex-start}.shell .stage>header{padding-inline:12px;gap:10px}.shell .stage>header .header-actions{margin-left:auto}}

.shell .main-nav .property-native-brand strong{display:block}
@media(max-width:850px){.document-library-register .document-row.head{display:none}.document-library-register .document-row,.document-library-register .document-generated-row{min-width:0;grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding:16px;align-items:start}.document-library-register .document-row>a{grid-column:1;grid-row:1;white-space:normal}.document-library-register .document-row>span:not(.document-library-actions){grid-column:1;white-space:normal;color:var(--muted);font-size:12px}.document-library-register .document-library-actions{grid-column:2;grid-row:1 / span 4}.document-library-register .document-menu-trigger{width:44px;height:44px;min-width:44px}.shell .stage>header>.header-actions .search{max-width:76px}.shell .stage>header>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}}

@media(max-width:850px){.shell .stage>header .header-actions .search{width:44px;max-width:44px;min-width:44px;height:44px;position:relative;padding:10px}.shell .stage>header .header-actions .search input{position:absolute;inset:0;width:100%;padding:10px;background:transparent;color:transparent;cursor:pointer}.shell .stage>header .header-actions .search input::placeholder{color:transparent}.shell .stage>header .header-actions .search:focus-within{position:absolute;left:16px;right:16px;top:8px;width:auto;max-width:none;background:#fff;z-index:45}.shell .stage>header .header-actions .search:focus-within input{color:var(--ink);padding-left:38px;cursor:text}.shell .stage>header .header-actions .search:focus-within input::placeholder{color:var(--muted)}}

.iw-guest-brand strong{font-size:14px;line-height:1.35;color:#17253d;overflow-wrap:anywhere}.iw-record-form .property-home-link span{display:inline!important}.iw-record-form .property-home-link{justify-content:flex-start!important}

/* Native library and editor surfaces use the same workspace chrome as Property.
   They share the application runtime, but are intentionally styled here so a
   document or signing record never falls back to the older Portal treatment. */
.shell{--ink:#0d2829;--muted:#65716f;--line:#e4e8ee;--soft:#f4f6f9;--teal:#0d2829;--teal-dark:#173e3f;color:var(--ink);background:#fff}
.shell:not(.main-nav-collapsed){grid-template-columns:232px minmax(0,1fr)}
.shell>.main-nav{padding:26px 14px;background:#fff;border-right:1px solid var(--line)!important}
.shell>.main-nav .brand{height:auto;min-height:60px;padding:0 12px;margin:0 0 28px;align-items:flex-start}
.shell .stage{min-width:0;background:#fff}
.shell .stage>header{height:76px;min-height:76px;padding:0 32px;gap:30px;border-bottom:1px solid var(--line);font-size:14px}
.shell .stage>header>strong{font-size:14px;font-weight:600;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:235px}
.shell .stage>header .header-actions{flex:1;min-width:0;gap:8px}
.shell .stage>header .header-actions .search{box-sizing:border-box;display:flex;flex:1 1 390px;width:100%;max-width:520px;height:42px;min-height:42px;gap:10px;padding:0 14px;border:0;border-radius:7px;background:var(--soft);color:var(--muted)}
.shell .stage>header .header-actions .search input{width:100%;min-width:0;height:100%;margin:0;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}
.shell .stage>header .header-actions .search input::placeholder{color:#7b8784;opacity:1}
.shell .stage>header .header-actions>a.icon-btn,.shell .stage>header .header-actions>.notification-button{box-sizing:border-box;display:inline-grid;place-items:center;flex:0 0 38px;width:38px;height:38px;min-height:38px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink)}
.shell .stage>header .header-actions>a.icon-btn:hover,.shell .stage>header .header-actions>.notification-button:hover{background:var(--soft)}
.shell .stage>header .header-actions .user-menu{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 0 0 4px;border:0;background:transparent;white-space:nowrap}
.shell .stage>header .header-actions .user-menu .avatar{width:38px;height:38px;flex:0 0 38px;background:#edf0f5;color:var(--ink);font-size:13px}
.shell .stage>header .header-actions .user-menu .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.shell .stage>main.page{width:100%;max-width:none;margin:0;padding:36px 32px 50px;background:#fff;color:var(--ink)}
.shell .stage>main.page>.page-head{margin:0 0 28px}
.shell .stage>main.page>.page-head h1{font:600 28px/34px Inter,sans-serif;letter-spacing:-.8px;color:var(--ink)}
.shell .stage>main.page>.page-head p{font:400 14px/22px Inter,sans-serif;color:var(--muted);margin-top:8px}
.shell .stage>main.page .btn,.shell .stage>main.page button,.shell .stage>main.page a.button{font-family:Inter,sans-serif}
.shell .stage>main.page .primary{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
.shell .stage>main.page .primary:hover{background:var(--teal-dark)!important;border-color:var(--teal-dark)!important}
.shell .stage>main.esign-editor{min-height:0;background:#f4f6f5;color:var(--ink)}
.shell .stage>main.esign-editor .es-editor-header{background:#fff;border-bottom:1px solid var(--line)}
.shell .stage>main.esign-editor .es-contextbar{background:#fff;border-bottom:1px solid var(--line)}
.shell .stage>main.esign-editor .esign-tools,.shell .stage>main.esign-editor .esign-properties{background:#fff;border-color:var(--line)}
.shell .stage>main.esign-editor .esign-canvas-wrap{background:#f4f6f5}
.shell .stage>main.esign-editor .esign-tools button:hover{background:var(--soft)}
dialog.modal,.modal-back{font-family:Inter,sans-serif;color:var(--ink)}
dialog.modal{border:1px solid var(--line);border-radius:10px;box-shadow:0 24px 70px #0d282926}
dialog.modal::backdrop,.modal-back{background:#0d282954;backdrop-filter:blur(2px)}
dialog.modal.portal-modal{border-radius:10px!important}
.property-native .shell .stage>main.directory-page{padding:36px 32px 50px}
.property-native .shell .stage>main.directory-page>.page-head{margin-bottom:28px}

@media(max-width:850px){
  .shell .stage>header{padding-inline:24px;gap:14px}
  .shell .stage>header>strong{max-width:200px}
  .shell .stage>header .header-actions .search{flex-basis:240px}
  .property-native .shell .stage>main.page{padding:28px 24px 42px}
}
@media(max-width:560px){
  .shell .stage>header{padding-inline:18px}
  .shell .stage>header>strong{max-width:55%}
  .shell .stage>header .header-actions .search{display:none}
  .property-native .shell .stage>main.page{padding:25px 18px 35px}
  .shell .stage>main.page>.page-head h1{font-size:25px;line-height:31px}
}