/* Professional interaction layer. Business and print layouts are retained. */
@media screen {
  body.experience { --experience-focus: #2563eb; }
  body.experience header { box-shadow: 0 2px 12px #14264306!important; }
  body.experience .pro-hero { position:relative; background:linear-gradient(115deg,#eef4ff,#f8fafc 70%)!important; border:1px solid #dbe5f4!important; border-left:4px solid #3366d6!important; border-radius:14px!important; padding:26px!important; }
  body.experience .pro-eyebrow { color:#446393!important; font-weight:700; }
  body.experience .pro-hero h1 { letter-spacing:-.5px; line-height:1.5; }
  body.experience .simple-metric { border-radius:12px; box-shadow:0 3px 12px #132b5104; position:relative; overflow:hidden; }
  body.experience .simple-metric::before { content:''; position:absolute; top:0; left:22px; right:22px; height:3px; background:#6485ce; border-radius:0 0 4px 4px; }
  body.experience .simple-metric:nth-child(2)::before { background:#4d998b; }
  body.experience .simple-metric:nth-child(3)::before { background:#9482c5; }
  body.experience #mainArea .panel { border-radius:12px!important; box-shadow:0 3px 14px #20395904!important; }
  body.experience #tabNav button.active { box-shadow:inset 3px 0 #3264ce!important; background:#eaf1ff!important; }
  body.experience .simple-tabs { gap:8px; }
  body.experience .simple-tab { border-radius:8px 8px 0 0; }
  body.experience .workspace-launch-icon { background:#edf3ff; color:#3561a7; }
  body.experience .workspace-launch { border-radius:10px; }
  body.experience .pro-task { padding-block:15px; }
  body.experience .pro-task b { min-width:32px; padding:4px 9px; border-radius:7px; background:#edf2fa; text-align:center; color:#3d5b89; }
  body.experience .pro-task-icon { background:#f1f5fb; color:#5474a2; border:0; }
  body.experience .tablewrap { border-radius:10px; }
  body.experience #mainArea th { font-size:12px; letter-spacing:.15px; padding-block:13px; }
  body.experience #mainArea td { padding-block:14px; }
  body.experience .header-icon-btn { min-width:38px; min-height:38px; }
  #experienceSound svg { width:19px; height:19px; }
  body.experience #experienceSound[data-enabled=true] { color:#2563b9!important; background:#eff5ff!important; border-color:#cfddf5!important; }
  body.experience :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible { outline:3px solid #6b9aee!important; outline-offset:3px; }
  body.experience .ux-attention[data-level=urgent] { border-left:3px solid #bc6650!important; }
  body.experience .ux-attention[data-level=action] { border-left:3px solid #c59a40!important; }
  body.experience .ux-attention[data-level=info] { border-left:3px solid #5e85bb!important; }
  body.experience .ux-attention strong { color:#2f425d; }
  body.experience .cloud-card { box-shadow:0 24px 90px #14233b2b!important; border-radius:16px!important; }
  body.experience #cloudGate { background:#14223970; backdrop-filter:blur(3px); }
  body.experience #toastContainer { top:auto; bottom:24px; right:24px; max-width:min(390px,calc(100vw - 32px)); z-index:10050; pointer-events:none; }
  body.experience .toast { pointer-events:auto; background:#fff!important; color:#27364c!important; border:1px solid #dce4ee!important; border-left:4px solid #5683c7!important; border-radius:10px!important; box-shadow:0 8px 28px #19335a1f!important; padding:15px; align-items:center; }
  body.experience .toast.success { border-left-color:#399477!important; }
  body.experience .toast.error { border-left-color:#c45858!important; }
  body.experience .toast.warning { border-left-color:#b28a36!important; }
  body.experience .toast-msg { line-height:1.65; font-size:14px; }
  body.experience .toast-close { color:#607086!important; min-width:30px; min-height:30px; }
  .experience-settings { display:flex; flex-direction:column; gap:15px; padding-block:10px; }
  .experience-settings h3 { margin:8px 0 0; font-size:16px; }
  .experience-option { display:flex!important; align-items:center; gap:12px; cursor:pointer; line-height:1.7; }
  .experience-option input { width:19px; height:19px; flex:0 0 19px; accent-color:#285fcd!important; }
  .experience-volume { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:6px; }
  .experience-volume output { background:#edf3ff; color:#315da8; font-size:13px; border-radius:6px; padding:2px 9px; }
  #experienceVolume { width:100%; accent-color:#285fcd; cursor:pointer; padding:0; min-height:24px; }
  .experience-previews { display:flex; gap:8px; flex-wrap:wrap; }
  .experience-previews button { flex:1; min-height:40px; border-radius:7px; }
  .experience-previews button:disabled { opacity:.45; cursor:not-allowed; }
  .experience-caption,.experience-audio-status { font-size:12px!important; line-height:1.8; margin:0; }
  .experience-audio-status { padding:10px 12px; background:#f4f7fc; border-radius:8px; }
  .experience-motion-label { font-size:13px; margin-bottom:-8px; }
  .experience-center-settings { margin-bottom:14px; }
  #uxDisplay>.btn { margin-top:14px; }
  body.experience[data-experience-motion=full] :is(.btn,.header-icon-btn,.workspace-launch,.simple-metric,.pro-task,#tabNav button,.simple-tab,.ux-attention) { transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,translate .16s ease!important; }
  @media(hover:hover) {
    body.experience[data-experience-motion=full] :is(.workspace-launch,.simple-metric):hover { translate:0 -3px; box-shadow:0 8px 22px #29496e12; border-color:#bdcee9; }
    body.experience .pro-task:hover { background:#f6f9fe; }
    body.experience .header-icon-btn:hover { background:#f0f5fd!important; }
  }
  body.experience[data-experience-motion=full] :is(.btn,.header-icon-btn,.workspace-launch):active { translate:0 1px; }
  body.experience[data-experience-motion=full] .simple-track i { animation:experience-bar .45s ease both; transform-origin:left; }
  body.experience[data-experience-motion=full] .toast { animation:experience-toast .22s ease both; }
  body.experience[data-experience-motion=full] .toast.toast-out { animation:experience-toast-out .2s ease both; }
  @keyframes experience-bar { from { transform:scaleX(0); } to { transform:scaleX(1); } }
  @keyframes experience-toast { from { opacity:0; translate:0 12px; } to { opacity:1; translate:0 0; } }
  @keyframes experience-toast-out { to { opacity:0; translate:10px 0; } }
  body.experience[data-experience-motion=reduced] *,body.experience[data-experience-motion=reduced] *::before,body.experience[data-experience-motion=reduced] *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  @media(max-width:900px) { body.experience .pro-hero { padding:21px!important; } body.experience #toastContainer { bottom:88px; right:16px; } }
  @media(max-width:600px) { body.experience .pro-hero { padding:18px!important; } body.experience .simple-metric::before { left:17px; right:17px; height:2px; } body.experience .header-controls { gap:6px; } .experience-previews button { font-size:12px; } }
  @media(prefers-reduced-motion:reduce) { body.experience *,body.experience *::before,body.experience *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
}
@media print { #experienceSound,.experience-settings { display:none!important; } }