/* R718 FINAL VISUAL LOCK — platform notice + compact account drawer + dark unified cards */
:root{
  --r718-bg:#090a0c;
  --r718-panel:#101214;
  --r718-panel2:#151719;
  --r718-text:#f5f5f2;
  --r718-muted:#9da1a7;
  --r718-line:rgba(255,255,255,.10);
  --r718-line-soft:rgba(255,255,255,.055);
  --r718-gold:#b79d63;
  --r718-cyan:#40c4c9;
}

/* Remove the remaining bright/white frames from authenticated surfaces. */
body .r710-tool-shell,
body .r710-tool-frame{background:#0d0f12!important}
body .r710-tool-shell{border-color:var(--r718-line)!important}
body .r710-workstyle{
  background:linear-gradient(145deg,#111315,#0d0f11)!important;
  border-color:var(--r718-line)!important;
  color:var(--r718-text)!important;
  box-shadow:0 18px 52px rgba(0,0,0,.18)!important
}
body .r710-workstyle-head{border-bottom-color:var(--r718-line-soft)!important}
body .r710-workstyle-head h2,
body .r710-workstyle-body h3,
body .r710-work-q p{color:var(--r718-text)!important}
body .r710-workstyle-head p,
body .r710-work-home p,
body .r710-work-result p,
body .r710-work-notice{color:#a8abb0!important}
body .r710-workstyle-head>small,
body .r710-work-lock,
body .r710-work-q{
  background:#0c0e10!important;
  color:#aeb1b5!important;
  border-color:var(--r718-line)!important
}
body .r710-work-scale span{
  background:#101214!important;
  color:#aeb1b5!important;
  border-color:var(--r718-line)!important
}
body .r710-work-scale input:checked+span{
  background:#ecece8!important;
  color:#111315!important;
  border-color:#ecece8!important
}
body .r710-work-score i{background:#25282b!important}
body .r710-work-actions button[type=button]{background:#1a1d20!important;color:#d3d4d6!important}
body .r710-work-actions button[type=submit]{background:#ecece8!important;color:#111315!important}

/* Left account area: compact drawer instead of a visual column. */
body .ia521-account-drawer{
  width:min(304px,calc(100vw - 24px))!important;
  max-width:304px!important;
  background:#0d0f12!important;
  color:var(--r718-text)!important;
  border-color:var(--r718-line)!important;
  box-shadow:0 24px 78px rgba(0,0,0,.38)!important
}
body .ia521-account-drawer header,
body .ia521-account-drawer nav,
body .ia521-account-drawer form{background:transparent!important}
body .ia521-account-drawer a,
body .ia521-account-drawer button{color:#e7e8e6!important}
body .ia521-account-drawer small{color:#8f949b!important}
body .ia521-account-drawer nav a{
  border-color:transparent!important;
  border-radius:11px!important
}
body .ia521-account-drawer nav a:hover,
body .ia521-account-drawer nav a:focus-visible{
  background:rgba(255,255,255,.05)!important;
  border-color:rgba(183,157,99,.20)!important
}

/* Dashboard core tools become cleaner; auxiliary tools get their own layer. */
body.r300-page-dashboard-php .r710-capability-dock{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  background:#0d0f12!important;
  border-color:var(--r718-line)!important
}
.r718-aux{
  display:grid;
  grid-template-columns:170px 1fr;
  gap:12px;
  align-items:stretch;
  padding:10px 11px;
  border:1px solid var(--r718-line);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(255,255,255,.032),rgba(255,255,255,.012));
  overflow:hidden;
  position:relative
}
.r718-aux:after{
  content:"";
  position:absolute;
  width:130px;height:130px;border-radius:50%;
  left:-72px;bottom:-82px;
  border:1px solid rgba(64,196,201,.09);
  box-shadow:0 0 0 26px rgba(183,157,99,.015)
}
.r718-aux-head{padding:8px 8px 7px;position:relative;z-index:1}
.r718-aux-head span{display:block;color:var(--r718-gold);font-size:.62rem;font-weight:800;margin-bottom:4px}
.r718-aux-head strong{display:block;color:#ededeb;font-size:.84rem;margin-bottom:4px}
.r718-aux-head small{display:block;color:#767c83;font-size:.61rem;line-height:1.65}
.r718-aux-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;position:relative;z-index:1}
.r718-aux-tool{
  min-width:0;
  border:1px solid rgba(255,255,255,.075);
  border-radius:14px;
  background:#0c0e10;
  color:#e8e9e7;
  padding:9px 10px;
  display:flex;
  align-items:center;
  gap:9px;
  text-align:right;
  font:inherit;
  cursor:pointer;
  transition:.18s ease;
  position:relative
}
.r718-aux-tool:hover,.r718-aux-tool:focus-visible{
  outline:none;
  transform:translateY(-1px);
  border-color:rgba(183,157,99,.35);
  background:#111315
}
.r718-aux-tool svg{width:19px;height:19px;color:#c8cace;flex:0 0 auto}
.r718-aux-tool>span:not(.r718-badge){display:grid;min-width:0}
.r718-aux-tool b{font-size:.71rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r718-aux-tool small{font-size:.57rem;color:#777d84;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r718-badge{
  position:absolute;
  top:6px;left:7px;
  padding:3px 6px;border-radius:999px;
  border:1px solid rgba(64,196,201,.20);
  color:#b9eff1;font-size:.48rem;
  background:rgba(64,196,201,.045)
}
.r718-mobile-voice-note{display:none}

/* Session notification — one appearance per signed-in browser session. */
.r718-toast{
  position:fixed;
  z-index:2147483200;
  left:18px;
  bottom:18px;
  width:min(370px,calc(100vw - 28px));
  padding:15px;
  border:1px solid rgba(183,157,99,.28);
  border-radius:17px;
  background:linear-gradient(145deg,#121416,#0d0f11);
  color:var(--r718-text);
  box-shadow:0 26px 86px rgba(0,0,0,.42);
  direction:rtl;
  transform:translateY(18px);
  opacity:0;
  transition:.28s ease
}
.r718-toast.show{transform:translateY(0);opacity:1}
.r718-toast-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.r718-toast-kicker{display:flex;align-items:center;gap:7px;color:#ecece8;font-size:.72rem;font-weight:800}
.r718-toast-dot{width:7px;height:7px;border-radius:50%;background:var(--r718-gold);box-shadow:0 0 14px rgba(183,157,99,.55)}
.r718-toast-close{border:0;background:transparent;color:#7e8389;font-size:18px;cursor:pointer;padding:0 3px}
.r718-toast p{margin:8px 0 11px;color:#9da1a7;font-size:.65rem;line-height:1.9}
.r718-toast-actions{display:flex;gap:7px}
.r718-toast-actions a,.r718-toast-actions button{
  min-height:35px;border-radius:10px;padding:0 11px;font:inherit;font-size:.61rem;font-weight:800;cursor:pointer;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center
}
.r718-toast-actions a{background:#efefeb;color:#111315;border:1px solid #efefeb}
.r718-toast-actions button{background:transparent;color:#c8cbce;border:1px solid var(--r718-line)}

/* Mobile: keep the auxiliary area useful, but Voice AI clearly desktop-only. */
@media(max-width:900px){
  body.r300-page-dashboard-php .r710-capability-dock{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(78px,1fr))!important;
    overflow-x:auto!important
  }
  .r718-aux{grid-template-columns:1fr;padding:10px;border-radius:0;border-width:1px 0}
  .r718-aux-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 4px}
  .r718-aux-head small{display:none}
  .r718-aux-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .r718-aux-tool{display:grid;place-items:center;text-align:center;padding:10px 5px;gap:5px;min-height:68px}
  .r718-aux-tool>span:not(.r718-badge){display:block}
  .r718-aux-tool small{display:none}
  .r718-aux-tool[data-r718-desktop-only="1"]{opacity:.58}
  .r718-badge{top:4px;left:4px;font-size:.43rem}
  .r718-mobile-voice-note{
    display:flex;
    align-items:flex-start;
    gap:8px;
    padding:10px 11px;
    margin:0;
    border-top:1px solid var(--r718-line-soft);
    color:#a8abb0;
    font-size:.59rem;
    line-height:1.8
  }
  .r718-mobile-voice-note:before{
    content:"";
    width:6px;height:6px;border-radius:50%;
    background:var(--r718-cyan);
    box-shadow:0 0 10px rgba(64,196,201,.55);
    margin-top:6px;flex:0 0 auto
  }
  .r718-toast{left:10px;bottom:10px;width:calc(100vw - 20px)}
}
@media(max-width:560px){
  body.r300-page-dashboard-php .r710-capability-dock{grid-template-columns:repeat(4,88px)!important}
  .r718-aux-grid{grid-template-columns:repeat(3,minmax(78px,1fr));overflow-x:auto}
}
@media(prefers-reduced-motion:reduce){
  .r718-toast,.r718-aux-tool{transition:none!important}
}