/* FIP Studio theme overrides for Penpot */
:root {
  --color-accent-primary: #00aeef;
  --color-accent-primary-muted: rgba(0, 174, 239, 0.18);
  --color-accent-secondary: #ec008c;
  /* Collapse Penpot's right properties / widget column for guest editing */
  --right-sidebar-width: 0px;
  --right-sidebar-width-max: 0px;
}

html {
  --color-accent-primary: #00aeef;
  --color-accent-primary-muted: rgba(0, 174, 239, 0.18);
  --right-sidebar-width: 0px;
  --right-sidebar-width-max: 0px;
}

/* Make login / auth surfaces feel like FIP Studio */
body {
  --fip-cyan: #00aeef;
  --fip-magenta: #ec008c;
  --fip-yellow: #fff200;
}

/* Subtle CMYK accent bar under the top chrome when present */
.main-dashboard,
.auth-section,
.auth,
#app {
  border-top: 3px solid transparent;
  border-image: linear-gradient(90deg, #fff200 0%, #00aeef 34%, #ec008c 66%, #111 100%) 1;
}

/* Prefer our wordmark wherever Penpot logo images are used */
img[src*="penpot-logo.svg"],
img[src*="penpot-logo-icon.svg"],
img[src*="logo-error-screen.svg"],
img[src*="logo-subscription.svg"] {
  object-fit: contain !important;
  background: #000 center / contain no-repeat;
  border-radius: 4px;
}

img[src*="penpot-logo.svg"] {
  min-width: 9rem;
  min-height: 2.25rem;
}

/*
 * Guest app/editor: hide Penpot's right widget / properties bar so the canvas
 * fills the iframe. Left layers toolbar stays available for basic editing.
 */
.main_ui_workspace_sidebar__right-settings-bar,
.main_ui_workspace_sidebar__right-settings-bar.main_ui_workspace_sidebar__expanded,
.main_ui_workspace_sidebar__right-settings-bar.main_ui_workspace_sidebar__not-expand {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}