/* Only the Feedback-branded CaseOne surface replaces Watson's circular badge. */
body[data-brand="feedback"] .watson-fab,
body[data-brand="feedback"] .watson-fab:hover,
body[data-brand="feedback"] .watson-fab-open {
    width: 96px;
    height: 96px;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    transform: none;
}
body[data-brand="feedback"] .watson-fab-img {
    position: static;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: none;
    filter: none;
    animation: none;
}
body[data-brand="feedback"] .watson-panel-avatar {
    object-fit: contain;
    background: none;
    border-radius: 0;
}
body[data-brand="feedback"] .feedback-cube-mounted > img { visibility: hidden; }
.feedback-cube-canvas {
    position: fixed;
    inset: 0;
    z-index: 1101;
    pointer-events: none;
}
.feedback-cube-handle {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1102;
    display: block;
    padding: 0;
    border: 0;
    border-radius: 20%;
    background: transparent;
    box-shadow: none;
    cursor: grab;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
}
.feedback-cube-handle[hidden] { display: none; }
.feedback-cube-handle:active { cursor: grabbing; }
body[data-surface="caseone"] .feedback-cube-handle:focus-visible {
    outline: 2px solid var(--of-accent);
    outline-offset: 2px;
}
/* The engine focuses its handle on pointerdown: keep that focus invisible
   during pointer manipulation, while retaining the keyboard focus indicator. */
body[data-surface="caseone"] .feedback-cube-handle[data-input="pointer"]:focus {
    outline: none;
    box-shadow: none;
}
/* The fixed header cube remains visible above the navigation drawer. */
body[data-brand="feedback"] .co-frame-panel-inner {
    padding-top: 112px;
}
.feedback-cube-help {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}
.feedback-cube-pedestal {
    position: fixed;
    z-index: 1100;
    height: auto;
    pointer-events: none;
}
.feedback-cube-tools {
    position: fixed;
    z-index: 1103;
    bottom: max(20px, env(safe-area-inset-bottom));
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    max-width: calc(100vw - 32px);
    padding: 12px 16px;
    border: 1px solid var(--of-border);
    border-radius: 20px;
    background: var(--of-feedback-sheet);
    color: var(--of-feedback-ink);
    box-shadow: var(--of-feedback-shadow);
    font-family: inherit;
}
.feedback-cube-tools[hidden], .feedback-cube-pedestal[hidden] { display: none; }
.feedback-cube-tools p { margin: 0 0 8px; font-size: .8rem; line-height: 1.4; }
.feedback-cube-tools-actions { display: flex; align-items: center; justify-content: center; gap: 8px; }
.feedback-cube-tools button {
    min-width: 44px;
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid var(--of-border);
    border-radius: 12px;
    background: var(--of-feedback-paper);
    color: var(--of-feedback-ink);
    font: inherit;
    cursor: pointer;
}
.feedback-cube-tools button:hover { background: var(--of-feedback-hover); }
.feedback-cube-tools button:disabled { opacity: .4; cursor: default; }
.feedback-cube-tools output { min-width: 58px; text-align: center; font-variant-numeric: tabular-nums; font-size: .85rem; }
@media (max-width: 640px) {
    body[data-brand="feedback"] .watson-fab { width: 80px; height: 80px; }
    body[data-brand="feedback"] .co-frame-panel-inner { padding-top: 96px; }
}
@media print {
    .feedback-cube-canvas, .feedback-cube-handle, .feedback-cube-tools, .feedback-cube-pedestal { display: none; }
    body[data-brand="feedback"] .feedback-cube-mounted > img { visibility: visible; }
}