/* =========================================================
   OctoRank final global no-blue / square UI override
   Applies to current and future dashboard/marketplace/base pages.
   Does not modify landing page template files.
   ========================================================= */
:root {
  --octo-square-ink: #111827;
  --octo-square-muted: #64748b;
  --octo-square-line: #e5e7eb;
  --octo-square-soft: #fff7ed;
  --octo-square-white: #ffffff;
  --octo-square-orange: #f97316;
  --octo-square-orange-dark: #ea580c;
}

/* Absolute rule: square edges everywhere outside generated landing-page templates. */
html body :is(.card,[class*="card"],[class*="Card"],.panel,[class*="panel"],[class*="Panel"],.tile,[class*="tile"],.box,[class*="box"],.section,[class*="section"],.modal,.dropdown,.dropdown-panel,details,summary,input,select,textarea,button,.btn,[class*="btn"],[class*="Btn"],a[class*="button"],a[class*="Button"],.badge,[class*="badge"],[class*="Badge"]) {
  border-radius: 0 !important;
}

/* Dashboard/product management cards: compact, white, square. */
html body :is(
  .unified-card,.unified-panel,.unified-stat-card,.unified-account-card,.unified-dashboard-top,.unified-product-card,.unified-page-row,
  .octo-card,.octo-panel,.octo-stat-card,.octo-dashboard-card,.octo-action-card,.octo-section,.octo-box,.octo-table-card,
  .company-card,.company-panel,.company-section,.company-dashboard-card,.company-dashboard-panel,
  .admin-card,.affiliate-card,.dashboard-card,.metric-card,.stat-card,.settings-card
) {
  background: #ffffff !important;
  border: 1px solid var(--octo-square-line) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Remove blue slab buttons. Default dashboard actions are white cards with dark-blue text. */
html body :is(
  button,input[type="submit"],input[type="button"],
  .btn,.button,.octo-btn,.octo-mini-btn,.octo-square-btn,.octo-nav-btn,.octo-action-card,
  .company-dashboard-btn,.company-btn,.dashboard-btn,.admin-btn,.affiliate-btn,
  .unified-dashboard-nav a,.unified-dashboard-nav button,.unified-btn,.unified-action,
  .nav a,.nav button,.head-actions a,.market-top-links a,.market-cart,.market-view,.cart-btn,.view
) {
  background: #ffffff !important;
  color: var(--octo-square-ink) !important;
  border: 1px solid var(--octo-square-line) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-radius: 0 !important;
}

html body :is(
  button:hover,input[type="submit"]:hover,input[type="button"]:hover,
  .btn:hover,.button:hover,.octo-btn:hover,.octo-mini-btn:hover,.octo-square-btn:hover,.octo-nav-btn:hover,.octo-action-card:hover,
  .company-dashboard-btn:hover,.company-btn:hover,.dashboard-btn:hover,.admin-btn:hover,.affiliate-btn:hover,
  .unified-dashboard-nav a:hover,.unified-dashboard-nav button:hover,.unified-btn:hover,.unified-action:hover,
  .nav a:hover,.nav button:hover,.head-actions a:hover,.market-top-links a:hover,.market-cart:hover,.market-view:hover,.cart-btn:hover,.view:hover
) {
  background: var(--octo-square-soft) !important;
  color: var(--octo-square-ink) !important;
  border-color: #cbd5e1 !important;
}

/* Active buttons are not blue; use pale background and a thin left mark. */
html body :is(.active,.is-active,[aria-current="page"],.octo-nav-btn.active,.unified-dashboard-nav a.active) {
  background: var(--octo-square-soft) !important;
  color: var(--octo-square-ink) !important;
  border-color: #cbd5e1 !important;
}

/* True buy/checkout buttons may stay orange because marketplace is buyer-focused. */
html body :is(.market-buy,.buy,.buy-now,.checkout-btn,.primary-buy,[data-action="buy"],a[href*="checkout"],button[name*="checkout"],button[name*="buy"]) {
  background: var(--octo-square-orange) !important;
  color: #ffffff !important;
  border-color: var(--octo-square-orange) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html body :is(.market-buy,.buy,.buy-now,.checkout-btn,.primary-buy,[data-action="buy"],a[href*="checkout"],button[name*="checkout"],button[name*="buy"]):hover {
  background: var(--octo-square-orange-dark) !important;
  color: #ffffff !important;
}

/* Danger/delete stays white with red text, not blue. */
html body :is(.delete,.danger,.octo-delete-btn,.delete-btn,button[name*="delete"],input[value*="Delete"],a[href*="delete"]) {
  background: #ffffff !important;
  color: #991b1b !important;
  border-color: #fecaca !important;
}

/* Company sidebar/menu: final no-blue rule with actual class names. */
html body .octo-dashboard-sidebar,
html body .company-sidebar,
html body .octo-sidebar,
html body .company-nav {
  background: #ffffff !important;
  border: 1px solid var(--octo-square-line) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html body .octo-nav-section-label,
html body .company-sidebar-title,
html body .company-nav-title {
  background: #fff7ed !important;
  color: var(--octo-square-ink) !important;
  border: 1px solid var(--octo-square-line) !important;
  padding: .35rem .55rem !important;
  border-radius: 0 !important;
}

html body .octo-dashboard-sidebar .octo-nav-btn,
html body .octo-nav-btn,
html body .company-sidebar a,
html body .company-sidebar button,
html body .octo-sidebar a,
html body .octo-sidebar button,
html body .company-nav a,
html body .company-nav button {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 38px !important;
  padding: .55rem .75rem !important;
  margin: 0 !important;
  background: #ffffff !important;
  color: var(--octo-square-ink) !important;
  border: 1px solid var(--octo-square-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-weight: 850 !important;
}
html body .octo-dashboard-sidebar .octo-nav-btn.active,
html body .octo-dashboard-sidebar .octo-nav-btn:hover,
html body .octo-nav-btn.active,
html body .octo-nav-btn:hover {
  background: var(--octo-square-soft) !important;
  color: var(--octo-square-ink) !important;
  border-left: 4px solid var(--octo-square-orange) !important;
}

/* Company action cards under the stats: smaller, square, no blue. */
html body .octo-action-grid,
html body .company-action-grid {
  gap: .75rem !important;
}
html body .octo-action-card {
  min-height: 54px !important;
  padding: .65rem .8rem !important;
  background: #ffffff !important;
  color: var(--octo-square-ink) !important;
  border: 1px solid var(--octo-square-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Smaller cards and cleaner dashboard spacing. */
html body :is(.octo-stat-card,.company-dashboard-card,.unified-stat-card,.metric-card,.stat-card) {
  padding: .85rem 1rem !important;
  min-height: auto !important;
}
html body :is(.octo-stat-card h3,.company-dashboard-card h3,.unified-stat-card h3,.metric-card h3,.stat-card h3) {
  margin: 0 0 .35rem !important;
}

/* Forms: clean square controls. */
html body :is(input,select,textarea) {
  border: 1px solid var(--octo-square-line) !important;
  background: #ffffff !important;
  color: #0f172a !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Product Sharing Level dropdown: force native dropdown visible and functional, never a blue slab. */
html body :is(.octo-native-sharing-dropdown,.octo-sharing-dropdown,details[id*="Sharing"],details[class*="sharing"]) {
  background: #ffffff !important;
  border: 1px solid var(--octo-square-line) !important;
  color: var(--octo-square-ink) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html body :is(.octo-native-sharing-dropdown summary,.octo-sharing-dropdown summary,#octoSharingToggle) {
  background: #ffffff !important;
  color: var(--octo-square-ink) !important;
  border: 1px solid var(--octo-square-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 40px !important;
  padding: .65rem .8rem !important;
  cursor: pointer !important;
}

/* Remove old custom blue sharing toggle/panel if it exists. */
html body #octoSharingToggle,
html body .octo-sharing-compact-toggle,
html body .octo-product-sharing-dropdown > button {
  background: #ffffff !important;
  color: var(--octo-square-ink) !important;
  border: 1px solid var(--octo-square-line) !important;
}

/* Marketplace: no blue secondary buttons. */
html body .market-view,
html body .view,
html body .cart-btn,
html body .market-cart,
html body .market-top-links a,
html body .head-actions a,
html body .cart {
  background: #ffffff !important;
  color: var(--octo-square-ink) !important;
  border: 1px solid var(--octo-square-line) !important;
  border-radius: 0 !important;
}
html body .market-buy,
html body .buy {
  background: var(--octo-square-orange) !important;
  color: #fff !important;
  border: 1px solid var(--octo-square-orange) !important;
  border-radius: 0 !important;
}

/* Mobile: still compact and square. */
@media (max-width: 760px) {
  html body :is(.octo-action-card,.octo-nav-btn,.unified-dashboard-nav a,.unified-dashboard-nav button) {
    min-height: 38px !important;
    padding: .55rem .7rem !important;
  }
  html body :is(.card,[class*="card"],.panel,[class*="panel"],.octo-stat-card,.unified-stat-card) {
    padding: .75rem !important;
  }
}


/* === OCTORANK ONE-TIME NO-BLUE SQUARE OVERRIDE START === */
html body :is(.ot-shell,.video-studio-shell){background:#f8fafc!important;color:#111827!important;}
html body :is(.ot-hero,.video-hero){background:#111827!important;color:#ffffff!important;border-radius:0!important;}
html body :is(.ot-card,.ot-action-card,.video-card,.video-rule-box,.video-pricing-band article){background:#ffffff!important;border:1px solid #e5e7eb!important;border-radius:0!important;box-shadow:none!important;}
html body :is(.ot-btn,.video-btn,.video-back){border-radius:0!important;box-shadow:none!important;}
html body :is(.ot-btn-primary,.video-btn-primary){background:#f97316!important;color:#ffffff!important;border-color:#f97316!important;}
html body :is(.ot-btn-light,.video-btn-light,.video-back){background:#ffffff!important;color:#111827!important;border-color:#e5e7eb!important;}
html body :is(.ot-kicker,.video-kicker,.video-price-grid span){color:#f97316!important;}
/* === OCTORANK ONE-TIME NO-BLUE SQUARE OVERRIDE END === */

/* AI Video Studio: final Pro/subscriber no-blue square override. */
html body .video-studio-shell {
  background: #f8fafc !important;
  color: #111827 !important;
}
html body .video-studio-shell :is(.video-hero,.video-card,.video-back,.video-key-state,.video-key-panel,.video-score,.video-info-box,pre,.video-structure-item) {
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
html body .video-studio-shell :is(h1,h2,h3,label,summary,.video-price-grid strong,.video-price-grid span,.video-score) {
  color: #111827 !important;
}
html body .video-studio-shell :is(p,li,small,.video-muted,.video-price-grid small) {
  color: #6b7280 !important;
}
html body .video-studio-shell .video-kicker,
html body .video-studio-shell .video-score span,
html body .video-studio-shell .video-plan-grid strong,
html body .video-studio-shell .video-info-box a {
  color: #f97316 !important;
}
html body .video-studio-shell .video-rule-box,
html body .video-studio-shell .video-mini-note,
html body .video-studio-shell .video-price-grid article {
  background: #fff7ed !important;
  border: 1px solid #fed7aa !important;
  color: #111827 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
html body .video-studio-shell .video-plan-grid article {
  background: #ffffff !important;
  border-left: 4px solid #f97316 !important;
}
html body .video-studio-shell .video-btn-primary {
  background: #f97316 !important;
  color: #ffffff !important;
  border-color: #f97316 !important;
}
html body .video-studio-shell .video-btn-light,
html body .video-studio-shell .video-btn:not(.video-btn-primary) {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: #e5e7eb !important;
}