.help-center[hidden], .help-tour-layer[hidden] { display: none !important; }

#help-topbar-button {
    width: 44px;
    height: 44px;
    border: 1px solid #60a5fa;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(145deg, #1680ff, #075be0);
    box-shadow: 0 12px 25px -12px rgba(8, 105, 237, .9), inset 0 1px 0 rgba(255, 255, 255, .3);
    isolation: isolate;
}
#help-topbar-button::before {
    content: "";
    position: absolute;
    inset: -4px;
    z-index: 0;
    border: 2px solid rgba(59, 130, 246, .22);
    border-radius: 18px;
    pointer-events: none;
    transition: border-color .18s ease, transform .18s ease;
}
#help-topbar-button i {
    position: relative;
    z-index: 1;
    font-size: 1.55rem;
    font-weight: 700;
}
#help-topbar-button:hover,
#help-topbar-button[aria-expanded="true"] {
    color: #fff;
    border-color: #bfdbfe;
    background: linear-gradient(145deg, #2490ff, #064fc7);
    transform: translateY(-2px);
    box-shadow: 0 17px 30px -13px rgba(8, 105, 237, .95), inset 0 1px 0 rgba(255, 255, 255, .34);
}
#help-topbar-button:hover::before,
#help-topbar-button[aria-expanded="true"]::before {
    border-color: rgba(59, 130, 246, .48);
    transform: scale(1.04);
}
#help-topbar-button:focus-visible {
    outline: 3px solid rgba(96, 165, 250, .42);
    outline-offset: 4px;
}

@media (max-width: 420px) {
    #help-topbar-button { width: 40px; height: 40px; border-radius: 13px; }
    #help-topbar-button::before { border-radius: 17px; }
}

