.loading-state{padding:40px;color:var(--muted);font-size:13px}
a.nav-item,a.favorite,a.project-title,.context-top a.icon-btn,.mobile-nav a{text-decoration:none}
.review-header .header-theme{margin-left:-6px}
.review-header .workspace-link{flex:none}
.review-projects{padding:25px 30px}
.cover-initial{display:grid;place-items:center;background:var(--subtle);border:1px solid var(--line);color:var(--muted);font-weight:550;font-size:13px;line-height:1}
.favorite .cover-initial{font-size:9px}
.feedback-project .cover-initial{font-size:11px}
.avatar-initial{display:grid;place-items:center;background:var(--hover);color:var(--muted);font-size:12px;font-weight:550;line-height:1}
.player-wave .play-head{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--sig);pointer-events:none}
.mock-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:32ch}
.context-footer .muted{max-width:34ch}
.empty-state a.button{margin-top:18px}
.mobile-nav a{min-height:var(--auris-dashboard-phone-target);border-radius:var(--auris-dashboard-control-radius);color:var(--muted);padding:9px 12px;font-size:12px;display:flex;align-items:center;gap:7px;margin-left:auto}
.mobile-nav a .i{width:15px;height:15px}
.inbox-workspace.no-notes{grid-template-columns:minmax(280px,560px)}
.inbox-workspace.no-notes .inbox-panel{border:0}
@media(min-width:801px){.review-shell .nav-links{margin-top:30px}}
@media(max-width:900px){.review-header .workspace-link .button-label{display:none}.review-header .workspace-link{width:var(--auris-dashboard-phone-target);padding:8px}}
@media(max-width:800px){.review-projects{padding:20px}}
@media(max-width:620px){
  .mobile-nav{gap:2px}
  .mobile-nav button,.mobile-nav a{padding:9px 8px;gap:5px}
  .review-header .header-theme,.review-header .workspace-link,.review-header .account-btn,.review-header .account-btn.signed{display:none}
  .review-projects{padding:4px 12px 20px}
}

