/* Rara Pixel Office v0.9 — right detail panel rebuilt to match the approved mockup */
.v9-home-detail{
  display:block;
  position:absolute;
  left:69.0%;
  top:18.15%;
  width:29.5%;
  height:78.8%;
  z-index:7;
  box-sizing:border-box;
  padding:10px 11px 12px;
  border:0;
  border-radius:0 0 18px 18px;
  background:rgba(255,244,249,.985);
  color:#52263b;
  overflow:hidden;
  pointer-events:auto;
}
.v9-detail-shell{height:100%;display:flex;flex-direction:column;gap:9px;min-height:0}

/* hero = large character + title + speech bubble, like the original mockup */
.v9-hero-card{display:grid;grid-template-columns:42% 58%;min-height:184px;border:1px solid #efbfd4;border-radius:16px;background:linear-gradient(180deg,#ffeaf3,#fff2f7);overflow:hidden}
.v9-hero-art{position:relative;min-width:0;background:linear-gradient(180deg,#ffe5f0,#fff0f6)}
.v9-hero-art .v8-detail-avatar{position:absolute;left:8px;right:4px;bottom:0;width:auto!important;height:96%!important;border:0!important;border-radius:0!important;background-color:transparent!important;box-shadow:none!important;background-repeat:no-repeat!important}
.v9-hero-copy{padding:18px 13px 12px 4px;min-width:0}
.v9-hero-copy h3{margin:0 0 5px;color:#862c56;font-size:27px;line-height:1.05;font-weight:950;letter-spacing:-.035em}
.v9-hero-copy h3 span{color:#df5e97;font-weight:700}
.v9-hero-copy p{margin:0;color:#a04c72;font-size:13px;font-weight:900;line-height:1.35}
.v9-quote-bubble{position:relative;margin-top:13px;border-radius:15px;background:rgba(255,255,255,.82);padding:13px 11px;color:#a52f62;font-size:14px;font-weight:900;line-height:1.45;text-align:center}
.v9-quote-bubble:before{content:"";position:absolute;left:-8px;bottom:14px;border-width:7px 9px 7px 0;border-style:solid;border-color:transparent rgba(255,255,255,.82) transparent transparent}

/* status row */
.v9-status-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid #efbfd4;border-radius:14px;background:#fff8fb;overflow:hidden;min-height:88px}
.v9-status-block,.v9-focus-block{padding:12px 14px}
.v9-status-block{border-right:1px solid #efbfd4}
.v9-status-block span,.v9-focus-block span{display:block;color:#5f3347;font-size:13px;font-weight:950;margin-bottom:6px}
.v9-status-block b{display:flex;align-items:center;gap:7px;font-size:19px;color:#442238;line-height:1.2}
.v9-status-dot{width:13px;height:13px;border-radius:50%;background:#56c986;box-shadow:inset 0 0 0 1px rgba(53,139,87,.28);flex:0 0 auto}
.v9-focus-block>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}
.v9-focus-block b{font-size:21px;color:#5d2845}
.v9-focus-track{height:13px;background:#f8dbe8;border:1px solid #d982ab;border-radius:999px;overflow:hidden}
.v9-focus-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f278ae,#e44a91)}

/* AI settings */
.v9-ai-card{border:1px solid #efbfd4;background:#fff8fb;border-radius:14px;padding:11px 13px}
.v9-card-title{display:flex;justify-content:space-between;align-items:center;color:#4f2d3d;font-size:17px;font-weight:950;margin-bottom:8px}
.v9-ai-chips{display:flex;gap:7px;flex-wrap:wrap}
.v9-ai-chips span{border:1px solid #caa8ee;background:#eadffc;color:#653c87;border-radius:999px;text-align:center;padding:7px 16px;font-size:13px;font-weight:950;white-space:nowrap}

/* current task */
.v9-task-card{border:1px solid #efbfd4;background:#fff8fb;border-radius:14px;padding:11px 13px}
.v9-section-title{margin:0 0 8px;color:#4f2d3d;font-size:17px;font-weight:950}
.v9-task-main{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;border:1px solid #f1c9da;background:#fff;border-radius:11px;padding:9px 10px}
.v9-task-icon{width:46px;height:46px;border-radius:8px;border:1px solid #efbfd4;background:linear-gradient(180deg,#ffeaf3,#fff);display:grid;place-items:center;font-size:23px}
.v9-task-copy{min-width:0}
.v9-task-copy b{display:block;color:#47283a;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v9-task-copy small{display:block;margin-top:3px;color:#a17086;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v9-task-progress{margin-top:7px;height:9px;border:1px solid #d982ab;background:#f9dfe9;border-radius:999px;overflow:hidden}
.v9-task-progress i{display:block;height:100%;background:linear-gradient(90deg,#f278ae,#e44a91);border-radius:999px}
.v9-task-percent{color:#a23466;font-size:14px;font-weight:950;white-space:nowrap}
.v9-empty{font-size:12px;color:#9d7386;padding:10px;background:#fff;border:1px solid #f0cadb;border-radius:10px}

/* command buttons */
.v9-command-card{border:1px solid #efbfd4;background:#fff8fb;border-radius:14px;padding:11px 13px;min-height:0;flex:1;display:flex;flex-direction:column}
.v9-command-sub{color:#ca568c;font-size:13px;font-weight:900;margin-left:5px}
.v9-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1;align-content:stretch}
.v9-quick button{min-height:48px;border:1px solid #df92b6;background:#fffafd;color:#6f2d50;border-radius:11px;padding:8px 10px;font-size:14px;font-weight:950;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.v9-quick button:hover{background:#ffe9f2}
.v9-quick button.is-accent{background:linear-gradient(180deg,#f78bb7,#ec619d);color:#fff;border-color:#dd4e8c;box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}

/* owner stats inside same approved layout */
.v9-owner-mini{display:flex;gap:8px;margin-top:6px}
.v9-owner-mini span{border:1px solid #efbfd4;background:#fff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;color:#87405f}

/* disable every retired transparent action lying under/over the new right panel */
.v4-action-hotspot[data-v4-action="plan"],
.v4-action-hotspot[data-v4-action="research"],
.v4-action-hotspot[data-v4-action="content"],
.v4-action-hotspot[data-v4-action="report"]{display:none!important}
.v3-new-task{display:none!important}

/* top tabs: actual positions in the current background artwork */
.v4-action-hotspot[data-v4-action="employee"]{left:70.2%!important;top:12.05%!important;width:10.5%!important;height:5.2%!important}
.v4-action-hotspot[data-v4-action="team"]{left:80.9%!important;top:12.05%!important;width:8.6%!important;height:5.2%!important}
.v4-action-hotspot[data-v4-action="projects"]{left:89.9%!important;top:12.05%!important;width:9.2%!important;height:5.2%!important}

@media(max-width:1200px){
  .v9-home-detail{padding:8px 9px 9px}
  .v9-detail-shell{gap:6px}
  .v9-hero-card{min-height:142px}
  .v9-hero-copy{padding:12px 9px 8px 2px}
  .v9-hero-copy h3{font-size:20px}.v9-hero-copy p{font-size:10px}.v9-quote-bubble{font-size:10px;padding:9px 8px;margin-top:8px}
  .v9-status-card{min-height:66px}.v9-status-block,.v9-focus-block{padding:8px 9px}.v9-status-block span,.v9-focus-block span{font-size:9px}.v9-status-block b{font-size:14px}.v9-focus-block b{font-size:15px}.v9-focus-track{height:9px}
  .v9-ai-card,.v9-task-card,.v9-command-card{padding:8px 9px}.v9-card-title,.v9-section-title{font-size:12px}.v9-ai-chips span{font-size:9px;padding:5px 9px}
  .v9-task-main{grid-template-columns:36px 1fr auto;gap:6px;padding:6px}.v9-task-icon{width:32px;height:32px;font-size:16px}.v9-task-copy b{font-size:10px}.v9-task-copy small{font-size:8px}.v9-task-percent{font-size:10px}
  .v9-quick{gap:5px}.v9-quick button{min-height:34px;font-size:10px;padding:5px}
}