{"id":2592,"date":"2026-06-16T13:08:42","date_gmt":"2026-06-16T13:08:42","guid":{"rendered":"https:\/\/app.digitalfreelancer.org\/?page_id=2592"},"modified":"2026-07-13T18:44:55","modified_gmt":"2026-07-13T18:44:55","slug":"dashboard-casa","status":"publish","type":"page","link":"https:\/\/app.digitalfreelancer.org\/index.php\/dashboard-casa\/","title":{"rendered":"Dashboard Casa+"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2592\" class=\"elementor elementor-2592\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a89c9b e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"4a89c9b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bd8b1c elementor-widget elementor-widget-shortcode\" data-id=\"1bd8b1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\n    \/* ===== RESET & BASE ===== *\/\n    #casamais-root *, #casamais-root *::before, #casamais-root *::after {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n    }\n    #casamais-root {\n        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n        font-size: 14px;\n        color: #1e293b;\n        background: #f8fafc;\n        border-radius: 20px;\n        overflow: hidden;\n        max-width: 1150px;\n        margin: 0 auto;\n        box-shadow: 0 12px 40px -10px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.04);\n        min-height: 650px;\n        display: flex;\n        flex-direction: column;\n        position: relative;\n    }\n\n    \/* ===== LAYOUT ===== *\/\n    #casamais-root .cm-layout {\n        display: flex;\n        flex: 1;\n        min-height: 0;\n        height: 700px;\n    }\n\n    \/* ===== SIDEBAR ===== *\/\n    #casamais-root .cm-sidebar {\n        width: 230px;\n        min-width: 200px;\n        background: #1e293b;\n        color: #f8fafc;\n        display: flex;\n        flex-direction: column;\n        padding: 0;\n        flex-shrink: 0;\n        border-right: 1px solid rgba(255,255,255,0.05);\n    }\n    #casamais-root .cm-sidebar-logo {\n        padding: 24px 20px 20px 20px;\n        border-bottom: 1px solid rgba(255,255,255,0.08);\n    }\n    #casamais-root .cm-sidebar-logo .cm-logo-title {\n        font-size: 20px;\n        font-weight: 700;\n        color: #fff;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        letter-spacing: -0.3px;\n    }\n    #casamais-root .cm-sidebar-logo .cm-logo-icon {\n        font-size: 22px;\n        background: linear-gradient(135deg, #d97706, #b45309);\n        padding: 6px;\n        border-radius: 10px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    #casamais-root .cm-sidebar-logo .cm-logo-sub {\n        font-size: 11.5px;\n        color: #94a3b8;\n        margin-top: 6px;\n        line-height: 1.4;\n    }\n    #casamais-root .cm-nav {\n        flex: 1;\n        padding: 16px 12px;\n        overflow-y: auto;\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n    }\n    #casamais-root .cm-nav-item {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        padding: 11px 14px;\n        cursor: pointer;\n        color: #94a3b8;\n        font-size: 13.5px;\n        font-weight: 500;\n        border-radius: 10px;\n        transition: all 0.2s ease;\n        user-select: none;\n    }\n    #casamais-root .cm-nav-item:hover {\n        color: #fff;\n        background: rgba(255,255,255,0.06);\n    }\n    #casamais-root .cm-nav-item.cm-active {\n        color: #fff;\n        background: linear-gradient(135deg, #d97706, #b45309);\n        font-weight: 600;\n        box-shadow: 0 4px 12px rgba(217, 119, 6, 0.3);\n    }\n    #casamais-root .cm-nav-item .cm-nav-icon {\n        font-size: 16px;\n        width: 20px;\n        text-align: center;\n    }\n    #casamais-root .cm-nav-divider {\n        height: 1px;\n        background: rgba(255,255,255,0.07);\n        margin: 10px 8px;\n    }\n    #casamais-root .cm-sidebar-footer {\n        padding: 16px 20px;\n        border-top: 1px solid rgba(255,255,255,0.08);\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        background: rgba(0,0,0,0.1);\n    }\n    #casamais-root .cm-sidebar-footer .cm-avatar {\n        width: 38px;\n        height: 38px;\n        border-radius: 50%;\n        background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 15px;\n        color: #fff;\n        font-weight: 700;\n        flex-shrink: 0;\n        box-shadow: 0 2px 8px rgba(59, 130, 246, 0.4);\n    }\n    #casamais-root .cm-sidebar-footer .cm-user-info {\n        min-width: 0;\n        flex: 1;\n    }\n    #casamais-root .cm-sidebar-footer .cm-user-name {\n        font-size: 13px;\n        color: #fff;\n        font-weight: 600;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n    #casamais-root .cm-sidebar-footer .cm-user-link {\n        font-size: 11px;\n        color: #94a3b8;\n        cursor: pointer;\n        transition: color 0.15s;\n    }\n    #casamais-root .cm-sidebar-footer .cm-user-link:hover { color: #fff; }\n\n    \/* ===== MAIN CONTENT ===== *\/\n    #casamais-root .cm-main {\n        flex: 1;\n        min-width: 0;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        background: #f8fafc;\n    }\n\n    \/* ===== TOPBAR ===== *\/\n    #casamais-root .cm-topbar {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 20px 32px 14px 32px;\n        background: #f8fafc;\n        border-bottom: 1px solid #e2e8f0;\n    }\n    #casamais-root .cm-topbar-title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #0f172a;\n        letter-spacing: -0.4px;\n    }\n    #casamais-root .cm-topbar-actions {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n    }\n    #casamais-root .cm-bell-btn {\n        background: #fff;\n        border: 1px solid #e2e8f0;\n        border-radius: 10px;\n        cursor: pointer;\n        font-size: 18px;\n        width: 38px;\n        height: 38px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: #64748b;\n        transition: all 0.2s;\n        box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n    }\n    #casamais-root .cm-bell-btn:hover { background: #f1f5f9; color: #0f172a; }\n    #casamais-root .cm-add-btn {\n        background: linear-gradient(135deg, #d97706, #b45309);\n        color: #fff;\n        border: none;\n        border-radius: 10px;\n        padding: 0 16px;\n        height: 38px;\n        font-size: 14px;\n        font-weight: 600;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        transition: all 0.2s;\n        box-shadow: 0 4px 12px rgba(217, 119, 6, 0.25);\n    }\n    #casamais-root .cm-add-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(217, 119, 6, 0.35); }\n\n    \/* ===== CONTENT PANELS ===== *\/\n    #casamais-root .cm-panel {\n        display: none;\n        flex: 1;\n        overflow-y: auto;\n        padding: 24px 32px 32px 32px;\n        animation: cmFadeIn 0.3s ease;\n    }\n    #casamais-root .cm-panel.cm-panel-active {\n        display: block;\n    }\n    @keyframes cmFadeIn {\n        from { opacity: 0; transform: translateY(4px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* ===== STATS ROW ===== *\/\n    #casamais-root .cm-stats-row {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 16px;\n        margin-bottom: 24px;\n    }\n    #casamais-root .cm-stat-card {\n        background: #fff;\n        border-radius: 14px;\n        padding: 18px 20px;\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        box-shadow: 0 4px 20px -4px rgba(0,0,0,0.05);\n        border: 1px solid #f1f5f9;\n        transition: transform 0.2s;\n    }\n    #casamais-root .cm-stat-card:hover { transform: translateY(-2px); }\n    #casamais-root .cm-stat-icon-wrapper {\n        width: 48px;\n        height: 48px;\n        border-radius: 12px;\n        background: #fffbeb;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 24px;\n        flex-shrink: 0;\n    }\n    #casamais-root .cm-stat-info { display: flex; flex-direction: column; gap: 2px; }\n    #casamais-root .cm-stat-value {\n        font-size: 20px;\n        font-weight: 700;\n        color: #0f172a;\n        letter-spacing: -0.3px;\n    }\n    #casamais-root .cm-stat-label {\n        font-size: 12px;\n        color: #64748b;\n        font-weight: 500;\n    }\n\n    \/* ===== SECTION HEADER ===== *\/\n    #casamais-root .cm-section-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        margin-bottom: 14px;\n    }\n    #casamais-root .cm-section-title {\n        font-size: 16px;\n        font-weight: 700;\n        color: #0f172a;\n        letter-spacing: -0.2px;\n    }\n    #casamais-root .cm-link-btn {\n        font-size: 13px;\n        color: #d97706;\n        cursor: pointer;\n        background: none;\n        border: none;\n        padding: 0;\n        font-weight: 600;\n        transition: color 0.15s;\n    }\n    #casamais-root .cm-link-btn:hover { color: #b45309; text-decoration: underline; }\n\n    \/* ===== CATEGORIES GRID ===== *\/\n    #casamais-root .cm-categories-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 12px;\n        margin-bottom: 28px;\n    }\n    #casamais-root .cm-category-card {\n        background: #fff;\n        border-radius: 12px;\n        padding: 14px 16px;\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        box-shadow: 0 2px 8px rgba(0,0,0,0.03);\n        border: 1px solid #f1f5f9;\n        cursor: pointer;\n        transition: all 0.2s;\n    }\n    #casamais-root .cm-category-card:hover { \n        transform: translateY(-2px);\n        border-color: #fde68a;\n        box-shadow: 0 6px 16px rgba(217, 119, 6, 0.08); \n    }\n    #casamais-root .cm-category-icon { \n        font-size: 20px;\n        width: 40px;\n        height: 40px;\n        background: #f8fafc;\n        border-radius: 10px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    #casamais-root .cm-category-meta { display: flex; flex-direction: column; gap: 2px; }\n    #casamais-root .cm-category-name { font-size: 13.5px; font-weight: 600; color: #1e293b; }\n    #casamais-root .cm-category-count { font-size: 11.5px; color: #64748b; }\n\n    \/* ===== ITEM LIST ===== *\/\n    #casamais-root .cm-item-list { display: flex; flex-direction: column; gap: 12px; }\n    #casamais-root .cm-item-card {\n        background: #fff;\n        border-radius: 12px;\n        padding: 14px 18px;\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        box-shadow: 0 2px 8px rgba(0,0,0,0.03);\n        border: 1px solid #f1f5f9;\n        cursor: pointer;\n        transition: all 0.2s;\n    }\n    #casamais-root .cm-item-card:hover { \n        border-color: #cbd5e1;\n        box-shadow: 0 6px 16px rgba(0,0,0,0.06); \n    }\n    #casamais-root .cm-item-thumb {\n        width: 58px;\n        height: 58px;\n        border-radius: 10px;\n        background: #f8fafc;\n        border: 1px solid #f1f5f9;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 28px;\n        flex-shrink: 0;\n    }\n    #casamais-root .cm-item-info { flex: 1; min-width: 0; }\n    #casamais-root .cm-item-name { font-size: 14px; font-weight: 600; color: #0f172a; }\n    #casamais-root .cm-item-sub { font-size: 12px; color: #64748b; margin-top: 2px; }\n    #casamais-root .cm-item-price { font-size: 14.5px; font-weight: 700; color: #0f172a; margin-top: 4px; }\n    #casamais-root .cm-item-warranty {\n        display: inline-block;\n        font-size: 11px;\n        font-weight: 600;\n        padding: 3px 8px;\n        border-radius: 6px;\n        margin-top: 5px;\n    }\n    #casamais-root .cm-warranty-ok { background: #dcfce7; color: #166534; }\n    #casamais-root .cm-warranty-none { background: #f1f5f9; color: #64748b; }\n    #casamais-root .cm-item-arrow { color: #94a3b8; font-size: 18px; font-weight: 600; }\n\n    \/* ===== TABS ===== *\/\n    #casamais-root .cm-tabs {\n        display: flex;\n        gap: 4px;\n        margin-bottom: 20px;\n        background: #e2e8f0;\n        border-radius: 10px;\n        padding: 4px;\n    }\n    #casamais-root .cm-tab-btn {\n        flex: 1;\n        padding: 8px 0;\n        background: none;\n        border: none;\n        border-radius: 8px;\n        font-size: 13px;\n        color: #64748b;\n        cursor: pointer;\n        font-weight: 500;\n        transition: all 0.2s;\n    }\n    #casamais-root .cm-tab-btn:hover { color: #1e293b; }\n    #casamais-root .cm-tab-btn.cm-tab-active {\n        background: #fff;\n        color: #0f172a;\n        font-weight: 700;\n        box-shadow: 0 2px 6px rgba(0,0,0,0.06);\n    }\n\n    \/* ===== SEARCH BAR ===== *\/\n    #casamais-root .cm-search-bar {\n        display: flex;\n        align-items: center;\n        background: #fff;\n        border-radius: 10px;\n        border: 1px solid #cbd5e1;\n        padding: 10px 14px;\n        gap: 10px;\n        margin-bottom: 16px;\n        box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n    }\n    #casamais-root .cm-search-icon { color: #94a3b8; font-size: 16px; }\n    #casamais-root .cm-search-input {\n        border: none;\n        outline: none;\n        flex: 1;\n        font-size: 13.5px;\n        color: #0f172a;\n        background: transparent;\n    }\n\n    \/* ===== MAINTENANCE TIMELINE ===== *\/\n    #casamais-root .cm-maint-list { display: flex; flex-direction: column; gap: 12px; }\n    #casamais-root .cm-maint-item {\n        background: #fff;\n        border-radius: 12px;\n        padding: 14px 18px;\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        box-shadow: 0 2px 8px rgba(0,0,0,0.03);\n        border: 1px solid #f1f5f9;\n    }\n    #casamais-root .cm-maint-dot {\n        width: 42px; height: 42px;\n        border-radius: 12px;\n        display: flex; align-items: center; justify-content: center;\n        font-size: 20px;\n        flex-shrink: 0;\n    }\n    #casamais-root .cm-maint-dot.cm-urgent { background: #fee2e2; }\n    #casamais-root .cm-maint-dot.cm-ok { background: #dcfce7; }\n    #casamais-root .cm-maint-dot.cm-scheduled { background: #f1f5f9; }\n    #casamais-root .cm-maint-info { flex: 1; }\n    #casamais-root .cm-maint-name { font-size: 14px; font-weight: 600; color: #0f172a; }\n    #casamais-root .cm-maint-where { font-size: 12px; color: #64748b; margin-top: 1px; }\n    #casamais-root .cm-maint-date { font-size: 11.5px; color: #94a3b8; margin-top: 2px; }\n    #casamais-root .cm-maint-badge {\n        font-size: 11px;\n        font-weight: 600;\n        padding: 4px 10px;\n        border-radius: 6px;\n    }\n    #casamais-root .cm-badge-urgent { background: #fee2e2; color: #991b1b; }\n    #casamais-root .cm-badge-scheduled { background: #e0f2fe; color: #0369a1; }\n    #casamais-root .cm-add-maint-btn {\n        width: 100%;\n        margin-top: 18px;\n        padding: 14px 0;\n        background: linear-gradient(135deg, #d97706, #b45309);\n        color: #fff;\n        border: none;\n        border-radius: 12px;\n        font-size: 14px;\n        font-weight: 700;\n        cursor: pointer;\n        transition: all 0.2s;\n        box-shadow: 0 4px 12px rgba(217, 119, 6, 0.25);\n    }\n    #casamais-root .cm-add-maint-btn:hover { opacity: 0.95; transform: translateY(-1px); }\n    #casamais-root .cm-maint-notice {\n        background: #fffbeb;\n        border-radius: 12px;\n        padding: 16px;\n        margin-top: 16px;\n        display: flex;\n        align-items: flex-start;\n        gap: 12px;\n        border: 1px solid #fde68a;\n    }\n    #casamais-root .cm-maint-notice-text { font-size: 13px; color: #78350f; line-height: 1.5; font-weight: 500; }\n    #casamais-root .cm-maint-notice-icon { font-size: 22px; }\n\n    \/* ===== MUDANCAS ===== *\/\n    #casamais-root .cm-move-card {\n        background: linear-gradient(135deg, #1e293b, #0f172a);\n        color: #fff;\n        border-radius: 16px;\n        padding: 20px;\n        margin-bottom: 20px;\n        box-shadow: 0 10px 25px -5px rgba(0,0,0,0.15);\n        display: flex;\n        align-items: center;\n        gap: 16px;\n    }\n    #casamais-root .cm-move-info { flex: 1; }\n    #casamais-root .cm-move-name { font-size: 16px; font-weight: 700; }\n    #casamais-root .cm-move-date { font-size: 12.5px; color: #94a3b8; margin-top: 4px; }\n    #casamais-root .cm-progress-outer {\n        height: 8px; border-radius: 4px; background: rgba(255,255,255,0.15); margin-top: 12px; overflow: hidden;\n    }\n    #casamais-root .cm-progress-inner {\n        height: 8px; border-radius: 4px; background: linear-gradient(90deg, #f59e0b, #d97706); transition: width 0.4s ease;\n    }\n    #casamais-root .cm-progress-pct { font-size: 12px; color: #fbbf24; font-weight: 700; margin-top: 6px; text-align: right; }\n\n    #casamais-root .cm-task-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; }\n    #casamais-root .cm-task-item {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        font-size: 13.5px;\n        color: #1e293b;\n        padding: 12px 14px;\n        background: #fff;\n        border-radius: 10px;\n        border: 1px solid #f1f5f9;\n        cursor: pointer;\n        transition: all 0.15s;\n    }\n    #casamais-root .cm-task-item:hover { border-color: #cbd5e1; }\n    #casamais-root .cm-task-item.cm-done { color: #94a3b8; text-decoration: line-through; background: #f8fafc; }\n    #casamais-root .cm-task-check {\n        width: 20px; height: 20px;\n        border-radius: 6px;\n        border: 2px solid #cbd5e1;\n        display: flex; align-items: center; justify-content: center;\n        font-size: 12px;\n        flex-shrink: 0;\n        transition: all 0.15s;\n    }\n    #casamais-root .cm-task-check.cm-checked { background: #d97706; border-color: #d97706; color: #fff; }\n\n    #casamais-root .cm-list-card {\n        background: #fff;\n        border-radius: 12px;\n        padding: 14px 18px;\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        margin-bottom: 10px;\n        box-shadow: 0 2px 8px rgba(0,0,0,0.03);\n        border: 1px solid #f1f5f9;\n        cursor: pointer;\n        transition: all 0.2s;\n    }\n    #casamais-root .cm-list-card:hover { border-color: #cbd5e1; }\n    #casamais-root .cm-list-icon { font-size: 22px; width: 40px; height: 40px; background: #f8fafc; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n    #casamais-root .cm-list-info { flex: 1; }\n    #casamais-root .cm-list-name { font-size: 13.5px; font-weight: 600; color: #0f172a; }\n    #casamais-root .cm-list-prog { font-size: 12px; color: #64748b; margin-top: 1px; }\n    #casamais-root .cm-list-bar { height: 6px; border-radius: 3px; background: #e2e8f0; margin-top: 6px; overflow: hidden; }\n    #casamais-root .cm-list-bar-fill { height: 6px; border-radius: 3px; background: #d97706; }\n\n    \/* ===== ROUPEIRO ===== *\/\n    #casamais-root .cm-clothes-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 12px;\n        margin-bottom: 18px;\n    }\n    #casamais-root .cm-clothes-cell {\n        background: #fff;\n        border-radius: 12px;\n        padding: 16px 10px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 8px;\n        box-shadow: 0 2px 8px rgba(0,0,0,0.03);\n        border: 1px solid #f1f5f9;\n        cursor: pointer;\n        transition: all 0.2s;\n    }\n    #casamais-root .cm-clothes-cell:hover { transform: translateY(-2px); border-color: #fde68a; box-shadow: 0 6px 16px rgba(217, 119, 6, 0.08); }\n    #casamais-root .cm-clothes-icon { font-size: 32px; }\n    #casamais-root .cm-clothes-label { font-size: 12.5px; color: #334155; font-weight: 600; }\n\n    #casamais-root .cm-add-item-btn {\n        width: 100%;\n        padding: 14px 0;\n        background: linear-gradient(135deg, #d97706, #b45309);\n        color: #fff;\n        border: none;\n        border-radius: 12px;\n        font-size: 14px;\n        font-weight: 700;\n        cursor: pointer;\n        margin-top: 8px;\n        transition: all 0.2s;\n        box-shadow: 0 4px 12px rgba(217, 119, 6, 0.25);\n    }\n    #casamais-root .cm-add-item-btn:hover { opacity: 0.95; transform: translateY(-1px); }\n\n    \/* ===== INVENTARIO DETAIL ===== *\/\n    #casamais-root .cm-detail-card {\n        background: #fff;\n        border-radius: 16px;\n        padding: 20px;\n        margin-top: 16px;\n        box-shadow: 0 4px 20px -4px rgba(0,0,0,0.06);\n        border: 1px solid #f1f5f9;\n    }\n    #casamais-root .cm-detail-img {\n        width: 72px; height: 72px;\n        background: #f8fafc;\n        border: 1px solid #f1f5f9;\n        border-radius: 12px;\n        display: flex; align-items: center; justify-content: center;\n        font-size: 36px;\n        float: left;\n        margin-right: 16px;\n        margin-bottom: 8px;\n    }\n    #casamais-root .cm-detail-name { font-size: 16px; font-weight: 700; color: #0f172a; margin-bottom: 2px; }\n    #casamais-root .cm-detail-cat { font-size: 12px; color: #64748b; font-weight: 500; margin-bottom: 12px; }\n    #casamais-root .cm-detail-row {\n        display: flex;\n        justify-content: space-between;\n        padding: 10px 0;\n        border-bottom: 1px solid #f1f5f9;\n        font-size: 13.5px;\n    }\n    #casamais-root .cm-detail-row:last-child { border-bottom: none; }\n    #casamais-root .cm-detail-key { color: #64748b; font-weight: 500; }\n    #casamais-root .cm-detail-val { font-weight: 600; color: #0f172a; }\n    #casamais-root .cm-warranty-tag {\n        display: inline-block;\n        background: #dcfce7;\n        color: #166534;\n        font-size: 11px;\n        font-weight: 700;\n        padding: 2px 8px;\n        border-radius: 6px;\n        margin-left: 6px;\n    }\n\n    \/* ===== MODAL CUSTOMIZADO ===== *\/\n    #casamais-root .cm-modal-overlay {\n        position: absolute;\n        top: 0; left: 0; right: 0; bottom: 0;\n        background: rgba(15, 23, 42, 0.6);\n        backdrop-filter: blur(4px);\n        display: none;\n        align-items: center;\n        justify-content: center;\n        z-index: 999;\n        opacity: 0;\n        transition: opacity 0.2s ease;\n    }\n    #casamais-root .cm-modal-overlay.cm-open { display: flex; opacity: 1; }\n    #casamais-root .cm-modal {\n        background: #fff;\n        border-radius: 16px;\n        width: 90%;\n        max-width: 420px;\n        padding: 24px;\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n        transform: scale(0.95);\n        transition: transform 0.2s ease;\n    }\n    #casamais-root .cm-modal-overlay.cm-open .cm-modal { transform: scale(1); }\n    #casamais-root .cm-modal-title { font-size: 18px; font-weight: 700; color: #0f172a; margin-bottom: 16px; }\n    #casamais-root .cm-modal-field { margin-bottom: 14px; }\n    #casamais-root .cm-modal-field label { display: block; font-size: 12.5px; font-weight: 600; color: #475569; margin-bottom: 6px; }\n    #casamais-root .cm-modal-field input { width: 100%; padding: 10px 12px; border-radius: 8px; border: 1px solid #cbd5e1; font-size: 13.5px; outline: none; }\n    #casamais-root .cm-modal-field input:focus { border-color: #d97706; box-shadow: 0 0 0 3px rgba(217,119,6,0.15); }\n    #casamais-root .cm-modal-actions { display: flex; gap: 10px; margin-top: 20px; }\n    #casamais-root .cm-modal-btn { flex: 1; padding: 10px 0; border-radius: 8px; font-size: 13.5px; font-weight: 600; cursor: pointer; border: none; }\n    #casamais-root .cm-modal-btn.cm-cancel { background: #f1f5f9; color: #475569; }\n    #casamais-root .cm-modal-btn.cm-save { background: #d97706; color: #fff; box-shadow: 0 4px 12px rgba(217,119,6,0.25); }\n\n    \/* ===== BOTTOM BAR (mobile) ===== *\/\n    #casamais-root .cm-bottombar {\n        display: none;\n        background: #fff;\n        border-top: 1px solid #e2e8f0;\n        padding: 8px 0 6px 0;\n    }\n    #casamais-root .cm-bottombar-inner {\n        display: flex;\n        justify-content: space-around;\n    }\n    #casamais-root .cm-bottom-item {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 3px;\n        cursor: pointer;\n        font-size: 11px;\n        color: #64748b;\n        font-weight: 500;\n        padding: 4px 10px;\n    }\n    #casamais-root .cm-bottom-item .cm-b-icon { font-size: 20px; }\n    #casamais-root .cm-bottom-item.cm-active { color: #d97706; font-weight: 600; }\n\n    \/* ===== RESPONSIVE ===== *\/\n    @media (max-width: 768px) {\n        #casamais-root .cm-layout { height: auto; flex-direction: column; }\n        #casamais-root .cm-sidebar { display: none; }\n        #casamais-root .cm-bottombar { display: block; }\n        #casamais-root .cm-categories-grid { grid-template-columns: repeat(2, 1fr); }\n        #casamais-root .cm-stats-row { grid-template-columns: 1fr; }\n        #casamais-root .cm-clothes-grid { grid-template-columns: repeat(2, 1fr); }\n        #casamais-root .cm-panel { padding: 18px 16px; }\n        #casamais-root .cm-topbar { padding: 14px 16px; }\n    }\n    <\/style>\n\n    <div id=\"casamais-root\">\n\n        <div class=\"cm-layout\">\n\n            <!-- SIDEBAR -->\n            <aside class=\"cm-sidebar\">\n                <div class=\"cm-sidebar-logo\">\n                    <div class=\"cm-logo-title\">\n                        <span class=\"cm-logo-icon\">\ud83c\udfe0<\/span> Casa+\n                    <\/div>\n                    <div class=\"cm-logo-sub\">Organiza a tua casa,<br>tudo num s\u00f3 lugar.<\/div>\n                <\/div>\n                <nav class=\"cm-nav\">\n                    <div class=\"cm-nav-item cm-active\" data-panel=\"visao\" onclick=\"casamais_nav(this,'visao')\">\n                        <span class=\"cm-nav-icon\">\ud83d\udcca<\/span> Vis\u00e3o geral\n                    <\/div>\n                    <div class=\"cm-nav-item\" data-panel=\"inventario\" onclick=\"casamais_nav(this,'inventario')\">\n                        <span class=\"cm-nav-icon\">\ud83d\udce6<\/span> Invent\u00e1rio\n                    <\/div>\n                    <div class=\"cm-nav-item\" data-panel=\"manutencao\" onclick=\"casamais_nav(this,'manutencao')\">\n                        <span class=\"cm-nav-icon\">\ud83d\udd27<\/span> Manuten\u00e7\u00e3o\n                    <\/div>\n                    <div class=\"cm-nav-item\" data-panel=\"mudancas\" onclick=\"casamais_nav(this,'mudancas')\">\n                        <span class=\"cm-nav-icon\">\ud83d\ude9a<\/span> Mudan\u00e7as\n                    <\/div>\n                    <div class=\"cm-nav-item\" data-panel=\"roupeiro\" onclick=\"casamais_nav(this,'roupeiro')\">\n                        <span class=\"cm-nav-icon\">\ud83d\udc57<\/span> Roupeiro\n                    <\/div>\n                    <div class=\"cm-nav-divider\"><\/div>\n                    <div class=\"cm-nav-item\" onclick=\"casamais_toast('Defini\u00e7\u00f5es em breve!')\">\n                        <span class=\"cm-nav-icon\">\u2699\ufe0f<\/span> Defini\u00e7\u00f5es\n                    <\/div>\n                    <div class=\"cm-nav-item\" onclick=\"casamais_toast('Sem novas notifica\u00e7\u00f5es.')\">\n                        <span class=\"cm-nav-icon\">\ud83d\udd14<\/span> Notifica\u00e7\u00f5es\n                    <\/div>\n                <\/nav>\n                <div class=\"cm-sidebar-footer\">\n                    <div class=\"cm-avatar\">D<\/div>\n                    <div class=\"cm-user-info\">\n                        <div class=\"cm-user-name\">Daniela Silva<\/div>\n                        <div class=\"cm-user-link\">Ver perfil<\/div>\n                    <\/div>\n                <\/div>\n            <\/aside>\n\n            <!-- MAIN -->\n            <main class=\"cm-main\">\n                <div class=\"cm-topbar\">\n                    <span class=\"cm-topbar-title\" id=\"cm-page-title\">Vis\u00e3o geral<\/span>\n                    <div class=\"cm-topbar-actions\">\n                        <button class=\"cm-bell-btn\" title=\"Notifica\u00e7\u00f5es\" onclick=\"casamais_toast('Sem novas notifica\u00e7\u00f5es.')\">\ud83d\udd14<\/button>\n                        <button class=\"cm-add-btn\" title=\"Adicionar\" onclick=\"casamais_open_modal()\">+ Adicionar<\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- VIS\u00c3O GERAL -->\n                <section class=\"cm-panel cm-panel-active\" id=\"cm-panel-visao\">\n                    <div class=\"cm-stats-row\">\n                        <div class=\"cm-stat-card\">\n                            <div class=\"cm-stat-icon-wrapper\">\ud83d\udce6<\/div>\n                            <div class=\"cm-stat-info\">\n                                <span class=\"cm-stat-value\">156<\/span>\n                                <span class=\"cm-stat-label\">Itens registados<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"cm-stat-card\">\n                            <div class=\"cm-stat-icon-wrapper\">\ud83d\udcb6<\/div>\n                            <div class=\"cm-stat-info\">\n                                <span class=\"cm-stat-value\">\u20ac18.450<\/span>\n                                <span class=\"cm-stat-label\">Valor total avaliado<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"cm-stat-card\">\n                            <div class=\"cm-stat-icon-wrapper\">\ud83d\udee1\ufe0f<\/div>\n                            <div class=\"cm-stat-info\">\n                                <span class=\"cm-stat-value\">12<\/span>\n                                <span class=\"cm-stat-label\">Garantias Ativas<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"cm-section-header\">\n                        <span class=\"cm-section-title\">Categorias<\/span>\n                        <button class=\"cm-link-btn\" onclick=\"casamais_nav(document.querySelector('[data-panel=inventario]'),'inventario')\">Ver todas<\/button>\n                    <\/div>\n                    <div class=\"cm-categories-grid\">\n                        <div class=\"cm-category-card\" onclick=\"casamais_nav(document.querySelector('[data-panel=inventario]'),'inventario')\"><span class=\"cm-category-icon\">\ud83d\udcfa<\/span><div class=\"cm-category-meta\"><div class=\"cm-category-name\">Eletr\u00f3nica<\/div><div class=\"cm-category-count\">32 itens<\/div><\/div><\/div>\n                        <div class=\"cm-category-card\" onclick=\"casamais_nav(document.querySelector('[data-panel=inventario]'),'inventario')\"><span class=\"cm-category-icon\">\ud83d\udecb\ufe0f<\/span><div class=\"cm-category-meta\"><div class=\"cm-category-name\">Mobili\u00e1rio<\/div><div class=\"cm-category-count\">28 itens<\/div><\/div><\/div>\n                        <div class=\"cm-category-card\" onclick=\"casamais_nav(document.querySelector('[data-panel=inventario]'),'inventario')\"><span class=\"cm-category-icon\">\ud83c\udf73<\/span><div class=\"cm-category-meta\"><div class=\"cm-category-name\">Eletrodom\u00e9stico<\/div><div class=\"cm-category-count\">18 itens<\/div><\/div><\/div>\n                        <div class=\"cm-category-card\" onclick=\"casamais_nav(document.querySelector('[data-panel=inventario]'),'inventario')\"><span class=\"cm-category-icon\">\ud83e\udeb4<\/span><div class=\"cm-category-meta\"><div class=\"cm-category-name\">Decora\u00e7\u00e3o<\/div><div class=\"cm-category-count\">42 itens<\/div><\/div><\/div>\n                        <div class=\"cm-category-card\" onclick=\"casamais_nav(document.querySelector('[data-panel=inventario]'),'inventario')\"><span class=\"cm-category-icon\">\ud83d\udd28<\/span><div class=\"cm-category-meta\"><div class=\"cm-category-name\">Ferramentas<\/div><div class=\"cm-category-count\">16 itens<\/div><\/div><\/div>\n                        <div class=\"cm-category-card\" onclick=\"casamais_nav(document.querySelector('[data-panel=inventario]'),'inventario')\"><span class=\"cm-category-icon\">\ud83d\udce6<\/span><div class=\"cm-category-meta\"><div class=\"cm-category-name\">Outros<\/div><div class=\"cm-category-count\">20 itens<\/div><\/div><\/div>\n                    <\/div>\n\n                    <div class=\"cm-section-header\">\n                        <span class=\"cm-section-title\">Itens recentes<\/span>\n                        <button class=\"cm-link-btn\" onclick=\"casamais_nav(document.querySelector('[data-panel=inventario]'),'inventario')\">Ver todos<\/button>\n                    <\/div>\n                    <div class=\"cm-item-list\">\n                        <div class=\"cm-item-card\" onclick=\"casamais_nav(document.querySelector('[data-panel=inventario]'),'inventario')\">\n                            <div class=\"cm-item-thumb\">\u2615<\/div>\n                            <div class=\"cm-item-info\">\n                                <div class=\"cm-item-name\">M\u00e1quina de caf\u00e9 DeLonghi Magnifica S<\/div>\n                                <div class=\"cm-item-sub\">Eletrodom\u00e9stico \u2022 Cozinha<\/div>\n                                <div class=\"cm-item-price\">\u20ac349,00<\/div>\n                                <span class=\"cm-item-warranty cm-warranty-ok\">Garantia at\u00e9 12\/2025<\/span>\n                            <\/div>\n                            <span class=\"cm-item-arrow\">\u203a<\/span>\n                        <\/div>\n                        <div class=\"cm-item-card\" onclick=\"casamais_nav(document.querySelector('[data-panel=inventario]'),'inventario')\">\n                            <div class=\"cm-item-thumb\">\ud83d\udcfa<\/div>\n                            <div class=\"cm-item-info\">\n                                <div class=\"cm-item-name\">TV Samsung QLED 55\" QE55Q608<\/div>\n                                <div class=\"cm-item-sub\">Eletr\u00f3nica \u2022 Sala<\/div>\n                                <div class=\"cm-item-price\">\u20ac699,00<\/div>\n                                <span class=\"cm-item-warranty cm-warranty-ok\">Garantia at\u00e9 02\/2025<\/span>\n                            <\/div>\n                            <span class=\"cm-item-arrow\">\u203a<\/span>\n                        <\/div>\n                    <\/div>\n                <\/section>\n\n                <!-- INVENT\u00c1RIO -->\n                <section class=\"cm-panel\" id=\"cm-panel-inventario\">\n                    <div class=\"cm-search-bar\">\n                        <span class=\"cm-search-icon\">\ud83d\udd0d<\/span>\n                        <input class=\"cm-search-input\" type=\"text\" placeholder=\"Pesquisar por nome ou categoria...\" id=\"cm-inv-search\" oninput=\"casamais_search()\">\n                    <\/div>\n                    <div class=\"cm-tabs\">\n                        <button class=\"cm-tab-btn cm-tab-active\" onclick=\"casamais_tab(this,'inv','all')\">Todas<\/button>\n                        <button class=\"cm-tab-btn\" onclick=\"casamais_tab(this,'inv','warranty')\">Garantia ativa<\/button>\n                        <button class=\"cm-tab-btn\" onclick=\"casamais_tab(this,'inv','nowarranty')\">Sem garantia<\/button>\n                    <\/div>\n                    <div class=\"cm-section-header\">\n                        <span class=\"cm-section-title\">Lista de invent\u00e1rio<\/span>\n                    <\/div>\n                    <div class=\"cm-item-list\" id=\"cm-inv-list\">\n                        <div class=\"cm-item-card\" data-warranty=\"ok\">\n                            <div class=\"cm-item-thumb\">\ud83e\udd16<\/div>\n                            <div class=\"cm-item-info\">\n                                <div class=\"cm-item-name\">Aspirador Robot Roborock S7<\/div>\n                                <div class=\"cm-item-sub\">Eletrodom\u00e9stico<\/div>\n                                <div class=\"cm-item-price\">\u20ac399,00<\/div>\n                                <span class=\"cm-item-warranty cm-warranty-ok\">Garantia at\u00e9 16\/09\/2026<\/span>\n                            <\/div>\n                            <span class=\"cm-item-arrow\">\u203a<\/span>\n                        <\/div>\n                        <div class=\"cm-item-card\" data-warranty=\"ok\">\n                            <div class=\"cm-item-thumb\">\ud83e\ude91<\/div>\n                            <div class=\"cm-item-info\">\n                                <div class=\"cm-item-name\">Cadeira de escrit\u00f3rio Ergon\u00f3mica<\/div>\n                                <div class=\"cm-item-sub\">Mobili\u00e1rio<\/div>\n                                <div class=\"cm-item-price\">\u20ac189,90<\/div>\n                                <span class=\"cm-item-warranty cm-warranty-ok\">Garantia at\u00e9 03\/12\/2026<\/span>\n                            <\/div>\n                            <span class=\"cm-item-arrow\">\u203a<\/span>\n                        <\/div>\n                        <div class=\"cm-item-card\" data-warranty=\"none\">\n                            <div class=\"cm-item-thumb\">\ud83e\udeb5<\/div>\n                            <div class=\"cm-item-info\">\n                                <div class=\"cm-item-name\">Mesa de jantar Madeira maci\u00e7a<\/div>\n                                <div class=\"cm-item-sub\">Mobili\u00e1rio<\/div>\n                                <div class=\"cm-item-price\">\u20ac1.200,00<\/div>\n                                <span class=\"cm-item-warranty cm-warranty-none\">Sem garantia<\/span>\n                            <\/div>\n                            <span class=\"cm-item-arrow\">\u203a<\/span>\n                        <\/div>\n                        <div class=\"cm-item-card\" data-warranty=\"ok\">\n                            <div class=\"cm-item-thumb\">\u2615<\/div>\n                            <div class=\"cm-item-info\">\n                                <div class=\"cm-item-name\">M\u00e1quina de caf\u00e9 DeLonghi Magnifica S<\/div>\n                                <div class=\"cm-item-sub\">Eletrodom\u00e9stico<\/div>\n                                <div class=\"cm-item-price\">\u20ac349,00<\/div>\n                                <span class=\"cm-item-warranty cm-warranty-ok\">Garantia at\u00e9 12\/2027<\/span>\n                            <\/div>\n                            <span class=\"cm-item-arrow\">\u203a<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Detalhe do Item Selecionado -->\n                    <div class=\"cm-detail-card\">\n                        <div style=\"overflow:hidden;\">\n                            <div class=\"cm-detail-img\">\u2615<\/div>\n                            <div class=\"cm-detail-name\">M\u00e1quina de caf\u00e9 DeLonghi Magnifica S<\/div>\n                            <div class=\"cm-detail-cat\">Eletrodom\u00e9stico<\/div>\n                        <\/div>\n                        <div style=\"clear:both;\"><\/div>\n                        <div class=\"cm-detail-row\"><span class=\"cm-detail-key\">Valor de compra<\/span><span class=\"cm-detail-val\">\u20ac349,90<\/span><\/div>\n                        <div class=\"cm-detail-row\"><span class=\"cm-detail-key\">Data de compra<\/span><span class=\"cm-detail-val\">12 Jul 2023<\/span><\/div>\n                        <div class=\"cm-detail-row\"><span class=\"cm-detail-key\">Garantia<\/span><span class=\"cm-detail-val\">At\u00e9 12\/2027 <span class=\"cm-warranty-tag\">V\u00e1lida<\/span><\/span><\/div>\n                        <div class=\"cm-detail-row\"><span class=\"cm-detail-key\">Localiza\u00e7\u00e3o<\/span><span class=\"cm-detail-val\">Cozinha<\/span><\/div>\n                        <div class=\"cm-detail-row\"><span class=\"cm-detail-key\">Loja \/ Fornecedor<\/span><span class=\"cm-detail-val\">Worten<\/span><\/div>\n                        <div class=\"cm-detail-row\"><span class=\"cm-detail-key\">N\u00ba de S\u00e9rie<\/span><span class=\"cm-detail-val\">DE88492019<\/span><\/div>\n                    <\/div>\n                <\/section>\n\n                <!-- MANUTEN\u00c7\u00c3O -->\n                <section class=\"cm-panel\" id=\"cm-panel-manutencao\">\n                    <div class=\"cm-tabs\">\n                        <button class=\"cm-tab-btn cm-tab-active\" onclick=\"casamais_tab(this,'maint','proximas')\">Pr\u00f3ximas<\/button>\n                        <button class=\"cm-tab-btn\" onclick=\"casamais_tab(this,'maint','historico')\">Hist\u00f3rico<\/button>\n                    <\/div>\n                    <div class=\"cm-section-header\">\n                        <span class=\"cm-section-title\">Cronograma de Manuten\u00e7\u00f5es<\/span>\n                    <\/div>\n                    <div class=\"cm-maint-list\">\n                        <div class=\"cm-maint-item\">\n                            <div class=\"cm-maint-dot cm-urgent\">\u2744\ufe0f<\/div>\n                            <div class=\"cm-maint-info\">\n                                <div class=\"cm-maint-name\">Limpeza de ar condicionado<\/div>\n                                <div class=\"cm-maint-where\">Sala de Estar<\/div>\n                                <div class=\"cm-maint-date\">16 Mai 2026<\/div>\n                            <\/div>\n                            <span class=\"cm-maint-badge cm-badge-urgent\">Em breve<\/span>\n                        <\/div>\n                        <div class=\"cm-maint-item\">\n                            <div class=\"cm-maint-dot cm-urgent\">\ud83d\udd25<\/div>\n                            <div class=\"cm-maint-info\">\n                                <div class=\"cm-maint-name\">Revis\u00e3o e purga da caldeira<\/div>\n                                <div class=\"cm-maint-where\">\u00c1rea t\u00e9cnica<\/div>\n                                <div class=\"cm-maint-date\">20 Mai 2026<\/div>\n                            <\/div>\n                            <span class=\"cm-maint-badge cm-badge-urgent\">Em breve<\/span>\n                        <\/div>\n                        <div class=\"cm-maint-item\">\n                            <div class=\"cm-maint-dot cm-ok\">\ud83d\udca7<\/div>\n                            <div class=\"cm-maint-info\">\n                                <div class=\"cm-maint-name\">Substitui\u00e7\u00e3o de filtros do esquentador<\/div>\n                                <div class=\"cm-maint-where\">Cozinha<\/div>\n                                <div class=\"cm-maint-date\">05 Jun 2026<\/div>\n                            <\/div>\n                            <span class=\"cm-maint-badge cm-badge-scheduled\">Agendado<\/span>\n                        <\/div>\n                    <\/div>\n                    <button class=\"cm-add-maint-btn\" onclick=\"casamais_open_modal('Nova Manuten\u00e7\u00e3o')\">+ Registar manuten\u00e7\u00e3o<\/button>\n                    <div class=\"cm-maint-notice\">\n                        <span class=\"cm-maint-notice-icon\">\ud83d\udd14<\/span>\n                        <span class=\"cm-maint-notice-text\">Mantenha os equipamentos em \u00f3timo estado.<br>Adicione manuten\u00e7\u00f5es recorrentes para prolongar a vida \u00fatil.<\/span>\n                    <\/div>\n                <\/section>\n\n                <!-- MUDAN\u00c7AS -->\n                <section class=\"cm-panel\" id=\"cm-panel-mudancas\">\n                    <div class=\"cm-move-card\">\n                        <div class=\"cm-move-info\">\n                            <div class=\"cm-move-name\">Mudan\u00e7a para Casa Nova \ud83c\udfe0<\/div>\n                            <div class=\"cm-move-date\">Previs\u00e3o: 24 de Junho de 2026<\/div>\n                            <div class=\"cm-progress-outer\"><div class=\"cm-progress-inner\" id=\"cm-prog-bar\" style=\"width:65%;\"><\/div><\/div>\n                            <div class=\"cm-progress-pct\" id=\"cm-prog-text\">65% Conclu\u00eddo<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"cm-section-header\">\n                        <span class=\"cm-section-title\">Checklist de Tarefas (Clique para concluir)<\/span>\n                    <\/div>\n                    <div class=\"cm-task-list\" id=\"cm-task-list-container\">\n                        <div class=\"cm-task-item cm-done\" onclick=\"casamais_toggle_task(this)\">\n                            <div class=\"cm-task-check cm-checked\">\u2713<\/div>\n                            <span>Contactar empresa de mudan\u00e7as profissional<\/span>\n                        <\/div>\n                        <div class=\"cm-task-item cm-done\" onclick=\"casamais_toggle_task(this)\">\n                            <div class=\"cm-task-check cm-checked\">\u2713<\/div>\n                            <span>Comprar caixas de papel\u00e3o e fitas de embalamento<\/span>\n                        <\/div>\n                        <div class=\"cm-task-item\" onclick=\"casamais_toggle_task(this)\">\n                            <div class=\"cm-task-check\"><\/div>\n                            <span>Desmontar m\u00f3veis de grande porte<\/span>\n                        <\/div>\n                        <div class=\"cm-task-item\" onclick=\"casamais_toggle_task(this)\">\n                            <div class=\"cm-task-check\"><\/div>\n                            <span>Atualizar morada fiscal nas Finan\u00e7as<\/span>\n                        <\/div>\n                        <div class=\"cm-task-item\" onclick=\"casamais_toggle_task(this)\">\n                            <div class=\"cm-task-check\"><\/div>\n                            <span>Transferir contratos de eletricidade, \u00e1gua e internet<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"cm-section-header\">\n                        <span class=\"cm-section-title\">Invent\u00e1rio de Caixas<\/span>\n                    <\/div>\n                    <div class=\"cm-list-card\">\n                        <span class=\"cm-list-icon\">\ud83d\udce6<\/span>\n                        <div class=\"cm-list-info\">\n                            <div class=\"cm-list-name\">Caixas Embaladas<\/div>\n                            <div class=\"cm-list-prog\">16 de 30 caixas<\/div>\n                            <div class=\"cm-list-bar\"><div class=\"cm-list-bar-fill\" style=\"width:53%;\"><\/div><\/div>\n                        <\/div>\n                        <span class=\"cm-item-arrow\">\u203a<\/span>\n                    <\/div>\n                    <div class=\"cm-list-card\">\n                        <span class=\"cm-list-icon\">\ud83d\udccb<\/span>\n                        <div class=\"cm-list-info\">\n                            <div class=\"cm-list-name\">Etiquetas e C\u00f3digos de Identifica\u00e7\u00e3o<\/div>\n                            <div class=\"cm-list-prog\">5 de 8 divis\u00f5es<\/div>\n                            <div class=\"cm-list-bar\"><div class=\"cm-list-bar-fill\" style=\"width:62%;\"><\/div><\/div>\n                        <\/div>\n                        <span class=\"cm-item-arrow\">\u203a<\/span>\n                    <\/div>\n                <\/section>\n\n                <!-- ROUPEIRO -->\n                <section class=\"cm-panel\" id=\"cm-panel-roupeiro\">\n                    <div class=\"cm-tabs\">\n                        <button class=\"cm-tab-btn cm-tab-active\" onclick=\"casamais_tab(this,'roupa','pecas')\">Pe\u00e7as (126)<\/button>\n                        <button class=\"cm-tab-btn\" onclick=\"casamais_tab(this,'roupa','looks')\">Looks Guardados<\/button>\n                    <\/div>\n                    <div class=\"cm-section-header\">\n                        <span class=\"cm-section-title\">Categorias do Roupeiro<\/span>\n                    <\/div>\n                    <div class=\"cm-clothes-grid\">\n                        <div class=\"cm-clothes-cell\" onclick=\"casamais_toast('A abrir categoria Camisas...')\"><span class=\"cm-clothes-icon\">\ud83d\udc54<\/span><span class=\"cm-clothes-label\">Camisas (18)<\/span><\/div>\n                        <div class=\"cm-clothes-cell\" onclick=\"casamais_toast('A abrir categoria Cal\u00e7as...')\"><span class=\"cm-clothes-icon\">\ud83d\udc56<\/span><span class=\"cm-clothes-label\">Cal\u00e7as (22)<\/span><\/div>\n                        <div class=\"cm-clothes-cell\" onclick=\"casamais_toast('A abrir categoria Casacos...')\"><span class=\"cm-clothes-icon\">\ud83e\udde5<\/span><span class=\"cm-clothes-label\">Casacos (14)<\/span><\/div>\n                        <div class=\"cm-clothes-cell\" onclick=\"casamais_toast('A abrir categoria T-shirts...')\"><span class=\"cm-clothes-icon\">\ud83d\udc55<\/span><span class=\"cm-clothes-label\">T-shirts (30)<\/span><\/div>\n                        <div class=\"cm-clothes-cell\" onclick=\"casamais_toast('A abrir categoria Vestidos...')\"><span class=\"cm-clothes-icon\">\ud83d\udc57<\/span><span class=\"cm-clothes-label\">Vestidos (12)<\/span><\/div>\n                        <div class=\"cm-clothes-cell\" onclick=\"casamais_toast('A abrir categoria Cal\u00e7ado...')\"><span class=\"cm-clothes-icon\">\ud83d\udc5f<\/span><span class=\"cm-clothes-label\">Sapatos (25)<\/span><\/div>\n                    <\/div>\n                    <button class=\"cm-add-item-btn\" onclick=\"casamais_open_modal('Nova Pe\u00e7a de Roupa')\">+ Adicionar nova pe\u00e7a<\/button>\n                <\/section>\n\n            <\/main>\n        <\/div>\n\n        <!-- BOTTOM BAR (mobile) -->\n        <div class=\"cm-bottombar\">\n            <div class=\"cm-bottombar-inner\">\n                <div class=\"cm-bottom-item cm-active\" onclick=\"casamais_nav(null,'visao')\">\n                    <span class=\"cm-b-icon\">\ud83d\udcca<\/span>\n                    <span>Resumo<\/span>\n                <\/div>\n                <div class=\"cm-bottom-item\" onclick=\"casamais_nav(null,'inventario')\">\n                    <span class=\"cm-b-icon\">\ud83d\udce6<\/span>\n                    <span>Invent\u00e1rio<\/span>\n                <\/div>\n                <div class=\"cm-bottom-item\" onclick=\"casamais_nav(null,'manutencao')\">\n                    <span class=\"cm-b-icon\">\ud83d\udd27<\/span>\n                    <span>Manuten\u00e7\u00e3o<\/span>\n                <\/div>\n                <div class=\"cm-bottom-item\" onclick=\"casamais_nav(null,'mudancas')\">\n                    <span class=\"cm-b-icon\">\ud83d\ude9a<\/span>\n                    <span>Mudan\u00e7as<\/span>\n                <\/div>\n                <div class=\"cm-bottom-item\" onclick=\"casamais_nav(null,'roupeiro')\">\n                    <span class=\"cm-b-icon\">\ud83d\udc57<\/span>\n                    <span>Roupeiro<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- MODAL INTERATIVO -->\n        <div class=\"cm-modal-overlay\" id=\"cm-modal\">\n            <div class=\"cm-modal\">\n                <div class=\"cm-modal-title\" id=\"cm-modal-title\">Adicionar Novo Registo<\/div>\n                <div class=\"cm-modal-field\">\n                    <label>Nome \/ Descri\u00e7\u00e3o<\/label>\n                    <input type=\"text\" id=\"cm-modal-input-name\" placeholder=\"Ex: Frigor\u00edfico LG\">\n                <\/div>\n                <div class=\"cm-modal-field\">\n                    <label>Valor \/ Custo (\u20ac)<\/label>\n                    <input type=\"text\" id=\"cm-modal-input-value\" placeholder=\"Ex: 599.00\">\n                <\/div>\n                <div class=\"cm-modal-actions\">\n                    <button class=\"cm-modal-btn cm-cancel\" onclick=\"casamais_close_modal()\">Cancelar<\/button>\n                    <button class=\"cm-modal-btn cm-save\" onclick=\"casamais_save_modal()\">Guardar Registo<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div><!-- #casamais-root -->\n\n    <script>\n    (function() {\n\n        var panelTitles = {\n            visao:      'Vis\u00e3o geral',\n            inventario: 'Invent\u00e1rio',\n            manutencao: 'Manuten\u00e7\u00e3o',\n            mudancas:   'Mudan\u00e7as de Casa',\n            roupeiro:   'Roupeiro Digital'\n        };\n\n        window.casamais_nav = function(el, panel) {\n            var navItems = document.querySelectorAll('#casamais-root .cm-nav-item');\n            navItems.forEach(function(n){ n.classList.remove('cm-active'); });\n            if (el) el.classList.add('cm-active');\n\n            \/\/ Bottom bar sync\n            var bottomItems = document.querySelectorAll('#casamais-root .cm-bottom-item');\n            bottomItems.forEach(function(b){ b.classList.remove('cm-active'); });\n            \/\/ Map index\n            var mapIndex = { visao: 0, inventario: 1, manutencao: 2, mudancas: 3, roupeiro: 4 };\n            if (mapIndex[panel] !== undefined && bottomItems[mapIndex[panel]]) {\n                bottomItems[mapIndex[panel]].classList.add('cm-active');\n            }\n\n            var panels = document.querySelectorAll('#casamais-root .cm-panel');\n            panels.forEach(function(p){ p.classList.remove('cm-panel-active'); });\n            var target = document.getElementById('cm-panel-' + panel);\n            if (target) target.classList.add('cm-panel-active');\n\n            var titleEl = document.getElementById('cm-page-title');\n            if (titleEl) titleEl.textContent = panelTitles[panel] || panel;\n        };\n\n        window.casamais_tab = function(el, group, value) {\n            var parent = el.closest('.cm-tabs');\n            if (!parent) return;\n            var tabs = parent.querySelectorAll('.cm-tab-btn');\n            tabs.forEach(function(t){ t.classList.remove('cm-tab-active'); });\n            el.classList.add('cm-tab-active');\n\n            if (group === 'inv') {\n                var cards = document.querySelectorAll('#cm-inv-list .cm-item-card');\n                cards.forEach(function(c){\n                    if (value === 'all') {\n                        c.style.display = '';\n                    } else if (value === 'warranty') {\n                        c.style.display = c.getAttribute('data-warranty') === 'ok' ? '' : 'none';\n                    } else if (value === 'nowarranty') {\n                        c.style.display = c.getAttribute('data-warranty') === 'none' ? '' : 'none';\n                    }\n                });\n            }\n        };\n\n        window.casamais_search = function() {\n            var query = document.getElementById('cm-inv-search').value.toLowerCase();\n            var cards = document.querySelectorAll('#cm-inv-list .cm-item-card');\n            cards.forEach(function(c){\n                var name = c.querySelector('.cm-item-name');\n                if (name && name.textContent.toLowerCase().indexOf(query) > -1) {\n                    c.style.display = '';\n                } else {\n                    c.style.display = 'none';\n                }\n            });\n        };\n\n        window.casamais_toggle_task = function(el) {\n            el.classList.toggle('cm-done');\n            var check = el.querySelector('.cm-task-check');\n            if (el.classList.contains('cm-done')) {\n                check.classList.add('cm-checked');\n                check.textContent = '\u2713';\n            } else {\n                check.classList.remove('cm-checked');\n                check.textContent = '';\n            }\n\n            \/\/ Recalcular progresso dinamicamente\n            var tasks = document.querySelectorAll('#cm-task-list-container .cm-task-item');\n            var doneCount = document.querySelectorAll('#cm-task-list-container .cm-task-item.cm-done').length;\n            var pct = Math.round((doneCount \/ tasks.length) * 100);\n            \n            var bar = document.getElementById('cm-prog-bar');\n            var text = document.getElementById('cm-prog-text');\n            if (bar) bar.style.width = pct + '%';\n            if (text) text.textContent = pct + '% Conclu\u00eddo';\n        };\n\n        window.casamais_open_modal = function(title) {\n            var modalTitle = document.getElementById('cm-modal-title');\n            if (modalTitle) modalTitle.textContent = title ? title : 'Adicionar Novo Registo';\n            var modal = document.getElementById('cm-modal');\n            if (modal) modal.classList.add('cm-open');\n        };\n\n        window.casamais_close_modal = function() {\n            var modal = document.getElementById('cm-modal');\n            if (modal) modal.classList.remove('cm-open');\n        };\n\n        window.casamais_save_modal = function() {\n            var name = document.getElementById('cm-modal-input-name').value;\n            if (!name) {\n                alert('Por favor, preencha o nome.');\n                return;\n            }\n            casamais_toast('Registo guardado com sucesso!');\n            casamais_close_modal();\n            document.getElementById('cm-modal-input-name').value = '';\n            document.getElementById('cm-modal-input-value').value = '';\n        };\n\n        window.casamais_toast = function(msg) {\n            \/\/ Cria um alerta flutuante elegante tempor\u00e1rio\n            var existing = document.getElementById('cm-toast-notification');\n            if (existing) existing.remove();\n\n            var toast = document.createElement('div');\n            toast.id = 'cm-toast-notification';\n            toast.textContent = msg;\n            toast.style.cssText = 'position:absolute; bottom:20px; right:20px; background:#0f172a; color:#fff; padding:12px 20px; border-radius:10px; font-size:13px; z-index:9999; box-shadow:0 10px 25px rgba(0,0,0,0.2); animation: cmFadeIn 0.2s ease;';\n            document.getElementById('casamais-root').appendChild(toast);\n\n            setTimeout(function() {\n                if (toast) toast.remove();\n            }, 3000);\n        };\n\n    })();\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2592","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/pages\/2592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/comments?post=2592"}],"version-history":[{"count":7,"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/pages\/2592\/revisions"}],"predecessor-version":[{"id":2837,"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/pages\/2592\/revisions\/2837"}],"wp:attachment":[{"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/media?parent=2592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}