/* Account UI is isolated from both classic and clear business layouts. */
.yan-workspace-bar{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px 22px;margin:0 0 22px;border:1px solid #dce4f2;border-radius:14px;background:#fff;color:#253047;box-shadow:0 3px 16px #24365808;}
.yan-workspace-heading{min-width:0;flex:1}.yan-workspace-heading strong{font-size:16px;overflow-wrap:anywhere}.yan-workspace-heading p{margin:6px 0 0;font-size:12px;line-height:1.7;color:#66768f}
.yan-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.yan-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;background:#fff;color:#435879;border:1px solid #cbd6e8;border-radius:8px;font:inherit;font-size:13px;cursor:pointer;text-decoration:none}.yan-button:hover{background:#f1f5ff}.yan-button:disabled{opacity:.5;cursor:not-allowed}.yan-primary{background:#315edb;color:#fff;border-color:#315edb}.yan-primary:hover{background:#254ab1}.yan-danger{color:#a52d38;border-color:#e6c7cb}
.yan-workspace-dialog,.yan-confirm-dialog{width:min(980px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:1px solid #d3ddec;border-radius:16px;padding:24px;background:#fff;color:#253047;font-family:inherit;box-shadow:0 20px 80px #18274033;overflow:auto;z-index:20000}.yan-confirm-dialog{width:min(520px,calc(100vw - 32px));z-index:20001}.yan-workspace-dialog::backdrop,.yan-confirm-dialog::backdrop{background:#19253f88}.yan-workspace-dialog[open],.yan-confirm-dialog[open]{display:block}.yan-workspace-dialog>header{display:flex;justify-content:space-between;gap:16px;align-items:center}.yan-workspace-dialog h2,.yan-confirm-dialog h2{font-size:22px;margin:0 0 14px}.yan-workspace-dialog h3{font-size:17px;margin:8px 0 12px}.yan-workspace-dialog nav{display:flex;gap:8px;padding:12px 0 18px;border-bottom:1px solid #e1e7f1;margin-bottom:18px}.yan-workspace-dialog nav [aria-current="true"]{background:#eef3ff;color:#2854cc;border-color:#b3c6f4}
.yan-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#4b5c77;margin-bottom:14px;min-width:0}.yan-field input,.yan-field textarea,.yan-search select{font:inherit;min-height:42px;border:1px solid #cad5e6;border-radius:8px;padding:10px;color:#253047;background:#fff;width:100%;box-sizing:border-box}.yan-field textarea{min-height:90px;resize:vertical}.yan-auth-form{max-width:480px;display:grid;gap:8px}.yan-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;margin:8px 0 18px}.yan-muted{font-size:13px;color:#6a7890;line-height:1.8}.yan-inline-error,.yan-error{color:#9b3441!important;background:#fff1f1;padding:10px;border-radius:8px}.yan-inline-error:empty{display:none}#yanWorkspaceFeedback{padding:12px;border-radius:8px;background:#eff5ff;line-height:1.7;font-size:13px}#yanWorkspaceFeedback[hidden]{display:none}
.yan-search{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:18px}.yan-search .yan-field{flex:1 1 220px;margin:0}.yan-search select{width:auto;max-width:100%}.yan-project-list{display:grid;gap:14px}.yan-project-card{border:1px solid #dce4f0;border-radius:12px;padding:18px;min-width:0}.yan-project-card h3,.yan-project-card p{overflow-wrap:anywhere}.yan-project-card small{display:block;color:#7c899f;margin:12px 0}.yan-badge{display:inline-block;font-size:11px;margin-left:8px;padding:3px 7px;border-radius:10px;background:#edf5f0;color:#248050}.yan-project-card details{border-top:1px solid #e5eaf2;margin-top:14px;padding-top:10px}.yan-project-card summary{cursor:pointer;font-size:13px;color:#526582;padding:6px 0}.yan-resource-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #eef1f6;font-size:12px;overflow-wrap:anywhere}.yan-resource-row>span{flex:1;min-width:0}.yan-empty{padding:22px;text-align:center;background:#f6f8fc;border-radius:10px;color:#748197}.yan-balance{font-size:24px;font-weight:700;color:#315edb}.yan-redeem{display:flex;align-items:end;gap:12px;padding:20px 0;border-bottom:1px solid #e6ebf3;margin-bottom:20px}.yan-redeem .yan-field{margin:0;flex:1}.yan-records p{padding:10px;background:#f7f9fc;border-radius:8px;font-size:12px;overflow-wrap:anywhere}.yan-purchase-note{background:#edf5ff;color:#335786;border:1px solid #c4d9f5;border-radius:8px;padding:12px;font-size:13px;line-height:1.8}
@media(max-width:720px){.yan-workspace-bar{padding:16px;display:block}.yan-workspace-bar .yan-actions{margin-top:14px}.yan-workspace-bar .yan-button{flex:1 1 auto;min-height:44px}.yan-workspace-dialog,.yan-confirm-dialog{padding:16px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.yan-workspace-dialog nav{flex-wrap:wrap}.yan-button{min-height:44px}.yan-search{display:grid;grid-template-columns:minmax(0,1fr)}.yan-search select{width:100%}.yan-redeem,.yan-resource-row{display:flex;flex-direction:column;align-items:stretch}.yan-project-card{padding:14px}.yan-actions{gap:6px}.yan-actions .yan-button{flex:1 1 auto}.yan-resource-row span{width:100%}}