.help-center {
    position: fixed;
    top: 72px;
    right: 22px;
    z-index: 1430;
    width: min(360px, calc(100vw - 28px));
    overflow: hidden;
    border: 1px solid #dbe5f2;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 28px 70px rgba(15, 23, 42, .25);
}
.help-center-header { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:18px 18px 14px; color:#fff; background:linear-gradient(135deg,#0f3f91,#0878ef); }
.help-center-title { display:flex; align-items:center; gap:11px; }
.help-center-title > i { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:rgba(255,255,255,.16); font-size:1.35rem; }
.help-center-title strong, .help-center-title small { display:block; }
.help-center-title strong { font-size:1rem; }
.help-center-title small { margin-top:2px; color:rgba(255,255,255,.78); font-size:.7rem; }
.help-center-close { width:34px; height:34px; display:grid; place-items:center; border:0; border-radius:10px; color:#fff; background:rgba(255,255,255,.14); font-size:1.15rem; cursor:pointer; }
.help-center-body { padding:14px; }
.help-center-intro { margin:0 2px 12px; color:#64748b; font-size:.78rem; line-height:1.5; }
.help-topic-list { display:grid; gap:9px; }
.help-topic { width:100%; min-height:70px; display:grid; grid-template-columns:44px minmax(0,1fr) 24px; align-items:center; gap:11px; padding:11px; border:1px solid #e2e8f0; border-radius:15px; color:#172033; background:#f8fafc; text-align:left; cursor:pointer; }
.help-topic:hover { border-color:#bfdbfe; background:#eff6ff; }
.help-topic > i:first-child { width:44px; height:44px; display:grid; place-items:center; border-radius:13px; color:#0869ed; background:#e5efff; font-size:1.35rem; }
.help-topic strong, .help-topic small { display:block; }
.help-topic strong { font-size:.82rem; }
.help-topic small { margin-top:4px; color:#64748b; font-size:.68rem; line-height:1.35; }
.help-topic > i:last-child { color:#94a3b8; }

.help-tour-layer { position:fixed; inset:0; z-index:11000; pointer-events:none; }
.help-tour-spotlight { position:fixed; z-index:11001; border:3px solid #3b82f6; border-radius:14px; box-shadow:0 0 0 9999px rgba(15,23,42,.66),0 0 0 6px rgba(96,165,250,.24); transition:top .22s ease,left .22s ease,width .22s ease,height .22s ease; pointer-events:none; }
.help-tour-card { position:fixed; z-index:11002; width:min(340px,calc(100vw - 24px)); padding:16px; border:1px solid #dbeafe; border-radius:18px; background:#fff; box-shadow:0 24px 70px rgba(15,23,42,.32); pointer-events:auto; }
.help-tour-progress { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:11px; color:#64748b; font-size:.68rem; font-weight:800; text-transform:uppercase; }
.help-tour-progress-bar { flex:1; height:5px; overflow:hidden; border-radius:99px; background:#e2e8f0; }
.help-tour-progress-bar span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#2563eb,#0ea5e9); }
.help-tour-card h3 { margin:0 0 7px; color:#0f172a; font-size:1rem; }
.help-tour-card p { margin:0; color:#526075; font-size:.79rem; line-height:1.55; }
.help-tour-actions { display:flex; align-items:center; gap:8px; margin-top:15px; }
.help-tour-actions button { min-height:38px; padding:8px 12px; border:1px solid #dbe3ee; border-radius:11px; color:#475569; background:#fff; font:inherit; font-size:.72rem; font-weight:800; cursor:pointer; }
.help-tour-actions .help-tour-skip { margin-right:auto; border-color:transparent; padding-left:0; color:#94a3b8; }
.help-tour-actions .help-tour-next { border-color:#2563eb; color:#fff; background:#2563eb; }
.help-tour-actions button:disabled { opacity:.45; cursor:not-allowed; }
.help-tour-product-choice { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:15px; }
.help-tour-product-choice[hidden] { display:none; }
.help-tour-product-choice button { min-height:42px; padding:8px 10px; border:1px solid #cbd5e1; border-radius:11px; color:#334155; background:#fff; font:inherit; font-size:.72rem; font-weight:800; cursor:pointer; }
.help-tour-product-choice button:first-child { border-color:#2563eb; color:#fff; background:#2563eb; }
.help-tour-save-options { display:grid; gap:8px; margin-top:13px; }
.help-tour-save-options[hidden] { display:none; }
.help-tour-save-options > div { display:flex; align-items:flex-start; gap:9px; padding:10px; border:1px solid #dbeafe; border-radius:12px; background:#f8fbff; }
.help-tour-save-options > div:last-child { border-color:#bbf7d0; background:#f0fdf4; }
.help-tour-save-options i { flex:0 0 30px; width:30px; height:30px; display:grid; place-items:center; border-radius:9px; color:#2563eb; background:#dbeafe; font-size:1rem; }
.help-tour-save-options > div:last-child i { color:#15803d; background:#dcfce7; }
.help-tour-save-options strong, .help-tour-save-options small { display:block; }
.help-tour-save-options strong { color:#172033; font-size:.75rem; }
.help-tour-save-options small { margin-top:2px; color:#64748b; font-size:.65rem; line-height:1.4; }
.budget-catalog-picker.help-tour-catalog-active,
.budget-client-picker.help-tour-catalog-active { position:relative; z-index:11003; border-radius:12px; background:#fff; }
#orc-pagamento-prazo-campos.help-tour-force-visible { display:block !important; }
#orc-pagamento-misto-campos.help-tour-force-visible { display:grid !important; }
.help-tour-secondary-target { position:relative; z-index:11001; outline:3px solid #3b82f6; outline-offset:4px; border-radius:10px; box-shadow:0 0 0 7px rgba(96,165,250,.24); }
.help-tour-secondary-clone { position:fixed !important; z-index:11003 !important; margin:0 !important; transform:none !important; pointer-events:auto !important; outline:3px solid #3b82f6; outline-offset:4px; box-shadow:0 0 0 7px rgba(96,165,250,.24) !important; }
.help-tour-secondary-clone i { color:inherit !important; }
#orcamentos .budget-item-tab[data-item-tab="service-add-panel"].help-tour-secondary-target {
    color:#075ad7 !important;
    background:#fff !important;
    border-color:#bfdbfe !important;
}
#orcamentos .budget-item-tab[data-item-tab="service-add-panel"].help-tour-secondary-target i {
    color:#075ad7 !important;
}

@media (max-width: 768px) {
    html:has(.help-tour-layer:not([hidden])) { overflow-x:hidden !important; }
    .help-center { top:64px; right:12px; bottom:auto; left:12px; width:auto; max-height:calc(100vh - 92px); overflow-y:auto; }
    .help-tour-card { right:auto; bottom:auto; left:12px; width:calc(100vw - 24px); max-width:calc(100vw - 24px); box-sizing:border-box; max-height:calc(100vh - 120px); overflow-x:hidden; overflow-y:auto; }
    .help-tour-spotlight { border-radius:11px; }
}