/* A small request hint below each restricted control; the whole control is clickable. */
.owner-contact-badge{display:block;width:100%;margin:3px 0 0;padding:0;border:0;background:none;color:inherit;font-size:.68rem;font-weight:500;line-height:1.35;white-space:nowrap;text-align:inherit;text-decoration:underline;text-underline-offset:3px}
button.owner-restricted,a.owner-restricted,label.owner-restricted{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0;cursor:pointer!important}
.owner-restricted.primary .owner-contact-badge{color:inherit}
#settingsHome .settings-card .owner-contact-badge{margin:2px 0 0;font-size:.73rem;text-align:center}
#app>.side .nav button.owner-restricted{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;flex-basis:42px;min-height:40px!important;max-height:none;white-space:nowrap!important}
#app>.side .nav .owner-contact-badge{width:auto;margin:0;color:#f2d69d;font-size:.65rem;line-height:1.3}
.owner-field-contact{display:inline-flex;align-items:center;align-self:start;justify-self:start;min-height:24px;margin:0;padding:0 2px;border:0;background:none;color:#6b4b19;font:inherit;font-size:.73rem;line-height:1.4;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.owner-field-contact:focus-visible{outline:2px solid #b18537;outline-offset:3px;border-radius:3px}
.access-select-field{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;margin:0}.access-select-field .owner-contact-badge{margin:0}
/* Keep row actions together. On narrow screens the existing table wrapper scrolls. */
#app .page .tablewrap td .actions{display:flex!important;flex-flow:row nowrap!important;align-items:center;gap:5px;min-width:max-content}
#app .page .tablewrap tbody .btn{display:inline-flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:0;width:auto!important;min-width:0!important;min-height:34px!important;padding:5px 9px!important;border-radius:9px;font-size:.78rem!important;line-height:1.35!important;white-space:nowrap!important;vertical-align:middle}
#app .page .tablewrap td:has(>.btn){white-space:nowrap}
#app .page .tablewrap td>.btn+.btn{margin-inline-start:5px}
#app .page .tablewrap .btn .owner-contact-badge{font-size:.65rem;line-height:1.3}
#app .page .tablewrap td .access-select-field{flex:0 0 auto}
#app .page .tablewrap td .access-select-field select{min-height:34px;padding:4px 7px;font-size:.78rem}
.owner-contact-dialog{padding:20px;line-height:1.8}.owner-contact-dialog .actions{margin-top:14px}.owner-contact-dialog .btn{text-decoration:none}.owner-contact-dialog textarea{width:100%;min-height:96px;padding:10px;border:1px solid var(--line);border-radius:9px;font:inherit;resize:vertical}
.owner-contact-dialog p{margin:0 0 12px;line-height:1.9;white-space:normal;overflow-wrap:anywhere;letter-spacing:normal;word-spacing:normal}
.owner-contact-dialog .owner-contact-topic{font-weight:700;color:var(--green,#174c40)}
.owner-contact-dialog .actions{justify-content:flex-end}
@media(max-width:430px){
  #settingsHome .settings-card.owner-restricted{display:grid;grid-template-columns:50px minmax(0,1fr);gap:4px 12px;text-align:right}
  #settingsHome .settings-card.owner-restricted .settings-card-icon{grid-column:1;grid-row:1/4}
  #settingsHome .settings-card.owner-restricted>span:not(.settings-card-icon){grid-column:2}
  #settingsHome .settings-card.owner-restricted>small{grid-column:2;text-align:right}
  #settingsHome .settings-card.owner-restricted .owner-contact-badge{grid-column:2;grid-row:3;text-align:right}
}

/* Hide actions without permission without disturbing unrelated state-based visibility. */
.permission-denied{display:none!important}