/* Dashboard: converted from the AgentedSEO design export. */
@keyframes aseo-knob{0%,100%{transform:none}45%{transform:scaleX(1.35)}}
@keyframes aseo-knob-x{0%,100%{transform:translateX(16px)}45%{transform:translateX(16px) scaleX(1.35)}}
.aseo-man-head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:32px 48px;align-items:end;margin-bottom:48px}
.aseo-man-head .aseo-h2{margin-top:0}
.aseo-man{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px}
.aseo-man-nav{display:flex;flex-direction:column;gap:4px}
.aseo-mtab{display:grid;grid-template-columns:32px minmax(0,1fr) 16px;align-items:start;gap:8px;width:100%;text-align:left;padding:16px;border-radius:12px;background:transparent;border:1px solid transparent;color:var(--ink);font-family:inherit;cursor:pointer;transition:background-color var(--tm) var(--ease),border-color var(--tm) var(--ease),box-shadow var(--tm) var(--ease)}
.aseo-mtab .aseo-fn{display:flex;align-items:center;justify-content:center;width:32px;height:24px;border-radius:6px;background:var(--surface);color:var(--muted);transition:background-color 300ms var(--ease),color 300ms var(--ease)}
.aseo-mtab-t{display:flex;flex-direction:column;gap:4px;transition:transform 400ms var(--ease)}
.aseo-mtab .aseo-h4{transition:color 300ms var(--ease)}
.aseo-mtab:not(.aseo-on) .aseo-h4{color:var(--muted)}
.aseo-mtab.aseo-on{background:var(--surface);border-color:var(--line-strong)}
.aseo-mtab.aseo-on .aseo-fn{background:var(--action);color:var(--on-action)}
.aseo-mtab-go{align-self:center;display:flex;color:var(--muted);opacity:0;transform:translateX(-6px);transition:opacity 300ms var(--ease),transform 400ms var(--ease)}
.aseo-mtab.aseo-on .aseo-mtab-go{opacity:1;transform:none;color:var(--ink)}
@media (hover:hover) and (pointer:fine){.aseo-mtab:not(.aseo-on):hover{background:var(--surface)}.aseo-mtab:not(.aseo-on):hover .aseo-h4{color:var(--ink)}.aseo-mtab:not(.aseo-on):hover .aseo-mtab-t{transform:translateX(4px)}.aseo-mtab:not(.aseo-on):hover .aseo-mtab-go{opacity:1;transform:none}}
.aseo-man-screen{display:flex;flex-direction:column;min-height:456px;border-radius:12px;background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:border-color 300ms var(--ease),box-shadow 400ms var(--ease)}
.aseo-man-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line)}
.aseo-man-crumb{display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:600}
.aseo-man-crumb img{width:20px;height:20px;display:block}
.aseo-man-body{flex:1;display:flex;flex-direction:column;gap:12px;padding:24px;animation:aseo-fadein 300ms var(--ease)}
.aseo-wz-steps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.aseo-wz-step{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:9999px;background:var(--sunken);color:var(--muted);font-size:12px;line-height:16px;font-weight:600}
.aseo-wz-step .aseo-ico{width:12px;height:12px}
.aseo-wz-step.aseo-done{background:var(--good-soft);color:var(--good)}
.aseo-wz-step.aseo-cur{background:var(--action);color:var(--on-action)}
.aseo-ws{--sd:820ms}.aseo-ws3{--sd:900ms}.aseo-st3{--sd:900ms}
.aseo-tg-list{display:flex;flex-direction:column;gap:4px}
.aseo-tg-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:8px;background:var(--sunken);font-size:14px;line-height:20px}
.aseo-tg-row:nth-child(2){--d:90ms}.aseo-tg-row:nth-child(3){--d:180ms}.aseo-tg-row:nth-child(4){--d:270ms}.aseo-tg-row:nth-child(5){--d:360ms}
.aseo-tg{position:relative;flex:none;width:36px;height:20px;border-radius:9999px;background:var(--line-strong)}
.aseo-tg::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:9999px;background:#FFFFFF;transition:left 300ms var(--ease)}
.aseo-tg.aseo-on{background:var(--action)}
.aseo-tg.aseo-on::after{left:18px;background:var(--on-action)}
.aseo-man-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:8px}
.aseo-man-foot .aseo-btn{pointer-events:none}
.aseo-ck-sum{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;padding:16px;margin-bottom:4px;border-radius:12px;border:1px solid var(--line)}
.aseo-ck-sum > div:first-child{display:flex;flex-direction:column}
.aseo-ck-n{font-size:30px;line-height:36px;font-weight:600;letter-spacing:-.02em}
.aseo-ck-n small{font-size:16px;color:var(--muted);font-weight:500}
.aseo-ck-track{height:8px;border-radius:9999px;background:var(--sunken);overflow:hidden}
.aseo-ck-track i{display:block;height:100%;border-radius:9999px;background:var(--good);transform-origin:left;transition:transform 700ms var(--ease)}
.aseo-ck-sw{--sd:1050ms}.aseo-ck-b{--sd:1100ms;justify-items:end}
.aseo-fx{justify-items:end}
.aseo-man-body .aseo-mrow .aseo-btn{pointer-events:none}
.aseo-man-body .aseo-mrow:nth-child(2){--d:100ms}.aseo-man-body .aseo-mrow:nth-child(3){--d:400ms}.aseo-man-body .aseo-mrow:nth-child(4){--d:700ms}
.aseo-man-post{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.aseo-man-editor{display:flex;flex-direction:column;gap:12px}
.aseo-man-h2{margin-top:8px;font-size:16px;line-height:24px;font-weight:600}
.aseo-man-img{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;height:96px;border-radius:12px;background:var(--sunken);color:var(--muted);transition:box-shadow 300ms var(--ease)}
.aseo-alt-sw{--sd:620ms}
.aseo-man-side{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:12px;background:var(--sunken)}
.aseo-man-chips{display:flex;flex-wrap:wrap;gap:4px}
@media (hover:hover) and (pointer:fine){
  .aseo-man-screen:hover{border-color:var(--line-strong)}
  .aseo-man-screen:hover .aseo-tg.aseo-on::after{transform-origin:right;animation:aseo-knob 420ms var(--ease) var(--d,0ms) both}
  .aseo-man-screen:hover .aseo-man-foot .aseo-btn-primary{animation:aseo-press 360ms var(--ease) 560ms both}
  .aseo-man-screen:hover .aseo-fx .aseo-sw-a{animation:aseo-press 320ms var(--ease) var(--d,0ms) both}
  .aseo-man-screen:hover .aseo-fx{--sd:calc(var(--d,0ms) + 260ms)}}
.aseo-man-screen.aseo-played .aseo-tg.aseo-on::after{transform-origin:right;animation:aseo-knob 420ms var(--ease) var(--d,0ms) both}
.aseo-man-screen.aseo-played .aseo-man-foot .aseo-btn-primary{animation:aseo-press 360ms var(--ease) 560ms both}
.aseo-man-screen.aseo-played .aseo-fx .aseo-sw-a{animation:aseo-press 320ms var(--ease) var(--d,0ms) both}
.aseo-man-screen.aseo-played .aseo-fx{--sd:calc(var(--d,0ms) + 260ms)}
.aseo-man-screen.aseo-played .aseo-man-body .aseo-mrow.aseo-fixable{background:var(--good-soft);transition-delay:calc(var(--d,0ms) + 260ms)}
.aseo-man-screen.aseo-played .aseo-ck-track i{transform:scaleX(1.1);transition-delay:900ms}
.aseo-man-screen.aseo-played .aseo-man-img{box-shadow:inset 0 0 0 1px var(--ink);transition-delay:200ms}
.aseo-man-screen.aseo-played .aseo-alt-tag{opacity:1;transform:none;transition-delay:320ms}
@media (max-width:900px){
  .aseo-man,.aseo-man-head,.aseo-man-post{grid-template-columns:minmax(0,1fr)}
  .aseo-man-head{gap:16px}
  .aseo-man-screen{min-height:0}}
@media (max-width:640px){
  .aseo-man-top .aseo-url{display:none}
  .aseo-man-editor .aseo-man-h2,.aseo-man-editor .aseo-man-h2 ~ *{display:none}
  .aseo-man-body{padding:16px}
  .aseo-ck-sum{grid-template-columns:auto minmax(0,1fr);gap:16px}
  .aseo-ck-sum .aseo-ck-b{display:none}}
.aseo .aseo-ck-n{font-family:var(--display)}
.aseo .aseo-mtab.aseo-on .aseo-fn,.aseo .aseo-wz-step.aseo-cur{background:var(--lime);color:var(--on-lime)}
.aseo-ck-n{font-variant-numeric:tabular-nums}
.aseo .aseo-tg::after{left:2px;transition:transform 300ms var(--ease)}
.aseo .aseo-tg.aseo-on::after{left:2px;transform:translateX(16px)}
.aseo .aseo-man-screen.aseo-played .aseo-tg.aseo-on::after{animation-name:aseo-knob-x}
@media (hover:hover) and (pointer:fine){
  .aseo .aseo-man-screen:hover .aseo-tg.aseo-on::after{animation-name:aseo-knob-x}}
.aseo .aseo-mtab{transition-duration:150ms;transition-timing-function:ease}
.aseo .aseo-man-body{animation:aseo-fadein 200ms var(--ease-out)}
