/* Account and short tasks extend the prototype's native dialogs and theme.
   Icons reuse the existing decorative outline sprite; no second UI foundation. */
.account-settings-dialog{width:min(760px,calc(100% - 32px))}
.account-settings-dialog[open],.account-task-dialog[open],.account-search-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.account-settings-dialog .dialog-head,.account-task-dialog .dialog-head,.account-search-dialog .dialog-head{flex:none}
.account-task-dialog .dialog-body,.account-search-dialog .dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain}
.account-settings-dialog .dialog-head{border-bottom:1px solid var(--border);padding-bottom:16px}
.account-settings-layout{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;overflow:hidden}
.account-settings-nav{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:16px;border-bottom:1px solid var(--border);background:var(--paper)}
.account-settings-nav button{display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;padding:8px 12px;border-radius:var(--radius);text-align:left;font-size:16px;line-height:24px;white-space:normal;color:var(--steel)}
.account-settings-nav button svg,.account-icon-action svg,.account-search-result>svg{width:20px;height:20px;flex:none}
.account-control-label{min-width:0;overflow-wrap:anywhere}
.account-settings-nav button[aria-pressed=true]{background:#e5f0ff;color:var(--navy);font-weight:600}
.account-settings-panel{padding:24px;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}
.account-settings-panel h3,.account-task-dialog h3{font-size:18px;line-height:26px;font-weight:500;margin:0 0 16px}
.account-settings-panel h4{font-size:16px;line-height:24px;font-weight:500;margin:0 0 8px}
.account-section-copy,.account-task-copy{font-size:16px;line-height:24px;color:var(--steel);margin:0 0 16px}
.account-preview-label{font-size:14px;line-height:22px;color:var(--steel);margin:0 0 16px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--paper)}
.account-settings-panel .field{margin-top:16px}
.account-settings-panel .field label,.account-task-dialog .field label,.account-search-dialog .field label{font-size:16px;line-height:24px;color:var(--navy)}
.account-settings-panel .field input,.account-task-dialog .field input{font-size:16px;line-height:24px}
.account-settings-panel .field input[readonly]{background:var(--paper)}
.account-settings-panel .account-block{padding:24px 0;border-top:1px solid var(--border)}
.account-settings-panel .account-block:last-child{padding-bottom:0}
.account-settings-panel .account-block:first-child{padding-top:0;border-top:0}
.account-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:16px}
.account-actions>.primary,.account-actions>.text-button{font-size:16px;white-space:normal}
.account-icon-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;line-height:24px}
.account-settings-panel .primary,.account-task-dialog .primary{font-size:16px;white-space:normal}
.account-settings-panel .secondary,.account-task-dialog .secondary{background:var(--paper)}
.account-settings-panel button,.account-task-dialog button,.account-search-dialog button,.account-settings-panel a,.account-task-dialog a{min-height:44px;min-width:44px}
.account-settings-panel button:disabled,.account-task-dialog button:disabled{background:var(--paper);color:var(--steel);border:1px solid var(--border);opacity:1}
.account-unavailable{font-size:14px;line-height:22px;color:var(--steel);margin-top:8px}
.account-inline-link{display:inline-flex;align-items:center;text-underline-offset:3px;padding:8px 0;font-size:16px}
.account-danger{border-color:var(--danger)!important;color:var(--danger)!important;background:white!important}
.account-settings-panel .form-status,.account-task-dialog .form-status,.account-search-dialog .form-status{font-size:16px;line-height:24px;margin:16px 0 0}
.account-settings-panel .form-error,.account-task-dialog .form-error,.account-search-dialog .form-error{font-size:16px;line-height:24px}
.account-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.account-list-row{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid var(--border);border-radius:var(--radius);padding:8px 16px;background:var(--paper)}
.account-list-title{flex:1;min-width:0;overflow-wrap:anywhere;font-size:16px;line-height:24px}
.account-list-row .text-button{padding:8px;font-size:16px;flex:none}
.account-empty{color:var(--steel);font-size:16px;line-height:24px}
.account-task-dialog{width:min(496px,calc(100% - 32px))}
.account-task-dialog .dialog-body>p{margin-bottom:16px}
.account-task-dialog textarea,.account-task-dialog select,.account-search-dialog input{width:100%;border:1px solid #a8badc;border-radius:var(--radius);padding:12px 16px;color:var(--navy);background:white;font-size:16px;min-height:48px}
.account-task-dialog textarea{min-height:120px;resize:vertical;line-height:24px}
.account-task-dialog .account-share-preview{padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:24px}
.account-review-label{font-size:16px;line-height:24px;font-weight:500;margin-bottom:8px}
.account-check{display:flex;align-items:flex-start;gap:12px;min-height:44px;margin-top:16px;padding:8px 0;font-size:16px;line-height:24px;cursor:pointer}
.account-check input{width:20px;height:20px;flex:none;margin:2px 0 0;accent-color:var(--navy)}
.account-check:has(input:disabled){color:var(--steel);cursor:default}
.account-review{border:1px solid var(--border);border-radius:var(--radius);padding:16px;background:var(--paper);margin-top:16px;min-width:0}
.account-review p+p{margin-top:8px}
.account-review-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:24px}
.account-review details{margin-top:16px}
.account-review summary{cursor:pointer;min-height:44px;padding:8px 0}
.account-search-dialog{width:min(560px,calc(100% - 32px))}
.account-search-form{margin-bottom:16px}
.account-search-results{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.account-search-result{display:flex;align-items:center;width:100%;min-width:0;text-align:left;padding:12px 16px;gap:12px;min-height:64px;border:1px solid transparent;border-radius:var(--radius);background:var(--paper)}
.account-search-copy{display:flex;flex-direction:column;flex:1;min-width:0;gap:4px}
.account-search-result strong{font-size:16px;line-height:24px;font-weight:500;overflow-wrap:anywhere}
.account-search-result small{font-size:14px;line-height:22px;color:var(--steel);overflow-wrap:anywhere}
.account-search-result>svg:last-child{color:var(--slate)}
.account-search-dialog .field{margin-top:0}
.account-search-dialog .account-section-copy{margin-bottom:16px}
.account-settings-panel .account-key-value,.account-task-dialog .account-key-value{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:16px;line-height:24px;margin:8px 0}
.account-key-value span:last-child{color:var(--steel);text-align:right}
@media(min-width:640px){.account-settings-layout{grid-template-columns:208px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.account-settings-nav{grid-template-columns:1fr;align-content:start;border-bottom:0;border-right:1px solid var(--border);gap:4px;min-height:0;overflow:auto}.account-settings-nav button{font-size:14px;line-height:20px}.account-settings-panel .field label,.account-task-dialog .field label,.account-search-dialog .field label,.account-review-label{font-size:14px;line-height:20px}}
@media(max-width:399px){.account-settings-dialog,.account-task-dialog,.account-search-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.account-settings-dialog .dialog-head,.account-task-dialog .dialog-head,.account-search-dialog .dialog-head{padding-inline:16px}.account-settings-panel,.account-task-dialog .dialog-body,.account-search-dialog .dialog-body{padding-inline:16px}.account-settings-nav{padding:16px 12px}.account-settings-nav button{padding-inline:8px}.account-list-row{flex-wrap:wrap}.account-list-title{flex-basis:100%}.account-actions{gap:8px}.account-search-result{padding-inline:12px;gap:8px}}
@media(max-width:599px){
  .account-settings-dialog,.account-task-dialog,.account-search-dialog{max-height:calc(var(--app-height,100dvh) - 24px)}
  .account-settings-nav{padding:8px}
  .account-settings-panel{padding:16px}
  .account-settings-panel .account-block{padding:16px 0}
}