.review-activity{padding:8px 30px 25px;max-width:760px}
.activity-day{font-size:12px;font-weight:550;color:var(--muted);margin:22px 0 4px}
.activity-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.activity-day+.activity-row{border-top:0}
.activity-row .avatar{margin:0;width:32px;height:32px}
.activity-icon{flex:none;width:32px;height:32px;border-radius:var(--auris-dashboard-round-radius);display:grid;place-items:center;background:var(--subtle);color:var(--muted)}
.activity-icon .i{width:15px;height:15px}
.activity-copy{flex:1;min-width:0}
.activity-copy p{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.activity-copy small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.activity-quote{color:var(--muted);margin-top:4px;white-space:pre-wrap}
.activity-row time{flex:none;color:var(--quiet);font-size:12px;padding-top:2px}
.voice-btn{margin-top:8px}
.conversation-content .voice-btn{margin-bottom:4px}
@media(max-width:800px){.review-activity{padding:4px 12px 20px}}

.account-btn{flex:none}
.account-btn.signed{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:var(--auris-dashboard-round-radius);background:transparent}
.account-initials{background:var(--ink);color:var(--bg);font-size:11px;letter-spacing:.04em;outline:0}
.account-btn.signed:hover .account-initials{box-shadow:0 0 0 3px var(--hover)}
.mobile-header .account-btn{min-height:var(--auris-dashboard-phone-target)}
.mobile-header .account-btn.signed{width:var(--auris-dashboard-phone-target);height:var(--auris-dashboard-phone-target)}
.profile-email{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-dialog .dialog-head h2:focus{outline:none}
.account-copy{color:var(--muted);font-size:13px;line-height:1.5;margin-bottom:18px;overflow-wrap:anywhere}
.account-copy b{color:var(--ink);font-weight:550}
.account-google{width:100%;gap:10px}
.account-or{display:flex;align-items:center;gap:12px;margin:20px 0 14px;color:var(--muted);font-size:12px}
.account-or::before,.account-or::after{content:"";flex:1;border-top:1px solid var(--line)}
#signInForm label{display:block;font-size:12px;font-weight:550}
#signInForm input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:var(--auris-dashboard-control-radius);padding:10px 11px;background:var(--bg);color:var(--ink);font-size:14px}
#signInForm .button{width:100%;margin-top:14px}
.account-id{display:flex;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.account-id .avatar{width:40px;height:40px;font-size:13px}
.account-who{min-width:0}
.account-who small{display:block;color:var(--muted);font-size:12px}
.account-who strong{display:block;font-weight:550;overflow-wrap:anywhere}
.account-actions{display:flex;gap:8px;flex-wrap:wrap}
.account-actions .button{flex:1 1 auto}
.account-delete{display:block;margin:18px auto 0;padding:6px;background:transparent;color:var(--error);font-size:12px}
.account-delete:hover{text-decoration:underline}
.account-delete-confirm{color:var(--error);border-color:var(--error)}
.account-dialog .button[aria-disabled="true"]{opacity:.6;cursor:progress}

.plan{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.plan-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.plan .account-copy{margin:12px 0 0}
.plan-meter-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.plan-meter-row span:first-child{color:var(--ink)}
.plan-meter .storage-track,.plan-storage .storage-track{margin-top:8px}
.plan-meter .storage-track span,.plan-storage .storage-track span{background:var(--ink)}
.plan-meter.near .storage-track span,.plan-meter.over .storage-track span,.plan-storage.near .storage-track span,.plan-storage.over .storage-track span{background:var(--amber)}
.plan-meter.over .plan-rest,.plan-storage.over .plan-rest{color:var(--amber)}
.plan-callout{margin-top:12px;padding:10px 12px;border-radius:var(--auris-dashboard-control-radius);background:var(--amber-bg);color:var(--ink);font-size:13px;line-height:1.5}
.plan-trial{width:100%;margin-top:16px}
.account-note{margin-top:8px;color:var(--muted);font-size:12px;text-align:center}
.plan-chip{white-space:nowrap}
.plan-chip-btn{flex:none;display:inline-flex;align-items:center;min-height:34px;padding:0 2px;background:transparent;border-radius:var(--auris-dashboard-control-radius)}
.plan-chip-btn:hover .plan-chip{box-shadow:0 0 0 3px var(--hover)}
.plan-storage .plan-meter-row{font-size:11px}
.plan-storage .plan-meter-row span:first-child{color:var(--muted)}
.plan-storage .plan-meter-row span{white-space:nowrap}
.plan-storage .plan-used{margin-top:3px}
.plan-storage .plan-used span:first-child{color:var(--ink)}
.plan-banner{display:flex;align-items:flex-start;gap:10px;margin-bottom:18px;padding:10px 6px 10px 14px;border-radius:var(--auris-dashboard-control-radius);background:var(--amber-bg);border-left:3px solid var(--amber)}
.plan-banner p{flex:1;min-width:0;padding-top:7px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.plan-banner .icon-btn{color:var(--ink)}
.plan-banner .icon-btn:hover{background:transparent;opacity:.7}
.plan-action{width:100%;margin-top:16px}
.plan-status{margin-top:12px;font-size:13px;font-weight:550}
.plan-upgrade{margin-top:12px}
.plan-offers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;border:0;min-width:0}
.plan-offers legend{margin-bottom:8px;padding:0;color:var(--muted);font-size:12px}
.plan-offer{position:relative;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--auris-dashboard-composer-radius);cursor:pointer}
.plan-offer input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.plan-offer:has(input:checked){border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.plan-offer:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.plan-offer-name{font-size:13px;font-weight:550}
.plan-offer-price{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
.plan-consent{display:flex;align-items:flex-start;gap:10px;margin-top:14px;font-size:13px;line-height:1.5;cursor:pointer}
.plan-consent input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--ink)}
.plan-upgrade .plan-trial{margin-top:14px}
.plan-banner-copy{flex:1;min-width:0}
.plan-banner-copy p{padding-top:7px}
.plan-banner-action{margin:8px 0 2px}
@media(max-width:620px){
  .plan-offer{min-height:var(--auris-dashboard-phone-target);justify-content:center}
  .plan-consent{min-height:var(--auris-dashboard-phone-target);align-items:center}
  .plan-banner-action{min-height:var(--auris-dashboard-phone-target)}
  .account-dialog .button{min-height:var(--auris-dashboard-phone-target)}
  #signInForm input,.account-delete{min-height:var(--auris-dashboard-phone-target)}
  .review-header .plan-chip-btn{display:none}
  .mobile-header .plan-chip-btn{min-height:var(--auris-dashboard-phone-target);min-width:var(--auris-dashboard-phone-target);justify-content:center}
  .plan-banner .icon-btn{width:var(--auris-dashboard-phone-target);height:var(--auris-dashboard-phone-target);margin:-3px 0}
  .plan-banner p{padding-top:10px}
}
.account-check:not([hidden]){margin-top:12px}

.plan-offer,.plan-chip,.account-initials{transition:background-color var(--auris-dashboard-duration-ui) ease,border-color var(--auris-dashboard-duration-ui) ease,box-shadow var(--auris-dashboard-duration-ui) ease}

.review-inbox.triage-inbox{padding:0}
.inbox-head{padding:20px 20px 12px}
.inbox-title{display:flex;align-items:baseline;gap:10px;min-width:0}
.inbox-title h1{font-size:26px;font-weight:750;letter-spacing:-.03em;line-height:1.1}
.inbox-open{font-size:13px;color:var(--muted);white-space:nowrap}
.inbox-open b{color:var(--ink);font-weight:600}
.inbox-tools{display:flex;align-items:center;gap:4px;margin-left:auto;align-self:center}
.inbox-head .search{width:100%;margin-top:14px}
.triage .inbox-toolbar{padding:0;margin-top:10px}
.triage .inbox-toolbar .filter-tab{flex:1;justify-content:center}
.triage .inbox-summary{margin:10px 2px 0}
.triage .inbox-rows{border-top:0;padding:2px 10px 16px}
.triage .feedback-row{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:12px;border:0;border-radius:var(--auris-dashboard-control-radius)}
.triage .feedback-row+.feedback-row::before{content:"";position:absolute;top:0;left:68px;right:12px;border-top:1px solid var(--line)}
.triage .feedback-row:hover::before,.triage .feedback-row.active::before,.triage .feedback-row:hover+.feedback-row::before,.triage .feedback-row.active+.feedback-row::before{border-top-color:transparent}
.triage .feedback-row.active{background:var(--hover)}
.feedback-art{position:relative;width:44px;height:44px}
.feedback-art .cover{width:44px;border-radius:var(--auris-dashboard-control-radius)}
.feedback-art .avatar{position:absolute;right:-5px;bottom:-5px;width:22px;height:22px;margin:0;font-size:9px;box-shadow:0 0 0 2px var(--bg);outline:0}
.feedback-row:hover .feedback-art .avatar{box-shadow:0 0 0 2px var(--subtle)}
.feedback-row.active .feedback-art .avatar{box-shadow:0 0 0 2px var(--hover)}
.triage .feedback-top{align-items:baseline;gap:6px;margin:0;font-size:13px}
.triage .feedback-top strong{font-size:13px;font-weight:500;white-space:nowrap}
.triage .feedback-row.unread .feedback-top strong{font-weight:700}
.triage .feedback-top em{font-style:normal;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.triage .feedback-top time{font-size:11.5px}
.triage .feedback-project{display:flex;align-items:baseline;gap:6px;margin:2px 0 0;font-size:12.5px;color:var(--muted);white-space:nowrap;min-width:0}
.triage .feedback-project strong{color:var(--ink);font-weight:500;overflow:hidden;text-overflow:ellipsis;min-width:0}
.feedback-tag{flex:none;padding:0 6px;border-radius:var(--auris-dashboard-tag-radius);background:var(--subtle);color:var(--sig);font-size:11.5px;line-height:18px;font-variant-numeric:tabular-nums}
.feedback-row.active .feedback-tag{background:var(--bg)}
.triage .feedback-preview{margin-top:5px;font-size:13px;line-height:1.42}
.triage .feedback-row.unread .feedback-preview{color:var(--ink)}
.triage .feedback-bottom{margin-top:6px}
.triage .feedback-state{margin-left:0}
.triage .unread-dot{position:absolute;left:3px;top:28px;margin:0}
.player-wave .wave{color:var(--wave)}
.wave-fill{position:absolute;inset:0;display:flex;color:var(--wave-played);clip-path:inset(0 calc(100% - var(--played,0%)) 0 0);pointer-events:none}
.player-times{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.player-times .time-mark{color:var(--sig)}
.context-hero{flex:1;min-width:0}
.context-kick{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.context-kick b{color:var(--ink);font-weight:600}
.context-meta{overflow-wrap:anywhere}
.context-meta .mock-label{display:inline-block;max-width:100%;vertical-align:bottom}
.context-meta b{color:var(--ink);font-weight:550}
.player-controls{flex-wrap:wrap}
.triage .player-controls .icon-btn{margin:0}
.context-side h3{font-size:14px;font-weight:650;margin:0 0 6px}
.context-side h3+.context-people{margin-top:4px}
.context-side .context-ver+h3{margin-top:26px}
.context-ver{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;padding:10px 0;border-top:1px solid var(--line);font-size:12.5px}
.context-ver:first-of-type{border-top:0}
.context-ver b{font-weight:600;color:var(--muted)}
.context-ver.current b{color:var(--ink)}
.context-ver span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.context-ver small{grid-column:2;color:var(--muted);font-size:12px}
.context-people{display:grid;gap:10px}
.context-people div{display:flex;align-items:center;gap:10px;min-width:0;font-size:13px}
.context-people .avatar{width:28px;height:28px;margin:0;flex:none}
.context-people span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.triage .context-footer{margin:18px 0 0;max-width:none;color:var(--muted)}
@media(min-width:901px){
  .triage{grid-template-columns:372px minmax(0,1fr);max-width:none;height:100dvh;align-items:stretch}
  .triage .inbox-panel{display:flex;flex-direction:column;min-height:0;padding:0;border-right:1px solid var(--line)}
  .triage .inbox-rows{flex:1;min-height:0;overflow:auto}
  .triage .context-panel{overflow:auto;padding:0;max-width:none}
  .triage .context-top{align-items:flex-end;gap:30px;padding:44px 40px 30px;margin:0}
  .triage .context-top .cover{width:188px;border-radius:var(--auris-dashboard-composer-radius);box-shadow:var(--shadow)}
  .triage .context-kick{font-size:12.5px;color:var(--muted)}
  .triage .context-top h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 0;font-size:62px;line-height:.95;font-weight:800;letter-spacing:-.045em;overflow-wrap:anywhere;padding-bottom:.06em}
  .triage .context-meta{margin-top:10px;font-size:13.5px}
  .triage .player-controls{margin-top:18px;font-size:12px}
  .triage .player-controls .icon-btn{width:40px;height:40px}
  .triage .review-player{margin:0 40px;padding:22px 0 8px;background:transparent;border-radius:var(--auris-dashboard-square-radius)}
  .triage .player-wave{height:64px;margin:0}
  .context-cols{display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:36px;padding:26px 40px 48px}
}
@media(min-width:901px) and (max-width:1100px){
  .triage{grid-template-columns:320px minmax(0,1fr)}
  .triage .context-top{gap:24px;padding:32px 28px 26px}
  .triage .context-top .cover{width:120px}
  .triage .context-top h2{font-size:44px}
  .triage .review-player{margin-inline:28px}
  .context-cols{grid-template-columns:minmax(0,1fr);gap:28px;padding:24px 28px 40px}
}
@media(max-width:900px){
  .inbox-head{padding:16px 16px 10px}
  .triage .inbox-rows{padding:2px 6px 16px}
  .triage .back-to-inbox{margin:4px 16px 0}
  .triage .context-top{flex-direction:column;align-items:flex-start;gap:20px;padding:12px 20px 22px;margin:0}
  .triage .context-hero{align-self:stretch}
  .triage .context-top .cover{width:176px;border-radius:var(--auris-dashboard-composer-radius);box-shadow:var(--shadow)}
  .triage .context-top h2{margin:8px 0 0;font-size:42px;line-height:1;font-weight:800;letter-spacing:-.04em;overflow-wrap:anywhere;padding-bottom:.06em}
  .triage .context-top p{font-size:13px}
  .triage .player-controls{margin-top:16px;font-size:12px;justify-content:flex-start}
  .triage .context-meta{margin-top:12px}
  .triage .review-player{margin:0 20px;padding:4px 0 8px;background:transparent;border-radius:var(--auris-dashboard-square-radius)}
  .triage .player-wave{height:56px;margin:0}
  .context-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:22px 20px 32px}
}
@media(max-width:620px){
  .inbox-tools{display:none}
  .inbox-title h1{font-size:30px}
  .triage .inbox-toolbar .filter-tab{min-height:var(--auris-dashboard-phone-target)}
}

#accountDialog{width:min(420px,calc(100% - 24px));padding:30px 28px 22px;overflow:auto}
#accountDialog .dialog-head{margin-bottom:12px}
#accountDialog .dialog-head h2{padding-right:40px}
#accountDialog [data-account-close]{position:absolute;top:14px;right:14px}
.account-art:empty{display:none}
.account-fan{display:flex;justify-content:center;height:86px;margin-bottom:18px}
.account-fan .cover{width:74px;margin:6px -12px 0;border-radius:var(--auris-dashboard-composer-radius);box-shadow:0 0 0 3px var(--surface),var(--shadow)}
.account-fan .cover:nth-child(1){transform:rotate(-8deg)}
.account-fan .cover:nth-child(2){position:relative;margin-top:0;transform:rotate(0deg)}
.account-fan .cover:nth-child(3){transform:rotate(8deg)}
.account-env{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 18px;border-radius:var(--auris-dashboard-round-radius);background:var(--ink);color:var(--bg)}
.account-env svg{width:30px;height:30px}
#accountDialog:is([data-view=signIn],[data-view=sent]) .dialog-head{justify-content:center;text-align:center}
#accountDialog:is([data-view=signIn],[data-view=sent]) .dialog-head h2{padding-inline:0;font-size:28px;font-weight:650;letter-spacing:-.035em}
#accountDialog:is([data-view=signIn],[data-view=sent]) #accountBody>.account-copy:first-child{text-align:center}
#accountDialog[data-view=sent] .account-actions .button{flex:1}
.account-foot{margin:22px -28px -22px;padding:14px 28px;border-top:1px solid var(--line);background:var(--nav);color:var(--muted);font-size:12px;line-height:1.5;text-align:center}
#accountDialog[data-view=account]{width:min(340px,calc(100% - 24px));padding:22px 20px 16px;inset:auto;top:var(--anchor-top,64px);right:var(--anchor-right,16px);margin:0;max-height:calc(100dvh - var(--anchor-top,64px) - 12px)}
#accountDialog[data-view=account] .dialog-head{margin:0}
#accountDialog[data-view=account] .dialog-head h2{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%)}
#accountDialog[data-view=account] .account-id{flex-direction:column;align-items:flex-start;gap:12px;padding:0 32px 16px 0;margin-bottom:14px}
#accountDialog[data-view=account] .account-id .avatar{width:58px;height:58px;font-size:18px}
#accountDialog[data-view=account] .account-who strong{font-size:17px;font-weight:650;letter-spacing:-.015em;line-height:1.25}
#accountDialog[data-view=account] .plan{margin:0 -8px 14px;padding:14px;border:0;border-radius:var(--auris-dashboard-composer-radius);background:var(--subtle)}
#accountDialog[data-view=account] .account-actions{flex-direction:column;gap:6px}
#accountDialog[data-view=account] .account-actions .button{min-height:38px}
#accountDialog[data-view=account] .account-delete{margin-top:10px}
.plan-head h3{font-size:14px;font-weight:650}
.plan-offer{padding:12px 14px;gap:4px;background:var(--surface);transition:background-color var(--auris-dashboard-duration-ui) var(--auris-dashboard-ease-out),color var(--auris-dashboard-duration-ui) var(--auris-dashboard-ease-out),border-color var(--auris-dashboard-duration-ui) var(--auris-dashboard-ease-out)}
.plan-offer:has(input:checked){background:var(--ink);color:var(--bg);box-shadow:none}
.plan-offer:has(input:checked) .plan-offer-price{color:var(--bg)}
.plan-offer:active{transform:scale(var(--auris-dashboard-press-scale))}
.plan-offer-name{font-size:12px;font-weight:600}
.plan-offer-price{font-size:13px;color:var(--ink);font-weight:550}
.account-delete-band{display:grid;place-items:center;height:188px;margin:-30px -28px 22px;background:var(--ink)}
.account-delete-band .account-fan{margin:0;height:auto}
.account-delete-band .account-fan .cover{width:88px;box-shadow:var(--shadow)}
#accountDialog[data-view=deleteAccount]{width:min(480px,calc(100% - 24px))}
#accountDialog[data-view=deleteAccount] [data-account-close]{color:var(--bg)}
#accountDialog[data-view=deleteAccount] [data-account-close]:hover{background:color-mix(in srgb,var(--bg) 16%,transparent)}
#accountDialog[data-view=deleteAccount] .dialog-head h2{font-size:26px;font-weight:650;letter-spacing:-.025em;line-height:1.15}
.delete-counts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px}
.delete-counts div{display:flex;flex-direction:column;justify-content:space-between;gap:6px;min-height:72px;padding:12px 14px;border-radius:var(--auris-dashboard-control-radius);background:var(--subtle);min-width:0}
.delete-counts b{font-size:26px;line-height:1;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.delete-counts span{font-size:12px;color:var(--muted)}
.delete-warn{margin:0 0 14px;padding:11px 12px;border-radius:var(--auris-dashboard-control-radius);background:color-mix(in srgb,var(--error) 10%,var(--surface));color:var(--ink);font-size:13px;line-height:1.45}
.delete-warn b{color:var(--error);font-weight:600}
.delete-ack{display:flex;align-items:flex-start;gap:10px;margin:0 0 4px;font-size:13px;line-height:1.5;cursor:pointer}
.delete-ack input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--ink)}
#accountDialog[data-view=deleteAccount] .account-actions{justify-content:flex-end;margin-top:18px}
#accountDialog[data-view=deleteAccount] .account-actions .button{flex:0 1 auto}
@media(max-width:620px){
  #accountDialog{padding:28px 20px 18px}
  #accountDialog [data-account-close]{top:8px;right:8px}
  #accountDialog .dialog-head h2{padding-right:48px}
  #accountDialog:is([data-view=signIn],[data-view=sent]) .dialog-head h2{font-size:24px}
  .account-foot{margin:20px -20px -18px;padding:14px 20px}
  #accountDialog:is([data-view=account],[data-view=deleteAccount]){inset:auto 0 0 0;width:100%;max-width:100%;margin:0;max-height:92dvh;border-bottom:0;border-radius:var(--auris-dashboard-dialog-radius) var(--auris-dashboard-dialog-radius) var(--auris-dashboard-square-radius) var(--auris-dashboard-square-radius)}
  #accountDialog[data-view=account]{padding:22px 20px 18px}
  #accountDialog[data-view=account] .account-actions .button{min-height:var(--auris-dashboard-phone-target)}
  .account-delete-band{height:150px;margin:-28px -20px 20px}
  .account-delete-band .account-fan .cover{width:72px}
  #accountDialog[data-view=deleteAccount] .dialog-head h2{font-size:22px}
  #accountDialog[data-view=deleteAccount] .account-actions .button{flex:1}
  .delete-ack{min-height:var(--auris-dashboard-phone-target);align-items:center}
}